/*
Author       : Syed Ekram.
Template Name: Ariane - Responsive Website Template.
Version      : 1.1
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME PAGE DESIGN
    04. START SECTION TOP DESIGN
    05. START SERVICE PAGE DESIGN
    06. START ABOUT PAGE DESIGN
    07. START PORTFOLIO DESIGN
    08. START BLOG PAGE DESIGN
    09. START CONTACT PAGE DESIGN
    10. START FOOTER TOP DESIGN
    11. START FOOTER BOTTOM DESIGN         
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Rubik:400,500,700,900');*/
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans.eot), /* IE9 Compat Modes */
         url(../fonts/OpenSans/OpenSans.woff) format('woff'), /* Pretty Modern Browsers */
         url(../fonts/OpenSans/OpenSans.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(../fonts/OpenSans/OpenSans.svg) format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "Ubuntu";
    src: url(../fonts/Ubuntu/ubuntu-regular-webfont.eot), /* IE9 Compat Modes */
    url(../fonts/Ubuntu/ubuntu-regular-webfont.woff) format('woff'), /* Pretty Modern Browsers */
    url(../fonts/Ubuntu/ubuntu-regular-webfont.ttf)  format('truetype'), /* Safari, Android, iOS */
    url(../fonts/Ubuntu/ubuntu-regular-webfont.svg) format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "Ubuntu Light";
    src: url(../fonts/Ubuntu/ubuntu-light-webfont.eot), /* IE9 Compat Modes */
    url(../fonts/Ubuntu/ubuntu-light-webfont.woff) format('woff'), /* Pretty Modern Browsers */
    url(../fonts/Ubuntu/ubuntu-light-webfont.ttf)  format('truetype'), /* Safari, Android, iOS */
    url(../fonts/Ubuntu/ubuntu-light-webfont.svg) format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "Factor A";
    src: url(../fonts/FactorA/FactorAMedium-Regular.ttf), /* IE9 Compat Modes */
    url(../fonts/FactorA/FactorAMedium-Regular.woff) format('woff'), /* Pretty Modern Browsers */
    url(../fonts/FactorA/FactorAMedium-Regular.ttf)  format('truetype'); /* Safari, Android, iOS */
}

html, body {
    height: 100% !important;
    width: 100% !important;
}

body {
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color: #1f324d;
    font-family: 'Factor A', sans-serif;
    height: 100% !important;
    width: 100% !important;
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    min-width: 110px;
    border-radius: 35px;
    font-weight: 700;
    justify-content: center;
    font-size: .9375rem;
    letter-spacing: -.01172rem;
    font-family: Factor A,Helvetica,Arial;
    line-height: 1;
    overflow: hidden;
    cursor: pointer;
    transition: .4s ease;
    transition-property: color;
    -webkit-appearance: none;
    appearance: none;
    transform-style: preserve-3d;
    position: relative;
    margin-left: 20px;
    padding: 15px 38px;
}

.btn-primary {
    color: #fff;
    background: #e8384f;
    border: none !important;
    margin: 0;
}

.btn-primary:hover {
    background: #cb2f44;
}

.btn-primary:hover {
    background: #cb2f44;
}

.btn-secondary {
    color: #fff;
    background-color: #1f324d;
    border: 1px solid #fff;
}
.btn-secondary:hover {
    background-color: #fff;
    color: #1f324d;
}
.f-left {
    float: left
}
.f-right {
    float: right
}
.fix {
    overflow: hidden
}

.theme-overlay {
    position: relative
}
.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 { color: #1f324d }
a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
a.dark-hover:hover{
    color: #444;
    text-decoration: underline;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.g-recaptcha{
    text-align: center; !important;
}

/*START PRELOADER DESIGN*/
.preloader {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f324d+1,194766+86 */
    background: #1f324d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1f324d 1%, #194766 86%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1f324d 1%,#194766 86%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1f324d 1%,#194766 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f324d', endColorstr='#194766',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.no-padding { padding: 0 !important}
/*END PRELOADER DESIGN*/
.section-padding { padding: 30px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h1 { text-transform: uppercase }
.section-title > h1 span { color: #E83953 }
@media only screen and (max-width:768px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h1 {
        font-size: 26px;
        text-align: center;
    }

    .section-description {
        text-align: center;
        display: none;
    }
}
@media only screen and (max-width:360px) { 
    .section-title h1 {
        font-size: 24px;
        text-align: center;
    }
}
@media only screen and (max-width:320px) { 
    .section-title h1 { text-align: center }
}
.section-title div {
    background: #E83953 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto 50px;
    width: 50px;
}

.section-values div {
    background: #E83953 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 25px auto 25px;
    width: 100px;
    text-align: right !important;
    color: white;
}

.team-title{
    line-height: 2 !important;
    font-size: 28px;
}
/*END SECTION TITLE DESIGN*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(38, 39, 50, 0.9) none repeat scroll 0 0;
    padding: 60px 0;
}

.overlay-video {
    background: rgba(5, 67, 128, 0.9) none repeat scroll 0 0;
    /*height: 100%;*/
}

.overlay-home {
    background: #e83953; /* Old browsers */
    background: -moz-linear-gradient(45deg, #e83953 0%, #1f324d 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e83953 0%,#1f324d 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #e83953 0%,#1f324d 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#1f324d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.9;
    padding: 60px 0;
    min-height: 600px;
}

.overlay-header {
    background: #1f324d; /* Old browsers */
}

.overlay-header .wave {
    color: #fff; /* Old browsers */
    background: url('/assets/img/wave.svg') 50% no-repeat;
    background-position: bottom;
    background-size: 100% 50%;
    padding: 60px 0;
}

.overlaylm {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
    height: 100%;
}
/*END SECTION OVERLAY*/
/*BTN STYLE*/
.btn-light-bg {
     color: #333;
     border: 1px solid #e8e8e9;
     border-radius: 0;
     font-size: 12px;
     margin-bottom: 0;
     padding: 10px 20px;
     text-transform: uppercase;
     -webkit-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
 }

.btn-light-bg-large {
    color: #333;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    font-size: 12px;
    margin-bottom: 0;
    padding: 30px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #E83953;
    border: 1px solid #E83953;
    color: #fff;
}

.contact-btn{
    background: #0f3152;
    border: none;
}
/*BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02.START HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/

#sticky-header {
    background-color: #1D304E;
}

#client-sandbox-banner {
    background: #e8384f;
    width: 100%;
    color: #fff;
    vertical-align: middle;
}

#client-sandbox-banner p {
    margin-top: 1rem;
}

/* 2 header */
.header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .4s;
}
.sticky {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    z-index: 9999;
    background: #fff;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.white-header .sticky {background:#1e1465;}
.header-area {
    min-height: 47px;
    padding: 10px 0;
}
.header-wrapper{}
.header-left{}
.header-icon {
    float: left;
    margin-right: 8px;
}
.header2-left {
    float: left;
}
.header-icon span {
    color: #fff;
    font-size: 14px;
    top: 2px;
    position: relative;
}
.header-text {
    float: left;
    padding-right: 30px;
}
.header-leftt:first-child{padding-right:0;}
.header-text span {
    color: #fff;
    font-size: 14px;
}
.header-right-wrapper {
    float: right;
}
.header-right-text {
    float: left;
}
.header-right-text li {
    display: inline-block;
    position: relative;
}
.header-right-text li a {
    color: #fff;
    transition: all 0.3s ease 0s;
    font-size: 14px;
    font-weight: 400;
}
.header-right-text li::after {
    color: #c9c9c9;
    content: "/";
    display: inline-block;
    float: right;
    font-size: 14px;
    position: relative;
    right: -2px;
    top: 3px;
}
.header-right-text li:last-child::after{display:none;}
.header-top-icon {
    float: right;
    margin-left: 48px;
    position: relative;
}
.header-top-icon::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 2px;
    background: #4d4d4d;
    left: -26px;
    top: 4px;
}
.header-top-icon a {
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
    transition: .3s;
}
.white-header .header-area {background:none;padding:0;}
.header-border {
    border-bottom: 1px solid #515c7e;
    padding: 15px 0 15px 0;
}
.white-header .header-top-icon::before {
    background: #c9c9c9;
}
.white-header{}
.header-top-icon a:hover{opacity: .7}
.header-top-icon a:last-child{margin-right:0;}
.header-right {
    margin-top: 24px;
}
.header-right .cart-bar {
    position: relative;
    margin-right: 54px;
}
.header-right .cart-bar::before {
    position: absolute;
    height: 20px;
    width: 2px;
    content: "";
    background: #cccccc;
    right: -29px;
    top: 3px;
}
.header-right ul {
    float: right;
    margin-top: 12px;
}
.header-right li {
    display: inline-block;
}
.header-right ul li a {
    color: #333333;
    font-size: 18px;
}
.header-right ul li a:hover{color: #738395;}
.white-header .header-right ul li a {
    color: #fff;
}
.white-header .header-right ul li a:hover{color: #738395;}
.header-right li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    padding-bottom: 12px;
}
.header-right li:last-child{margin-right:0;}
.search-form {}
.logo {
    margin-top: 33px;
}
.main-menu  ul {}
.main-menu nav > ul  > li {
    display: inline-block;
    position: relative;
}
.main-menu ul li:last-child a{padding-right:0}
.main-menu ul li:first-child a{padding-left:0}
.main-menu nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 38px 18px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    background: transparent;
    line-height: 1;
}
.main-menu nav > ul  > li:hover > a,.main-menu nav > ul  > li.active > a{color:#738395;}
.main-menu nav > ul > li.new{position:relative;}
.main-menu nav > ul > li.new::before {
    position: absolute;
    content: "new";
    width: 50px;
    height: 20px;
    background: #738395;
    top: 16px;
    color: #fff;
    right: -18px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 3px;
    z-index: 99;
    font-weight: 700;
}
.white-header .main-menu nav > ul > li > a {
    color: #fff;
}
.white-header .main-menu nav > ul  > li:hover > a,.main-menu nav > ul  > li.active > a{color:#738395;}
/* sub-menu */
.main-menu nav > ul  > li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #738395;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}
.main-menu nav > ul  > li:hover .sub-menu{opacity:1;top:100%;visibility:visible}
.main-menu nav > ul  > li .sub-menu li{display:block}
.main-menu nav > ul > li .sub-menu li a {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 13px 20px;
    text-transform: capitalize;
    display: block;
}
.main-menu nav > ul  > li:hover > .sub-menu li > a:hover{color:#fff;background:#738395;}
/* extra info */
.extra-info {
    background: #222 none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.7s ease 0s;
    width: 340px;
    z-index: 9999;
    transform: translateX(100%);
    padding-bottom: 40px;
    overflow-y: scroll;
}
.extra-info.info-open {
    transform: translateX(0);
}
.extra-info-left{right:inherit;left: 0;transform: translateX(-100%);}
.extra-info.extra-info-left.info-open{transform: translateX(0);}
.close-icon {
    margin-top: -16px;
    text-align: right;
}
.close-icon > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #738395;
    cursor: pointer;
    font-size: 20px;
    padding: 0;
}
.extra-info > p {
    color: #ddd;
    font-size: 15px;
    line-height: 28px;
}
.instagram img {
    width: 100%;
}
.social-icon-right > a {
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    transition:.3s;
}
.social-icon-right > a:hover {
    color: #ddd;
}
.instagram {
    overflow: hidden;
    margin: 0 -4px;
}
.instagram > a {
    float: left;
    width: 33.33%;
    padding: 0 4px;
    margin-bottom: 7px;
}
.side-menu {
    border-bottom: 1px solid #444;
    padding-bottom: 12px; }

.side-menu ul li {
    margin-bottom: 15px; }

.side-menu ul li a {
    color: #ddd;
    font-size: 15px;
    transition:.3s;

}

.side-menu ul li:hover a {
    color: #fff; }

/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.home_overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
}
.hero { height: 650px }
.hero-text h1 {
color: #fff;
font-size: 55px;
font-weight: 700;
letter-spacing: 2px;
line-height: 66px;
margin-bottom: 20px;
padding-top: 250px;
text-transform: uppercase;
}
@media only screen and (max-width:480px) {
.hero-text h1 {
font-size: 32px;
line-height: 32px;
    }
}
.hero-text p {
color: #fff;
font-size: 22px;
line-height: 34px;
margin-bottom: 30px;
text-transform: uppercase;
}
.p2 {
    color: #222;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.btn-home-bg {
background-color: transparent;
border-color: #fff;
border-radius: 0;
color: #fff;
font-size: 18px;
line-height: 18px;
padding: 15px 40px;
text-transform: uppercase;
}
@media only screen and (max-width:360px) {
    .btn-home-bg { padding: 15px 20px }
}
.btn-home-bg:hover {
    background-color: #E83953;
    border-color: #E83953;
    color: #fff;
}
/*END SLIDER DESIGN*/
/*START PROMOTION DESIGN*/
.buy_now {
    background: rgba(22, 48, 79, 0.99) none repeat scroll 0 0;
    /*background: #1f324d; !* Old browsers *!*/
    /*background: -moz-linear-gradient(45deg, #e83953 0%, #1f324d 66%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(45deg, #e83953 0%,#1f324d 66%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(45deg, #e83953 0%,#1f324d 66%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#1f324d',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/
    padding: 20px 0;
}

.vision {
    background: #1f324d; /* Old browsers */
    /*background: -moz-linear-gradient(45deg, #e83953 0%, #1f324d 66%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(45deg, #e83953 0%,#1f324d 66%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(45deg, #e83953 0%,#1f324d 66%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#1f324d',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/
    padding: 40px 0;

}
.inta-exhibit-banner {
    background-size: 300px 100px;
}
.inta-banner{
    background: #e83953; /* Old browsers */
    padding: 20px 0;
}
.inta-bullet{
    color: #E83953;
    font-weight: bold;
}
.inta-margin-left{
    margin-left: 2em;
}
.inta-email-font{
    color: #E83953;
    font-size: 12px;
    text-align: center !important;
}
.inta-map{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    left: 50%;
}
.inta-contact{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.inta-portrait {
    height: auto;
    width: 100%;
}
.buy_now_title {
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 300;
}
.privacy_banner{
    background: #019288;
    padding: 20px 0;
    z-index: -2;
}
/* Other cool colours for banner?
    bright orange - f08a01

    dark orange - cf7b00
    pale orange - f8bd55

    medium green - 019288
    light green - 6fba53
*/

@media only screen and (max-width:480px) {
    .buy_now_title { letter-spacing: 0px }
}
.btn-promotion-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    margin-left: 100px;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:767px) {
    .btn-promotion-bg {
        margin-top: 20px;
        position: relative;
        display: block;
        max-width: 220px;
        left: 50%;
        margin-left: -110px;
    }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*END PROMOTION DESIGN*/
/*START ABOUT*/
.about {
    background: #F8F8F8;
    padding-top: 60px;
}
.single_about {
    border-right: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
    padding: 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    background: #fff;

}
.single_about:last-child { border-right: 0px }
.single_about:hover {
    background: #1f324d;
}
.single_about:hover i { color: #1f324d !important; }
.single_about:hover h4 { color: #fff }
.single_about:hover p { color: #fff }
.single_about i {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 50%;
    color: #dadfe1;
    display: inline-block;
    font-size: 30px;
    height: 100px;
    line-height: 100px;

    margin: -50px 0 24px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
    width: 100px;
}
.single_about h4 {
    font-weight: 300;
    text-transform: capitalize;
    /*letter-spacing: 1px;*/
}
@media only screen and (max-width:768px) {
    .single_about h4 { font-size: 15px }
}
.product_info {
    background: #F8F8F8;
    height: 100%;
    padding: 60px 0;
}
/*END ABOUT*/
/*START WHY CHOOSE US*/
.why_overlay {
    background: rgba(38, 39, 50, 0.9) none repeat scroll 0 0;
    height: 100%;
    padding: 60px 0;
}
.section-title-white { color: #fff }
.single_why {
    padding: 25px 20px 15px 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_why_index {
    padding: 10px 20px 0px 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why_index i {
    color: #E83953;
    font-size: 40px;
    margin-bottom: 10px;
}
.single_why_index h4 {
    margin-top: 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 300;
}
.single_why_index p { color: #fff }

/*.single_why:hover { border: 1px solid #E83953 }*/
@media only screen and (max-width:480px) {
    .single_why { margin-bottom: 20px }
}
.single_why i {
    color: #E83953;
    font-size: 22px;
    margin-bottom: 10px;
}
.single_why h4 {
    /*color: #fff;*/
    text-transform: capitalize;
    font-weight: 300;
}
/*.single_why p { color: #fff }*/
/*END WHY CHOOSE US*/
/*START COUNT DOWN DESIGN*/
.counter_feature{background:#f6f6f6;}
.counter {
background:#fff;
	box-shadow:0px 11px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #e8e8e9;
    padding: 20px;
	transition: all 0.4s ease 0s;
}
.counter:hover {background:#E83953;transform:translate3d(0px, -10px, 0px)}
@media only screen and (max-width:480px) {
    .counter { margin-bottom: 10px }
}

.counter h1 {
    color: #E83953;
    font-weight: 700;
	transition: all 0.4s ease 0s;
}
.counter:hover h1 {color:#fff;}
.counter p {
    text-transform: capitalize;
    font-size: 18px;
	transition: all 0.4s ease 0s;
}
.counter:hover p {color:#fff;}
@media only screen and (max-width:768px) {
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) {
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) {
    .counter p { font-size: 17px }
}
/*END COUNT DOWN DESIGN*/
/*START TEAM DESIGN*/
.team h4 {
    margin-top: 10px;
    text-transform: uppercase;
}
.team img { width: 100% }
.team_social_icon {
    margin-bottom: 20px;
    margin-top: 20px;
}
@media only screen and (max-width:768px) {
    .team_social_icon { margin-bottom: 40px }
}
.team_social_icon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.team_social_icon ul li { display: inline-block }
.team_social_icon ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 21px;
    padding: 10px 13px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 45px;
}
.team_social_icon ul li a i { width: 20px }
.team_social_icon ul li a:hover {
    background: #E83953;
    color: #fff;
    border: 1px solid #E83953;
}
.facebook {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.twitter {
    background: #40BFF5;
    border: 1px solid #40BFF5;
}
.google {
    background: #EB5E4C;
    border: 1px solid #EB5E4C;
}
.linkedin {
    background: #238CC8;
    border: 1px solid #238CC8;
}
/*END TEAM DESIGN*/
/*START TESTIMONIAL DESIGN*/
.testimonial_overlay {
    background: #F8F8F8;
    padding: 150px 0 100px 0;
}
.cover-container img { display: inline }
.testimonial-image {
    border-radius: 100px;
    width: 120px;
    height: 120px;
}
.testomonial_left {
    float: left;
    margin-right: 50px;
}
.testomonial_left h4 { margin: 10px 0 }
.testimonial_text {
    letter-spacing: 1px;
    padding-top: 30px;
}
@media only screen and (max-width:480px) {
    .testimonial_text {
        letter-spacing: 0px;
        text-align: left;
    }
}
.testomonial_left h5 { margin-bottom: 5px }
.carousel-indicators li {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 12px;
    height: 2px;
    margin: 0 1px;
    width: 20px;
}
.carousel-indicators .active {
    height: 2px;
    margin: 0 1px;
    width: 20px;
    border: 1px solid #E83953;
    background: #E83953 none repeat scroll 0 0;
}
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }
/*END TESTIMONIAL DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: capitalize;
}
.section-login h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
.section-top-title h3 {
    color: #fff;
    font-size: 38px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) {
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-login {
    padding-bottom: 30px;
    padding-top: 50px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #E83953!important }
/*
 * ----------------------------------------------------------------------------------------
 *  04.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.START SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_service {
    border: 1px solid #e8e8e9;
    margin-bottom: 25px;
    padding: 55px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_service:hover { border: 1px solid #E83953 }
.single_service i {
    font-size: 26px;
    margin-bottom: 20px;
    color: #E83953;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_service:hover i { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.single_service h4 {
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) {
    .single_service h4 { font-size: 15px }
}
/*START FEATURE DESIGN*/
.feature { }
.single_feature { margin-bottom: 40px }
.single_feature i {
    color: #fff;
    margin-right: 30px;
    font-size: 22px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.single_feature h4 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.single_feature:hover h4 { color: #E83953 }
.single_feature:hover i { color: #E83953 }
.single_feature p { color: #fff }
/*END FEATURE DESIGN*/
/*START PRICING DESIGN*/
.pricing-section{background:#fafafa;}
.pricing_overlay{background:rgba(255,255,255,0.9);padding:60px 0;}
.pricing-content {
background: #fff none repeat scroll 0 0;
border-top: 3px solid #E83953;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition: all 0.4s ease 0s;
}
.pricing-content:hover{transform:scale(1.02);}
@media only screen and (max-width:768px) {
    .pricing-content { margin-bottom: 20px }
}
.pricing-price h1{
color: #E83953;
font-size: 50px;
margin: 0;
padding: 20px 0;
}
.pricing-price h1 span{font-size: 70px;}
.pricing-title h3 {
  margin: 0;
  padding: 10px 0;
}
.pricing-data p {
    padding: 10px 0;
    margin-bottom: 0;
}
.pricing-order a{
background: #E83953 none repeat scroll 0 0;
border: 1px solid #E83953;
color: #fff;
}
.pricing-order a:hover{
background: none repeat scroll 0 0;
border: 1px solid #e8e8e9;
color: #333;
}
.pricing-order { padding: 20px 0 }
/*END PRICING DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.END SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  06.START ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_who { padding-top: 50px }
@media only screen and (max-width:768px) {
    .single_who { padding-top: 0px }
}
.single_who h2 {
    color: #E83953;
    border-bottom: 1px solid #e8e8e9;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 10px 0;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) {
    .single_who img { padding-top: 30px }
}
.single_who p { margin-bottom: 30px }
/* START SKILL DESIGN */
.progress-bar-text {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 30px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #E83953 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*START COMPANY LOGO DESIGN*/
.company_logo {
    background: #FFFFFF none repeat scroll 0 0;
}

.company_logo img {
    width: 100%;
}

@media only screen and (max-width:480px) {
    .company_logo img { margin-bottom: 20px }
}

/*END COMPANY LOGO DESIGN*/

/*START COMPANY LOGO DESIGN*/
.other_logo { background: #FFFFFF none repeat scroll 0 0 }
.other_logo img {
    /*     height: 100px;;
    width: 100%;*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) {
    .other_logo img { margin-bottom: 20px }
}
.other_logo img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*END COMPANY LOGO DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 *  06.END ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 07.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.work_all_item .mix { display: none }
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
    border: 1px solid #e8e8e9;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 5px 13px;
    padding: 5px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) {
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
    border-color: #E83953;
    background: #E83953;
    color: #fff;
}
.work_all_item .grid-item { padding: 0 }
.single_our_work {
    -webkit-transition: 0.5s;
            transition: 0.5s;
    overflow: hidden;
}
.sing_work_photo { position: relative }
.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.single_our_work figure { margin-bottom: 0 }
.sing_work_text_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    background: rgba(28, 186, 200, 0.8) none repeat scroll 0 0;
    -webkit-transition: .4s;
            transition: .4s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}
.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}
.sing_work_text_link h4 {
    color: #fff;
    text-transform: uppercase;
}
.single_our_work:hover .sing_work_text_link h4 { -webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out }
.single_our_work:hover .sing_work_text_link p { -webkit-animation: fadeInDown 600ms ease-in-out; animation: fadeInDown 600ms ease-in-out }
.sing_work_text_link p { margin: 10px 0 25px }
.sing_link_img a i.fa { font-size: 14px }
.sing_link_img a {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    width: 40px;
}
.sing_link_img a:hover {
    background: #E83953;
    color: #fff;
}
.sing_link_img a.search { margin-right: 17px }
.single_our_work:hover  .sing_link_img a.search { -webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out }
.single_our_work:hover  .sing_link_img a.link { -webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out }
.single_our_work:hover {
    background: #E83953;
    color: #fff;
}
.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{background:#f6f6f6; padding-top:60px}
.project_dec {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 4px 8px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
padding: 20px;
}
.project_dec img {margin-right: 20px;
width: 600px;}
@media only screen and (max-width:768px) {
.project_dec img {width: 100%;}
}
.similar_p {
border-bottom: 1px solid #e8e8e9;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
}
.similar_p span{ color: #3ab3df}
.related_single_project{padding-bottom:60px}
.related_project  h4 {
color: #333;
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #e8e8e9;
}

.related_project  h4:hover { color: #3ab3df }
.about_project h4,
.about_project_details h4 {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #3ab3df;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #3ab3df;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */



/*
* ----------------------------------------------------------------------------------------
* START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq{background:#f6f6f6;padding:60px 0;}
.faq_desc {
background: #fff none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 20px;
}
.question { font-weight: 700 }
.question span {
    background: #202020 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #E83953  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}

/*
* ----------------------------------------------------------------------------------------
* END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* Start of Server Area
* ----------------------------------------------------------------------------------------
*/
.ip-check{
    background: #E83953;
    padding: 40px 0;
    display: none;
}
.ip-check .ip-router .ip-router__title{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
.ip-check .ip-router .ip-router__body{
    color: #fff;
    letter-spacing: 0.04em;
    margin-bottom: 15px;
}
.ip-check .ip-router .ip-router__body a{
    color: #fff;
    text-decoration: underline;
}
.ip-check .ip-router .ip-router__body a:hover{
    color: #444;
    text-decoration: none;
}
.ip-check .ip-router .btn{
    margin: 0;
}

.server_section {
    background: #e83953; /* Old browsers */
    background: -moz-linear-gradient(45deg, #e83953 0%, #1f324d 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e83953 0%,#1f324d 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #e83953 0%,#1f324d 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#1f324d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 40px 0;
}
.server_section .btn{
    margin:0;
}
.server-area {
    padding: 4em 0 8em 0;
}
.server-content .server{
    height: 5em;
}
.server-area .section-title{
    margin-bottom: 4em;
}
/* +++++++++++++++++++  Server DEFAULT */
.server .server__border{
    margin: 0.5em auto 0;
    height: 4em;
    border: 0.15em solid #726c76;
}
.server .server__name,
.server .server__image{
    display: inline-block;
    height: 100%;
    line-height: 3.7em;
}
.server .server__name{
    width: 80%;
    font-weight: 600;
    color: #726c76;
    padding-left: 8%;
}
.server .server__name a{
    font-weight: 100;
    text-decoration: underline;
}
.server .server__name a:hover{
    color: #0b0b0b;
    text-decoration: none;
}
.server .server__image{
    width: 20%;
    border-left: 0.1em dotted #726c76;
}
.server .server__image-light{
    width: 0.8em;
    height: 0.8em;
    border-radius: 1em;
    border: 0.15em solid #dddddd;
    background: #726c76;
    display: inline-block;
    position: relative;
}
.server .server__tooltip{
    visibility: hidden;
    width: 4em;
    height: 1.8em;
    bottom: 100%;
    left: 50%;
    margin-left: -2em;
    background-color: rgba(12, 49, 82, 0.81);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    line-height: initial;
}
.server__image-light:hover .server__tooltip{
    visibility: visible;
}
.server__image-light .server__tooltip::after{
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(12, 49, 82, 0.81) transparent transparent transparent;
}
/* +++++++++++++++++++  Server ON */
.server--on .server__border{
    border: 0.1em solid #019288;
}
.server--on .server__name{
    color: #019288;
}
.server--on a{
    color: #019288;
}
.server--on .server__image{
    border-left: 0.1em dotted #019288;
    background: rgba(1,146,136,0.15);
}
.server--on .server__image-light{
    border: 0.15em solid #38B5AC;
    background: #019288;
}

/* +++++++++++++++++++  Server OFF */
.server--off .server__border{
    border: 0.15em solid #C51C15;
}
.server--off .server__name{
    color: #C51C15;
}
.server--off a{
    color: #C51C15;
}
.server--off .server__image{
    border-left: 0.1em dotted #C51C15;
    background: rgba(197,28,21,0.14);
}
.server--off .server__image-light{
    border: 0.15em solid #D46A75;
    background: #C51C15;
}
/* +++++++++++++++++++  Server MAINTENANCE */
.server--maintenance .server__border{
    border: 0.15em solid #f2ae16;
}
.server--maintenance .server__name{
    color: #f2ae16;
}
.server--maintenance a{
    color: #f2ae16;
}
.server--maintenance .server__image{
    border-left: 0.1em dotted #f2ae16;
    background: rgba(242,174,22,0.14);
}
.server--maintenance .server__image-light{
    border: 0.15em solid #FFBF31;
    background: #f2ae16;
}
.server--maintenance .server__tooltip{
    width: 6.5em;
    margin-left: -3.3em;
}

/*
* ----------------------------------------------------------------------------------------
* START 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.search { margin-bottom: 30px }
.error_page h1 {
    font-size: 200px;
    text-shadow: 0 4px 0 #dcdcdc;
}
@media only screen and (max-width:320px) {
    .error_page h1 { font-size: 150px }
}
.form-control-feedback {
    color: #333;
    line-height: 40px !important;
    width: 60px;
}
.error_page h4 {
    line-height: 30px;
    margin-bottom: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* END 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  08.START BLOG PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog-post {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.blog-post h4 {
    border-bottom: 1px solid #e8e8e9;
    text-transform: uppercase;
    padding: 10px 0;
}
.blog-post .tittle-post:hover { color: #E83953 }
.blog-post p { margin-bottom: 30px }
.blog-post .post-bt {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.blog-post .post-bt span {
    color: #E83953;
    font-weight: 700;
}
.blog-post .post-info {
    border-bottom: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 0;
    position: relative;
}
.blog-post .post-img {
    position: relative;
    overflow: hidden;
}
.blog-post .post-img img { width: 100% }
.blog-post iframe {
  border: medium none;
  height: 350px;
  width: 100%;
}
.blog-post .post-info li {
    display: inline-block;
    margin-right: 20px;
}
.blog-post .post-info li i {
    margin-right: 10px;
    font-size: 14px;
}
.blog-post .post-info li .date {
    background: #E83953 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 5px 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -14px;
    width: 58px;
}

/*START PAGINATION*/
ul.blog_pagination li a {
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #333;
    font-size: 18px;
    height: 40px;
    margin: 5px;
    padding: 6px 14px;
    width: 40px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #E83953;
    border: 1px solid #E83953;
}
/*END PAGINATION*/
/*END BLOG LEFT SIDEBAR*/
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
    color: #E83953;
    padding-bottom: 15px;
}
.search,
.recent_post,
.video_post,
.categories { margin-bottom: 30px }
.recent_single {
    margin-bottom: 20px;
    overflow: hidden;
}
.recent_single > a:hover { color: #28c8d6 }
.recent_single img {
    width: 100px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.recent_single h4 {
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
}
.recent_single h4:hover { color: #E83953 }
@media only screen and (max-width:991px) {
    .recent_single h4 { font-size: 12px }
}
.recent_single span { color: #333 }
.recent_single span i {
    color: #E83953;
    margin-right: 10px;
}
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
    color: #333;
    display: block;
    padding: 5px 0;
}
.categories ul li a:hover { color: #E83953 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
	 border: medium none;
}
.tag_cloud a { margin: 5px }
@media only screen and (max-width:768px) {
    .tag_cloud a { padding: 10px 12px }
}
/*END BLOG SIDEBAR*/
.tag a{
border: 1px solid #e8e8e9;
color: #222;
display: block;
float: left;
font-size: 14px;
margin: 4px;
padding: 5px 12px;
transition: all 0.4s ease 0s;
}
.tag a:hover{
background:#3ab3df;
color:#fff;
border: 1px solid #3ab3df;}
/*END BLOG SIDEBAR*/
/*END BLOG SINGLE*/
.comment-section {
  margin-bottom: 50px;
}
.comment-section img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid #e8e8e9;
}
.comment_single {
background: #f6f6f6 none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
}
.comment_single h5 {
    color: #3ab3df;
    font-weight: 600;
}
.blog-contact{
  background: #f6f6f6 none repeat scroll 0 0;
}
.contact-title {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 15px;
  padding: 10px 0;
}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END BLOG PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 09.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.pb60 { padding-bottom: 60px }
.contact_text { margin-bottom: 30px }
.contact_text p {
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
.contact_address  h4 {
    color: #E83953;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.contact_address {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #e8e8e9;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
padding: 38px;
}
.contact_address i {
    color: #E83953;
    font-size: 16px;
    margin-right: 10px;
}
.contact_address a {
    color: #E83953;
    font-weight: 700;
    letter-spacing: 1px;
}
.contact_address p b {
    color: #E83953;
    letter-spacing: 1px;
}
.contact h4,
.g-map h4 {
    border-bottom: 1px solid #e8e8e9;
    margin-bottom: 30px;
    padding: 10px 0;
    color: #202020;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) {
    .g-map h4 { margin-top: 30px }
}
.form-control {
    border: 1px solid #e8e8e9;
    box-shadow: none;
    color: #333;
    height: 45px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #E83953;
    box-shadow: none;
    outline: 0 none;
}
.actions input{ background: none }
.map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 09.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  10.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-top{background:#fff; margin-top: -2px;}
@media only screen and (max-width:768px) {
    .single_footer { margin-bottom: 20px }
}
.single_footer h4 {
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
.footer_contact ul li {
    padding: 5px 0;
}
.single_footer p { color: #1f324d }
.single_footer i {
margin-right: 10px;
border: 1px solid #0f3152 ;
background: #0f3152 ;
color: #fff;
padding: 10px;
width: 40px;
height: 40px;
text-align: center;
 }
.single_footer a { color: #aaa }
.single_footer a:hover { color: #aaa }
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li a {
    color: #aaa;
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    padding: 8px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.single_footer ul li a:hover {
    color: #E83953;
}

.btn-footer-dark-bg {
  background: #fff  none repeat scroll 0 0;
  border: 1px solid #0f3152 ;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 11px;
  margin: 10px 0;
  padding: 8px 12px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out 0s;
}
.btn-footer-dark-bg:hover,
.btn-footer-dark-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #222!important;
}

.footer_blog { padding-bottom: 20px }
.footer_blog img {
    float: left;
    height: 80px;
    margin-right: 15px;
    overflow: hidden;
    width: 80px;
}
.footer_blog  h3 {
color: #aaa;
font-size: 16px;
line-height: 25px;
padding-top: 10px;
transition: all 0.4s ease 0s;
}
.footer_blog span { color: #aaa }
.footer_blog  h3:hover { color: #E83953 }
/*
* ----------------------------------------------------------------------------------------
* 10.END FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  11.START FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer { background-color: #fff }
.footer-content { }
.footer-content img { width:300px; }
.footer-content { }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    display: inline-block;
    margin: 2px;
}
@media only screen and (max-width:320px) { 
    .footer_social ul li { margin: 0px }
}
.footer_social ul li a {
background: #0f3152 none repeat scroll 0 0;
border: 1px solid #0d0e11;
color: #aaa;
display: block;
font-size: 18px;
height: 45px;
line-height: 21px;
padding: 10px 13px;
transition: all 0.4s ease 0s;
width: 45px;
}
.footer_social ul li a i { }
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    box-shadow: 0 2px 0 0 #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 2px 0 0 #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 2px 0 0 #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 2px 0 0 #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #E13138;
    box-shadow: 0 2px 0 0 #E13138;
    border: 1px solid #E13138;
}
.f_skype:hover {
    background: #35C6EA;
    box-shadow: 0 2px 0 0 #35C6EA;
    border: 1px solid #35C6EA;
}
.footer_copyright {
    margin-top: 20px;
    color: #1f324d;
    padding-top: 10px;
    font-size: 12pt;
    color: #c6c6c6;
}

.alert-danger {
    background-color: #e83953 !important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
*  11.END FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/

.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}