@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900&display=swap');
@import "font-awesome.min.css";
@import "font-awesome-animation.min.css";

::selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #333333;
    /* Firefox */
    color: #fff;
    text-shadow: none;
}
::-webkit-selection {
    background: #333333;
    /* Safari */
    color: #fff;
    text-shadow: none;
}
:active,
:focus {
    outline: none !important;
}
input[type="button"]
{    outline:none;
}
html {
    font-size: 100%;
}
body {
    line-height: 1.7;
    color: #808080;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif!important;
    background-color: #fff;
}
a {
    color: #808080;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #595959;
    text-decoration: none;
}
a img {
    border: none;
}
img {
    max-width: 100%;
}
iframe {
    border: none !important;
}
/* -------- Headings ---------- */
h1,
.h1 {
    font-size: 3.4rem;
}
h2,
.h2 {
    font-size: 2rem;
}
h3,
.h3 {
    font-size: 24px;
}
h4,
.h4 {
    font-size: 17px;
}
h5,
.h5 {
    font-size: 14px;
}
h6,
.h6 {
    font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 600;
    line-height: 1.42857143;
    color: #13161f;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: #333333;
}
/* -------- Body Text ---------- */
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 10px;
}
/* -------- Custom Font Family ---------- */
.font-opensans {
    font-family: 'Open Sans', sans-serif;
}
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}
/* .font-roboto {
        font-family: 'Roboto', sans-serif;
} */
.font-playfair {
    font-family: 'FuturaBT-Book', serif;
}
.font-raleway {
    font-family: 'Raleway', sans-serif;
}
/* breadcrumb */
.breadcrumb {
    background-color: transparent;
    padding-left: 0;
}
.breadcrumb > li + li::before {
    content: "\f22d";
    font-family: fontawesome;
    font-size: 9px;
}
.breadcrumb li.active {
    color: #111111;
}
.breadcrumb.white li.active {
    color: #fff;
}
.breadcrumb.white li a {
    color: #808080;
}



/*customer page css*/

.main-section-b .positionabs{
    position: inherit;
    margin-top: 40px;
}

.main-section-b .searchouterdiv1 .searchServices{
    background: #ffffff;
}

.main-section-b .searchouterdiv1 .form-control{border: 1px solid #13161f;  border-radius:5px;}

.main-section-b .minheight50{border: 1px solid #13161f;     border-radius: 5px;}

.main-section-b .searchouterdiv1 #slidecontainer{padding-top: 20px;}

.main-section-b .searchouterdiv1 .slidecontainer p{top: 5px;}

.main-section-b .searchouterdiv1{    width: 95%;}

.main-section-b .searchouterdiv1 .form-control:focus{border: 1px solid #13161f; border-color: #13161f;}

.main-section-b .searchouterdiv1 .searchbutton{margin-left: 30px; border-radius: 5px; }

.main-section-b .searchouterdiv1 .locationouter:before{ background-color:inherit;}

.main-section-b .searchouterdiv1 .locationouter .location{ border-radius: 0px;}

.main-section-b .searchouterdiv1 .searchServices .searchservicesinner{padding: 0 30px;}

.main-section-b h1 span{color: #ff5863;font-weight: 700;}
.main-section-b h1{
    font-weight: 300;
    margin-top: 50px;
}

.howit-works-b{
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
    padding-bottom: 100px;
}


.heading-b{
    text-align:center;
    margin-bottom: 80px;
}

.line-b{
    width: 60px;
    height: 4px;
    /*background-color: #000000;*/
    background-image: linear-gradient(72deg, #FF8955, #FF386B);
    margin: 0px auto;}

.heading-b h1{
    font-size:42px;
    font-weight: 500;
    margin-bottom: 30px;
}

.how-it-works-inn-b{
    text-align:center;
    padding:20px;
}

.how-it-works-inn-b h3{ font-size: 16px;}
.how-it-works-inn-b p{ font-size: 12px;}

.how-it-works-inn-b:hover{
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.24);
}

.steps-b{ text-align: left;}

.tabs-b {
    width: 80%;
    margin: 0px auto;
}

.tabs-b .tab-content{ border: 0px;}

.tabs-b .nav-tabs{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    border: 1px solid #ececec;}

.tabs-b .nav-tabs li a span{ width: 100%; text-align:center;}

.tabs-b .nav-tabs > li{    text-align: center;
    width: 100%;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;}

.tabs-b .nav-tabs > li a img{ padding-top:10px;}

.tabs-b .nav-tabs > li a p{margin-top: 20px;font-size: 16px;font-weight: 400;}

.tabs-b .nav-tabs > li > a{ background-color: #ffffff;}

.tabs-b .nav-tabs > li.active a, .tabs-b .nav-tabs > li.active a:hover, .tabs-b .nav-tabs > li.active a:focus{
    background-color: #d18700;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.tabs-b .tab-content{
    padding: 60px 0px 30px 0px;
    float: left;
    width: 100%;}

.tabs-b .tab-content-right{

}

.tabs-b .tab-content-right .line{
    width: 50px;
    height: 4px;
    background-image: linear-gradient(72deg, #FF8955, #FF386B);
    margin-bottom: 20px;
}

.tabs-b .tab-content-right p{
    margin-bottom: 35px;
    color: #13161f;
    line-height: 30px;
}

.tabs-b .tab-content-right ul{
    margin-bottom: 20px;
    margin-left: 18px;
}

.tabs-b .tab-content-right ul li{
    line-height: 32px;
    color: #13161f;
    list-style: square;
}

.btn-b-primary{
    background-image: linear-gradient(45deg, #FFA454,#F66161);
    color: #FFFFFF;
}

.callto-action-b .btn-b-primary:hover{ color: #FFFFFF;}
.callto-action-b .btn-b-primary:focus{ color: #FFFFFF;}

.my-quix-fixes{ padding-bottom: 120px;}

.tabs-b .nav-tabs>li>a:hover{    border-color: transparent transparent transparent;}

.jobs-served{ background-image: linear-gradient(77deg, #FF8955, #FF386B);/*background-color: #f5cc00;*/}
.jobs-served-left {text-align: center;padding-top: 20px;padding-bottom: 20px;}
.jobs-served-left h3{margin-bottom: 0px;font-size: 40px;font-weight: 400;margin-top: 0px;color: #FFFFFF;}
.jobs-served-left h1{margin-top: 0px;margin-bottom: 0px;font-weight: 800;line-height: 60px;color: #FFFFFF;}
.jobs-served-left h4{margin-top: 0px;margin-bottom: 0px;font-size: 21px; color: #FFFFFF;}
.jobs-served-right {
    background-color: #ffffff;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}

.jobs-served-right h3{    font-size: 50px;
    margin-top: 0px;
    margin-bottom: 0px;}

.jobs-served-right p{    font-size: 17px;}

.jobs-served .container{ padding-top: 0px;}


.features-main-inn {
    text-align: center;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
    min-height: 340px;
}
.features-main-inn:hover{ background-color: #d18700;}
.features-main-inn:hover p{ color:#FFFFFF;}
.features-main-inn:hover h3{ color:#FFFFFF;}
.features-main-inn h3{font-weight:500;font-size: 20px;}
.features-b{background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); padding-bottom: 80px;}
.features-b-img{ text-align: center;}
.features-main-inn{ margin-bottom: 40px;}
.features-main-inn p{}
.features-main-inn .line-b{margin: 20px auto;width: 30px;height: 3px;}

.faq-b{ padding-bottom: 80px;}

.panel-group .panel {
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    position: relative;
}
.panel-group .panel-title {
    font-size: 13px;
}
.faq-b .panel-group .panel-title a {
    display: block;
    font-size: 14px;
    padding: 20px 15px 20px 30px;
    white-space: normal;
    border-radius: 50px;
    border: 1px solid #f6f6f6;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #ffffff;
}
.faq-b .panel-group .panel-title a.active {
    background: #ffffff none repeat scroll 0 0 !important;
    border-bottom: 1px solid #f6f6f6 !important;
    color: #111111;
}

.more-less {
    float: right;
    color: #606470;
}

.faq-b .panel-default>.panel-heading{ background-color:#ffffff;}

.panel-group .panel-title a.active .open-sub:after {
    display: none;
}
.panel-group .panel-title a.active::after {
    color: #fff;
    background: #e3e3e3 !important;
    content: "\f068";
}
.faq-b .panel-group .panel-title a::after {
    color: #777777;
    content: "\f067";
    font-family: fontawesome;
    font-size: 14px;
    left: 0;
    padding: 10px 14px;
    position: absolute;
    top: 0;
    display: none;
}
.panel-group .panel-title:hover a,
.panel-group .panel-title:focus a {
    color: #333333;
}
.panel-group .panel-title .open-sub {
    display: block;
    position: relative;
}
.panel-group .panel-title .open-sub:before,
.panel-group .panel-title .open-sub:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -0.5px;
    left: 50%;
}
.panel-group .panel-content {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 10px 20px 20px;
}
.panel-group .panel-content > :last-child {
    margin-bottom: 0;
}
/* -------- Toggle ---------- */
.panel-group.toggle .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-group.toggle .panel-body {
    padding: 10px 0 5px 25px;
}
.panel-group.accordion.transparent .panel-title a,
.panel-group.toggle.transparent .panel-title a,
.panel-group.accordion.transparent .panel-title a.active,
.panel-group.toggle.transparent .panel-title a.active {
    background: transparent !important;
    border: none !important;
}
.panel-group.accordion.transparent .panel-title a::after,
.panel-group.toggle.transparent .panel-title a::after,
.panel-group.accordion.transparent .panel-title a.active::after,
.panel-group.toggle.transparent .panel-title a.active::after {
    color: #333333;
    background: transparent !important;
}
.panel-group.accordion.transparent .panel-content,
.panel-group.toggle.transparent .panel-content {
    background: transparent !important;
}
.panel-group.toggle .panel-heading + .panel-collapse > .panel-body,
.panel-group.toggle .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-top: 0px;
    padding: 15px 0 15px 45px;
}

/*app design*/
.app-logos{float: left;width: 100%;margin-top: 10px;}
.app-logos a{ margin-right: 20px;}
.app-logos-block{background-image: linear-gradient(77deg, #FF8955, #FF386B);margin-top: 160px;margin-bottom: 80px;padding-bottom: 80px;}
.mobile-app-left-img{position: absolute;top: -268px;left: -40px;}
.mobile-app-right {color: #ffffff;/* padding-top: 90px; */}
.mobile-app-right h1{color: #ffffff;font-size: 32px;/* font-weight: 500; */margin-bottom: 15px;}

.steps-title-dark{float: left; width: 100%;}
.steps-title-dark .steps-title{
    width:40%;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    margin: 0px auto;
}
.steps-title-dark .number{
    float: left;
    margin-right: 10px;
}
.steps-title-dark .line{
    width: 50px;
    height: 1px;
    background-color: #00000075;
    float: left;
    margin-top: 12px;
}

.steps-title-dark .title{
    float: left;
    margin-left: 10px;}




.steps-title-light .steps-title{
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
}
.steps-title-light .number{
    float: left;
    margin-right: 10px;
}
.steps-title-light .line{
    width: 50px;
    height: 1px;
    background-color: #ffffffb0;
    float: left;
    margin-top: 12px;
}

.steps-title-light .title{
    float: left;
    margin-left: 10px;}




/*app design end*/


/*footer home page*/
.about-us img{ margin-bottom: 20px;}
.about-us p{ width: 90%;}
.useful-links ul li{ padding-bottom: 15px;}
.heading-ftr{font-size: 14px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;}
.heading-ftr:after{background: #FF5863;     bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 60px;}
.footer-home-page{float: left; width: 100%;padding-top: 10px;}
.footer-home-page .contact-us-in h4{ font-size: 12px; margin-bottom: 5px;}
.footer-home-page .bg-black-333{background-color: #f5f5f5 !important;}
.footer-home-page .contact-us{ margin-bottom: 50px;}
/*footer home page end*/

/*customer page css end*/


@media only screen and (min-width: 768px) {
    .breadcrumb.text-right {
        text-align: right !important;
    }
}
/*Drop Caps*/
.drop-caps p {
    text-align: justify;
}
.drop-caps p:first-child:first-letter {
    color: #111111;
    display: block;
    float: left;
    font-size: 48px;
    line-height: 48px;
    margin: 6px 3px;
    padding: 10px 18px;
}
.drop-caps.text-colored p:first-child:first-letter {
    display: block;
    float: left;
    font-size: 48px;
    line-height: 48px;
    margin: 6px 3px;
    padding: 10px 18px;
}
.drop-caps.border p:first-child:first-letter {
    border: 1px solid;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}
.drop-caps.border-rounded p:first-child:first-letter {
    border: 1px solid;
    border-radius: 50%;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}
.drop-caps.colored-square p:first-child:first-letter {
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}
.drop-caps.colored-rounded p:first-child:first-letter {
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
    border-radius: 50%;
}
.drop-caps.dark-square p:first-child:first-letter {
    background: #222222;
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}
.drop-caps.dark-rounded p:first-child:first-letter {
    background: #222222;
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
    border-radius: 50%;
}
/*Text Highlight*/
.text-highlight {
    background: none repeat scroll 0 0 #111111;
    border-radius: 4px;
    color: #fff;
    padding: 0 5px 3px;
}
.text-highlight.light {
    background: #808080;
}
/*
 * 1.1 -> common.less
 * -----------------------------------------------
*/
/* -------- Basic Structure ---------- */
html {
    font-size: 100%;
    max-width: 100%;
}
html,
html a {
    -webkit-font-smoothing: antialiased;
}
body {
    max-width: 100%;
    overflow-x: hidden;
}
img {
    max-width: 100%;
}
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fluid-video-wrapper {
    padding: 0;
    position: relative;
    width: 100%;
}
iframe {
    border: none;
    width: 100%;
}
.text-highlight {
    background: none repeat scroll 0 0 #111111;
    border-radius: 4px;
    color: #fff;
    padding: 0 5px 3px;
}
.text-highlight.light {
    background: #808080;
}
.outline-border {
    outline: 5px solid #f1f1f1 !important;
    outline-offset: 5px;
}
.inline-block {
    display: inline-block;
}
.display-block {
    display: block;
}
.fullwidth {
    width: 100%;
}
.bg-hover-theme-colored {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* Text-decoration */
.text-underline {
    text-decoration: underline;
}
/* -------- Text Colors ---------- */
/* Text Black & Gray Color*/
.text-black {
    color: #000 !important;
}
.text-black-111 {
    color: #111111 !important;
}
.text-black-222 {
    color: #222222 !important;
}
.text-black-333 {
    color: #333333 !important;
}
.text-black-444 {
    color: #404040 !important;
}
.text-black-555 {
    color: #555555 !important;
}
.text-black-666 {
    color: #5b5b5b !important;
}
.text-gray-dimgray {
    color: #666666 !important;
}
.text-gray-light {
    color: #777777 !important;
}
.text-gray {
    color: #808080 !important;
}
.text-gray-darkgray {
    color: #a9a9a9 !important;
}
.text-gray-silver {
    color: #c0c0c0 !important;
}
.text-gray-lightgray {
    color: #d3d3d3 !important;
}
.text-gray-gainsboro {
    color: #fff !important;
}
.text-gray-lighter {
    color: #eeeeee !important;
}
/* Text White Color*/
.text-white {
    color: #fff !important;
}
.text-white-f1 {
    color: #f1f1f1 !important;
}
.text-white-f2 {
    color: #f2f2f2 !important;
}
.text-white-f3 {
    color: #f3f3f3 !important;
}
.text-white-f4 {
    color: #f4f4f4 !important;
}
.text-white-f5 {
    color: #f5f5f5 !important;
}
.text-white-f6 {
    color: #f6f6f6 !important;
}
.text-white-f7 {
    color: #f7f7f7 !important;
}
.text-white-f8 {
    color: #f8f8f8 !important;
}
.text-white-f9 {
    color: #f9f9f9 !important;
}
.text-white-fa {
    color: #fafafa !important;
}
.text-white-fc {
    color: #fcfcfc !important;
}
.text-white-fd {
    color: #fdfdfd !important;
}
.text-white-fe {
    color: #fefefe !important;
}
/* Text Dark And White Layout*/
.text-white-light {
    color: #fff !important;
}
/* -------- Solid Color Background ---------- */
.bg-deep {
    background-color: #f1f1f1 !important;
}
.bg-light {
    background-color: #f5f5f5 !important;
}
.bg-lighter {
    background-color: #f7f7f7 !important;
}
.bg-lightest {
    background-color: #fcfcfc !important;
}
.bg-white-light {
    background-color: #fff !important;
}
.bg-black {
    background-color: #000 !important;
}
.divider-dark {
    background-color: #252525 !important;
}
footer.bg-deep {
    background-color: #191919 !important;
}
.bg-black-111 {
    background-color: #111111 !important;
}
.bg-black-222 {
    background-color: #222222 !important;
}
.bg-black-333 {
    background-color: #161512 !important;
}
.bg-black-444 {
    background-color: #404040 !important;
}
.bg-black-555 {
    background-color: #555555 !important;
}
.bg-gray-dimgray {
    background-color: #666666 !important;
}
.bg-gray-light {
    background-color: #777777 !important;
}
.bg-gray {
    background-color: #808080 !important;
}
.bg-gray-darkgray {
    background-color: #a9a9a9 !important;
}
.bg-gray-silver {
    background-color: #c0c0c0 !important;
}
.bg-gray-lightgray {
    background-color: #d3d3d3 !important;
}
.bg-gray-gainsboro {
    background-color: #dcdcdc !important;
}
.bg-gray-lighter {
    background-color: #eeeeee !important;
}
/* Bg White Color*/
.bg-white {
    background-color: #fff !important;
}
.bg-white-f1 {
    background-color: #f1f1f1 !important;
}
.bg-white-f2 {
    background-color: #f2f2f2 !important;
}
.bg-white-f3 {
    background-color: #f3f3f3 !important;
}
.bg-white-f5 {
    background-color: #f5f5f5 !important;
}
.bg-white-f7 {
    background-color: #f7f7f7 !important;
}
.bg-white-f8 {
    background-color: #f8f8f8 !important;
}
.bg-white-fa {
    background-color: #fafafa !important;
}
.bg-white-fb {
    background-color: #fbfbfb !important;
}
.bg-white-fc {
    background-color: #fcfcfc !important;
}
/* -------- Transparent Background Color ---------- */
.bg-deep-transparent {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-light-transparent {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-lighter-transparent {
    background-color: rgba(255, 255, 255, 0.7);
}
.bg-lightest-transparent {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-very-lightest-transparent {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-transparent-light {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-white-transparent-deep {
    background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-dark-very-lightest-transparent {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-dark-transparent-light {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-dark-transparent-deep {
    background-color: rgba(0, 0, 0, 0.9) !important;
}
/* -------- Font Weight ---------- */
.font-weight-100 {
    font-weight: 100 !important;
}
.font-weight-200 {
    font-weight: 200 !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-800 {
    font-weight: 800 !important;
}
.font-weight-900 {
    font-weight: 900 !important;
}
/* -------- Font Size ---------- */
.font-9 {
    font-size: 9px !important;
}
.font-10 {
    font-size: 10px !important;
}
.font-11 {
    font-size: 11px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-13 {
    font-size: 13px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-17 {
    font-size: 17px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-19 {
    font-size: 19px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-21 {
    font-size: 21px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-23 {
    font-size: 23px !important;
}
.font-24 {
    font-size: 24px !important;
}
.font-25 {
    font-size: 25px !important;
}
.font-26 {
    font-size: 26px !important;
}
.font-27 {
    font-size: 27px !important;
}
.font-28 {
    font-size: 2rem !important;
}
.font-29 {
    font-size: 2.07142857rem !important;
}
.font-30 {
    font-size: 2.14285714rem !important;
}
.font-32 {
    font-size: 2.28571429rem !important;
}
.font-36 {
    font-size: 2.57142857rem !important;
}
.font-38 {
    font-size: 2.71428571rem !important;
}
.font-40 {
    font-size: 2.85714286rem !important;
}
.font-42 {
    font-size: 3rem !important;
}
.font-44 {
    font-size: 3.14285714rem !important;
}
.font-46 {
    font-size: 3.28571429rem !important;
}
.font-48 {
    font-size: 3.42857143rem !important;
}
.font-54 {
    font-size: 3.85714286rem !important;
}
.font-60 {
    font-size: 4.28571429rem !important;
}
.font-64 {
    font-size: 4.57142857rem !important;
}
.font-72 {
    font-size: 5.14285714rem !important;
}
.font-78 {
    font-size: 5.57142857rem !important;
}
.font-90 {
    font-size: 6.42857143rem !important;
}
.font-100 {
    font-size: 7.14285714rem !important;
}
.font-150 {
    font-size: 10.71428571rem !important;
}
.font-200 {
    font-size: 14.28571429rem !important;
}
/* -------- Letter Spacing ---------- */
.letter-space-0 {
    letter-spacing: 0px;
}
.letter-space-1 {
    letter-spacing: 1px;
}
.letter-space-2 {
    letter-spacing: 2px;
}
.letter-space-3 {
    letter-spacing: 3px;
}
.letter-space-4 {
    letter-spacing: 4px;
}
.letter-space-5 {
    letter-spacing: 5px;
}
.letter-space-6 {
    letter-spacing: 6px;
}
.letter-space-7 {
    letter-spacing: 7px;
}
.letter-space-8 {
    letter-spacing: 8px;
}
.letter-space-9 {
    letter-spacing: 9px;
}
.letter-space-10 {
    letter-spacing: 10px;
}
/* -------- Z-index ---------- */
.z-index-1 {
    z-index: 1 !important;
}
.z-index-0 {
    z-index: 0 !important;
}
.z-index-1111 {
    z-index: 1111 !important;
}
.z-index-9999 {
    z-index: 9999 !important;
}
/* -------- Line Height ---------- */
.line-height-0 {
    line-height: 0px;
}
.line-height-1 {
    line-height: 1;
}
.line-height-20 {
    line-height: 20px;
}
.line-height-80 {
    line-height: 80px;
}
.line-height-100 {
    line-height: 100px;
}
.line-height-150 {
    line-height: 150px;
}
.line-height-200 {
    line-height: 200px;
}
.line-height-1em {
    line-height: 1em;
}
/* -------- list inline ---------- */
.display-inline {
    display: inline-block;
}
/* -------- Line-Bottom ---------- */
.heading-line-bottom {
    border-bottom: 1px dashed #808080;
    display: inline-block;
    margin: 0;
    position: relative;
    margin: 20px 0;
}
.heading-line-bottom::after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 20px;
}
.heading-title {
    margin-top: 10px;
}
.line-bottom {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.line-bottom:after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 60px;
}
.line-bottom-centered {
    position: relative;
}
.line-bottom-centered:after {
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 65px;
    width: 45px;
    left: 0;
    margin: 0 auto;
}
.line-top-right {
    position: relative;
}
.line-top-right:after {
    content: "";
    display: inline-block;
    height: 2px;
    position: absolute;
    right: 0;
    top: -15px;
    width: 31px;
}
/* -------- Custom Margin Padding ---------- */
.mb-5 {
    margin-bottom: 5px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.p-25 {
    padding: 25px !important;
}
/* -------- Border ---------- */
.no-border {
    border: none !important;
}
.border-1px {
    border: 1px solid #eeeeee !important;
}
.border-2px {
    border: 2px solid #eeeeee;
}
.border-3px {
    border: 3px solid #eeeeee;
}
.border-4px {
    border: 4px solid #eeeeee;
}
.border-5px {
    border: 5px solid #eeeeee;
}
.border-6px {
    border: 6px solid #eeeeee;
}
.border-7px {
    border: 7px solid #eeeeee;
}
.border-8px {
    border: 8px solid #eeeeee;
}
.border-9px {
    border: 9px solid #eeeeee;
}
.border-10px {
    border: 10px solid #eeeeee;
}
/* -------- Border Dark ---------- */
.border-dark-1px {
    border: 1px solid #808080;
}
.border-dark-2px {
    border: 2px solid #808080;
}
.border-dark-3px {
    border: 3px solid #808080;
}
.border-dark-4px {
    border: 4px solid #808080;
}
.border-dark-5px {
    border: 5px solid #808080;
}
.border-dark-6px {
    border: 6px solid #808080;
}
.border-dark-7px {
    border: 7px solid #808080;
}
.border-dark-8px {
    border: 8px solid #808080;
}
.border-dark-dark-9px {
    border: 9px solid #808080;
}
.border-dark-10px {
    border: 10px solid #808080;
}
.border-left {
    border-left: 1px solid #dcdcdc;
}
.border-left-2px {
    border-left: 2px solid #dcdcdc;
}
.border-right {
    border-right: 1px solid #dcdcdc;
}
.border-right-2px {
    border-right: 2px solid #dcdcdc;
}
.border-right-5px {
    border-right: 5px solid #dcdcdc;
}
.border-right-black {
    border-right: 1px solid #222222;
}
.border-top {
    border-top: 1px solid #dcdcdc;
}
.border-top-2px {
    border-top: 2px solid #dcdcdc;
}
.border-bottom {
    border-bottom: 1px solid #eeeeee;
}
.border-top-black {
    border-top: 1px solid #333333;
}
.border-bottom-black {
    border-bottom: 1px solid #333333;
}
.border-bottom-dot-1px {
    border-bottom: 1px dashed #333333;
}
.border-bottom-gray {
    border-bottom: 1px solid #d3d3d3;
}
.border-gray {
    border-color: #eeeeee !important;
}
/* -------- Border Radius ------ */
.border-radius-10px {
    border-radius: 10px;
}
.border-radius-20px {
    border-radius: 20px;
}
/* -------- List ---------- */
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul ul,
ol ul {
    margin-left: 15px;
}
ul.list {
    list-style: outside none none;
    margin-top: 13px;
    padding-left: 0;
}
ul.list li {
    margin: 5px 0;
}
ul.list li:before {
    border: none;
    color: #a9a9a9;
    content: "\f111";
    display: inline-block;
    font-family: fontawesome;
    font-size: 9px;
    margin-right: 10px;
    padding: 0;
}
ul.list li:hover:before {
    background: none;
    border-color: transparent;
}
ul.list li a {
    text-decoration: none;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
/* -------- List White ---------- */
ul.list.list-white li:before {
    color: #fff;
}
ul.list.list-white li:hover:before {
    background: none;
    border-color: transparent;
}
ul.list.list-white li a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
/* -------- List Icons ---------- */
.list-icon li {
    font-size: 14px;
    margin: 0;
}
.list-icon li i {
    color: #555555;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px;
}
.list-icon.square li i {
    background: #c0c0c0;
    color: #555555;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px;
}
.list-icon.rounded li i {
    color: #555555;
    background: #c0c0c0;
    border-radius: 50%;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px;
}
.list-icon.theme-colored.square li i {
    color: #fff;
}
.list-icon.theme-colored.rounded li i {
    color: #fff;
}
/* -------- Personal Info List ---------- */
.list-info li {
    clear: both;
    position: relative;
}
.list-info li label {
    display: inline-block;
    font-weight: bold;
    padding: 5px 0 0;
}
.list-info li span {
    left: 110px;
    padding: 5px 0;
    position: absolute;
}
.list-features {
    -moz-column-count: 3;
    column-count: 3;
}
.list-dashed > article {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.list-dashed > div {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.list-dashed > li {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.list-dashed.dark-dash > article {
    border-bottom: 1px dashed #333333 !important;
}
.list-dashed.dark-dash > div {
    border-bottom: 1px dashed #333333 !important;
}
.list-dashed.dark-dash > li {
    border-bottom: 1px dashed #333333 !important;
}
ul.list.check li:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 12px;
}
ul.list.angle-double-right li:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: 12px;
}
ul.list.angle-right li:before {
    content: "\f105";
    font-family: fontawesome;
}
ul.list.check-circle li:before {
    content: "\f058";
    font-family: fontawesome;
    font-size: 14px;
}
/* -------- Call To Actions ---------- */
.call-to-action {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
/* -------- Section & Divider ---------- */
section {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
}
section#experts {
    background: #cccccc17;
    padding-bottom: 10px;
}
section > .container,
section > .container-fluid {
    padding-top: 70px;
    /* padding-bottom: 70px; */
}
section > .paddingtop0{
    padding-top: 0px;
    /* padding-bottom: 70px; */
}
#aboutUs{    padding-top: 10px;    border-top: 5px solid #f4f4f4;}
/* -------- Position ---------- */
.relative {
    position: relative !important;
}
.absolute {
    position: absolute;
}
.absolute-inherit {
    position: inherit !important;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-static {
    position: static;
}
.position-fixed {
    position: fixed;
}
.position-inherit {
    position: inherit;
}
.position-unset {
    position: unset;
}
/* z-index*/
.z-index1 {
    z-index: 1;
}
/* -------- Background Image ---------- */
.no-bg {
    background: none !important;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-img-fixed {
    background-attachment: fixed;
}
.bg-img-cover {
    background-size: cover;
}
.bg-img-center-bottom {
    background-position: center bottom !important;
}
.bg-img-center {
    background-position: center center;
}
.bg-img-left-bottom {
    background-repeat: no-repeat;
    background-position: left bottom;
}
.bg-img-right-bottom {
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-img-right-top {
    background-repeat: no-repeat;
    background-position: right top;
}
.bg-img-left-top {
    background-repeat: no-repeat;
    background-position: left top;
}
.img-fullwidth {
    width: 100%;
}
/* -------- Absolute Image Positioning ---------- */
.overflow-visible {
    overflow: visible !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.box-absolute {
    position: absolute;
}
.img-absolute-parent {
    position: relative;
}
.img-absolute-parent img.img-absolute {
    position: absolute;
}
.img-absolute-parent img.img-pos-left {
    left: 0;
}
.img-absolute-parent img.img-pos-top {
    top: 0;
}
.img-absolute-parent img.img-pos-bottom {
    bottom: 0;
}
.img-absolute-parent img.img-pos-right {
    right: 0;
}
.img-absolute-parent img.img-pos-center {
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* -------- Background Video ---------- */
.bg-video {
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: -1;
}
.bg-video .video {
    height: 100%;
    left: 0;
    margin: 0!important;
    position: relative;
    top: 0;
    width: 100%;
}
.bg-video .video .mbYTP_wrapper {
    z-index: -1 !important;
}
/* -------- Box Table ---------- */
.display-table-parent {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.display-table {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.display-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
/* -------- Scroll To Top ---------- */
.scrollToTop {
    background: rgba(0, 0, 0, 0.1);
    bottom: 15px;
    display: none;
    height: 50px;
    padding: 2px;
    position: fixed;
    right: 15px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 99999;
}
.scrollToTop i {
    color: #fff;
    font-size: 42px;
}
.scrollToTop:hover {
    background: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}
/* -------- Opening Hours ---------- */
.opening-hours ul li {
    padding: 8px 0 16px !important;
}
/* -------- Multi Row Clearfix ---------- */
.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
    clear: left;
}
.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
    clear: left;
}
.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
    clear: left;
}
.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
    clear: left;
}
.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
    clear: left;
}
@media (min-width: 768px) {
    /* reset previous grid */
    .multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
        clear: none;
    }
    .multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
        clear: none;
    }
    .multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
        clear: none;
    }
    .multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
        clear: none;
    }
    .multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for small columns */
    .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: left;
    }
    .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: left;
    }
    .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: left;
    }
    .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: left;
    }
    .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: left;
    }
}
@media (min-width: 992px) {
    /* reset previous grid */
    .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: none;
    }
    .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: none;
    }
    .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: none;
    }
    .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: none;
    }
    .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for medium columns */
    .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: left;
    }
    .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: left;
    }
    .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: left;
    }
    .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: left;
    }
    .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: left;
    }
}
@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: none;
    }
    .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: none;
    }
    .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: none;
    }
    .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: none;
    }
    .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for large columns */
    .multi-row-clearfix .col-lg-6:nth-child(2n + 3) {
        clear: left;
    }
    .multi-row-clearfix .col-lg-4:nth-child(3n + 4) {
        clear: left;
    }
    .multi-row-clearfix .col-lg-3:nth-child(4n + 5) {
        clear: left;
    }
    .multi-row-clearfix .col-lg-2:nth-child(6n + 7) {
        clear: left;
    }
    .multi-row-clearfix .col-lg-1:nth-child(12n + 13) {
        clear: left;
    }
}
/* -------- Responsive Classes ---------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
    .md-height-auto {
        min-height: auto !important;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 991px) {
    .sm-display-block {
        display: block !important;
    }
    .sm-text-center {
        text-align: center !important;
    }
    .sm-text-right {
        text-align: right !important;
    }
    .sm-text-left {
        text-align: left !important;
    }
    .sm-pull-none {
        float: none !important;
    }
    .sm-pull-left {
        float: left !important;
    }
    .sm-pull-right {
        float: right !important;
    }
    .sm-fullwidth {
        width: 100%;
    }
    .sm-height-auto {
        min-height: auto !important;
    }
    .sm-hide-bg-img {
        background: none !important;
    }
    .sm-no-bg {
        background: none !important;
    }
    .maxwidth400 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 400px;
    }
    .maxwidth500 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 500px;
    }
    .maxwidth600 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 600px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    .xs-display-block {
        display: block;
    }
    .xs-text-center {
        text-align: center !important;
    }
    .xs-text-right {
        text-align: right !important;
    }
    .xs-text-left {
        text-align: left !important;
    }
    .xs-fullwidth {
        width: 100%;
    }
    .xs-height-auto {
        min-height: auto !important;
    }
    .xs-hide-bg-img {
        background: none !important;
    }
    .xs-no-bg {
        background: none !important;
    }
    .xs-pull-none {
        float: none !important;
    }
    .xs-pull-left {
        float: left !important;
    }
    .xs-pull-right {
        float: right !important;
    }
    .xs-pull-center {
        display: table;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .xs-list-inline-none li {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
        padding-left: 0 !important;
    }
}

/*
 * extra.less
 * -----------------------------------------------
*/
/* -------- Heading Style ---------- */
.heading-border {
    border-bottom: 1px solid #d3d3d3;
    margin: 30px 0;
    padding: 20px 0;
}
/* -------- FullCalendar - Plugin ---------- */
.fc-day-number {
    color: #333333;
}
.fc-day-number.fc-other-month {
    opacity: 0.4;
}
/* scrolltofixed-container */
.scrolltofixed-container {
    position: static;
}
/*
 * overlays.less
 * -----------------------------------------------
*/
.layer-overlay {
    position: relative;
    /* overlay-dark */
    /* overlay-white */
}
.layer-overlay::before {
    background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.layer-overlay.overlay-light::before {
    background-color: rgba(255, 255, 255, 0.4);
}
.layer-overlay.overlay-lighter::before {
    background-color: rgba(255, 255, 255, 0.3);
}
.layer-overlay.overlay-deep::before {
    background-color: rgba(255, 255, 255, 0.9);
}
.layer-overlay.overlay-dark::before {
    background-color: rgba(17, 17, 17, 0.85);
}
.layer-overlay.overlay-dark-1::before {
    background-color: rgba(17, 17, 17, 0.1);
}
.layer-overlay.overlay-dark-2::before {
    background-color: rgba(17, 17, 17, 0.2);
}
.layer-overlay.overlay-dark-3::before {
    background-color: rgba(17, 17, 17, 0.3);
}
.layer-overlay.overlay-dark-4::before {
    background-color: rgba(17, 17, 17, 0.4);
}
.layer-overlay.overlay-dark-5::before {
    background-color: rgba(17, 17, 17, 0.5);
}
.layer-overlay.overlay-dark-6::before {
    background-color: rgba(17, 17, 17, 0.6);
}
.layer-overlay.overlay-dark-7::before {
    background-color: rgba(17, 17, 17, 0.7);
}
.layer-overlay.overlay-dark-8::before {
    background-color: rgba(17, 17, 17, 0.8);
}
.layer-overlay.overlay-dark-9::before {
    background-color: rgba(17, 17, 17, 0.9);
}
.layer-overlay.overlay-white::before {
    background-color: rgba(255, 255, 255, 0.4);
}
.layer-overlay.overlay-white-1::before {
    background-color: rgba(255, 255, 255, 0.1);
}
.layer-overlay.overlay-white-2::before {
    background-color: rgba(255, 255, 255, 0.2);
}
.layer-overlay.overlay-white-3::before {
    background-color: rgba(255, 255, 255, 0.3);
}
.layer-overlay.overlay-white-4::before {
    background-color: rgba(255, 255, 255, 0.4);
}
.layer-overlay.overlay-white-5::before {
    background-color: rgba(255, 255, 255, 0.5);
}
.layer-overlay.overlay-white-6::before {
    background-color: rgba(255, 255, 255, 0.6);
}
.layer-overlay.overlay-white-7::before {
    background-color: rgba(255, 255, 255, 0.7);
}
.layer-overlay.overlay-white-8::before {
    background-color: rgba(255, 255, 255, 0.8);
}
.layer-overlay.overlay-white-9::before {
    background-color: rgba(255, 255, 255, 0.9);
}
.layer-overlay.layer-pattern::before {
    background-image: url(../images/pattern1.png);
    background-color: rgba(0, 0, 0, 0.6);
}
.layer-overlay.layer-pattern2::before {
    background-image: url(../images/pattern2.png);
    background-color: rgba(0, 0, 0, 0.8);
}
.layer-overlay.layer-pattern3::before {
    background-image: url(../images/pattern3.png);
    background-color: rgba(0, 0, 0, 0.8);
}
.layer-overlay.maximage-layer-overlay::before {
    z-index: 1;
}
.layer-overlay.overlay-blue::before {
    background-color: rgba(1, 162, 208, 0.9);
}
.layer-overlay.overlay-blue-light::before {
    background-color: rgba(1, 162, 208, 0.45);
}
.layer-overlay.overlay-pink::before {
    background-color: rgba(235, 110, 142, 0.9);
}
.layer-overlay.overlay-pink-light::before {
    background-color: rgba(235, 110, 142, 0.45);
}
.layer-overlay.overlay-brown::before {
    background-color: rgba(60, 171, 111, 0.9);
}
.layer-overlay.overlay-brown-light::before {
    background-color: rgba(60, 171, 111, 0.45);
}
.layer-overlay.overlay-yellow::before {
    background-color: rgba(255, 187, 34, 0.9);
}
.layer-overlay.overlay-yellow-light::before {
    background-color: rgba(255, 187, 34, 0.45);
}
.layer-overlay.overlay-green::before {
    background-color: rgba(16, 196, 92, 0.9);
}
.layer-overlay.overlay-green-light::before {
    background-color: rgba(16, 196, 92, 0.45);
}
.layer-overlay.overlay-theme-color-1::before {
    background-color: rgba(173, 216, 230, 0.9);
}
.layer-overlay.overlay-theme-color-2::before {
    background-color: rgba(230, 173, 188, 0.9);
}
.layer-overlay.overlay-theme-color-3::before {
    background-color: rgba(230, 216, 173, 0.9);
}
.half-divider .overlay-theme-color-1,
.half-divider .overlay-theme-color-2,
.half-divider .overlay-theme-color-3 {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
/*
 * Section: header.less
 * -----------------------------------------------
*/
.header-top {
    padding: 8px 0;
}
.header-top .header-widget .styled-icons a i:hover {
    background: none;
}
.header-top .header-widget .list-border li {
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    padding: 5px 15px;
}
.header-top .header-widget .list-border li:last-child {
    border-right: 0;
}
@media only screen and (max-width: 767px) {
    .header-top .header-widget .contact-info {
        margin-bottom: 20px;
    }
    .header-top .header-widget .contact-info li {
        display: block;
        text-align: center;
    }
}
.menuzord-brand img {
    /*max-height: 55px;*/
}
/* Custom theme style */
.header-nav .header-nav-wrapper .menuzord {
    padding: 0;
}
.menuzord-menu > li {
    margin-bottom: 0;
    margin-top: 0;
}
.menuzord-menu > li > a {
    color: #555555;
    font-size: 13px;
    font-weight: 400;
}
/*
 * nav.less
 * -----------------------------------------------
*/
/* -------- Nav Sidebar ---------- */
.nav-sidebar li {
    background: #f1f1f1;
    padding-bottom: 0 !important;
}
.nav-sidebar li a {
    border-radius: 0;
}
.nav-pills li a:hover,
.nav-pills li.active > a,
.nav-pills li.active > a:hover,
.nav-pills li.active > a:focus {
    background: #d3d3d3;
    color: #777777;
}
/* -------- Header Nav ---------- */
.header-nav {
    position: relative;
}
.header-nav .header-nav-absolute-wrapper {
    width: 100%;
}
.header-nav .header-nav-wrapper .menuzord {
    padding: 0 15px;
}
/* -------- Menuzord ---------- */
.menuzord-menu > li > a {
    color: #333333;
    font-size: 13px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}
.menuzord .menuzord-menu > li.active > a i,
.menuzord .menuzord-menu > li:hover > a i,
.menuzord .menuzord-menu ul.dropdown li:hover > a i {
    /*color: #fff;*/
}
.menuzord .menuzord-menu ul.dropdown,
.menuzord .menuzord-menu .megamenu {
    border: 1px solid #f0f0f0;
}
.menuzord-menu ul.dropdown li {
    margin: 0;
}
.menuzord-menu ul.dropdown li a {
    padding: 7px 25px 7px 22px;
}
.menuzord-menu ul.dropdown li .indicator {
    top: 4px;
}
/* -------- Megamenu-Row ---------- */
.menuzord-menu > li > .megamenu .megamenu-row li {
    border: 0 none;
    clear: both;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    position: relative;
    width: 100%;
}
.menuzord-menu > li > .megamenu .megamenu-row li a {
    display: block;
    padding: 8px 10px;
    -webkit-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a {
    color: #111;
    padding-left: 15px;
}
.menuzord-menu > li > .megamenu .megamenu-row li a i {
    color: #444;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active a i,
.menuzord-menu > li > .menuzord-menu > li > .megamenu .megamenu-row li:hover a i {
    color: #fff;
}
@media only screen and (max-width: 900px) {
    .menuzord-menu {
        background: #fff;
    }
}
/* -------- Scrolltofixed ---------- */
.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
    border-bottom: 1px solid #eeeeee;
}
.header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}
.header .inner-sticky-wrapper {
    height: 80px;
}
@media only screen and (min-width: 901px) {
    .header-nav .header-nav-absolute-wrapper {
        bottom: -36px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 1111;
    }
    .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
        bottom: auto;
    }
}
/* -------- Navbar Fixed  ---------- */
.header-nav {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.header-nav.navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    /*width: 100%;*/

    z-index: 1030;
}
/* -------- Navbar Sticky Animated ---------- */
.navbar-sticky-animated .header-nav-wrapper .container {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.navbar-sticky-animated .add-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-sticky-animated.extra-padding-top .add-padding {
    padding-top: 50px;
}
/* -------- Header White ---------- */
.navbar-white {
    background-color: rgba(255, 255, 255, 0.95);
    border: medium none;
}
.navbar-white .menuzord {
    background: transparent;
}
.navbar-dark {
    background-color: #fff;
    border: medium none;
}
.navbar-dark .menuzord {
    background: #fff;
}
.navbar-dark .menuzord-menu > li > a {

    color: #3d485a;


}
.navbar-dark.header-nav-wrapper,
.navbar-dark .header-nav-wrapper {
    border-bottom-color: #211b02 !important;
}
@media only screen and (max-width: 900px) {
    .navbar-dark .menuzord-responsive .menuzord-menu li a {
        background-color: rgba(255, 255, 255, 0.95);
        color: #3d485a;
    }

    .loginli{margin-left:0!important;padding:10px!important;}
    .loginli div{background-color: transparent;border-radius: 0}
    .loginli div a:last-child {
        border-radius: 5px !important;
        background: #b79501 !important;
    }
    .navbar-dark .menuzord-responsive .menuzord-menu ul.dropdown,
    .navbar-dark .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        background-color: #333;
        border-color: #444;
    }
    .navbar-dark .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border-bottom-color: #444;
    }
    .navbar-dark .menuzord-responsive .menuzord-menu li .indicator {
        border-left-color: #444;
    }
}
/* -------- Header Transparent ---------- */
.header-nav.navbar-transparent .menuzord {
    border-radius:0px;
}
.header-nav.navbar-transparent .header-nav-wrapper {
    border-bottom: 1px solid #2d3502;
}
.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, 0);
}
.header-nav.navbar-notransparent.animated-active {
    background-color: #fff;
}
.header-nav.navbar-transparent.animated-active.bg-transparent-1 {
    background-color: rgba(0, 0, 0, 0.05);
}
.header-nav.navbar-transparent.animated-active.bg-transparent-2 {
    background-color: rgba(0, 0, 0, 0.1);
}
.header-nav.navbar-transparent.animated-active.bg-transparent-3 {
    background-color: rgba(0, 0, 0, 0.2);
}
.header-nav.navbar-transparent.animated-active.bg-transparent-4 {
    background-color: rgba(0, 0, 0, 0.3);
}
.header-nav.navbar-transparent.animated-active.bg-transparent-5 {
    background-color: rgba(0, 0, 0, 0.4);
}
.header-nav.navbar-transparent.animated-active .header-nav-wrapper {
    border-bottom: none !important;
}
.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {

}
.header-nav.navbar-transparent.transparent-dark.animated-active {
    background-color: rgba(0, 0, 0, 0.25);
}
.header-nav.navbar-transparent.transparent-dark-deep.animated-active {
    background-color: rgba(0, 0, 0, 0.8);
}
.header-nav.navbar-transparent.transparent-dark-deep .menuzord-menu > li > a {
    color: #808080;
}
.header-nav.navbar-transparent.transparent-white.animated-active {
    background-color: rgba(255, 255, 255, 0.5);
}
.header-nav.navbar-transparent.transparent-white-deep.animated-active {
    background-color: rgba(255, 255, 255, 0.8);
}
.header-nav.navbar-transparent.transparent-white-deep .menuzord-menu > li > a {
    color: #808080;
}
@media only screen and (max-width: 900px) {
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
        color: #808080;
    }
}
@media only screen and (min-width: 901px) {
    /* menuzord text white */
    .menuzord-text-white .menuzord-menu > li > a {
        color: #fff;
    }
    .menuzord-text-white .menuzord-menu > li.active > a,
    .menuzord-text-white .menuzord-menu > li:hover > a {
        color: rgba(255, 255, 255, 0.8) !important;
    }
}
/*
 * inner-header-title.less
 * -----------------------------------------------
*/
.inner-header {
    text-align: center;
}
.inner-header .title {
    font-size: 2rem;
}
/*
 *  vertical-nav.less
 * -----------------------------------------------
*/
.vertical-nav {
    /* vertical-nav-black*/
}
.vertical-nav .header {
    width: 260px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 101;
    padding: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-size: cover !important;
}
.vertical-nav .main-content,
.vertical-nav .footer {
    padding-left: 260px;
}
.vertical-nav .container {
    max-width: 940px;
}
.vertical-nav .menuzord {
    background: none;
}
.vertical-nav .menuzord .menuzord-menu ul.dropdown li:hover > a {
    background: #eeeeee none repeat scroll 0 0;
    color: #111111;
}
.vertical-nav .menuzord-menu li {
    padding: 0;
    position: relative;
    width: 100%;
}
.vertical-nav .menuzord-menu li .indicator {
    float: right;
    display: block;
    margin-right: 6px;
}
.vertical-nav .menuzord-menu li a {
    padding: 5px 0 5px 30px;
    width: 100%;
}
.vertical-nav .menuzord-menu > li {
    padding: 5px 0;
}
.vertical-nav .menuzord-menu ul.dropdown,
.vertical-nav .menuzord-menu .megamenu {
    left: 100%;
    top: 4px;
}
.vertical-nav .menuzord-brand img {
    max-height: 52px;
}
.vertical-nav .vertical-nav-black {
    background: #111111;
}
.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown {
    background: #111111;
    border-color: #222222;
}
.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a {
    background: #111111;
}
.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a .indicator i {
    color: #fff;
}
.vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li:hover > a {
    background: #111111 none repeat scroll 0 0;
    color: #fff;
}
.vertical-nav .vertical-nav-black .menuzord-menu > li > a {
    color: #808080;
}
.vertical-nav.vertical-nav-right .header {
    left: auto;
    right: 0;
}
.vertical-nav.vertical-nav-right .main-content,
.vertical-nav.vertical-nav-right .footer {
    margin-left: auto;
    margin-right: 260px;
    padding-top: 0;
}
.vertical-nav.vertical-nav-right .menuzord-menu ul.dropdown,
.vertical-nav.vertical-nav-right .menuzord-menu .megamenu {
    left: auto !important;
    right: 100% !important;
    top: 0;
}
@media only screen and (max-width: 1199px) {
    .vertical-nav .container {
        width: 100%;
    }
}
@media only screen and (max-width: 900px) {
    .vertical-nav .header {
        border: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .vertical-nav .vertical-nav-widget {
        display: none;
    }
    .vertical-nav .menuzord {
        background: none;
    }
    .vertical-nav .menuzord-menu {
        background: none;
    }
    .vertical-nav .menuzord-brand {
        margin: 0 !important;
        padding: 0 !important;
    }
    .vertical-nav .menuzord-brand img {
        max-height: 65px !important;
        padding: 10px;
    }
    .vertical-nav .header-nav-wrapper {
        background: #111111 none repeat scroll 0 0;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li > a,
    .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li .indicator {
        border-color: #222222;
    }
    .vertical-nav .main-content,
    .vertical-nav .footer {
        margin-left: 0;
    }
    .vertical-nav.vertical-nav-right .main-content,
    .vertical-nav.vertical-nav-right .footer {
        margin-right: 0;
    }
}
/*
 *  menu-full-page.less
 * -----------------------------------------------
*/
/* menu-full-page plugin code */
.menu-full-page #fullpage-nav {
    background: rgba(255, 255, 255, 0.97);
    z-index: -1;
    position: fixed;
    /*left: -100%;*/
    /*left or right and the width of your navigation panel*/
    left: 0 !important;
    /*left or right and the width of your navigation panel*/
    opacity: 0;
    width: 100%;
    /*should match the above value*/
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}
.menu-full-page #fullpage-nav ul {
    margin-top: 50px;
    -webkit-transition: all 0.7s ease-in-out !important;
    -moz-transition: all 0.7s ease-in-out !important;
    -ms-transition: all 0.7s ease-in-out !important;
    -o-transition: all 0.7s ease-in-out !important;
    transition: all 0.7s ease-in-out !important;
}
.menu-full-page #fullpage-nav li {
    text-align: center;
    transition: all 0.4s ease;
    padding: 10px 0;
    position: relative;
}
.menu-full-page #fullpage-nav li a {
    color: #111111;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    position: relative;
}
.menu-full-page #fullpage-nav li a:hover {
    color: #808080;
    -webkit-transition: color 2s time;
    -o-transition: color 2s time;
    transition: color 2s time;
}
.menu-full-page #fullpage-nav li:hover:after a {
    position: absolute;
    content: '';
    color: #fff;
}
.menu-full-page #fullpage-nav ul ul {
    display: none;
}
.menu-full-page #fullpage-nav ul ul li a {
    font-size: 13px;
}
.menu-full-page #fullpage-nav ul ul li a:hover {
    color: #808080;
}
.menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav {
    opacity: 1;
    z-index: 998;
}
.menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav > ul {
    margin-top: 70px;
}
.menu-full-page .fullpage-nav-toggle {
    background: #fff;
    z-index: 999;
    display: block;
    position: fixed;
    top: 5px;
    right: 5px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 55px;
    height: 48px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    /* active state, i.e. menu open */
}
.menu-full-page .fullpage-nav-toggle i {
    text-decoration: none;
    font-size: 40px;
    color: #fff;
}
.menu-full-page .fullpage-nav-toggle:focus {
    outline: none;
}
.menu-full-page .fullpage-nav-toggle span {
    display: block;
    position: absolute;
    top: 22px;
    left: 12px;
    right: 12px;
    height: 4px;
    border-radius: 2px;
    background: #808080;
    -webkit-transition: background 0 0.3s;
    transition: background 0 0.3s;
}
.menu-full-page .fullpage-nav-toggle span:before,
.menu-full-page .fullpage-nav-toggle span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 0;
    background-color: #808080;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
    transition-delay: 0.3s, 0;
}
.menu-full-page .fullpage-nav-toggle span:before {
    top: -10px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.menu-full-page .fullpage-nav-toggle span:after {
    bottom: -10px;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}
.menu-full-page .fullpage-nav-toggle.menu-open {
    background-color: transparent;
}
.menu-full-page .fullpage-nav-toggle.menu-open span {
    background: none;
}
.menu-full-page .fullpage-nav-toggle.menu-open span:before,
.menu-full-page .fullpage-nav-toggle.menu-open span:after {
    background-color: #111111;
    -webkit-transition-delay: 0, 0.3s;
    transition-delay: 0, 0.3s;
}
.menu-full-page .fullpage-nav-toggle.menu-open span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-full-page .fullpage-nav-toggle.menu-open span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* menu-full-page custom code */
.menu-full-page .header #fullpage-nav li {
    padding: 5px 0;
}
.menu-full-page .header #fullpage-nav li a {
    background: none;
    display: inline;
    font-size: 18px;
    text-transform: none;
}
.menu-full-page .header #fullpage-nav ul ul {
    margin-top: 0;
}
.menu-full-page .header #fullpage-nav ul ul li {
    padding: 3px 0;
}
.menu-full-page .header #fullpage-nav ul ul li a {
    font-size: 12px;
}
.menu-full-page .header #fullpage-nav ul li .dropdown {
    background: none;
    box-shadow: none;
    border: none;
    float: none;
    padding: 0;
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    display: block!important;
    visibility: visible;
}
.menu-full-page .header #fullpage-nav ul li:hover .dropdown {
    max-height: 700px;
}
/*
 *  boxed-layout.less
 * -----------------------------------------------
*/
.boxed-layout .container {
    max-width: 1100px;
    padding-left: 30px;
    padding-right: 30px;
}
.boxed-layout .header,
.boxed-layout .main-content,
.boxed-layout .footer {
    margin: 0 auto;
    max-width: 1100px;
}
.boxed-layout .header,
.boxed-layout section,
.boxed-layout .footer {
    background-color: #fff;
}
.boxed-layout .header {
    margin-bottom: 0;
}
.boxed-layout .header .navbar-default {
    background-color: #fff;
    border-color: #fff;
    padding: 0;
}
.boxed-layout .header .navbar-default .navbar-nav > li > a {
    padding: 30px 5px;
}
.boxed-layout .header .navbar-default .navbar-collapse {
    background-color: #fff;
    border-color: #fff;
    margin-right: 30px;
}
.boxed-layout .header #header-logo {
    margin: 0;
    padding-top: 27px;
}
.boxed-layout .maximage-slider #maximage {
    z-index: 0;
}
.boxed-layout .stylish-header:before {
    position: relative;
    left: auto;
}
@media only screen and (max-width: 991px) {
    .boxed-layout {
        padding-top: 0;
    }
    .boxed-layout .header .navbar-default .navbar-nav > li > a {
        padding: 10px;
    }
    .boxed-layout .header .navbar-default .navbar-collapse {
        margin-right: 15px;
    }
    .boxed-layout .navbar-header {
        padding: 15px 0;
    }
    .boxed-layout .navbar-collapse .navbar-nav li a .caret {
        margin-right: 0;
    }
}
/*
 * form.less
 * -----------------------------------------------
*/
/* -------- Form ---------- */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    font-size: 14px;
}
.form-control {
    height: 45px;
    border-radius: 0;
}
.input-group-addon {
    border-radius: 0;
}
.input-group-addon i {
    color: #999999;
}
label {
    font-weight: normal;
}
.form-control:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
    color: #404040;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    outline: none;
}
.form-transparent .form-control {
    background: transparent;
    color: #555555;
}
.form-transparent .form-control:focus,
.form-transparent form input[type="text"]:focus,
.form-transparent form input[type="email"]:focus,
.form-transparent form input[type="number"]:focus,
.form-transparent form input[type="url"]:focus,
.form-transparent form input[type="search"]:focus,
.form-transparent form input[type="tel"]:focus,
.form-transparent form input[type="password"]:focus,
.form-transparent form input[type="date"]:focus,
.form-transparent form input[type="color"]:focus,
.form-transparent form select:focus,
.form-transparent form textarea:focus {
    color: #555555;
}
.form-transparent textarea.form-control,
.form-white textarea.form-control {
    height: 150px;
}
.form-white .form-control {
    background: #fff;
}
.form-transparent.form-line .form-control {
    border: none;
    border-bottom: 1px solid #c0c0c0;
    padding-left: 0;
}
.form-transparent.form-line textarea.form-control {
    height: 70px;
}
.form-text-white .form-control {
    color: #f7f7f7;
}
.form-text-white .form-control {
    color: #dcdcdc;
}
.form-text-white .form-control:focus {
    color: #f7f7f7;
    border-color: #f7f7f7;
}
.form-text-white select.form-control:focus {
    color: #555555;
}
form label {
    font-weight: bold;
}
/* form error */
form .form-control.error {
    border: 2px solid #ee163b !important;
}
form .error, #forgotemail_error {
    color: #ee163b;
    font-weight:500
}
.has-error .form-control {
    border-color: #ee163b;
    border: 2px solid #ee163b !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #ee163b;
}
/* -------- Donation Form ---------- */
.donation-form .form-group label.radio-inline {
    color: #808080 !important;
}
/*-------- Form-Text-White ---------*/
.form-text-white .form-group label {
    color: #fff;
}
/*-------- Booking Form ---------*/
.booking-form input,
.booking-form .btn {
    border-radius: 36px;
}
.booking-form .form-group {
    margin-bottom: 30px;
    position: relative;
}
.booking-form .styled-select::after {
    border-radius: 0 36px 36px 0;
    bottom: 0;
    color: #333333;
    content: "\f107";
    font-size: 18px;
    font-family: fontAwesome;
    padding: 12px 20px 0;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0;
}
.booking-form .styled-select select {
    border-radius: 36px;
    color: #333333;
    font-size: 13px;
    height: 45px;
    margin: 0;
    outline: medium none;
    padding: 6px 5%;
    width: 100%;
    -moz-appearance: none;
}
.booking-form .styled-select .form-control option {
    color: #333333;
    font-size: 14px;
    padding: 2px 0;
}
/*-------- Booking Form Blue ---------*/
.booking-form.form-blue input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 36px;
}
.booking-form.form-blue .form-group {
    position: relative;
}
.booking-form.form-blue input::-webkit-placeholder,
.booking-form.form-blue input::-moz-placeholder,
.booking-form.form-blue input::-ms-placeholder {
    color: #eeeeee;
}
.booking-form.form-blue .form-control::-moz-placeholder {
    color: #eeeeee;
}
.booking-form.form-blue .form-control:focus,
.booking-form.form-blue .form-control:active {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #eeeeee;
}
.booking-form.form-blue .form-control {
    border-color: #c0c0c0;
    color: #fff;
}
.booking-form.form-blue .styled-select::after {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0 36px 36px 0;
    bottom: 0;
    color: #fff;
    content: "\f107";
    font-size: 18px;
    font-family: fontAwesome;
    padding: 12px 20px 0;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0;
}
.booking-form.form-blue .styled-select select {
    background: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 36px;
    color: #eeeeee;
    font-size: 13px;
    height: 45px;
    margin: 0;
    outline: medium none;
    padding: 6px 5%;
    width: 100%;
    -moz-appearance: none;
}
.booking-form.form-blue .styled-select .form-control option {
    background: #fff none repeat scroll 0 0;
    color: #333333;
    font-size: 14px;
    padding: 2px 0;
}
.booking-form.form-blue .btn {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #eeeeee;
    border-radius: 36px;
}
.booking-form.form-blue .btn:hover {
    background-color: #333333 !important;
}
.btn-submit:active,
.btn-submit:focus {
    border: 1px solid transparent !important;
    box-shadow: none;
}
/*-------- Booking Form Home ---------*/
.booking-form.form-home input,
.booking-form.form-home a.btn,
.booking-form.form-home .styled-select select {
    border-radius: inherit;
}
.booking-form.form-home {
    border-radius: 4px;
}
.booking-form.form-home input {
    background: #fff;
}
.booking-form.form-home .form-group {
    margin-bottom: 15px;
}
.booking-form.form-home .form-control:focus,
.booking-form.form-home .form-control:active {
    background: rgba(255, 255, 255, 0.9);
}
/*
 *  side-push-panel.less
 * -----------------------------------------------
*/
.side-push-panel {
    overflow-x: hidden;
}
.side-push-panel.fullwidth-page #wrapper {
    right: 0;
    position: relative;
}
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    right: 0;
}
.side-push-panel.fullwidth-page.side-panel-left #wrapper {
    left: 0;
    right: auto;
}
.side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    left: 0;
    right: auto;
}
.side-push-panel.fullwidth-page.side-panel-open #wrapper {
    right: 300px;
}
.side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    right: 300px;
}
.side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper {
    left: 300px;
    right: auto;
}
.side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    left: 300px;
    right: auto;
}
/* -------- Has Side Panel ---------- */
.side-push-panel.has-side-panel .menuzord .showhide {
    float: left;
}
/* -------- Body Overlay ---------- */
.has-side-panel .body-overlay {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
.has-side-panel.side-panel-open .body-overlay {
    opacity: 1;
    pointer-events: auto;
    z-index: 1111;
}
.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
    cursor: url('../images/close.png') 15 15, default;
}
/* -------- Side Panel ---------- */
#side-panel {
    -webkit-backface-visibility: hidden;
    background-color: #f3f3f3;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    z-index: 1112;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#side-panel .side-panel-wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 50px 70px 50px 40px;
    position: absolute;
    top: 0;
    width: 330px;
}
#side-panel .widget {
    margin-top: 40px;
    padding-top: 40px;
    width: 220px;
}
#side-panel .widget:first-child {
    border-top: 0;
    margin: 0;
    padding-top: 0;
}
.side-panel-open #side-panel {
    right: 0;
}
.side-panel-left #side-panel {
    left: -300px;
    right: auto;
}
.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto;
}
.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll;
}
/* -------- Side-Panel-Nav ---------- */
#side-panel .side-panel-nav .nav li a {
    padding: 5px 0;
}
#side-panel .side-panel-nav .nav li a:hover {
    background-color: transparent;
    color: #a9a9a9;
}
#side-panel .side-panel-nav .nav ul.tree {
    display: none;
    margin-left: 15px;
}
/* -------- Side-Panel-Trigger And Close ---------- */
#side-panel-trigger {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 25px;
    z-index: 11;
}
@media only screen and (max-width: 767px) {
    #side-panel-trigger {
        margin-top: 15px;
    }
}
#side-panel-trigger-close {
    left: 0;
    margin: 10px;
    position: absolute;
    top: 0;
}
/* -------- Transition ---------- */
.side-push-panel.fullwidth-page #wrapper,
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*
 *  box-hover-effect.less
 * -----------------------------------------------
*/
.box-hover-effect {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
}
.box-hover-effect img {
    position: relative;
    display: block;
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay::before,
.box-hover-effect .overlay::after {
    pointer-events: none;
}
.box-hover-effect .overlay .details {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay .title {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay .para {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay .entry-meta {
    bottom: 10px;
    font-size: 70%;
    opacity: 0;
    position: absolute;
    width: 89%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect .overlay .entry-meta.top {
    top: 10px;
}
.box-hover-effect .overlay .entry-meta i {
    color: #fff;
}
.box-hover-effect .overlay .icons {
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.box-hover-effect:hover .overlay {
    background: rgba(0, 0, 0, 0.85);
}
.box-hover-effect:hover .overlay.white {
    background: rgba(255, 255, 255, 0.75);
}
.box-hover-effect:hover .overlay.black {
    background: rgba(0, 0, 0, 0.85);
}
.box-hover-effect:hover .overlay .entry-meta {
    opacity: 1;
}
.box-hover-effect:hover .overlay .icons {
    opacity: 1;
}
.box-hover-effect:hover .overlay .icons i {
    color: #fff;
}
.box-hover-effect:hover .overlay .icons.twin i {
    padding: 10px;
}
.box-hover-effect:hover .overlay .icons.bordered i {
    border: 1px solid #fff;
}
.box-hover-effect:hover .overlay .icons.bordered i.text-black {
    border-color: #000;
}
.shadow-overlay {
    background-image: url("../images/shadow-overlay.html");
    background-position: center bottom;
    background-repeat: repeat-x;
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
/* Individual effects */
/*---------------*/
/***** effect1 *****/
/*---------------*/
.box-hover-effect.effect1 .overlay {
    position: relative;
}
.box-hover-effect.effect1 .thumb {
    position: relative;
    overflow: hidden;
}
.box-hover-effect.effect1 .thumb:after {
    background-color: rgba(255, 255, 255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 0;
}
.box-hover-effect.effect1 .thumb:before {
    left: 0;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 0;
    z-index: 1;
}
.box-hover-effect.effect1:hover .thumb:before,
.box-hover-effect.effect1:hover .thumb:after {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
/*---------------*/
/***** effect2 *****/
/*---------------*/
.box-hover-effect.effect2 .thumb {
    position: relative;
    overflow: hidden;
}
.box-hover-effect.effect2 .overlay .overlay-details {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box-hover-effect.effect2:hover .overlay-details {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.box-hover-effect.effect2:hover .details {
    opacity: 0;
}
.box-hover-effect.effect2:hover img {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*Custom theme style*/
.box-hover-effect.effect2 .overlay.white .overlay-details p {
    color: #777777;
}
.thumb {
    overflow: hidden;
}
.thumb.zoom-effect img {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.thumb.zoom-effect img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*border-effect*/
.border-effect {
    position: relative;
}
.border-effect::after {
    border: 3px solid #abc502;
    content: "";
    height: 94%;
    left: 2.3%;
    position: absolute;
    right: 0;
    top: 3%;
    transform: scale(1.4);
    transition: all 500ms ease 0s;
    width: 96%;
}
.border-effect:hover::after {
    transform: scale(1);
}
.border-effect img {
    transition: all 700ms ease 0s;
}
.border-effect:hover img {
    transform: scale(1.18) rotate(5deg);
}
/*
 * gallery-isotope.less
 * -----------------------------------------------
*/
/* -------- Portfolio Isotop Filter ---------- */
.portfolio-filter {
    margin-bottom: 30px;
    text-align: center;
}
.portfolio-filter a {
    color: #555555;
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
    outline: medium none;
    padding: 5px 15px;
}
.portfolio-filter a.active,
.portfolio-filter a:hover {
    color: #111111;
    background-color: #f5f5f5;
}
/* -------- Portfolio Isotop Gallery ---------- */
.gallery-isotope {
    /*gutter*/
    /* by default 4 grids */
    /*portfolio 2 grids*/
    /*portfolio 2 grids*/
    /*portfolio 3 grids*/
    /*portfolio 4 grids*/
    /*portfolio 5 grids*/
    /*portfolio 6 grids*/
    /*portfolio 7 grids*/
    /*portfolio 8 grids*/
    /*portfolio 9 grids*/
    /*portfolio 10 grids*/
}
.gallery-isotope.gutter .gallery-item {
    padding-right: 5px;
    padding-bottom: 5px;
}
.gallery-isotope.gutter-small .gallery-item {
    padding-right: 2px;
    padding-bottom: 2px;
}
.gallery-isotope.gutter-30 .gallery-item {
    padding-right: 30px;
    padding-bottom: 30px;
}
.gallery-isotope.gutter-40 .gallery-item {
    padding-right: 40px;
    padding-bottom: 40px;
}
.gallery-isotope.gutter-50 .gallery-item {
    padding-right: 50px;
    padding-bottom: 50px;
}
.gallery-isotope.gutter-60 .gallery-item {
    padding-right: 60px;
    padding-bottom: 60px;
}
.gallery-isotope .gallery-item {
    width: 25%;
}
.gallery-isotope .gallery-item.wide {
    width: 50%;
}
.gallery-isotope.grid-1 .gallery-item {
    width: 100%;
}
.gallery-isotope.grid-1 .gallery-item.wide {
    width: 100%;
}
.gallery-isotope.grid-2 .gallery-item {
    width: 50%;
}
.gallery-isotope.grid-2 .gallery-item.wide {
    width: 100%;
}
.gallery-isotope.grid-3 .gallery-item {
    width: 33.333%;
}
.gallery-isotope.grid-3 .gallery-item.wide {
    width: 66.6667%;
}
.gallery-isotope.grid-4 .gallery-item {
    width: 25%;
}
.gallery-isotope.grid-4 .gallery-item.wide {
    width: 50%;
}
.gallery-isotope.grid-5 .gallery-item {
    width: 20%;
}
.gallery-isotope.grid-5 .gallery-item.wide {
    width: 40%;
}
.gallery-isotope.grid-6 .gallery-item {
    width: 16.666666667%;
}
.gallery-isotope.grid-6 .gallery-item.wide {
    width: 33.333%;
}
.gallery-isotope.grid-7 .gallery-item {
    width: 14.2857143%;
}
.gallery-isotope.grid-7 .gallery-item.wide {
    width: 28.5714286%;
}
.gallery-isotope.grid-8 .gallery-item {
    width: 12.5%;
}
.gallery-isotope.grid-8 .gallery-item.wide {
    width: 25%;
}
.gallery-isotope.grid-9 .gallery-item {
    width: 11.11%;
}
.gallery-isotope.grid-9 .gallery-item.wide {
    width: 22.22%;
}
.gallery-isotope.grid-10 .gallery-item {
    width: 10%;
}
.gallery-isotope.grid-10 .gallery-item.wide {
    width: 20%;
}
/* -------- Portfolio Isotop Item Media Query ---------- */
@media only screen and (max-width: 991px) {
    .gallery-isotope .gallery-item {
        width: 33.333% !important;
    }
    .gallery-isotope .gallery-item.wide {
        width: 66.6667% !important;
    }
}
@media only screen and (max-width: 767px) {
    .gallery-isotope .gallery-item {
        width: 50% !important;
    }
    .gallery-isotope .gallery-item.wide {
        width: 100% !important;
    }
}
@media only screen and (max-width: 479px) {
    .gallery-isotope .gallery-item {
        width: 100% !important;
    }
    .gallery-isotope .gallery-item.wide {
        width: 100% !important;
    }
}
/* -------- Portfolio Isotop Overlay Effect ---------- */
.gallery-isotope .gallery-item {
    overflow: hidden;
}
.gallery-isotope .gallery-item .thumb {
    position: relative;
    overflow: hidden;
}
.gallery-isotope .gallery-item .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: none!important;
    color: transparent!important;
    z-index: 11;
}
.gallery-isotope .gallery-item .overlay-shade {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background-color: #f9f9f9;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gallery-isotope .gallery-item:hover .overlay-shade {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.gallery-isotope .gallery-item .icons-holder {
    position: absolute;
    top: 0%;
    left: 50%;
    display: inline-block;
    width: auto;
    height: 36px;
    vertical-align: middle;
    z-index: 13;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gallery-isotope .gallery-item .icons-holder .icons-holder-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -18px 0 0 -50%;
}
.gallery-isotope .gallery-item .icons-holder .icons-holder-inner a {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gallery-isotope .gallery-item:hover .icons-holder {
    top: 50%;
}
.gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {
    opacity: 1;
    filter: alpha(opacity=1);
}
.gallery-isotope .gallery-item .portfolio-description {
    padding: 15px 0;
}
.gallery-isotope .gallery-item .portfolio-description .title {
    margin: 0;
}
.gallery-isotope .gallery-item .portfolio-description .title a {
    color: #333333;
}
.gallery-isotope .gallery-item .text-holder {
    box-sizing: border-box;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 13;
}
.gallery-isotope .gallery-item:hover .text-holder {
    opacity: 1;
    bottom: 20px;
}
.gallery-isotope .flex-control-nav {
    z-index: 111;
}
/*
 * sliders.less
 * -----------------------------------------------
*/
/* -------- Rev Slider ---------- */
#home .revslider-fullscreen {
    min-height: auto;
}
/* -------- Home Revolution Slider For Minimal Layouts ---------- */
.minimal-revslider-wrapper {
    left: 0!important;
    width: 100%!important;
}
.minimal-revslider-wrapper .tp-leftarrow {
    left: 0!important;
}
.minimal-revslider-wrapper .tp-rightarrow {
    right: 0!important;
}
/* -------- Tab-Slider ---------- */
.tab-slider .tab-content {
    padding: 0;
    border: 0;
}
.tab-slider .nav.nav-pills > div {
    background-color: #fff;
    float: left;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tab-slider .nav.nav-pills i {
    color: #d3d3d3;
}
.tab-slider .nav.nav-pills a {
    display: block;
    padding: 40px 30px;
    background: #f3f3f3;
}
.tab-slider .nav.nav-pills a:hover i,
.tab-slider .nav.nav-pills a:hover h6,
.tab-slider .nav.nav-pills a.active i,
.tab-slider .nav.nav-pills a.active h6 {
    color: #fff;
}
/* -------- MaxImage Slider ---------- */
.maximage-slider .fullscreen-controls .img-prev,
.maximage-slider .fullscreen-controls .img-next {
    background: rgba(0, 0, 0, 0.3);
}
.clients-logo.carousel {
    text-align: center;
}
.clients-logo.carousel .item {
    box-shadow: none;
    margin: 0 10px;
}
/* -------- Widget-Testimonial-Carousel ---------- */
.widget-testimonial-carousel .item img {
    max-width: 75px;
    float: right;
}
/* -------- Owl Carousel ---------- */
.owl-controls {
    margin: 0;
}
.owl-controls .owl-nav > div {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 45%;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 6;
}
.owl-controls .owl-next {
    right: 0px;
}
.owl-controls .owl-next i {
    color: #888;
    font-size: 24px;
}
.owl-controls .owl-prev i {
    color: #888;
    font-size: 24px;
}
/* owl dots */
.owl-theme .owl-dots {
    text-align: center;
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    background: #eeeeee;
    border: 2px solid #555555;
    border-radius: 50%;
    transform: rotate(45deg);
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 12px;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #333333;
}
/* Image Carousel */
.image-carousel .owl-controls .owl-nav > div {
    opacity: 0;
}
.image-carousel:hover .owl-controls .owl-nav > div {
    opacity: 1;
}
/* Owl top Dots style */
.dots-right .owl-dots {
    text-align: right;
}
.dots-left .owl-dots {
    text-align: left;
}
/* Owl top nav style */
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div {
    top: -45px;
    right: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover i {
    color: #fff;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    right: 38px;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    right: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    border: none;
    line-height: 16px;
    padding: 0 4px;
    text-align: center;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i {
    font-size: 24px;
}
.owl-carousel.no-bullet .owl-nav {
    display: none;
}
.recent-project .owl-controls .owl-nav > div {
    top: 38%;
}
.recent-project .owl-controls .owl-nav .owl-prev i,
.recent-project .owl-controls .owl-nav .owl-next i {
    padding: 2px 16px;
}
.featured-gallery.style2 {
    float: right;
    width: 92%;
}
.featured-gallery.style2 .owl-controls {
    bottom: 58px;
    left: -80px;
    margin: 0;
    position: absolute;
}
.featured-gallery.style2 .owl-controls .owl-nav > div {
    top: 95%;
}
.featured-gallery.style2 .owl-controls .owl-nav .owl-prev {
    left: 0px;
}
.featured-gallery.style2 .owl-controls .owl-nav .owl-next {
    display: inline-table;
    left: 40px;
}
.featured-gallery.style2 .owl-controls .owl-nav .owl-prev i,
.featured-gallery.style2 .owl-controls .owl-nav .owl-next i {
    color: #fff;
    font-size: 35px;
}
@media only screen and (max-width: 991px) {
    .featured-gallery.style2 {
        float: none;
        margin-top: 58px;
        width: 100%;
    }
    .featured-gallery.style2 .owl-controls {
        bottom: auto;
        left: auto;
        top: -45px;
    }
}
.image-carousel .owl-controls .owl-nav > div {
    opacity: 0;
}
.image-carousel:hover .owl-controls .owl-nav > div {
    opacity: 1;
}
/* -------- Owl Fullwidth Carousel ---------- */
.fullwidth-carousel .owl-controls .owl-nav > div {
    top: 45%;
}
.fullwidth-carousel .carousel-item {
    min-height: 615px;
    width: 100%;
}
.fullwidth-carousel.blog-fullwidth-carousel .carousel-item {
    height: 600px;
    min-height: auto;
    width: 100%;
}
.fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav > div {
    background: none;
}
.news-carousel-3col .item {
    margin-right: 25px;
}
/* -------- Twitter Feed Carousel ---------- */
.twitter-feed.twitter-carousel {
    color: #111111;
    font-size: 16px;
}
.twitter-feed.twitter-carousel a {
    color: #111111;
}
.twitter-feed .date {
    font-size: 12px;
}
.twitter-feed.twitter-white,
.twitter-feed.twitter-white a {
    color: #fff;
}
/* -------- BX Slider ---------- */
.bx-wrapper {
    margin: 0 auto 7px;
    padding: 0;
    position: relative;
}
.bx-wrapper .bx-viewport {
    background: inherit;
    border: 0 solid #fff;
    box-shadow: 0 0 0 #ccc;
    left: 0;
    transform: translateZ(0px);
}
/* bx top nav style */
.bx-controls .bx-controls-direction > a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    height: auto;
    line-height: 28px;
    padding: 0 12px;
    width: auto;
    text-indent: 0;
    top: -30px;
    z-index: 0;
}
.bx-controls .bx-controls-direction > a:hover {
    background: #ddd;
}
.bx-controls .bx-controls-direction > a i {
    color: #888;
}
.bx-controls .bx-controls-direction .bx-prev {
    right: 35px;
    left: auto;
}
.bx-controls .bx-controls-direction .bx-next {
    right: 0;
}
/* -------- Typed Animation Slider ---------- */
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* -------- Layer Slider ---------- */
/*
 * home.less
 * -----------------------------------------------
*/
/* setion-bottom-absolute-div */
.setion-bottom-absolute-div {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
/*
 * about.less
 * -----------------------------------------------
*/
/* bg img box */
.bg-img-box {
    position: relative;
}
.bg-img-box .caption {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    position: absolute;
    top: 0;
}
.bg-img-box .caption .title {
    font-size: 30px;
    line-height: 39px;
}
.bg-img-box .caption p {
    max-width: 280px;
}
/* Feature */
.feature-item {
    overflow: hidden;
    position: relative;
}
.feature-item .feature-icon {
    position: absolute;
    top: 20px;
    opacity: 0;
    left: 0;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.feature-item .thumb img {
    position: relative;
}
.feature-item .feature-info {
    position: absolute;
    bottom: 0;
    padding: 20px 40px;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.feature-item .feature-info a {
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: #fff;
}
.feature-item:hover .feature-icon {
    opacity: 1;
    left: 20px;
}
/*
 * contact.less
 * -----------------------------------------------
*/
.contact-wrapper {
    padding: 50px 50px 50px 100px;
}
.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form .form-control {
    background-image: none;
    height: 48px;
}
.contact-form .form-control:focus,
.contact-form .form-control:active {
    box-shadow: none;
    color: #333333;
}
.contact-form .form-control2 {
    background-color: rgba(0, 0, 0, 0.8);
    color: #c0c0c0;
}
.contact-form .form-group button {
    margin-top: 0;
}
.contact-form textarea.form-control {
    height: 110px;
    resize: none;
}
textarea {
    resize: none;
}
.contact-icon-box {
    border: 1px solid #666;
}
.contact-icon-box .contact-icon {
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: -30px;
    width: 50px;
    height: 50px;
}
/*
 * event.less
 * -----------------------------------------------
*/
/*schedule-box style*/
.schedule-box:hover .thumb .overlay {
    opacity: 1;
    top: 0;
}
.schedule-box:hover .thumb .overlay a i {
    opacity: 1;
    top: 40%;
}
.schedule-box .thumb {
    position: relative;
    overflow-x: hidden;
}
.schedule-box .thumb .overlay {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    top: -100%;
}
.schedule-box .thumb .overlay a i {
    background-color: #333;
    color: #fff;
    margin: 0 auto;
    padding: 13px 12px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.45s ease-in-out 0s;
    -o-transition: all 0.45s ease-in-out 0s;
    transition: all 0.45s ease-in-out 0s;
    top: 0;
}
.schedule-box .schedule-details {
    border-bottom: 1px solid #bbb;
}
.schedule-box .schedule-details ul li {
    margin: 0;
}
.schedule-box .schedule-details .title a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* event-table */
.table-schedule thead tr th {
    color: #fff;
    font-size: 16px;
    padding: 15px 25px;
    text-transform: uppercase;
}
.table-schedule > tbody > tr {
    background-color: #f3f3f3;
}
.table-schedule > tbody > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}
.table-schedule tbody tr td {
    border-top: 1px solid #f3f3f3;
    color: #666;
    font-weight: 400;
    padding: 15px 25px;
}
.table-schedule tbody tr td .speaker-thumb {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    width: 55px;
}
.table-schedule tbody tr td .title {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 3px;
}
.table-schedule tbody tr td .name {
    font-size: 13px;
    margin: 0;
}
.table-schedule tbody tr td strong {
    color: #666;
    font-weight: 700;
}
.table-schedule .toggle-content {
    cursor: pointer;
}
.table-schedule .session-details {
    display: none;
}
/*
 * responsive.less
 * -----------------------------------------------
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .md-height {
        height: 275px !important;
    }
}
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*
 * Section: Services
 * -----------------------------------------------
*/
.rotated-service-box {
    position: relative;
}
.rotated-service-box .icon {
    background-color: #d3d3d3;
    display: inline-block;
    height: 90px;
    left: 0;
    margin: 0 auto;
    padding: 30px;
    position: absolute;
    right: 0;
    top: -45px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
}
.rotated-service-box .icon i {
    color: #fff;
    font-size: 32px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rotated-service-box .heading {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/*
 * shop.less
 * -----------------------------------------------
*/
/* -------- Product Details Page ---------- */
.product {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.products .product {
    border: 1px solid #eeeeee;
    max-width: 400px;
}
.products .product:hover {
    border: 1px solid #eeeeee;
}
.products .product .product-details .product-title {
    font-size: 15px;
    margin-top: 20px;
    text-transform: uppercase;
}
.btn-add-to-cart-wrapper,
.btn-product-view-details {
    opacity: 0;
    height: auto;
    margin: 0 0 15px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    position: absolute;
    bottom: 0;
    left: -60px;
}
.product:hover .btn-add-to-cart-wrapper,
.product:hover .btn-product-view-details {
    left: 0;
    opacity: 1;
}
.btn-product-view-details {
    left: auto;
    bottom: 0;
    right: -60px;
}
.product:hover .btn-product-view-details {
    left: auto;
    opacity: 1;
    right: 0;
}
/* -------- Price ---------- */
.product .price {
    margin-top: 5px;
}
.product .price .amount {
    font-size: 18px;
    font-weight: 600;
}
.product .price del .amount {
    color: #999999;
    font-size: 14px;
    font-weight: 500;
}
.product .price ins {
    margin-left: 10px;
    text-decoration: none;
}
/* -------- Product-Summary ---------- */
.product .product-summary .product-title {
    margin-top: 0;
}
.product .product-summary .short-description {
    margin-bottom: 15px;
}
.product .product-summary .cart-form-wrapper .btn {
    margin-top: 0;
}
.product .product-summary .variations {
    width: 100%;
}
.product .product-tab {
    margin-top: 30px;
}
.product .commentlist .comment {
    margin-top: 30px;
    position: relative;
}
.product .commentlist .comment .meta {
    font-size: 12px;
}
.product .commentlist .comment .author {
    font-size: 14px;
    font-weight: bold;
}
.product .product-thumb {
    position: relative;
}
.product .product-thumb:hover .overlay {
    opacity: 1;
}
.product .product-thumb .overlay .add-to-wishlist {
    color: #fff;
    right: 10px;
    top: 10px;
    position: absolute;
}
.product .product-summary .cart-form-wrapper .quantity,
.tbl-shopping-cart .quantity {
    display: inline-block;
    margin-right: .8571em;
    position: relative;
    width: 4.1429em;
    vertical-align: top;
}
.product .product-summary .cart-form-wrapper .quantity .minus,
.tbl-shopping-cart .quantity .minus,
.product .product-summary .cart-form-wrapper .quantity .plus,
.tbl-shopping-cart .quantity .plus {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    height: 18px;
    left: 2.8571em;
    line-height: 1;
    outline: medium none;
    padding: 0;
    position: absolute;
    width: 18px;
}
.product .product-summary .cart-form-wrapper .quantity .minus,
.tbl-shopping-cart .quantity .minus {
    bottom: 0;
}
.product .product-summary .cart-form-wrapper .quantity .plus,
.tbl-shopping-cart .quantity .plus {
    top: 0;
}
.product .product-summary .cart-form-wrapper .quantity .qty,
.tbl-shopping-cart .quantity .qty {
    -moz-appearance: textfield;
    border: 1px solid #ccc;
    height: 41px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 40px;
}
/* -------- Star-Rating ---------- */
.star-rating {
    font-size: 14px;
    height: 16px;
    width: 75px;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0px;
}
.star-rating::before,
.star-rating span::before {
    color: #a9a9a9;
    content: "\f005\f005\f005\f005\f005";
    float: left;
    font-family: fontawesome;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
}
.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}
/* -------- Tag Sale ---------- */
.product .tag-sale {
    margin: 0;
    top: 0;
    display: block;
    left: auto;
    right: 0;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 4px 10px 4px 16px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    z-index: 9;
}
.product .tag-sale .tag-sale::before {
    border-color: transparent transparent transparent #dcdcdc;
    border-style: solid;
    border-width: 12px 13px 13px 8px;
    content: "";
    height: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 1px;
    width: 0;
}
/* -------- Cart Page ---------- */
.tbl-shopping-cart .product-thumbnail img {
    max-width: 72px;
    max-height: 72px;
}
.tbl-shopping-cart .product-remove {
    text-align: center;
}
.tbl-shopping-cart .variation .variation-size,
.tbl-shopping-cart .variation .variation-size span {
    font-size: 12px;
}
.tbl-shopping-cart tr th,
.tbl-shopping-cart tr td,
.tbl-shopping-cart .coupon label,
.tbl-shopping-cart .coupon input,
.tbl-shopping-cart .coupon button {
    vertical-align: middle!important;
}
.tbl-shopping-cart tr td {
    padding: 10px 12px!important;
}
table.no-border td {
    border: medium none !important;
}
/* -------- Checkout Page ---------- */
.payment-method .radio {
    border: 1px solid #eee;
    padding: 10px;
}
.payment-method .radio > label {
    color: #111;
    font-size: 17px;
}
.payment-method .radio input {
    margin-top: 8px;
    vertical-align: initial;
}
.payment-method .radio > p {
    margin-left: 20px;
}
#checkout-shipping-address {
    display: none;
}
/* -------- Top Nav Search And Cart ---------- */
.top-nav-search-box .indicator,
.top-nav-cart-box .indicator {
    display: none;
}
.dropdown-cart {
    padding: 10px;
}
.dropdown-cart .cart-table-list,
.dropdown-cart .cart-table-list i {
    color: #222222;
    border: none;
}
.dropdown-cart .cart-table-list a {
    line-height: normal;
    color: #222222;
}
.dropdown-cart .cart-table-list td img {
    width: 50px;
    height: auto;
}
.dropdown-cart .cart-table-list.table > tbody > tr > td {
    border: none;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}
.dropdown-cart .total-cart {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    color: #222;
    text-align: right;
}
.dropdown-cart .total-cart ul {
    float: right;
    list-style: none;
    padding: 0;
    width: 100%;
}
.dropdown-cart .total-cart ul li {
    display: block;
    overflow: hidden;
}
.dropdown-cart .total-cart ul li span {
    width: 100px;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}
.dropdown-cart .total-cart .table > tbody > tr > td,
.dropdown-cart .total-cart .table > tbody > tr > th,
.dropdown-cart .total-cart .table > tfoot > tr > td,
.dropdown-cart .total-cart .table > tfoot > tr > th,
.dropdown-cart .total-cart .table > thead > tr > td,
.dropdown-cart .total-cart .table > thead > tr > th {
    border: 0;
}
.dropdown-cart .cart-btn .btn {
    width: auto;
    float: none;
    padding: 5px 15px;
}
/*
 * Section: classes-details.less
 * -----------------------------------------------
*/
.single-class-details {
    border-bottom: 1px solid #d3d3d3;
    display: inline-block;
}
.classes-schedules .dl-horizontal dt {
    text-align: left;
}
/*
 * blog.less
 * -----------------------------------------------
*/
.post .entry-header {
    position: relative;
    overflow: hidden;
}
.post .entry-title {
    margin-top: 0;
}
.post .entry-content {
    background: #f8f8f8;
    padding: 15px;
}
.post .entry-date {
    font-size: 13px;
}
.post .entry-meta.meta-absolute {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.post .entry-meta.meta-absolute i {
    display: block;
    font-size: 28px;
}
.post .entry-meta.meta-absolute span a {
    color: #454545;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 2px;
    margin-right: 5px;
}
.post.media-post .post-thumb {
    float: left;
    margin: 0 10px 10px 0;
}
.post .post-thumb {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/*
 * Blog Style 2
 * -----------------------------------------------
*/
.post.style2,
.post.style3 {
    position: relative;
    overflow: hidden;
}
.post.style2 .entry-content,
.post.style3 .entry-content {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: -30px;
    left: 0;
    padding: 30px;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.post.style2 .entry-content .entry-date,
.post.style3 .entry-content .entry-date {
    font-size: 11px;
    margin-bottom: 10px;
}
.post.style2:hover .entry-content,
.post.style3:hover .entry-content {
    bottom: 0;
}
.post.style2:hover .post-thumb,
.post.style3:hover .post-thumb {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}
/*
 *  class-time.less
 * -----------------------------------------------
*/
.table-bordered.class-time > thead > tr > th {
    text-align: center;
    padding: 20px 0;
    vertical-align: middle;
}
.table-bordered.class-time tr td:hover {
    color: #FFF !important;
}
.table.time-schedule tr {
    background: #fff;
}
.table.time-schedule tr td {
    border-bottom: 1px solid #ddd;
    border-top: transparent;
    padding: 22px;
    text-transform: uppercase;
    font-weight: bold;
}
.table.table-bordered.class-time td:hover a {
    color: #FFF;
}
/*
 *  -> funfact.less
 * -----------------------------------------------
*/
funfactfunfact.border {
    border: 1px solid #ddd;
}
funfactno-border {
    border: 0 none;
}
funfact a {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
}
funfact i {
    font-size: 46px;
}
funfact animate-number {
    font-size: 32px;
}
funfact span {
    color: #999;
    font-size: 18px;
}
funfactstyle-1:hover i {
    font-size: 40px !important;
    opacity: 0.3;
}
funfactstyle-1:hover h4 {
    color: #000000 !important;
}
funfactstyle-1 i,
funfactstyle-1 h4 {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*
 * 3.15 -> trainer.less
 * -----------------------------------------------
*/
.trainer-item {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.trainer-item:hover:before {
    height: 100%;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}
.trainer-item .trainer-info {
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
}
.trainer-item .trainer-info .trainer-biography {
    bottom: 10%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
    z-index: 3;
}
.trainer-item:hover .trainer-biography {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.trainer-item .social-network {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: -50px;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    z-index: 3;
}
.trainer-item .social-network li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FFF;
}
.trainer-item:hover .social-network {
    top: 20%;
}
/* Trainer Style 2 */
.box-hover-effect.effect1:hover .thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.box-hover-effect.effect1:hover .thumb:before {
    -webkit-transform: rotate(-59deg);
    -ms-transform: rotate(-59deg);
    -o-transform: rotate(-59deg);
    transform: rotate(-59deg);
}
.box-hover-effect.effect1:hover .thumb:hover {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.trainer-item.style2 {
    overflow: hidden;
    position: relative;
    transition: all 0.5s linear 0s;
    margin-bottom: 30px;
}
.trainer-item.style2 .trainer-biography {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.trainer-item.style2:hover::before {
    background: transparent;
    content: "";
    height: 100%;
    position: static;
    width: 100%;
}
.trainer-item.style2:hover .trainer-biography {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.trainer-item.style2:hover .trainer-info {
    bottom: 0;
}
.trainer-item.style2 .trainer-info {
    background: #000 none repeat scroll 0 0;
    bottom: -100%;
    display: block;
    height: auto;
    position: absolute;
    top: auto;
    width: 100%;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.trainer-item.style2 .trainer-info .trainer-biography {
    opacity: 1;
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    text-align: center;
    z-index: 3;
}
.trainer-item.style2 .social-network {
    color: #fff;
    position: relative;
    text-align: center;
    top: auto;
    z-index: 3;
}
.trainer-item.style2 .social-network:hover {
    top: auto;
}
.trainer-item.style2 .social-network li a i {
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
/* Social Network Style 2 */
.team-carousel .styled-icons a i {
    line-height: 40px;
}
.bg-img-box {
    overflow: hidden;
}
.bg-img-box .style3 {
    top: 55%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    position: absolute;
}
.style3 {
    opacity: 0;
    left: -160px;
    transition: all 0.5s ease-in-out 0s;
}
.bg-img-box:hover .style3 {
    opacity: 1;
    left: 0;
}
/*
 * traning-class.less
 * -----------------------------------------------
*/
.box-hover-effect.effect1:hover .thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.box-hover-effect.effect1 .thumb::before {
    -webkit-transform: rotate(-59deg);
    -ms-transform: rotate(-59deg);
    -o-transform: rotate(-59deg);
    transform: rotate(-59deg);
}
.box-hover-effect.effect1 .thumb:hover {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*
 * Calculator
 * -----------------------------------------------
*/
/*
 * why-choose.less
 * -----------------------------------------------
*/
.img-icon-box {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:before {
    position: absolute;
    background: rgba(255, 100, 100, 0.8);
    content: '';
    height: 100%;
    width: 100%;
    display: block;
}
.img-icon-box .img-icon-details {
    position: relative;
    min-height: 260px;
}
.img-icon-box .img-icon-details .flaticon-weights19,
.img-icon-box .img-icon-details .flaticon-gym-5,
.img-icon-box .img-icon-details .flaticon-gym-2,
.img-icon-box .img-icon-details .fitness-details,
.img-icon-box .img-icon-details .flaticon-weights19,
.img-icon-box .img-icon-details .flaticon-bodyparts70,
.img-icon-box .img-icon-details .flaticon-gym6,
.img-icon-box .img-icon-details .flaticon-gym5,
.img-icon-box .img-icon-details .flaticon-gym-6 {
    color: #fff;
}
.img-icon-box .img-icon-content {
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:hover .img-icon-content {
    opacity: 1;
}
.img-icon-box .fitness-details,
.img-icon-box .flaticon-weights19,
.img-icon-box .flaticon-bodyparts70,
.img-icon-box .flaticon-gym6,
.img-icon-box .flaticon-gym5,
.img-icon-box .flaticon-gym-2,
.img-icon-box .flaticon-gym-5,
.img-icon-box .flaticon-gym-6,
.img-icon-box h3 {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:hover .flaticon-gym-2,
.img-icon-box:hover .flaticon-weights19,
.img-icon-box:hover .flaticon-bodyparts70,
.img-icon-box:hover .flaticon-gym6,
.img-icon-box:hover .flaticon-gym5,
.img-icon-box:hover .flaticon-gym-5,
.img-icon-box:hover .flaticon-gym-6 {
    font-size: 0 !important;
}
/*
 * Shortcode.less
 * -----------------------------------------------
*/
/*
 * Shortcode: alerts.less
 * -----------------------------------------------
*/
/*
 * Shortcode: buttons.less
 * -----------------------------------------------
*/
/* -------- Btn-Default ---------- */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-default:hover {
    background-color: #eeeeee;
    border-color: #eeeeee;
}
/* -------- Btn-Border ---------- */
.btn-border {
    color: #222222;
    background-color: #fff;
    border-color: #222222;
}
.btn-border:focus,
.btn-border.focus {
    color: #222222;
    background-color: #e6e6e6;
    border-color: #000000;
}
.btn-border:hover {
    color: #222222;
    background-color: #e6e6e6;
    border-color: #040404;
}
.btn-border:active,
.btn-border.active,
.open > .dropdown-toggle.btn-border {
    color: #222222;
    background-color: #e6e6e6;
    border-color: #040404;
}
.btn-border:active:hover,
.btn-border.active:hover,
.open > .dropdown-toggle.btn-border:hover,
.btn-border:active:focus,
.btn-border.active:focus,
.open > .dropdown-toggle.btn-border:focus,
.btn-border:active.focus,
.btn-border.active.focus,
.open > .dropdown-toggle.btn-border.focus {
    color: #222222;
    background-color: #d4d4d4;
    border-color: #000000;
}
.btn-border:active,
.btn-border.active,
.open > .dropdown-toggle.btn-border {
    background-image: none;
}
.btn-border.disabled:hover,
.btn-border[disabled]:hover,
fieldset[disabled] .btn-border:hover,
.btn-border.disabled:focus,
.btn-border[disabled]:focus,
fieldset[disabled] .btn-border:focus,
.btn-border.disabled.focus,
.btn-border[disabled].focus,
fieldset[disabled] .btn-border.focus {
    background-color: #fff;
    border-color: #222222;
}
.btn-border .badge {
    color: #fff;
    background-color: #222222;
}
.btn-border {
    border-width: 2px;
}
.btn-border:hover,
.btn-border:active,
.btn-border:focus {
    background-color: #222222;
    border-color: #222222;
    color: #fff;
}
/* -------- Btn-Dark ---------- */
.btn-dark {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}
.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #090909;
    border-color: #000000;
}
.btn-dark:hover {
    color: #fff;
    background-color: #090909;
    border-color: #040404;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #090909;
    border-color: #040404;
}
.btn-dark:active:hover,
.btn-dark.active:hover,
.open > .dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open > .dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
    background-image: none;
}
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus {
    background-color: #222222;
    border-color: #222222;
}
.btn-dark .badge {
    color: #222222;
    background-color: #fff;
}
/* -------- Btn-Gray ---------- */
.btn-gray {
    color: #333333;
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.btn-gray:focus,
.btn-gray.focus {
    color: #333333;
    background-color: #d5d5d5;
    border-color: #afafaf;
}
.btn-gray:hover {
    color: #333333;
    background-color: #d5d5d5;
    border-color: #d0d0d0;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    color: #333333;
    background-color: #d5d5d5;
    border-color: #d0d0d0;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
    color: #333333;
    background-color: #c3c3c3;
    border-color: #afafaf;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.btn-gray .badge {
    color: #eeeeee;
    background-color: #333333;
}
.btn-circled {
    border-radius: 5px;
}
.btn-flat {
    border-radius: 0;
}
/* -------- Btn-Default ---------- */
.btn {
    font-size: 14px;
    padding: 10px 20px;
}
/* -------- Btn-xs ---------- */
.btn-xs {
    font-size: 11px;
    padding: 3px 14px;
}
/* -------- Btn-sm ---------- */
.btn-sm {
    font-size: 12px;
    padding: 5px 17px;
}
/* -------- Btn-lg ---------- */
.btn-lg {
    font-size: 14px;
    padding: 10px 26px;
}

.searchbutton .btn-lg {
    font-size: 16px;
    padding: 0px 26px;
    line-height: 50px;
}
/* -------- Btn-xl ---------- */
.btn-xl {
    font-size: 16px;
    padding: 13px 32px;
}
/* -------- Btn-transparent ---------- */
.btn-transparent {
    background-color: transparent;
    color: #fff;
}
.hvr-shutter-out-horizontal::before {
    background: #000;
}
/*
 * blockquote.less
 * -----------------------------------------------
*/
blockquote {
    border-left: 3px solid #eeeeee;
    margin: 20px 0;
    padding: 30px;
}
blockquote.gray {
    border-left: 3px solid #666666;
    background-color: #eeeeee;
    color: #333333;
}
blockquote.gray.bg-theme-colored {
    background-color: #eeeeee;
}
blockquote.dark {
    border-left: 3px solid #3c3c3c;
    background-color: #555555;
    color: #fff;
}
blockquote.dark footer {
    color: #d3d3d3;
}
blockquote p {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-style: italic;
}
/*
 * Shortcode: clients.less
 * -----------------------------------------------
*/
.clients-logo .item {
    border-color: transparent;
    box-shadow: 0 0 0 10px #ffffff;
    margin-bottom: 30px;
    padding: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.clients-logo img {
    max-height: 90px;
    width: auto !important;
    display: inline;
    opacity: 0.9;
}
.clients-logo img:hover {
    opacity: 1;
}
.clients-logo.style2 .item {
    box-shadow: none;
}
.clients-logo.style2 .item img {
    max-height: 120px;
}
.client-img {
    opacity: 0.6;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.client-img:hover {
    opacity: 1;
}
.client-img img {
    max-height: 90px;
}
.clients-logo.carousel {
    text-align: center;
}
.clients-logo.carousel .item {
    box-shadow: none;
    margin: 0 10px;
}
.clients .client {
    text-align: center;
}
.clients .client img {
    opacity: 0.7;
}
.clients .client:hover img {
    opacity: 1;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
/*
 * Shortcode: countdown.less
 * -----------------------------------------------
*/
.countdown-timer li {
    color: #808080;
    display: inline-block;
    padding: 30px 20px;
    background-color: #f1f1f1;
    margin-right: 15px;
    font-size: 40px;
    text-align: center;
    min-width: 120px;
    min-height: 120px;
}
.countdown-timer li span {
    color: #c0c0c0;
    display: block;
    font-size: 15px;
    margin-top: 5px;
}
.countdown-timer.timer-box {
    padding: 20px;
    padding-top: 40px;
    text-align: center;
}
.countdown-timer.timer-box li {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
}
.countdown-timer.timer-box li span {
    color: #eeeeee;
}
.countdown-timer.timer-deep-bg li {
    background-color: rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767px) {
    .timer-responsive li {
        margin-top: 30px;
        font-size: 20px;
        min-width: 60px;
        min-height: 60px;
        padding: 20px 10px;
    }
    .countdown-timer li span {
        font-size: 12px;
    }
    .tabs-b .nav-tabs{
        display: block !important;
    }
    .mobile-app-right{
        padding-top: 285px;
        padding-left: 0px !important;
    }
    .app-logos-block{
        padding-bottom: 20px
    }
    .main-section-b .searchouterdiv1 .searchServices .searchservicesinner {
        padding: 0 0px;
    }
    .minheight50 {
        margin-top: 7px
    }
    .main-section-b .searchouterdiv1 .searchbutton {
        margin-left: 0px;
    }
    .btn-google {
        margin-bottom: 10px;
        width: 55%;
    }
    .btn-facebook {
        width: 55%;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-app-right {
        padding-left: 350px;
    }
    .main-section-b .searchouterdiv1 .searchbutton {
        margin-left: 15px;
    }
    .searchouterdiv1 .searchbutton {
        width: 15% !important;
    }
    .searchbutton .btn-lg {
        padding: 0px 9px;
    }
    .btn-google {
        margin-bottom: 10px;
        width: 75%;
    }
    .btn-facebook {
        width: 75%;
    }
}

/*
 * Shortcode: countdown-timer.less
 * -----------------------------------------------
*/
/*
 * Shortcode: dividers.less
 * -----------------------------------------------
*/
.divider {
    background-repeat: repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* -------- Parallax ---------- */
.parallax {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: top center;
}
.mobile-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center;
}
.divider .container {
    padding-top: 90px;
    /* padding-bottom: 90px; */
    /* border-bottom: 1px solid #fff; */
    /* width: 100%; */
    /* float: left; */
    /* background: #000; */
}
.footer-title-disc h5 {    color: #fff;margin-bottom:0}
.footer-icon{    width: 20%;    float: left;}
.divider .container.small-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
.divider .container.extra-padding {
    padding-top: 180px;
    padding-bottom: 180px;
}
/*
 * Shortcode: facebook-disqus-comments.less
 * -----------------------------------------------
*/
.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
    display: block !important;
    margin: 0;
    width: 100% !important;
}
/*
 * Shortcode: Faqs.less
 * -----------------------------------------------
*/
/*
 * Shortcode: flexslider.less
 * -----------------------------------------------
*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
    border: none;
}
.flex-direction-nav {
    display: none;
}
.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    width: auto;
    position: absolute;
    z-index: 10;
    text-align: center;
    bottom: 15px;
    right: 15px;
}
.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 10px;
}
.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #fff;
}
/*
 * Shortcode: flip-box.less
 * -----------------------------------------------
*/
.card {
    float: left;
    min-height: 300px;
    padding-bottom: 25%;
    position: relative;
    text-align: center;
    width: 100%;
}
.card:nth-child(1) {
    margin-left: -3px;
    margin-right: 1px;
}
.card:nth-child(1),
.card .card:nth-child(3) {
    margin-right: 1px;
}
.card .card__front,
.card .card__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.card .card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.card .card__text {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 20px;
}
.card.effect__hover:hover .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.card.effect__hover:hover .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.card.effect__click.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.card.effect__click.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.card.effect__random.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.card.effect__random.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
/*
 * Responsive : Flip Box
 * -----------------------------------------------
*/
@media only screen and (max-width: 767px) {
    .card {
        margin-bottom: 30px;
        min-height: 489px;
    }
}
@media only screen and (min-width: 501px) and (max-width: 600px) {
    .card {
        margin-bottom: 30px;
        min-height: 400px;
    }
}
@media only screen and (min-width: 450px) and (max-width: 500px) {
    .card {
        margin-bottom: 30px;
        min-height: 350px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 449px) {
    .card {
        margin-bottom: 30px;
        min-height: 300px;
    }
}
/*
 * Shortcode: font-icons.less
 * -----------------------------------------------
*/
/* common style */
.styled-icons a {
    color: #333333;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.styled-icons a:hover {
    color: #666666;
}
.styled-icons.icon-gray a {
    background-color: #eeeeee;
    color: #555555;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.styled-icons.icon-gray a:hover {
    color: #bbbbbb;
}
.styled-icons.icon-gray.icon-bordered a {
    background-color: transparent;
    border: 2px solid #eeeeee;
}
.styled-icons.icon-gray.icon-bordered a:hover {
    border: 2px solid #d5d5d5;
}
.styled-icons.icon-dark a {
    background-color: #111111;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.styled-icons.icon-dark a:hover {
    color: #5e5e5e;
}
.styled-icons.icon-dark.icon-bordered a {
    background-color: transparent;
    border: 2px solid #111111;
    color: #111111;
}
.styled-icons.icon-dark.icon-bordered a:hover {
    background-color: #111111;
    border-color: #111111;
    color: #fff;
}
.styled-icons.icon-bordered a {
    border: 1px solid #777777;
}
.styled-icons.icon-bordered a:hover {
    background-color: #777777;
    color: #fff;
}
.styled-icons.icon-rounded a {
    border-radius: 3px;
}
.styled-icons.icon-circled a {
    border-radius: 50%;
}
.styled-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    width: 30px;
}
.styled-icons.icon-md a {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.styled-icons.icon-lg a {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}
.styled-icons.icon-xl a {
    font-size: 60px;
    height: 120px;
    line-height: 120px;
    width: 120px;
}
.styled-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
/*
 * Shortcode: funfacts.less
 * -----------------------------------------------
*/
.funfact {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.funfact.border {
    border: 1px solid #d3d3d3;
}
.funfact.no-border {
    border: 0;
}
.funfact.border {
    border: 1px solid #d3d3d3;
}
.funfact i {
    font-size: 45px;
}
.funfact .animate-number {
    position: relative;
    line-height: 1;
}
.funfact .animate-number:after {
    bottom: 0;
}
.funfact span {
    color: #eeeeee;
    font-size: 18px;
}
/*
 * Shortcode: icon-box.less
 * -----------------------------------------------
*/
.icon-box {
    margin-bottom: 60px;
}
.icon-box .icon {
    display: inline-block;
    height: 70px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 70px;
}
.icon-box .icon i {
    line-height: 70px;
}
.icon-box .icon.icon-gray {
    background-color: #eeeeee;
    color: #555555;
}
.icon-box .icon.icon-gray:hover {
    background-color: #d5d5d5;
    color: #bbbbbb;
}
.icon-box .icon.icon-gray.icon-bordered {
    background-color: transparent;
    border: 2px solid #eeeeee;
}
.icon-box .icon.icon-gray.icon-bordered:hover {
    background-color: #eeeeee;
    color: #555555;
}
.icon-box .icon.icon-dark {
    background-color: #111111;
    color: #fff;
}
.icon-box .icon.icon-dark:hover {
    color: #5e5e5e;
}
.icon-box .icon.icon-dark.icon-bordered {
    background-color: transparent;
    border: 2px solid #111111;
    color: #111111;
}
.icon-box .icon.icon-dark.icon-bordered:hover {
    background-color: #111111;
    border-color: #111111;
    color: #fff;
}
.icon-box .icon.icon-white {
    background-color: #fff;
    color: #333333;
}
.icon-box .icon.icon-white:hover {
    background-color: #b3b3b3;
    color: #000000;
}
.icon-box .icon.icon-white.icon-bordered {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.icon-box .icon.icon-white.icon-bordered:hover {
    background-color: #fff;
    border-color: #fff;
    color: #111111;
}
.icon-box .icon.icon-white.icon-border-effect {
    position: relative;
}
.icon-box .icon.icon-white.icon-border-effect::after {
    box-shadow: 0 0 0 3px #fff;
}
.icon-box .icon.icon-bordered {
    border: 1px solid #777777;
}
.icon-box .icon.icon-bordered:hover {
    background-color: #777777;
    color: #fff;
}
.icon-box .icon.icon-rounded {
    border-radius: 3px;
}
.icon-box .icon.icon-circled {
    border-radius: 100px 100px 100px 20px;
}
.icon-box .icon.icon-xs {
    height: 30px;
    width: 30px;
}
.icon-box .icon.icon-xs i {
    font-size: 18px;
    line-height: 30px;
}
.icon-box .icon.icon-sm {
    height: 50px;
    width: 50px;
}
.icon-box .icon.icon-sm i {
    font-size: 22px;
    line-height: 50px;
}
.icon-box .icon.icon-md {
    height: 75px;
    width: 75px;
}
.icon-box .icon.icon-md i {
    font-size: 36px;
    line-height: 75px;
}
.icon-box .icon.icon-lg {
    height: 90px;
    width: 90px;
}
.icon-box .icon.icon-lg i {
    font-size: 48px;
    line-height: 90px;
}
.icon-box .icon.icon-xl {
    height: 140px;
    width: 140px;
    padding:10px
}
.icon-box .icon.icon-xl i {
    font-size: 60px;
    line-height: 120px;
}
.icon-box .icon.icon-border-effect {
    position: relative;
}
.icon-box .icon.icon-border-effect::after {
    border-radius: 100px 100px 100px 20px;
    box-shadow: 0 0 0 3px ;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -4px;
    opacity: 0;
    padding: 4px;
    top: -4px;
    transform: scale(0.8);
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
.icon-box .icon.icon-border-effect.effect-flat::after {
    border-radius: 0;
}
.icon-box .icon.icon-border-effect.effect-rounded::after {
    border-radius: 3px;
}
.icon-box .icon.icon-border-effect.effect-circled::after {
    border-radius: 50%;
}
.icon-box .icon.icon-border-effect.icon-gray::after {
    box-shadow: 0 0 0 3px #eeeeee;
}
.icon-box .icon.icon-top {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -32px;
}
.icon-box i {
    display: inline-block;
    font-size: 40px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-box i[class*="pe-7s-"] {
    vertical-align: text-bottom;
}
.icon-box.left {
    text-align: left;
}
.icon-box.left a {
    margin-right: 30px;
    padding: 0;
}
.icon-box.iconbox-border {
    border: 1px solid #dcdcdc;
}
.icon-box.iconbox-bg {
    background-color: #fafafa;
}
.icon-box.iconbox-bg.iconbox-bg-dark {
    background-color: #333333;
}
.icon-box .icon-box-title {
    margin-bottom: 15px;
}
.rotate {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 700ms ease-in-out 0s;
    -o-transition: all 700ms ease-in-out 0s;
    transition: all 700ms ease-in-out 0s;
}
.no-rotate {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 700ms ease-in-out 0s;
    -o-transition: all 700ms ease-in-out 0s;
    transition: all 700ms ease-in-out 0s;
}
.icon-box:hover .icon-border-effect::after {
    opacity: 1;
    transform: scale(1);
}
.icon-box .icon-border-effect:hover::after {
    opacity: 1;
    transform: scale(1);
}
/*
 * 5.0 -> Img Icon Box
 * -----------------------------------------------
*/
.img-icon-box {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:before {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    display: block;
}
.img-icon-box i,
.img-icon-box .img-icon-box h3 {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box .img-icon-details {
    position: relative;
    min-height: 330px;
}
.img-icon-box .img-icon-details i {
    color: #FFF;
}
.img-icon-box .img-icon-content {
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:hover i {
    font-size: 0 !important;
}
.img-icon-box:hover .img-icon-content {
    opacity: 1;
}
/* -------- Icon Box Services ---------- */
.service-icon-box {
    margin-bottom: 30px;
    overflow: hidden;
}
.service-icon-box a {
    background: #eeeeee;
    color: #fff;
    display: inline-block;
    height: 70px;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 70px;
}
.service-icon-box a i {
    font-size: 28px;
}
.service-icon-box:hover a i {
    color: #fff;
}
/* -------- Features Services -------
--- */
.feature-icon-box {
    border: 1px solid #f1f1f1;
}
.feature-icon-box .feature-icon {
    border: 4px solid #f1f1f1;
    padding: 10px 15px;
    position: absolute;
    top: -30px;
}
/*
 * Shortcode: infinitescroll.less
 * -----------------------------------------------
*/
#infscr-loading {
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    left: 48%;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 50px;
    z-index: 100;
}
#infscr-loading img {
    display: none;
}
/*
 * Shortcode: instagram.less
 * -----------------------------------------------
*/
/* -------- Instagram-Feed ---------- */
.instagram-feed-carousel figure,
.instagram-feed figure {
    position: relative;
}
.instagram-feed-carousel figure .link-out,
.instagram-feed figure .link-out {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.45);
    color: #f8f8f8;
    line-height: 1;
    padding: 10px;
    font-weight: 300;
    opacity: 0;
}
.instagram-feed-carousel figure .link-out:hover,
.instagram-feed figure .link-out:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #f8f8f8;
}
.instagram-feed-carousel figure:hover .link-out,
.instagram-feed figure:hover .link-out {
    opacity: 1;
}
/* -------- Instagram-Feed ---------- */
.instagram-feed .item {
    width: 100px;
    float: left;
    margin-bottom: 2px;
    margin-right: 2px;
}
/*
 * Shortcode: lightbox.less
 * -----------------------------------------------
*/
.nivo-lightbox-theme-default .nivo-lightbox-nav {
    height: 100%;
    top: 0;
}
.lightbox .lb-dataContainer {
    left: 0;
    position: absolute;
    right: 0;
    top: -45px;
}
/*
 * Shortcode: map.less
 * -----------------------------------------------
*/
.toggle-map {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 200;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.toggle-map:hover {
    color: #fff;
}
.toggle-map span:after {
    content: "\f107";
    font-family: fontawesome;
    margin-left: 10px;
}
.toggle-map.open span:after {
    content: "\f106";
}
.map-canvas {
    height: 400px;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.map-canvas.big {
    height: 720px;
}
.map-canvas.map-hidden {
    height: 0;
}
.btn-show-map {
    color: #111111;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
}
.btn-show-map i {
    font-size: 48px;
}
/*
 * Shortcode: pegination.less
 * -----------------------------------------------
*/
.pagination.theme-colored li.active a {
    color: #fff;
    border: 1px solid transparent;
}
.pagination.theme-colored li a:hover {
    color: #fff !important;
    border: 1px solid transparent;
}
.pagination.dark li a {
    color: #333333;
}
.pagination.dark li.active a {
    background: #333333;
    color: #fff;
    border: 1px solid transparent;
}
.pager.theme-colored li.active a {
    color: #fff;
    border: 1px solid transparent;
}
.pager.dark li a {
    color: #fff;
    background-color: #333333;
    border: 1px solid transparent;
}
/*
 * Shortcode: pricing.less
 * -----------------------------------------------
*/
.pricing-table {
    margin-bottom: 30px;
    position: relative;
}
.pricing-table .table-price {
    color: #111111;
    font-size: 45px;
}
.pricing-table .table-price span {
    font-size: 13px;
    vertical-align: middle;
}
.pricing-table.featured {
    border: 1px solid #111111;
}
.pricing-table .table-type {
    display: inline;
}
.pricing-table .btn-signup {
    margin-right: 0;
    width: 100%;
}
.pricing-table .table-list {
    list-style: outside none none;
    padding: 10px 0 10px 20px;
    background: #f8f8f8;
}
.pricing-table .table-list.list.check-circle li:before {
    content: "";
    font-family: fontawesome;
    font-size: 24px;
    vertical-align: middle;
}
.pricing-table .table-list li {
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
}
.pricing-table .table-list li i {
    margin-right: 8px;
}
.pricing-table .price-amount {
    width: 80px;
    height: 80px;
    margin-top: -73px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 80px;
    font-size: 2rem;
}
/*
 * Shortcode: Process-Steps.less
 * -----------------------------------------------
*/
/*
 * Shortcode: progress-bar.less
 * -----------------------------------------------
*/
.progress-item {
    margin-top: 20px;
}
.progress-item .progress {
    background-color: #f8f8f8;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;
    border-radius: 0;
    height: 10px;
    margin-bottom: 15px;
    overflow: visible;
}
.progress-item .progress-bar {
    font-size: 11px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    width: 0;
    line-height: 18px;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.progress-item .progress-bar .percent {
    background: none repeat scroll 0 0 #555555;
    border-radius: 8px 0 0;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: -30px;
}
.progress-item.progress-white .progress {
    padding: 2px;
}
.progress-item.style2 .progress {
    height: 25px;
}
.progress-item.style2 .progress-bar .percent {
    background: none;
    color: #555555;
    font-size: 14px;
}
/*
 * Shortcode: promo.less
 * -----------------------------------------------
*/
.modal-promo-box {
    max-width: 700px;
    padding: 90px 60px;
    margin: 0 auto;
}
/*
 * Shortcode: section-title.less
 * -----------------------------------------------
*/
.small-title {
    position: relative;
}
.small-title i {
    font-size: 36px;
    margin-top: 7px;
    padding-top: 0px;
}
.small-title .title {
    margin-left: 15px;
}
.small-title .title:after {
    bottom: -6px;
    content: "";
    height: 1px;
    left: 45px;
    position: absolute;
    width: 45px;
}
.section-title .both-side-line::after {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: -40px;
    top: 10px;
    width: 30px;
}
.section-title .both-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    left: -40px;
    top: 10px;
    width: 30px;
}
.section-title .top-side-line::after {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -8px;
    width: 40px;
}
.section-title .left-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 35px;
}
.section-title .right-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 35px;
}
.section-title .sub-title {
    margin: 0;
    position: relative;
    display: inline-block;
}
.section-title .title {
    margin-top: 0;
    position: relative;
}
.section-title p {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}
.section-title p.left-bordered {
    border-left: 2px solid #c0c0c0;
    padding-left: 10px;
}
.section-title p.right-bordered {
    border-right: 2px solid #c0c0c0;
    padding-right: 10px;
}
/*Theme Section Title*/
.section-title {
    margin-bottom: 30px;
}
.col-sm-4.wow.fadeInLeft{  padding: 40px 15px 20px;}
.col-sm-4.wow.fadeInLeft:hover {
    -webkit-box-shadow: 0px 1px 22px 6px rgba(199,199,199,1);
    -moz-box-shadow: 0px 1px 22px 6px rgba(199,199,199,1);
    box-shadow: 0px 1px 22px 6px rgba(199,199,199,1);
    /* transform: scaleY(1.1); */
    transition: ease-in 0.3s;

}
.sectionpadd {
    width: 100%;
    float: left;
    padding-top: 70px;
}
.section-title.title-border {
    padding-left: 30px;
}
.section-title.title-border.title-right {
    border-left: 0;
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}
.section-title.icon-bg p {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0;
}
.section-title.icon-bg .page-title {
    font-size: 38px;
    line-height: 52px;
}
.section-title.icon-bg .page-title i {
    font-size: 42px;
    line-height: 1.3;
    position: absolute;
    opacity: 0.15;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.title-dots {
    background: url("../images/title-dots.png") repeat scroll 0 0;
    height: 30px;
    margin-bottom: 20px;
}
.title-dots span {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 5px 10px;
}
.title-dots.small {
    height: 24px;
    margin-bottom: 15px;
}
.title-dots.small span {
    font-size: 11px;
    line-height: 23px;
}
/*
 * Shortcode: separators.less
 * -----------------------------------------------
*/
.title-separator {
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    margin: 10px 0;
    width: 70%;
}
.title-separator span {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    letter-spacing: 0.2em;
    padding: 2px 10px;
    position: relative;
    text-transform: uppercase;
    top: -12px;
}
.separator {
    color: #c0c0c0;
    line-height: 1.2em;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.separator::before,
.separator::after {
    border-bottom: 1px solid #eeeeee;
    content: "";
    display: inline-block;
    height: .65em;
    margin: 0 -4px 0 -100%;
    vertical-align: top;
    width: 50%;
}
.separator::after {
    margin: 0 -100% 0 0;
}
.separator i,
.separator span,
.separator a {
    display: inline-block;
    margin: 0 20px 0 24px;
    font-size: 20px;
}
.separator.separator-left,
.separator.left i {
    float: left;
    margin: 2px 50px 0 0;
}
.separator.right i {
    float: right;
    margin: 0 0 2px 50px;
}
.separator.separator-medium-line {
    margin: 10px auto;
    width: 20%;
}
.separator.separator-small-line {
    width: 10%;
}
.separator.separator-rouned i,
.separator.separator-border-rouned i {
    background-color: #f5f5f5;
    border-radius: 50%;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: -12px auto auto;
    position: absolute;
    right: 0;
    width: 40px;
}
.separator.separator-border-rouned i {
    background: transparent;
    border: 1px solid #f5f5f5;
}
.separator.separator-rouned.separator-rouned-left i {
    margin: -12px auto auto;
    right: auto;
    left: 0;
}
.separator.separator-rouned.separator-rouned-right i {
    margin: -12px auto auto;
    right: 0;
    left: auto;
}
.separator.dotted::before,
.separator.dotted::after {
    border-bottom: 2px dotted #c0c0c0;
}
/*
 * Shortcode: styled-icons.less
 * -----------------------------------------------
*/
/* common style */
.styled-icons a {
    color: #333333;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.styled-icons a:hover {
    color: #666666;
}
.styled-icons.icon-gray a {
    background-color: #eeeeee;
    color: #555555;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.styled-icons.icon-gray a:hover {
    color: #bbbbbb;
}
.styled-icons.icon-gray.icon-bordered a {
    background-color: transparent;
    border: 2px solid #eeeeee;
}
.styled-icons.icon-gray.icon-bordered a:hover {
    border: 2px solid #d5d5d5;
}
.styled-icons.icon-dark a {
    background-color: #333333;
    color: #eeeeee;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.styled-icons.icon-dark a:hover {
    color: #5e5e5e;
}
.styled-icons.icon-dark.icon-bordered a {
    background-color: transparent;
    border: 2px solid #111111;
    color: #111111;
}
.styled-icons.icon-dark.icon-bordered a:hover {
    background-color: #111111;
    border-color: #111111;
    color: #fff;
}
.styled-icons.icon-bordered a {
    border: 1px solid #777777;
}
.styled-icons.icon-bordered a:hover {
    background-color: #777777;
    color: #fff;
}
.styled-icons.icon-rounded a {
    border-radius: 3px;
}
.styled-icons.icon-circled a {
    border-radius: 50%;
}
.styled-icons.icon-sm a {
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin: 2px 7px 2px 0;
    width: 36px;
}
.styled-icons.icon-md a {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.styled-icons.icon-lg a {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}
.styled-icons.icon-xl a {
    font-size: 60px;
    height: 120px;
    line-height: 120px;
    width: 120px;
}
.styled-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
/*
 * Shortcode: tabs.less
 * -----------------------------------------------
*/
.tab-content {
    padding: 15px;
    border: 1px solid #eeeeee;
}
.nav-tabs {
    border: none;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
    color: #fff;
    background-color: #a9a9a9;
}
.nav-tabs > li > a {
    background-color: #f5f5f5;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #555555;
    padding: 7px 15px;
    margin-right: 0;
}
.nav-tabs > li > a .fa {
    margin-right: 10px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #333333;
    background-color: transparent;
}
.nav-tabs > li > a i {
    font-size: 32px;
    margin-right: 20px;
    vertical-align: middle;
}
/* -------- Nav Tabs ---------- */
.nav-tabs > li {
    text-align: center;
}
.nav-tabs > li > a i {
    display: block;
    font-size: 48px;
    margin-right: 0;
    margin-bottom: 10px;
    vertical-align: middle;
}
/* -------- Horizontal-Tab-Centered ---------- */
.horizontal-tab-centered .nav-pills {
    display: inline-block;
}
.horizontal-tab-centered .nav-pills > li > a {
    background: #eeeeee;
    color: #555555;
    font-size: 14px;
    padding: 8px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.horizontal-tab-centered .nav-pills > li > a:hover {
    color: #fff;
}
.horizontal-tab-centered .nav-pills > li > a i {
    font-size: 14px;
    margin-right: 8px;
}
.horizontal-tab-centered .nav-pills > li.active > a,
.horizontal-tab-centered .nav-pills > li.active > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a:focus {
    color: #fff;
}
/* -------- Horizontal-Tab Fullwide ---------- */
.horizontal-tab.fullwide .nav-tabs > li {
    width: 20%;
}
/* -------- Vertical Nav-Tabs ---------- */
.vertical-tab .tab-content {
    padding: 5px 5px 20px 20px;
    border: none;
}
.vertical-tab .nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.vertical-tab .nav-tabs > li > a {
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    font-size: 14px;
    padding: 30px 0 30px 15px;
}
.vertical-tab .nav-tabs > li:first-child > a {
    border-top: 1px solid #d3d3d3 !important;
}
.vertical-tab .nav-tabs > li.active > a,
.vertical-tab .nav-tabs > li.active > a:hover,
.vertical-tab .nav-tabs > li.active > a:focus {
    background: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #d3d3d3;
}
.vertical-tab .small-padding .nav-tabs > li a {
    padding: 20px 0 20px 15px;
}
.vertical-tab .small-padding .nav-tabs > li i {
    font-size: 24px;
}
@media only screen and (max-width: 767px) {
    .vertical-tab .tab-content {
        padding: 20px 5px;
    }
    .nav-tabs > li > a {
        border-radius: 0;
        border-bottom: none;
        border-left: 2px solid #d3d3d3;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-bottom: none;
        border-left: 2px solid #d3d3d3;
    }
}
.custom-nav-tabs {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 0px medium medium;
    margin-right: 53px;
}
.custom-nav-tabs > li {
    float: none;
    margin: 0 0 1px;
}
.custom-nav-tabs > li a {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 59px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.custom-nav-tabs > li.active > a,
.custom-nav-tabs > li.active > a:hover,
.custom-nav-tabs > li.active > a:focus,
.custom-nav-tabs > li > a:hover,
.custom-nav-tabs > li > a:focus {
    border: medium none;
    color: #000;
    padding: 0;
}
/* -------- Services Tab ---------- */
.services-tab .nav-tabs {
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
}
.services-tab .nav-tabs > li {
    border-left: 1px solid #eeeeee;
    margin-bottom: 0;
    width: 20%;
}
.services-tab .nav-tabs > li:first-child {
    border-left: none;
}
.services-tab .nav-tabs > li > a {
    background-color: #fff;
    color: #a9a9a9;
    font-size: 13px;
    margin-right: 0;
    padding: 35px 20px;
    text-transform: uppercase;
}
.services-tab .nav-tabs > li > a i {
    display: block;
    font-size: 36px;
    margin-right: 0;
    margin-bottom: 10px;
    vertical-align: middle;
}
.services-tab .nav-tabs > li.active > a,
.services-tab .nav-tabs > li.active > a:hover,
.services-tab .nav-tabs > li.active > a:focus,
.services-tab .nav-tabs > li a:hover,
.services-tab .nav-tabs > li a:focus {
    color: #fff;
}
.services-tab .nav-tabs > li.active > a i,
.services-tab .nav-tabs > li.active > a:hover i,
.services-tab .nav-tabs > li.active > a:focus i,
.services-tab .nav-tabs > li a:hover i,
.services-tab .nav-tabs > li a:focus i {
    color: #fff;
}
.services-tab .tab-content .service-content .sub-title {
    color: #c8c8c8;
    font-family: 'Playfair Display', sans-serif;
}
.services-tab .tab-content .service-content .title {
    color: #555555;
    font-family: 'Playfair Display', sans-serif;
}
@media only screen and (max-width: 1199px) {
    .services-tab .service-content {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .services-tab .service-content {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .services-tab .nav.nav-tabs a {
        padding: 10px 0;
        font-size: 9px;
    }
    .services-tab .nav.nav-tabs a i {
        font-size: 28px;
    }
}
.vertical-tab .nav-tabs li a:active {
    color: #d3d3d3;
}
/*
 * Shortcode: team.less
 * -----------------------------------------------
*/
.attorney-address li {
    background: #f8f8f8;
    margin-bottom: 15px;
    padding: 15px 20px;
}
.attorney-address li i {
    font-size: 15px;
    vertical-align: middle;
}
.attorney-address .media-body p {
    font-size: 12px;
    margin-bottom: 0;
}
.attorney-address .media-body p span {
    font-size: 16px;
    color: #555555;
    margin-right: 5px;
    padding-bottom: 15px;
}
.triangle {
    background: none repeat scroll 0 0 #fff;
    height: 15px;
    left: -7px;
    position: absolute;
    top: 20%;
    -webkit-transform: rotate(137deg);
    -ms-transform: rotate(137deg);
    -o-transform: rotate(137deg);
    transform: rotate(137deg);
    width: 15px;
}
.member-info {
    background: #eeeeee none repeat scroll 0 0;
    padding: 20px;
}
.contact-area i {
    padding-right: 10px;
}
/*
 * Shortcode: testimonials.less
 * -----------------------------------------------
*/
.testimonial {
    background: url('../images/features-bg.html') repeat center top;
}
.testimonial .thumb img {
    display: inline-block;
    width: auto;
}
.testimonial.style1 .author {
    color: #777777;
}
.testimonial.style1 .title {
    color: #808080;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
    filter: none;
}
.block-text {
    background-color: #fff;
    box-shadow: 0 1px 5px #e8e9ea;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding-bottom: 1px;
}
.block-text a {
    color: #7d4702;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;
    background: none;
}
.block-text p {
    color: #585858;
    font-style: italic;
    line-height: 20px;
}
.sprite {
    border-left: 18px solid rgba(0, 0, 0, 0);
    border-top: 18px solid rgba(241, 241, 241, 0.8);
    height: 0;
    left: -18px;
    position: absolute;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    width: 0;
}
.block-text ins {
    bottom: -18px;
    left: 0;
    margin: auto;
    right: 0;
}
.person-name {
    padding: 5px 0;
}
.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}
.person-text {
    padding: 24px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: #ffcc00;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: underline;
}
.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}
/*Style 2*/
.feedback {
    position: relative;
}
.big-triangle,
.big-triangle-second-color {
    border-style: solid;
    border-width: 0 0 80px 80px;
    height: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
    top: 0;
    left: 0;
}
.big-icon,
.big-icon-second-color {
    border-radius: 50%;
    bottom: 7px;
    height: 49px;
    position: relative;
    right: 3px;
    text-align: center;
    width: 49px;
    z-index: 20;
    background: #fff;
}
.big-icon i.fa {
    line-height: 49px;
    color: #e6d8ad;
}
/* -------- Testimonial-Carousel ---------- */
.testimonial-carousel,
.testimonial-carousel-style2 {
    /* fullwidth */
}
.testimonial-carousel .quote,
.testimonial-carousel-style2 .quote,
.testimonial-carousel .thumb,
.testimonial-carousel-style2 .thumb {
    margin-bottom: 40px;
}
.testimonial-carousel .quote i,
.testimonial-carousel-style2 .quote i {
    background: #555555;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    height: 60px;
    line-height: 1;
    padding: 20px 0 0;
    text-align: center;
    width: 60px;
}
.testimonial-carousel .author,
.testimonial-carousel-style2 .author {
    margin-top: 30px;
    text-transform: uppercase;
}
.testimonial-carousel.owl-theme .owl-controls,
.testimonial-carousel-style2.owl-theme .owl-controls {
    margin-top: 10px;
}
.testimonial-carousel.fullwidth .content p,
.testimonial-carousel-style2.fullwidth .content p {
    font-size: 15px;
    font-style: italic;
    color: #fff;
}
.testimonial-carousel.fullwidth .content p::after,
.testimonial-carousel-style2.fullwidth .content p::after {
    content: "\f10e";
    font-family: fontawesome;
    font-size: 100px;
    left: 42%;
    opacity: 0.1;
    position: absolute;
}
.testimonial-carousel.bullet-white .owl-dots span,
.testimonial-carousel-style2.bullet-white .owl-dots span {
    background: #fff !important;
}
.testimonial-carousel .owl-item img,
.testimonial-carousel-style2 .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 90px;
}
.testimonial-carousel.boxed .quote,
.testimonial-carousel-style2.boxed .quote,
.testimonial-carousel.boxed .thumb,
.testimonial-carousel-style2.boxed .thumb {
    margin-bottom: 20px;
}
.testimonial-carousel.boxed .owl-item img,
.testimonial-carousel-style2.boxed .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 65px;
}
.testimonial-carousel.boxed .content::after,
.testimonial-carousel-style2.boxed .content::after {
    bottom: 12px;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 55px;
    opacity: 0.2;
    position: absolute;
    right: 10px;
}
.testimonial-carousel.boxed .owl-controls,
.testimonial-carousel-style2.boxed .owl-controls {
    margin-top: 0;
}
.testimonial-carousel.boxed .owl-dots,
.testimonial-carousel-style2.boxed .owl-dots {
    text-align: left;
}
.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span,
.testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span,
.testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
}
/*
 * Shortcode: toggles-accordions.less
 * -----------------------------------------------
*/
.panel-group .panel {
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    position: relative;
}
.panel-group .panel-title {
    font-size: 13px;
}
.panel-group .panel-title a {
    background: #f6f6f6;
    display: block;
    font-size: 14px;
    padding: 10px 15px 10px 48px;
    white-space: normal;
}
.panel-group .panel-title a.active {
    background: #f1f1f1 none repeat scroll 0 0 !important;
    border-bottom: 1px solid #d3d3d3 !important;
    color: #111111;
}
.panel-group .panel-title a.active .open-sub:after {
    display: none;
}
.panel-group .panel-title a.active::after {
    color: #fff;
    background: #e3e3e3 !important;
    content: "\f068";
}
.panel-group .panel-title a::after {
    color: #777777;
    content: "\f067";
    font-family: fontawesome;
    font-size: 14px;
    left: 0;
    padding: 10px 14px;
    position: absolute;
    top: 0;
}
.panel-group .panel-title:hover a,
.panel-group .panel-title:focus a {
    color: #333333;
}
.panel-group .panel-title .open-sub {
    display: block;
    position: relative;
}
.panel-group .panel-title .open-sub:before,
.panel-group .panel-title .open-sub:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -0.5px;
    left: 50%;
}
.panel-group .panel-content {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 10px 20px 20px;
}
.panel-group .panel-content > :last-child {
    margin-bottom: 0;
}
/* -------- Toggle ---------- */
.panel-group.toggle .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-group.toggle .panel-body {
    padding: 10px 0 5px 25px;
}
.panel-group.accordion.transparent .panel-title a,
.panel-group.toggle.transparent .panel-title a,
.panel-group.accordion.transparent .panel-title a.active,
.panel-group.toggle.transparent .panel-title a.active {
    background: transparent !important;
    border: none !important;
}
.panel-group.accordion.transparent .panel-title a::after,
.panel-group.toggle.transparent .panel-title a::after,
.panel-group.accordion.transparent .panel-title a.active::after,
.panel-group.toggle.transparent .panel-title a.active::after {
    color: #333333;
    background: transparent !important;
}
.panel-group.accordion.transparent .panel-content,
.panel-group.toggle.transparent .panel-content {
    background: transparent !important;
}
.panel-group.toggle .panel-heading + .panel-collapse > .panel-body,
.panel-group.toggle .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
/*
 * Shortcode: vertical-timeline.less
 * -----------------------------------------------
*/
.cd-timeline-content {
    background: #f1f1f1;
}
.cd-timeline-content::before {
    border-color: transparent transparent transparent #eee;
}
.cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
    border-color: transparent #eee transparent transparent;
}
#cd-timeline.cd-timeline-simple::before {
    background: #ccc none repeat scroll 0 0;
    height: 82%;
    top: 65px;
    width: 2px;
}
#cd-timeline.cd-timeline-simple.time-line-media::before {
    height: 65%;
}
.cd-timeline-simple .cd-timeline-block {
    margin: 38px 0 20px 0;
}
.cd-timeline-simple .cd-timeline-block .cd-timeline-content::before {
    display: none;
}
.cd-timeline-simple .cd-timeline-block .cd-timeline-content {
    padding-top: 0;
    background: none;
    box-shadow: none;
}
.cd-timeline-simple .cd-timeline-block .cd-timeline-content p {
    font-size: 14px;
}
.cd-timeline-simple .cd-timeline-block .cd-timeline-img {
    background: #333 none repeat scroll 0 0 !important;
    box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0, 0, 0, 0.06) inset, 0 0px 0 3px rgba(0, 0, 0, 0.05) !important;
}
@media only screen and (max-width: 992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        text-align: left;
    }
}
@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date {
        font-size: 14px;
    }
}
/* Vertical Masonry Timeline */
.vertical-masonry-timeline .each-masonry-item {
    position: relative;
    width: 50%;
    margin-bottom: 30px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2) {
    margin-top: 80px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
    padding-left: 50px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
    padding-right: 50px;
}
.vertical-masonry-timeline .each-masonry-item .timeline-block {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7e4ed;
    height: 100%;
    padding: 20px;
    position: relative;
    width: 100%;
}
.vertical-masonry-timeline .each-masonry-item .timeline-block:before,
.vertical-masonry-timeline .each-masonry-item .timeline-block:after {
    border-style: solid;
    border-width: 8px;
    content: "";
    display: block;
    position: absolute;
    top: 20px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db;
    left: auto;
    right: -16px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
    left: auto;
    right: -15px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before {
    border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: -16px;
    right: auto;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after {
    border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    left: -15px;
    right: auto;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
    left: auto;
    right: -82px;
}
.vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
    left: -80px;
    right: auto;
}
.timeline-post-format {
    border: 3px solid #bbb;
    border-radius: 100%;
    color: #bbb;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    width: 60px;
    z-index: 1;
}
.timeline-post-format:after {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.timeline-post-format i {
    font-size: 18px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.vertical-masonry-timeline-wrapper:before {
    background: #ddd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    width: 4px;
}
.vertical-masonry-timeline-wrapper:after {
    background: rgba(0, 0, 0, 0) linear-gradient(#ddd, transparent) repeat scroll 0 0;
    bottom: -100px;
    content: "";
    height: 100px;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    width: 4px;
}
.vertical-masonry-timeline::after {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #ddd) repeat scroll 0 0;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: -65px;
    width: 4px;
}
@media only screen and (min-width: 768px) {
    .vertical-masonry-timeline .each-masonry-item.item-right {
        padding-right: 0px;
        padding-left: 50px;
    }
    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before {
        border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -16px;
        right: auto;
    }
    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after {
        border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -15px;
        right: auto;
    }
    .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format {
        left: -80px;
        right: auto;
    }
    .vertical-masonry-timeline .each-masonry-item.item-left {
        padding-right: 50px;
        padding-left: 0px;
    }
    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db;
        right: -16px;
        left: auto;
    }
    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
        right: -15px;
        left: auto;
    }
    .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format {
        right: -81px;
        left: auto;
    }
}
@media only screen and (max-width: 768px) {
    .vertical-masonry-timeline .each-masonry-item {
        width: 100%;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
        padding-right: 0px;
        padding-left: 71px;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
        padding-left: 71px;
        padding-right: inherit;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2) {
        margin-top: 0;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
        left: -72px;
        right: auto;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
        left: -72px;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::before {
        border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -16px;
        right: auto;
    }
    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::after {
        border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -15px;
        right: auto;
    }
    .vertical-masonry-timeline:after {
        left: 29px;
    }
    .vertical-masonry-timeline-wrapper:before,
    .vertical-masonry-timeline-wrapper:after {
        left: 44px;
    }
}
/*
 * Shortcode: working-process.less
 * -----------------------------------------------
*/
.working-process > li {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.working-process > li::after {
    border-top: 1px dashed #333333;
    content: "";
    left: 6px;
    margin-left: -32px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 50%;
}
.working-process > li::before {
    border-top: 1px dashed #333333;
    content: "";
    margin-right: -25px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 50%;
}
.working-process > li :first-child::after {
    border-top: medium none;
}
.working-process > li :last-child::before {
    border-top: medium none;
}
.working-process li a {
    border: 1px solid;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 50px;
    border-radius: 50%;
}
.working-process li a:hover {
    background: #333333 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}
.working-process li a i {
    font-size: 18px;
}
.working-process.square li a,
.working-process.square.large-circle li a {
    border-radius: 0;
}
.working-process.large-circle li a {
    height: 120px;
    line-height: 130px;
    width: 120px;
    border-radius: 50%;
}
.working-process.large-circle li a i {
    font-size: 28px;
}
.working-process.large-circle > li::before {
    margin-right: -60px;
    top: 60px;
}
.working-process.large-circle > li::after {
    margin-left: -64px;
    top: 60px;
}
.working-process.theme-colored li a {
    color: #fff;
}
/*
 * Widgets.less
 * -----------------------------------------------
*/
/* -------- Top Search Bar ---------- */
.search-form-wrapper {
    position: relative;
    /* form absolute */
}
.search-form-wrapper.toggle {
    display: none;
}
.search-form-wrapper.toggle.active {
    display: block;
}
.search-form-wrapper form {
    padding: 10px;
    position: relative;
}
.search-form-wrapper form label {
    margin: 0px;
    position: absolute;
    right: 11px;
    top: 11px;
}
.search-form-wrapper form label:before {
    color: #555555;
    cursor: pointer;
    content: "\f002";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    right: 13px;
    top: 6px;
}
.search-form-wrapper form input[type="text"] {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    height: 46px;
    padding: 8px 17px;
    width: 100%;
}
.search-form-wrapper form input[type="submit"] {
    background-color: #fff;
    border-left: 1px solid #c0c0c0;
    border: none;
    height: 44px;
    width: 50px;
    text-indent: -999px;
}
.search-form-wrapper.form-absolute form {
    background-color: #333333;
    position: absolute;
    right: 0px;
    top: 12px;
    width: 370px;
    z-index: 99;
}
/* -------- Form Round ---------- */
.search-form-wrapper.round form input[type="text"] {
    border-radius: 30px;
    border-width: 4px;
}
.search-form-wrapper.round form input[type="submit"] {
    height: auto;
    width: auto;
    margin-right: 10px;
    margin-top: 10px;
}
.search-form-wrapper.round form label::before {
    color: #c0c0c0;
}
.widget .list-border li {
    border-bottom: 1px dashed #d3d3d3;
}
.widget.dark .list-border li {
    border-bottom: 0px dashed #333333;
    border: 1px solid #333;
    padding: 5px 5px 5px 5px;
    width: 111px;
    float: left;
    margin-left: 10px;
    text-align:center;
}
/* -------- Footer & Sidebar Widgets ---------- */
.widget {
    margin-bottom: 40px;
}
.widget .widget-title {
    margin-top: 0;
    margin-bottom: 20px;
}
.widget ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.widget ul.list li,
.widget .post {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.widget.brochures > li {
    margin-bottom: 10px;
    padding: 10px;
}
.widget.brochures i {
    color: #666666;
    font-size: 16px;
    margin-right: 10px;
}
.widget.address > li {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.widget.address > li i {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
}
.widget .twitter-feed li {
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 0px;
    padding-left: 30px;
}
.widget .twitter-feed li.item {
    position: relative;
}
.widget .twitter-feed li::after {
    content: "\f099";
    font-size: 24px;
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 0;
}
.widget .styled-icons li {
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget .styled-icons li a {
    margin-bottom: 0;
}
.widget .tags a {
    border: 1px solid #d3d3d3;
    display: inline-block;
    font-size: 11px;
    margin: 5px 4px 5px -2px;
    padding: 5px 10px;
}
.widget .tags a:hover {
    color: #fff;
}
.widget .search-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: initial;
    box-shadow: none;
    height: 45px;
    padding: 10px;
}
.widget .search-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 0;
    height: 45px;
}
.widget .nav-tabs li {
    border-bottom: 1px solid transparent;
    margin-bottom: -2px;
    padding-bottom: 0;
}
.widget .nav-tabs li:hover {
    border-bottom: 1px solid transparent;
}
.widget .post-title a {
    font-size: 13px;
    letter-spacing: 0;
}
.widget .quick-contact-form .form-control {
    background-color: rgba(241, 241, 241, 0.8);
    border-color: #d3d3d3;
    color: #a9a9a9;
}
.widget .product-list .product-title {
    font-size: 14px;
    font-weight: 400;
}
.widget.dark .widget-title {
    color: #fff;
}
.widget.dark .tags a {
    border: 1px solid #777777;
}
.widget.dark .widget-image-carousel .title {
    color: #fff;
}
.widget.dark .search-input {
    border: 1px solid #333333;
}
.widget.dark .styled-icons li a:hover i {
    color: #fff;
}
.widget.dark .search-button {
    border: 1px solid #333333;
}
.widget.dark .widget-subscribe .subscribe-title {
    color: #fff;
}
.widget.dark .widget-subscribe .subscribe-sub-title {
    color: #666666;
}
.widget.dark .nav-tabs li {
    border-bottom: 1px solid transparent;
    margin-bottom: -2px;
    padding-bottom: 0;
}
.widget.dark .nav-tabs li:hover {
    border-bottom: 1px solid transparent;
}
.widget.dark .nav-tabs li:hover a {
    border: 1px solid #555555;
}
.widget.dark .nav-tabs li.active a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #333333 none repeat scroll 0 0;
    border-color: #555555 #555555 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
.widget.dark .product-title a {
    color: #808080;
}
.widget.dark .post-title a {
    color: #c0c0c0;
}
.widget.dark .tab-content {
    background: #333333 none repeat scroll 0 0;
    border: 1px solid #555555;
}
.widget.dark .quick-contact-form .form-control {
    background-color: rgba(51, 51, 51, 0.3);
    border-color: #333333;
}
.widget.no-border ul li {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget ul.list li::before {
    display: none;
}
.widget.dark ul.list li::before {
    display: none;
}
/* --------Horizontal Contact Widget  ---------- */
.horizontal-contact-widget {
    border-top: 1px dashed #d3d3d3;
}
.horizontal-contact-widget .each-widget::before {
    content: "\f111";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    right: 0;
    top: -42px;
}
/* -------- Horizontal Contact Widget Dark ---------- */
.horizontal-contact-widget.dark {
    border-top: 1px dashed #333333;
}
.widget.dark .btn.btn-default {
    border-color: #333;
}
/* -------- Flickr-Feed ---------- */
#flickr-feed img {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 60px;
    margin: 0 5px 5px 0;
    padding: 0;
    width: 70px;
}
.text-hover-theme-colored {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*
 * Footer.less
 * -----------------------------------------------
*/
.footer a {
    color: #808080;
}
.footer a:focus,
.footer a:hover,
.footer a:active {
    color: #666666;
}
.footer .widget .widget-title {
    margin-top: 0px;
}
.footer .widget.dark .quick-contact-form button {
    border-color: #333333;
    color: #909090;
}
.footer .widget.dark .quick-contact-form button:hover {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}
/* -------- Custom Theme Style ---------- */
.footer-box {
    padding: 20px 15px;
}
.footer-box.icon-box {
    margin-bottom: 0;
}
.footer-box .title {
    color: #fff;
    margin-bottom: 5px;
}
.footer-box p {
    color: #eeeeee;
    line-height: 20px;
}
.footer-box p i {
    color: #fff;
    margin-left: 10px;
}
.footer-box-wrapper {
    margin-top: -55px;
}
.footer-news-letter .newsletter-form .form-control {
    background: #333333;
    border: medium none;
    height: 42px;
    margin-right: 10px;
}
.Visitus:before {
    content: url('../images/VisitUs.png');
}

.Emailus:before {
    content: url('../images/EmailUs.png');
}

.Callus:before {
    content: url('../images/CallUs.png');
}
@media only screen and (max-width : 1199px) {
    html {
        font-size: 90%;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0px;
    }
    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 15px !important;
    }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    html {
        font-size: 75%;
    }
    .navbar-nav  .dropdown-menu {
        left: auto;
    }
    #header-logo {
        padding: 10px 15px;
    }
    section > .container, section > .container-fluid {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .divider .container {
    }
    .header .navbar-default .navbar-nav > li > a::after {
        display: none;
    }
    .team-member, .working-progress {
        margin-bottom: 60px !important;
    }
    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 0px !important;
    }
    .map {
        margin-top: 30px;
    }
    .curve-bg:after, .curve-bg-half:after {
        left: auto;
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }
    .blog-posts .entry-header .entry-title {
        padding-top: 0;
    }
    .blog-posts .entry-header .entry-date {
        margin-left: 0;
    }
    .contact-wrapper {
        padding: 50px 30px;
    }
    .header #header-logo {
        padding-top: 20px;
    }
    .boxed-layout .header #header-logo,
    .vertical-header .header #header-logo {
        padding-top: 10px;
    }
    .header .navbar-default .navbar-toggle {
        margin-top: 18px;
    }
    .boxed-layout .header .navbar-default .navbar-toggle {
        margin-top: 8px;
    }
    .header #header-logo img {
        height: 30px;
    }
    .pricing-table .table-price {
        font-size: 30px;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0px;
    }
    .bg-img-box .caption .schedule {
        font-size: 14px;
        margin-top: 0px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    html {
        font-size: 60%;
    }
    .box-hover-effect {
        float: none;
    }
    #header-logo {
        padding: 10px 15px;
    }
    #spinner {
        left: 42%;
    }
    .navbar-default .navbar-toggle {
        margin-top: 15px;
        border-radius: 0px;
    }
    #home .display-table p {
        margin: 15px 0;
        font-size: 14px;
    }
    .icon-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .icon-box {
        text-align: center;
    }
    .icon-box.left {
        text-align: center;
    }
    .icon-box.left a {
        margin-right: 0;
        padding: 0;
    }
    .icon-box .media-left {
        float: none !important;
        margin: 0 0 30px 0;
    }
    .icon-box .media-left, .icon-box .media-right, .icon-box .media-body {
        display: block;
        width: auto;
    }
    .call-to-action {
        text-align: center;
    }
    .call-to-action .icon {
        float: none;
    }
    .sidebar.pull-left,
    .sidebar.pull-right {
        float: none !important;
    }
    .blog-posts .entry-meta {
        background: none;
        left: auto;
        position: relative;
        top: auto;
    }
    .testimonial-carousel.boxed .owl-dots {
        text-align: center;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 30px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    html {
        font-size: 50%;
    }
    .vertical-text-carousel .owl-controls .owl-buttons {
        top: 18%;
    }
    .maxwidth-300 {
        max-width: 300px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
    html {
        font-size: 35%;
    }
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
}
#spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left:-35px;
    margin-top:-35px;
    width: 70px;
    height: 70px;
}
#preloader #disable-preloader {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.p-0 {padding: 0!important;}.p-5 {padding: 5px !important}.p-10 {padding: 10px !important}.p-15 {padding: 15px !important}.p-20 {padding: 20px !important}.p-30 {padding: 30px !important}.p-40 {padding: 40px !important}.p-50 {padding: 50px !important}.p-60 {padding: 60px !important}.p-70 {padding: 70px !important}.p-80 {padding: 80px !important}.p-90 {padding: 90px !important}.p-100 {padding: 100px !important}.p-110 {padding: 110px !important}.p-120 {padding: 120px !important}.p-130 {padding: 130px !important}.p-140 {padding: 140px !important}.p-150 {padding: 150px !important}.p-160 {padding: 160px !important}.p-170 {padding: 170px !important}.p-180 {padding: 180px !important}.p-190 {padding: 190px !important}.p-200 {padding: 200px !important}
.pt-0 {padding-top: 0!important;}.pt-5 {padding-top: 5px !important}.pt-10 {padding-top: 10px !important}.pt-15 {padding-top: 15px !important}.pt-20 {padding-top: 20px !important}.pt-30 {padding-top: 30px !important}.pt-40 {padding-top: 40px !important}.pt-50 {padding-top: 50px !important}.pt-60 {padding-top: 60px !important}.pt-70 {padding-top: 70px !important}.pt-80 {padding-top: 80px !important}.pt-90 {padding-top: 90px !important}.pt-100 {padding-top: 100px !important}.pt-110 {padding-top: 110px !important}.pt-120 {padding-top: 120px !important}.pt-130 {padding-top: 130px !important}.pt-140 {padding-top: 140px !important}.pt-150 {padding-top: 150px !important}.pt-160 {padding-top: 160px !important}.pt-170 {padding-top: 170px !important}.pt-180 {padding-top: 180px !important;}.pt-190 {padding-top: 190px !important}.pt-200 {padding-top: 200px !important}
.pl-0 {padding-left: 0!important;}.pl-5 {padding-left: 5px !important}.pl-10 {padding-left: 10px !important}.pl-15 {padding-left: 15px !important}.pl-20 {padding-left: 20px !important}.pl-30 {padding-left: 30px !important}.pl-40 {padding-left: 40px !important}.pl-50 {padding-left: 50px !important}.pl-60 {padding-left: 60px !important}.pl-70 {padding-left: 70px !important}.pl-80 {padding-left: 80px !important}.pl-90 {padding-left: 90px !important}.pl-100 {padding-left: 100px !important}.pl-110 {padding-left: 110px !important}.pl-120 {padding-left: 120px !important}.pl-130 {padding-left: 130px !important}.pl-140 {padding-left: 140px !important}.pl-150 {padding-left: 150px !important}.pl-160 {padding-left: 160px !important}.pl-170 {padding-left: 170px !important}.pl-180 {padding-left: 180px !important}.pl-190 {padding-left: 190px !important}.pl-200 {padding-left: 200px !important}
.pr-0 {padding-right: 0!important;}.pr-5 {padding-right: 5px !important}.pr-10 {padding-right: 10px !important}.pr-15 {padding-right: 15px !important}.pr-20 {padding-right: 20px !important}.pr-30 {padding-right: 30px !important}.pr-40 {padding-right: 40px !important}.pr-50 {padding-right: 50px !important}.pr-60 {padding-right: 60px !important}.pr-70 {padding-right: 70px !important}.pr-80 {padding-right: 80px !important}.pr-90 {padding-right: 90px !important}.pr-100 {padding-right: 100px !important}.pr-110 {padding-right: 110px !important}.pr-120 {padding-right: 120px !important}.pr-130 {padding-right: 130px !important}.pr-140 {padding-right: 140px !important}.pr-150 {padding-right: 150px !important}.pr-160 {padding-right: 160px !important}.pr-170 {padding-right: 170px !important}.pr-180 {padding-right: 180px !important}.pr-190 {padding-right: 190px !important}.pr-200 {padding-right: 200px !important}
.pb-0 {padding-bottom: 0!important;}.pb-5 {padding-bottom: 5px !important}.pb-10 {padding-bottom: 10px !important}.pb-15 {padding-bottom: 15px !important}.pb-20 {padding-bottom: 20px !important}.pb-30 {padding-bottom: 30px !important}.pb-40 {padding-bottom: 40px !important}.pb-50 {padding-bottom: 50px !important}.pb-60 {padding-bottom: 60px !important}.pb-70 {padding-bottom: 70px !important}.pb-80 {padding-bottom: 80px !important}.pb-90 {padding-bottom: 90px !important}.pb-100 {padding-bottom: 100px !important}.pb-110 {padding-bottom: 110px !important}.pb-120 {padding-bottom: 120px !important}.pb-130 {padding-bottom: 130px !important}.pb-140 {padding-bottom: 140px !important}.pb-150 {padding-bottom: 150px !important}.pb-160 {padding-bottom: 160px !important}.pb-170 {padding-bottom: 170px !important}.pb-180 {padding-bottom: 180px !important}.pb-190 {padding-bottom: 190px !important}.pb-200 {padding-bottom: 200px !important}
.m-0 {margin: 0px !important}.m-5 {margin: 5px !important}.m-10 {margin: 10px !important}.m-15 {margin: 15px !important}.m-20 {margin: 20px !important}.m-30 {margin: 30px !important}.m-40 {margin: 40px !important}.m-50 {margin: 50px !important}.m-60 {margin: 60px !important}.m-70 {margin: 70px !important}.m-80 {margin: 80px !important}.m-90 {margin: 90px !important}.m-100 {margin: 100px !important}.m-110 {margin: 110px !important}.m-120 {margin: 120px !important}.m-130 {margin: 130px !important}.m-140 {margin: 140px !important}.m-150 {margin: 150px !important}.m-160 {margin: 160px !important}.m-170 {margin: 170px !important}.m-180 {margin: 180px !important}.m-190 {margin: 190px !important}.m-200 {margin: 200px !important}
.mt-0 {margin-top: 0!important;}.mt-5 {margin-top: 5px !important}.mt-10 {margin-top: 10px !important}.mt-15 {margin-top: 15px !important}.mt-20 {margin-top: 20px !important}.mt-30 {margin-top: 30px !important}.mt-40 {margin-top: 40px !important}.mt-50 {margin-top: 50px !important}.mt-60 {margin-top: 60px !important}.mt-70 {margin-top: 70px !important}.mt-80 {margin-top: 80px !important}.mt-90 {margin-top: 90px !important}.mt-100 {margin-top: 100px !important}.mt-110 {margin-top: 110px !important}.mt-120 {margin-top: 120px !important}.mt-130 {margin-top: 130px !important}.mt-140 {margin-top: 140px !important}.mt-150 {margin-top: 150px !important}.mt-160 {margin-top: 160px !important}.mt-170 {margin-top: 170px !important}.mt-180 {margin-top: 180px !important}.mt-190 {margin-top: 190px !important}.mt-200 {margin-top: 200px !important}
.mr-0 {margin-right: 0!important;}.mr-5 {margin-right: 5px !important}.mr-10 {margin-right: 10px !important}.mr-15 {margin-right: 15px !important}.mr-20 {margin-right: 20px !important}.mr-30 {margin-right: 30px !important}.mr-40 {margin-right: 40px !important}.mr-50 {margin-right: 50px !important}.mr-60 {margin-right: 60px !important}.mr-70 {margin-right: 70px !important}.mr-80 {margin-right: 80px !important}.mr-90 {margin-right: 90px !important}.mr-100 {margin-right: 100px !important}.mr-110 {margin-right: 110px !important}.mr-120 {margin-right: 120px !important}.mr-130 {margin-right: 130px !important}.mr-140 {margin-right: 140px !important}.mr-150 {margin-right: 150px !important}.mr-160 {margin-right: 160px !important}.mr-170 {margin-right: 170px !important}.mr-180 {margin-right: 180px !important}.mr-190 {margin-right: 190px !important}.mr-200 {margin-right: 200px !important}
.mb-0 {margin-bottom: 0!important;}.mb-5 {margin-bottom: 5px !important}.mb-10 {margin-bottom: 10px !important}.mb-15 {margin-bottom: 15px !important}.mb-20 {margin-bottom: 20px !important}.mb-30 {margin-bottom: 30px !important}.mb-40 {margin-bottom: 40px !important}.mb-50 {margin-bottom: 50px !important}.mb-60 {margin-bottom: 60px !important}.mb-70 {margin-bottom: 70px !important}.mb-80 {margin-bottom: 80px !important}.mb-90 {margin-bottom: 90px !important}.mb-100 {margin-bottom: 100px !important}.mb-110 {margin-bottom: 110px !important}.mb-120 {margin-bottom: 120px !important}.mb-130 {margin-bottom: 130px !important}.mb-140 {margin-bottom: 140px !important}.mb-150 {margin-bottom: 150px !important}.mb-160 {margin-bottom: 160px !important}.mb-170 {margin-bottom: 170px !important}.mb-180 {margin-bottom: 180px !important}.mb-190 {margin-bottom: 190px !important}.mb-200 {margin-bottom: 200px !important}
.ml-0 {margin-left: 0!important;}.ml-5 {margin-left: 5px !important}.ml-10 {margin-left: 10px !important}.ml-15 {margin-left: 15px !important}.ml-20 {margin-left: 20px !important}.ml-30 {margin-left: 30px !important}.ml-40 {margin-left: 40px !important}.ml-50 {margin-left: 50px !important}.ml-60 {margin-left: 60px !important}.ml-70 {margin-left: 70px !important}.ml-80 {margin-left: 80px !important}.ml-90 {margin-left: 90px !important}.ml-100 {margin-left: 100px !important}.ml-110 {margin-left: 110px !important}.ml-120 {margin-left: 120px !important}.ml-130 {margin-left: 130px !important}.ml-140 {margin-left: 140px !important}.ml-150 {margin-left: 150px !important}.ml-160 {margin-left: 160px !important}.ml-170 {margin-left: 170px !important}.ml-180 {margin-left: 180px !important}.ml-190 {margin-left: 190px !important}.ml-200 {margin-left: 200px !important}

.loginmodule{background: #e7e3d0;margin-bottom:22px;}
.loginsectionleft{padding:30px;background: #fff}
.loginsectionright{padding:20px 52px 30px 30px;}
.btn-lg div{font-size: 22px}
.btn-lg span{font-size: 20px}
.loginmodule {
    margin-bottom: 22px;
    margin-top: 100px;
    background: #eff3d9 ;
}
.loginmodule .col-sm-7custom { background:  url(../images/loginbgNew.png) no-repeat center top;background-size: auto 100%;}
/*quix styles*/
/* sidenavi wrapper */
#sideNavi,
.side-navi-item,
.side-navi-data,
.side-navi-tab {
    margin: 0;
    padding: 0;
}

#sideNavi {
    position: fixed;
    right: 50px;
    top: 15%;
    z-index: 50;
}
/* items */
.side-navi-item-default {
    height: 50px;
    display: none;
}

.side-navi-item {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 150px;
    height: 50px;
    transform: rotate(0deg);
    transform-origin: left top 0;
    color: #fff;
    background-color: #473b05;
    cursor: pointer;
    border-radius: 5px;
}

.side-navi-item.item1 {
    top: 100px;
}


.side-navi-item.active,
.side-navi-item:hover {
    background-color: #473b05;
    color: #fff;
}

.side-navi-item > div {
    padding-top: 15px;
    text-align: center;
}
/* data wrapper */
.side-navi-data {
    position: absolute;
    top: 0;
    left: 50px;
    width: 400px;
    /*height: 450px;*/
    background-color: #473b05;
    border-radius: 5px;
    color: #beb5be;
}
/* tab wrapper */
.side-navi-tab {
    display: none;
}

.side-navi-tab.active {
    display: inline-block;
}

.side-navi-tab > div {
    padding: 30px 20px 39px 20px;
}

.side_content {
    font-weight: 500;

    font-size: 20px;
    padding: 20px 10px;
}
.side_content .text-color{color:#FF5863}

.menubottom {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0px 0px 0px 0px;
    height: 40px;
    border:1px solid #e8e8e8;

}
.side-navi-tabcontent{
    padding: 0px;
}
.searchbar form{margin-bottom:0!important}
#slidecontainer {
    width: 100%;
    padding:0px 0 0px
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    border-radius: 15px;
    background: #acacac;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FF386B;
    cursor: pointer;
    border: 5px solid #FF5863;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #FF386B;
    cursor: pointer;
    border: 5px solid #FF5863;
}
.side-navi-item.item1 i{font-size:30px;margin:12px}
.google_map_sec {
    height: 700px;
    background: #000
}
.google_map {
    width: 100%;
    height: 720px;
    filter: alpha(opacity=40)
}
/*end*/
.tech_img img {
    max-width: 100%;
}
.rownomargin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.Technician-Sec {
    background-color: #f7f7f7;
    height: 1055px;
    position: relative;
    overflow: hidden;
}
.techbg .yellowbg {
    background-image: url('../images/Technician-instantly.png');
    background-repeat: no-repeat;
    background-position: left 50px;
    height: 1055px;
    z-index: 1;
    position: relative;
}
.tech_img {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    bottom: 0;
}.roundgreybox_outer {
     display: none;
 }.cleaner_height1 {
      height: 20px;
      clear: both;
  }

.Item-Best {
    margin-top: -92px;
    margin-left: 43%;
}

.Item-Trusted {
    margin-left: 46%;
    margin-top: -10px;
}

.Item-Find {
    margin-left: 49%;
    padding-top: 10px;
}

.Item-Track {
    padding-left: 27px;
    padding-top: 15px;
}

.Item-Market {
    padding-left: 68px;
    padding-top: 20px;
}

.Price-text {
    font-size: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    color: #3a383a;
}

.Price-subtext {
    color: #3a383a;
    font-size: 15px !important;
    font-family: 'Kanit', sans-serif;
    line-height: 16px;
}

.roundgreybox_outer {
    display: none;
}

.customlist {
    padding: 0;
    margin: 0;
    padding-left: 15px;
}.Technician-txtpadding {
     padding-top: 50px;

 }.techbg:after {
      left: 49%;
      top: -200px;
      bottom: -100px;
      right: -500px;
      content: "";
      z-index: 0;
      position: absolute;
      -ms-transform: rotate(-15deg); /* IE 9 */
      -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
      transform: rotate(-15eg);
  }
.about .icon-box .icon-box-title span{color:#FF5863}
@media screen and (max-width: 40em) {

    .Item-Best, .Item-Trusted, .Item-Find, .Item-Track, .Item-Market {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .techbg:after {
        left: -51%;
    }
    .Technician-txtpadding {
        padding-top: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .techbg .yellowbg, .techbg, .Technician-Sec {
        height: auto;
    }

    .roundgreybox_outer {
        display: table;
        margin: auto;
    }

    .roundgreybox_outer .roundgreybox {
        border-radius: 100px;
        width: 100px;
        height: 100px;
        background: #3a383a;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .techbg:after {
        left: -51%;
    }

    .tech_img {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 999px) {
    .whyicon-sec {
        height: 865px;
    }

    .techbg:after {
        left: 30%;
    }

    .tech_img {
        left: -357px;
    }

    .Technician-txtpadding {
        padding-top: 0px;
        padding-left: 0px;
        margin-bottom: 55px;
        margin-left: 0px;
    }

    .Item-Best, .Item-Trusted, .Item-Find, .Item-Track, .Item-Market {
        margin-top: 0;
        margin-left: 150px;
        padding-left: 0;
    }

    .Item-Trusted {
        margin-left: 190px;
        padding-top: 15px;
    }

    .Item-Find {
        margin-left: 215px;
        padding-top: 10px;
    }

    .Item-Track {
        margin-left: 250px;
        padding-top: 20px;
    }

    .Item-Market {
        margin-left: 290px;
        padding-top: 20px;
    }

    .icon-item {
        height: 305px;
    }



    .howitworks-sec {
        background-color: #494847;
        background-size: 130% 100%;
        overflow: hidden;
    }
}
@media (min-width: 900px) and (max-width: 999px) {
    .tech_img {
        left: -387px;
    }


}  @media (min-width: 1000px) and (max-width: 1199px) {

    .tech_img {
        left: -90px;
    }
}

.iconsection{ background-image: url('../images/boxed.png');
    background-repeat: no-repeat;

    width: 100%;
    background-size: 100%; }
.iconsectioncustom a{display:block;height:200px}
.iconsectioncustom img{margin-top:20px}
.Technician-txt {
    color: #333;
    margin-top: 20px;
    margin-bottom: 100px;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    line-height: 1.42857143;

}.sectionheading {
     font-size: 2rem;
     color: #e7bf13;

 }
.Technician-txtpadding {
    padding-top: 50px;

}


.text-center {
    text-align: center;
}
footer h5{font-weight: normal}
.footerbutton {
    margin: 15px 0px 0px 0px;
    animation-duration: 1000ms;
    animation-delay: 600ms;
    animation-name: fadeInDown;
}
.btn-app-store {
    background: #000;
    color: #FFF;
    position: relative;
    height: 53px;
    padding-left: 40px;
    padding-right: 20px;
    border: 2px solid #eee;
    width: 150px;
    border-radius: 7px;
}

.btn-app-store i {
    font-size: 30px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.btn-app-store .small {
    display: block;
    font-size: 14px;
    line-height: 12px;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
}

.btn-app-store .big {
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
}

.btn-googleplay {
    background: #000;
    color: #FFF;
    position: relative;
    height: 53px;
    border: 2px solid #eee;
    width: 155px;
    padding: 6px;
    border-radius: 7px;
}

.btn-googleplay i {
    font-size: 40px;
    position: absolute;
    left: 10px;
}

.btn-googleplay .small {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}

.btn-googleplay .big {
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
}

.googleplay-img {
    margin-top:5px;
    width: 35px;
}
.coloryellow{font-weight:normal}
.coloryellow span{color:#e6bf20;font-weight:normal}
.searchbar{background: #fff;padding:10px;z-index: 999;margin-top:50px}
.searchfixed-header{ }
@media screen and (max-width: 40em) {

    .iconsectioncustom a {
        display: block;
        height: 252px;
    }
    .iconsectioncustom img {
        margin-top: 50px;
    }
    .call-to-action{padding:0}
}
.termsmodal-dialog{width:100%;margin:0}
.termsmodal-dialog .termsmodal-content, .loginswitch .modal-content{border-radius:0;border:0; background-color: rgba(53, 43, 4, 0.85);;
    border: medium none;}
.loginswitch{width:30%}
.control-label {
    font-weight: normal;
    margin-bottom: 2px;
    font-size:18px
}
/*custom checkbox*/
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal
}

/* Hide the browser's default checkbox */
.checkcontainer input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkcontainer .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-image: linear-gradient(73deg, #FFF, #FFF);
    border: 2px solid #FF8656;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    /*background-color: #b79501;*/
    border:2px solid #FF8656
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-image: linear-gradient(73deg, #FF8955, #FF386B);
    border: 2px solid #FF8656;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkcontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*end*/
/*custom radio buttons*/
.radiocontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight:normal
}

/* Hide the browser's default radio button */
.radiocontainer input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.radiocontainer .checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #cfbd6d;
    border-radius: 50%;
    border:2px solid #a99850
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
    background-color: #b79501;
    border:2px solid #a99850
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
    background-color: #b79501;
    border:2px solid #a99850
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiocontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;

}
.form-groupcustom .radiocontainer{float:left;padding-right:20px}
.form-control{border: 1px solid #b6bdc5;height: 50px;font-size:15px;font-family: arial;border-radius:0;}
.form-control:focus {
    border-color: #abc502;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(152,203,232,.6);
}
.control-label{font-weight:normal;margin-bottom:2px}
.control-label span{font-size:20px;font-family: arial}
.btn-theme-colored_outline{background:#e6efbb;/*border:2px solid #abc502;*/color:#abc502}
.width80per{width:80%;margin:auto;float:none;display: block}
.margintop20{margin-top:20px}
.paddingtopzero{padding-top: 0px}
form label{font-weight:normal}
.paddingtop15{padding-top:15px}
.bowlogo{padding-top:30px;font-family:"Jokerman" !important ;color:#abc502 !important;font-weight:600;font-size: 85px;line-height: 63px}
.rightpaneltext1{padding-top:16px;font-size: 37px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;font-family: 'Kanit', sans-serif;line-height: 40px;padding-bottom:15px}


.rightpaneltext2{font-size: 16px;line-height:23px;padding-bottom:25px;font-weight: 300;}
.minheightloginsectionleft{min-height:300px}
.logotext{}
.btn-link {
    font-weight: 400;
    color: #FF8656;
    cursor: pointer
}
.help-block {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;

}
.help-block strong{font-weight: normal}
.loginswitch .modal-content .modal-title{text-align: center;color:#fff;font-size:22px;font-family: 'FuturaBT-Medium', sans-serif; font-weight: 500;
    font-style: normal;}
.loginswitch .modal-content .modal-body{background:#f5f0dc}
.loginswitch{top:50%;margin-top:-150px}
.radiofontsize18{font-size:18px}
.radiofontsize18 .checkmark{top:2px}
.loginswitch .modal-content .modal-header .close {
    float: right;
    font-size: 35px;
    opacity: 0.8;
    color:#FFF
}
.loginswitch .modal-content .modal-header .close:focus.loginswitch .modal-content .modal-header .close:hover{color:#e8e8e8}
.pageheader{padding:20px;background: #eff3d9 url(../images/headerbg.png);margin-top:70px;border-bottom:1px solid #dedbdb}
.termsfont{font-size:18px;padding-bottom:30px}
.t_section{}
.t_section .t_header{color:#FF5863;font-family: 'Kanit', sans-serif;
    font-weight: 600;
    padding:15px 0 8px;font-size: 22px}
.t_section .t_italic{font-style: italic;color:#333;font-size: 18px;font-weight: 600;}
.t_section .t_content{}
.terms_header{font-family: 'Kanit', sans-serif;
    font-weight: 600;
    padding:5px 0 8px;font-size: 22px}
.t_link{text-decoration: underline !important;color:#FF5863!important}
.t_link:hover{text-decoration: none !important;color:#FF8955!important}
.t_section .t_content ul{margin-left:50px;padding:10px 0}
.t_section .t_content ul li{list-style-type: lower-alpha;}
.t_section .t_content p{font-weight: 300;   font-size: 14px; }
.detailsheader {
    padding: 20px;
    margin-top: 70px;
}
.padd0{
    padding: 0px;
}
.filterBlck {
    border-right: 1px solid #e3e3e3;
    position: relative;
    padding-top: 0px;
}
.filter-heading{
    margin-bottom: 20px;
}
.filter-headingleft{
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 600;
}
.filter-headingright{
    float: right;
    font-size: 16px;
    cursor: pointer;
}
.filter-headingright a{
    color: #2b2b2b;
    font-weight: 600;
}
.filterServices {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.filter-headingin {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.filrb-con{
    padding-left: 20px;
}
.filter-leftin {
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
}
.filter-rightin {
    float: right;
    margin-top: 5px;
    color: #2b81d8;
    cursor: pointer;
}
.timeBlck-row {
    width: 100%;
    float: left;
}
.timeBlckr-heading {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.timeBlckr-heading h4 {
    font-size: 14px;
    margin-bottom: 5px;
}
.timeBlckr-con {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.searchResultsFix{
    float: right;
    position: relative;
    padding-top: 0px;
}
.headersname{
    border: solid 1px #d4d4d4;
    border-right: 0;
    line-height: 33px;
    background: #fff;
    display: block;
    text-align: center;
    height: 35px;
    color: #2f2f2f;
}
.clearpage{
    margin-top: 5px;
}
.listingrow{
    background-color: #FFFFFF;
    position: relative;
    border: 1px solid #e8e8e8;

}
.text-color {
    color: #FF5863;
}
.techstop{
    height: 40px;
    border-bottom:1px solid #e8e8e8;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #2b2b2b;
}
.techsbottom{
    height: 100%;
    padding: 10px 0px 10px 0px;
}
.borderright{
    border-right: 1px solid #d8d8d8;
}
.borderright:last-child{
    border-right: 0px solid #d8d8d8;
}
.fnt-size{
    color: #2b2b2b;
    font-weight: bold;
}
.fnt-sizenor{
    font-weight: bold;
}
@media screen and (max-width: 40em) {
    .listingrow{
        padding: 0px 0 10px 0;
    }

}


.slidecontainer .ui-state-default, .slidecontainer .ui-widget-content .ui-state-default, .slidecontainer .ui-widget-header .ui-state-default {
    border: 0px solid #d3d3d3;
    background:  url(../images/slidericon.png) no-repeat;
    font-weight: normal;
    color: #555;
}
.slidecontainer .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;

}
.slidecontainer .ui-slider .ui-slider-handle {

    width: 30px;
    height: 30px;

}

.slidecontainer .ui-widget-content {
    border: 0px solid #acacac;
    background: transparent;
    color: #222;
}
.slidecontainer p{position: absolute;top:-10px}
#slidecontainer{padding-top:22px}
.slidecontainer #amount{top:0;left:43px}
input[type=range]{
    -webkit-appearance: none;
    padding: 0px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-image: linear-gradient(72deg, #FF8955, #FF386B);
    /*background: #FF386B;
    border:2px solid #FF8955;*/
    margin-top: -7px;
}
.ui-slider-horizontal{
    height:1.3em
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    border:2px solid #b79501;
    cursor: pointer; outline: none;

}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: goldenrod;
    border:2px solid #b79501;
    cursor: pointer; outline: none;
}


/*ie*/
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -0px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}


.custombuttonmap, .custombuttonmap:hover, .custombuttonmap:focus{background:#FF5863;padding:5px;line-height:37px;border-radius:5px;color:#fff;}
#amount{border:0;}
.checkcontainer a{
    color: #FF8656;
    text-decoration: underline;
}
#curstomerregisterid form .error{line-height: 12px;padding-top:3px;font-weight:500}

@media screen and (max-width: 40em) {
    #slidecontainer{padding-top:22px;margin-top:12px;margin-bottom:13px}

}



.customtablelist{display: table;width:100%}
.customtablelistheader{background: #f4f4f4}
.customtablelist .custrows{display: table-cell ;vertical-align: middle;padding:10px}
.customtablelist .custrows1{width:60px}
.customtablelist .custrows3{width:100px}
.customtablelist .custrows4{width:120px}
.customtablelist .custrows4 button{float:right;font-size:16px}
.custrowsheader, .custcolheader {
    color: #2b2b2b;
    font-weight: bold;line-height: 15px;font-size:16px
}
.detailsheadersub{padding: 15px 15px 10px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.detailsicons{padding:0;margin:0;list-style:none;float:right}
.detailsicons li{float:left;margin-left:8px}
.paddinglr20{padding:0 20px}
.detailsicons li a{display:block;border-radius:5px;background:#FF8955;padding:5px 8px 2px;position:relative}
.detailsicons li a.current {
    position: relative;
    background: #FF5863;
}
.detailsicons li a.current:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FF5863;
    border-width: 8px;
    margin-left: -8px;
}
.detailsicons li a i{font-size:25px;color:#fff}

/*videosection*/
#home{padding-top:58px}
/*#myVideo {position: absolute;flex-grow: 0;height: 100%;width: 100%;}*/
#myVideo,#videohowitworks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.chrome{

    object-fit: fill;
}
.videopop{
    /* works for IE 8. */

}
@media (min-aspect-ratio: 16/9) {
    .myVideoie,.videohowitworksie {
        height: 320%!important;
        top: -100%!important;
    }
}

@media (max-aspect-ratio: 16/9) {
    .myVideoie,.videohowitworksie {
        width: 300%!important;
        left: -100%!important;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../img/videoframe.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {

    }
}
.header-nav{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.videoarea{position:relative;height: 570px;margin-left:-15px;margin-right:-15px}
.containervideos{position:relative}
.outerbox{display:block;}
.containervideos{overflow:hidden}
.outerbox:after{display:table;content:" ";clear:both;width:100%}
.videobg{position:absolute;left:0;top:0;bottom:0;right:0;background: url(/images/noise-for-dark-background.png) repeat left top;z-index:1}
.videoOptions{position:absolute;z-index:2;right:4%;top:50%;margin-top:-50px;margin-right:-50px;}
.videoplayimg{cursor:pointer;width:100px;height:100px;background: url(/images/VideoBtn.png)no-repeat left top}
.videopauseimg{cursor:pointer;width:100px;height:100px;background: url(/images/VideoBtn-Pause.png)no-repeat left top}
/*end*/

/*search section*/

.searchouterdiv1{width:75%;margin:auto}
.searchouterdiv1:after{display:table;clear:both;content:"";width:100%}
.searchouterdiv1 .searchServices{width: 25%;border-radius:100px 0 0 100px;background:#e0e0e0;float:left;height:50px;}
.searchouterdiv1 .locationouter{width: 56%;float:left;position:relative;}
.searchouterdiv1 .locationouter:before{background:#e0e0e0;left:0;right:50%;top:0;bottom:0;position:absolute;content:"";z-index:0}
.searchouterdiv1 .locationouter:after{background:#FF5863;left:50%;right:0%;top:0;bottom:0;position:absolute;content:"";z-index:0}
.searchouterdiv1 .locationouter .location{border-radius:100px;background:#fff;z-index:1;position:relative;height:50px;overflow: hidden}
.searchouterdiv1 .searchbutton{width: 15%;float:left;border-radius:0 100px 100px 0;background-image:linear-gradient(45deg, #FF8955, #FF386B);height:50px;overflow:hidden;}
.searchouterdiv1 .form-control{border:0;background:transparent;color:#000}
.searchouterdiv1 select.form-control option[value]{color:#3d485a;background:#fff;padding: 5px;}
.searchouterdiv1 select.form-control.error{border:0;color:red}
.searchouterdiv1 .searchServices .searchservicesinner{padding:0 10px}
.searchouterdiv1 .location .form-control{color:#000;padding-left: 30px;outline: none;}
.paddinglr10{padding-left:15px;padding-right:15px}
.searchouterdiv1 #slidecontainer {
    padding-top: 26px;

}
.minheight50{min-height:50px;border-left:1px solid #e8e8e8}
.searchouterdiv1 .slidecontainer p {
    position: absolute;
    top: 1px;
    margin-bottom:0
}

.searchouterdiv1 .form-control{border:0px solid #fff;-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075);box-shadow:inset 0 0px 0px rgba(0,0,0,.075);}
.searchouterdiv1 .form-control:focus{border:0;border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);box-shadow:inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6)}
.positionabs{position:absolute;bottom:0;left:0;right:0;z-index:5;}
.positionabs #formid{margin-top:5px;margin-bottom:5px}
.searchouterdiv1 .searchbutton .btn-block, .searchouterdiv1 .searchbutton .btn-block:hover, .searchouterdiv1 .searchbutton .btn-block:focus, .searchouterdiv1 .searchbutton .btn-block:active{background:transparent;border:0;outline: none !important;box-shadow: inset 0 0px 0px rgba(0,0,0,.125);}
.translate h4{font-size:30px;font-weight:normal}
.Myquixfont {
    font-size: 30px;
}
.translate .Myquixfont{font-weight:700}
.translate {
    transform: skewY(10deg);
}

.box-odds:first-child {
    margin-top: 73px;
}

.box-odds {
    margin-top: 43px;
    padding: 0 0 0 107px;
    position: relative;
}

.box-odds .box-why {
    width: 78px;
    height: 78px;
    line-height: 90px;
    left: 0;
    top: 4px;
    position: absolute;
    text-align: center;
    background: #fff;
    color: #000;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.box-odds .box-whyicon{background:#fff url(/images/icons/BestPrice.png)no-repeat center 14px}
.box-odds .box-trustedpro{background:#fff url(/images/icons/TruestedProfessionals.png)no-repeat center 12px}
.box-odds .box-guaranteedsecurity{background:#fff url(/images/icons/GuarenteeSecurity.png)no-repeat 13px 16px}
.box-odds .box-competitiveadvantage{background:#fff url(/images/icons/CompetativeAdvantage.png)no-repeat center 13px}
.box-odds .box-tracking{background:#fff url(/images/icons/Tracking.png)no-repeat center 17px}
.box-odds .box-coming{background:#fff url(/images/icons/WhoAreComing.png)no-repeat center 17px}

.box-odds h5 {
    font-size: 24px;
    line-height: 27px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #fff;
}
.box-odds p{
    color:#fff;
}
.AppImg {
    position: absolute;
    top: -9px;
    transform: rotate(-2.2deg);
}
.AppImg {
    position: absolute;
    top: 55px;

    transform: rotate(0deg);
    width: 85%;
    right: -20px;
    /* bottom: -20px; */
}

@-moz-document url-prefix() {
    .AppImg {
        top: 63px;
    }
}

.text-white {
    color: #fff;
}
.translate10 {
    transform: skewY(10deg);
}
.webcontainer{padding-top:80px;padding-bottom:80px}
.whymyquix {
    background-color: #FF5863;
    width: 100%;
    transform: skewY(0deg);
    width:100%;
    height:auto;
    float:left;
    margin-top: 0px;
}
/*end*/
@media screen and (max-width: 636px){
    .searchouterdiv1{padding: 15px;}
    .videoarea {
        position: relative;
        height: 270px !important;
    }
    .videoOptions {
        position: absolute;
        z-index: 2;
        right: 3px;
        top: 30px;
        margin-top: -90px;
        margin-right: 0px;
        width: auto;
        margin: auto;
        padding-left: 0;
    }
    .videoOptions div{float:left;}
    .videoplayimg {
        cursor: pointer;
        width: 60px;
        height: 60px;
        background: url(/images/VideoBtnMbl.png)no-repeat left top;
    }
    .videopauseimg {
        cursor: pointer;
        width: 60px;
        height: 60px;
        background: url(/images/VideoBtn-PauseMbl.png)no-repeat left top;
    }
}

@media (max-width: 767px){
    .menuzord-responsive .menuzord-brand{    margin: 0px 30px 0px 0px;    font-size: 20px;    line-height: 1.55;}
    header.container{padding:5px 0 5px 0}
    .menuzord-responsive .showhide{padding: 15px 0 0;}
    .address.form-control{margin-top:8px}
    .searchouterdiv1 .location .form-control{    background: #e8e8e8;}
    .loginsectionleft{padding: 5px;}
    .loginmodule{margin-top: 50px;   padding-bottom: 22px;     margin-bottom: 0px;}
    .rightpaneltext1{font-size: 22px;   }
    .btn-lg div{font-size: 15px;}

}
.g-recaptcha{   margin-bottom:10px;}
@media (max-width: 600px){
    .g-recaptcha{    margin-left: -27px;margin-bottom:10px;}
    .width80per{width:100%;}
    .listclass .listingrow:first-child {display:none;}
    .customtablelistheader{display:none;}
    .customtablelist .custrows4 {
        width: 100%;
        display: block;
        float: left;
        text-align: center;
    }
    .customtablelist .custrows {
        display: block;
        vertical-align: middle;
        padding:10px 0 0;
        float: left;
    }
    .customtablelist .custrows1{padding:10px;}
    .customtablelist .custrows3{padding:0 10px;float:none;}
    .detailsheadersub{padding:15px 0 10px}
    #searchcodeid{margin-top:0px}
    .filrb-con{    padding-left: 0px;}
    .detailsheadersub .paddinglr20, .detailsheader .paddinglr20 {padding:0;}
    .searchResultsFix{float:none;}
    #tab3 .btn{margin-left:-23px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
    .positionabs{position:relative;}
    .xxs-text-center {
        text-align: center;
    }
    .xxs-height-auto {
        min-height: auto !important;
    }
    .sectionpadd {
        padding-top: 0px;
    }
    h2{font-size:24px;}
    .rightpaneltext2{font-size: 14px;}
    section#experts {
        background: #cccccc17;
        padding-bottom: 50px;
    }
    .call-to-action h3{text-align: center}
    .call-to-action ul{float: none !important;display: table;margin: auto;}
    .divider .container {
        padding-top: 40px;}
    .box-odds {
        padding: 0 0 0 90px;
    }
    .box-odds .box-guaranteedsecurity {
        background: #fff url(/images/icons/GuarenteeSecurity.png)no-repeat 9px 12px;
    }
    .box-odds .box-why {
        width: 68px;
        height: 68px;
    }
    .searchouterdiv1 .searchServices{width: 100%; border-radius: 0;}
    .searchouterdiv1 .locationouter{width: 100%;     height: 150px;    background: #e8e8e8;}
    .searchouterdiv1 .locationouter:before {    background: #424b5c00;}
    .searchouterdiv1 .locationouter:after{    background: #f4d32c00; }
    .searchouterdiv1{    width: 94%;     padding-top: 15px;}
    .searchouterdiv1 .locationouter .location{border-radius: 0px;}
    .searchouterdiv1 .searchbutton{width: 100%; border-radius: 0 ;}
}

a:focus {outline: none;}
a:focus,
button:focus,
input:focus,
textarea:focus {outline: none !important; }
button:active { outline: none !important; }
button:focus { outline: none !important; }
.footerbutton .btn.focus, .btn:focus, .btn:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.rowcustom{padding:10px 0;margin:0}
.footertopouter{background:#191919;padding:5px 0;overflow:hidden}
.verticalsep:after {
    position: absolute;
    content: "";
    width: 1px;
    top: -50px;
    bottom: -50px;
    right: 25px;
    background: #545454;
    z-index: 1;
    transform: rotate(30deg);
    margin-left: -30px;
}
.paddingtop25{padding-top:25px}

/*-------------------login dropdowns------------------------------*/
.dropbtn {
    background-image: linear-gradient(72deg, #FF8955, #FF386B);
    color: white;
    padding: 4px 10px;
    text-transform: uppercase;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.dropbtn2 {
    background-image: linear-gradient(35deg, #FFA454,#F66161);
    color: white;
    padding: 4px 10px;
    text-transform: uppercase;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dropdownss {
    position: relative;
    display: inline-block;
}
.dropdown-contentss {
    display: none !important;
    position: absolute;
    background-color: #FF8955;
    min-width: 100px;
    box-shadow: none;
    z-index: 1;
    text-align: center;
}
.dropdown-contentss a {
    color: #fff;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
}
.dropdown-contentss a:hover {background-color: #F66161;}
.dropdownss:hover .dropdown-contentss {display: block !important;}
.dropdownss:hover .dropbtn .dropbtn2 {background-color: #F66161;}

@media only screen and (max-width: 600px) {
    .m-0 {
        margin: auto !important;
        clear: both;
        display: table;float:none !important}
    .rowcustom{padding:auto}
    .verticalsep:after{display:none}
}
.videopop{background-image: url("../images/carousaltextbg.png");}
.videopop b{color:#FF5863;font-weight:500}

.videopop{padding:25px 15px;color:#fff;font-size:30px;border-radius:0px 20px 20px 0;position:absolute;top:40%;left:0;z-index:22}
.carousal_bullet{position:absolute;right:38px;top:50%;z-index:23;margin-top:-45px}
.carousal_bullet li {margin-bottom:5px}
.carousal_bullet li span{display:block;width:24px;height:24px;background:#d9d9da;border-radius:100px;cursor:pointer;border:4px solid #516a79}
.carousal_bullet li span:hover, .carousal_bullet li span.current{display:block;background:#FF5863;border-radius:100px;cursor:pointer}
.sectionpaddt10, section >.webcontainerpaddingzero{padding-top:10px;}
.w-100{width:100px}
.btn-google{
    color: #fff;
    background-color: #EA4335;
    border-color: #EA4335;
}
.btn-facebook{
    color: #fff;
    background-color: #3B5998;
    border-color: #3B5998;
}
.btn-google:hover, .btn-facebook:hover{
    color: #fff;
}
.btnlinks{
    text-align: center;
    margin: 30px 0px 0px;
}
@media only screen and (max-width: 600px) {
    .searchouterdiv1 .searchbutton{width: 100% !important;}
    .carousal_bullet{;right:38px;left:50%;z-index:23;margin-left:-45px;bottom:0px;top:auto}
    .videopop{padding:15px 15px;color:#fff;font-size:16px;}
    .carousal_bullet li{float:left;margin-right:5px}

}

@media screen and (max-width: 1000px){
    .searchouterdiv1 {width: 100%;margin: auto;}
    .searchouterdiv1 .searchbutton {width: 19%;}
    .videoOptions{right: 7%;}
    .videoplay{height:400px;}
    #services .webcontainerpaddingzero .col-sm-6:first-child{width:100%;}
    #services  .webcontainerpaddingzero .col-sm-6:last-child{display:none;}
}
@media screen and (max-width: 636px){
    .menuzord-responsive .menuzord-menu.scrollable:
    .searchouterdiv1 .searchbutton{width: 100% !important;}
    .videoplay{ height: 270px!important;}
    .searchouterdiv1 .locationouter .location{border-radius:0px;background:#fff;z-index:1;position:relative;height:150px;overflow: hidden}
    .minheight50 {border-left: 0px solid #e8e8e8;}
}