/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/*-----------------header-------------*/
 .header-main{
 background-image: url(images/logo-line-bg.jpg);
    background-repeat: repeat-x;
    background-position: top center;
   background-size: contain;
    padding:0;
     height: auto !important;
    
}
#logo{width: auto !important;}

#logo img{
    max-height: 135px !important;}

body .header-top{
 padding: 5px 0;
    height: auto;
    background: #f5f5f5;
}




.top-divider{
    display: none;
}

.nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > a, .nav-dark .nav > li > button,
.follow-icons a{
    color: rgba(0, 0, 0, 0.6);
}

.nav > li{
    margin: 0 11px;
}

.header-nav-main{
    margin: -30px 0 0 0;
}

.header-nav-main.nav-right{
    display: none;
}


body input[type="submit"], body input.button[type="submit"], body   input[type="submit"], .primary,
body .secondary, .checkout-button, body .button.checkout, .button.alt,
body .is-outline, body .primary.is-outline{
 background-color: #8eb1c4;
    border:1px solid #8eb1c4;
}


body input[type="submit"]:hover, body input.button[type="submit"]:hover, body   input[type="submit"]:hover, .primary:hover,
body .secondary:hover,body .checkout-button:hover,body .button.checkout:hover, .button.alt,
body .is-outline:hover, body.primary.is-outline:hover{
     background-color:  #e1ba3b;
    border:1px solid  #e1ba3b;
    box-shadow: none;
    -webkit-box-shadow: none;
}


body .header-inner .nav > li > a{
    font-weight: 500;
    letter-spacing: 0.5px; color: #fff;}

.nav-dark .is-outline, .dark .nav > li > a:hover, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a:hover, .dark .nav-vertical > li > ul li a:hover, .nav-dropdown.dark > li > a:hover, .nav-dropdown.dark .nav-column > li > a:hover, .nav-dark .nav > li > a:hover, .nav-dark .nav > li > button:hover,
.follow-icons a:hover{
    color: #8eb1c3 !important;
}
    .nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover{
        color: #8eb1c3 !important;
    }
    
    
.has-dropdown .icon-angle-down{
    margin-left: 6px;
}

.nav > li > a > i.icon-search{
    font-size: 12px;
}

.nav-dropdown{
border:1px solid #f5f5f5;
    box-shadow: none;
    padding: 10px;
}

.nav-dropdown-has-arrow li.has-dropdown::before {
display: none;
}

.nav-dropdown li,
.nav-dropdown li a{
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a{
 border-bottom: 0;
}

.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a{
 font-size: 14px;
    font-weight:500;
}


/*-------------banner cass-------*/

body .banner{
    background-color: #f5f5f5;
}
.flickity-slider .banner-inner .bg.bg-loaded{
    background-image: none !important;}

.slider-wrapper .banner h2, .slider-wrapper .banner h3, .slider-wrapper .banner h1,
.slider-wrapper .flickity-slider .banner-inner p{
 color: #414141;
 }

body .banner .text-box.banner-layer{
  left:0;
    right:0;
    margin: 0 auto;
    transform: translate(0,-50%)!important;
   
}

body .slider button.flickity-prev-next-button{
  width:40px;
    height:40px;
    background: #446084;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    top:0;
    bottom:0;
    margin: auto 0;
}


body .slider .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
 background: #446084;
}

body .slider-nav-light .flickity-page-dots .dot{
 border-color: #446084;
}

body .slider-nav-light .flickity-page-dots .dot.is-selected{
  background-color:  #446084;
     border-color: #446084;
}

/*----------------blog page-----------------*/
body .entry-header-text.text-center{
    padding: 0;
    text-align: left;}

body .text-center .is-divider{
    display:none;}

body .posted-on{
 color:#8eb1c3;
}

body .entry-content{
 padding:0;
}

body h2.entry-title {
  margin: 0 0 3px 0;
    padding: 0;
}

body .entry-summary .text-center{
  text-align: right;
}

body footer.entry-meta{
    border-top:0; padding-bottom: 20px;}



body a.dwnd-icon{
    width: 100%;
    max-width:25px;
    display: block;
 
}

.entry-header h1.entry-title:before{
 height: 1px;
    width: 100%;
    top:0;
    bottom:0;
    margin: auto 0;
    left: 0;
    right: 0;
    background: #ccc;
    position: absolute;
    content: "";
}


.entry-header h1.entry-title{
    position: relative;
   line-height: normal;
    padding: 0;
    display: block;
    text-align: center;
}

.entry-header h1.entry-title span{
 display: inline-block;
    padding: 10px 15px;
    background: #fff;position: relative;
}

body a.dwnd-icon img{
 max-width:100%;
}

body .entry-meta .comments-link.pull-right{
    float: left;
   margin: 0 0 0 10px;
    color:#8eb1c3;}


body .entry-meta .comments-link.pull-right a{
     color:#8eb1c3
}
body .entry-image.relative{
 margin: 15px 0;
}


body ul.menu > li ul, .widget > ul > li ul{
    border-left: 0;
}

body .entry-image.relative .badge{
    display:none;}
body .entry-summary p{
    margin-top: 15px;
}
         
         h6.entry-category a{
         color:#e0b93b;
         }

body .woocommerce-ordering select.orderby{
  box-shadow: none;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    border: 0;
    padding: 0;

}

.woocommerce-result-count{
    margin: 0 3px 0 0;
     color: rgba(102, 102, 102, 0.7);
}

body .wlc_front_label_preview{
    background-image: none;
    border: 0;
    border-radius: 0;
    width:100%;
    height: auto;
    line-height: 32px;
    color:#8eb1c3;
   text-align: center;
    font-size: 25px;
}

body .wlc_front_label_preview p{
  color:#8eb1c3;
 margin-bottom: 15px;
}

body .wlc_label_options{
margin: 0 auto;
}

body .wlc_text_control_div{
 border: 0;
    border-radius: 0;
    background:#f7f7f7 none;
}
body .wlc_border_horizs {display: none;}
body .wlc_star_icon{background: none; margin-left: 15px;}
body .wlc_inner_count{
    margin: 0; color: #666;}

body .dynamic_custom_text_at_frontend{
 margin-left: 25px;
    font-size: 13px !important;
    border:0;
    border-radius: 0;
        box-shadow: none;
    color: #666 !important;
}

body .wlc_text_font_at_frontend{
  margin-left: 20px;
    margin-bottom: 30px;
}

body .wlc_text_font_at_frontend select[name="wlc_text_font_name"]{

  font-size: 13px !important;
    height: 33px;
    border:0;
    border-radius: 0;
    box-shadow: none;
}

body .wlc_text_color_front input[type="text"]{
     margin-left: 20px;
  font-size: 13px !important;
    height: 33px;
    border:0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
}


body .wlc_image_uploader_div_frontend{
 margin-left: 20px;
    margin-bottom: 30px;
}
body .wlc_button_new_style{border-radius: 0 !important;}

.wlc_add_single_text textarea{
    width:350px;}

body .wlc_text_color_front{height: auto;}
.wlc_front_single_text{margin-left: 20px;}


/*---------------about us page-----------*/


.about-top{
    background-color:#e1b93b;
    background-image: url(images/about-logo-bg.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    width:100%;
    padding-bottom: 150px;
    float: left;
    position: relative;
    margin-bottom: 80px;
}
.about-page .pd-20{
 padding: 20PX;
}

.about-logo{
  text-align: center;
    position: absolute;
    bottom: -40px;
    width: 100%;
}

.about-top .col-sm-6{
padding: 20px;
    color: #58585a;
}

.about-page p{
 color: #58585a;
}


.about-page h3{
 color: #8eb1c4;
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
        text-transform: uppercase;
    letter-spacing: 3px;
}

.about-page h3 span{
 display: block;
    font-size: 18px;
    line-height: 18px;
    text-transform: capitalize;
    margin: 5px 0 0 0;
    color: #9c9990;
}

.about-page  .col-sm-6{
  width:50%;
    float: left;
    display: inline-block;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.about-bottom-left ul{
 margin: 0 0 20px 0;
    padding: 0 0 8px 0;
    list-style: none;
     border-bottom: 1px solid #9c9990;
    width:100%;
    float: left;
}

.about-bottom-left ul li{
    display: inline-block;
    float: left;
    width:25%;
    margin: 0;
    padding: 0;
    


}

.about-bottom-left ul li figure{
  width:100%;
    display: block;
    margin: 10px auto;
    border-bottom: 1px solid #9c9990;
    text-align: center;
    padding-bottom: 12px;
}

.about-bottom-left ul li figure img{
  max-width:100px;
    width:100%;
}

.about-bottom-left ul li h4{
 font-size: 18px;
    color: #5595ac;
    text-transform: uppercase;
    font-weight: 400;
        padding: 0 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 5px 0;
}

.about-bottom-left ul ul{
 float: left;
    border: 0;
    margin: 0;
    padding: 0 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.about-bottom-left ul li li{
padding: 0 0 0 15px; margin: 0 0 2px 0; display: block; width:100%; position: relative; font-size: 14px;
    line-height: 14px; border: 0; color: #9c9990; }


.about-bottom-left ul li li:before{
 width:5px;
    height: 5px;
    content: "";
    background: #9c9990;
    position: absolute;
    top:5px;
    left: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    
}


.about-page .about-bottom-right  h3{
    text-align: right;
}

.about-bottom-right ul{
 margin: 0;
    padding: 0;
   position: relative;
    list-style: none;
    width:100%;
    float: left;
}

.about-bottom-right ul:before{
  height: auto;
    width:1px;
    background: #9c9990;
    left:0;
    top:-16px;
    bottom:78px;
    content: "";
    position: absolute;
}

.about-bottom-right ul ul:before{display: none;}

.about-bottom-right ul li{
  padding: 25px 0 0px 61px;
    position: relative;
      max-width: 80%;
    width:100%;
    float: left;
    color: #8eb1c4;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400px;
    line-height: 25px;
    margin: -16px 0 0 0;
}

.about-bottom-right ul li i{
padding-left: 15px;
    font-style: normal;
    padding-bottom: 8px;

}

.about-bottom-right ul li:nth-child(2n){
    text-align: right;
    padding:25px 60px 0px 0px;
    float: right;
  
}


.about-bottom-right ul li:nth-child(2n) i{
padding-left: 0;
    padding-right: 15px;
}

.about-bottom-right ul li:before{
 position: absolute;
top: -15px;
left: 29px;
height: 80px;
width: 2px;
background: #9c9990;
content: "";
transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
}

.about-bottom-right ul li:nth-child(2n):before{
 position: absolute;
top: -15px;
right: 29px;
    left: auto;
height: 80px;
width: 2px;
background: #9c9990;
content: "";
transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    float: left;
  
}




.about-bottom-right ul ul{
 margin: 0;
    padding: 0 15px;
    border-left:0;
    list-style: disc;
    border-top:1px solid #9c9990;
   
}

.about-bottom-right ul ul li,
.about-bottom-right ul ul li:nth-child(2n){
  padding: 0 5px 0 10px;
    display: inline-block;
    float: none;
    width: auto;
    color: #9c9990;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    
}



.about-bottom-right ul ul li:after,
.about-bottom-right ul ul li:before,
.about-bottom-right ul ul li:nth-child(2n):after,
.about-bottom-right ul ul li:nth-child(2n):before{
 display:none;
}


.about-bottom-right ul span li:before,
.about-bottom-right ul span li:nth-child(2n):before{
  content: "";
    position: absolute;
    width:5px;
    height: 5px;
    background: #9c9990;
    border-radius: 100%;
    -webkit-border-radius:100%;
    left:0;
    top:11px;
    display: block;
}


.dynamic_class .row{
  max-width: 100%;
}


.dynamic_class .footer-widgets .row{
  max-width: 1080px;
    width: 90%;
}

.footer-widgets .your-email input{
 width:80%;
    
}

.dynamic_class  .col{
 padding: 0;
}


/*-----video-photo-slider----------*/

.video-photo-slider{
 max-width:750px;
    width:100%;
    margin: 30px auto;
    display: block;
}


@media(max-width:849px){
body .header-top{
 display: none;
} 
    
    body .nav > li.has-icon a.is-small{
     top:-15px;
        position: relative;
    }
}

@media(max-width:991px){
  .about-bottom-left ul li figure img{
    width:75px;
   }
    
    .about-bottom-left ul{padding-bottom: 11px;}
    .about-bottom-left ul li figure{
     margin: 22px auto 7px auto;
    }
    
    .about-bottom-right ul ul li, .about-bottom-right ul ul li:nth-child(2n){
     font-size: 12px;
    }
    
    .about-bottom-left ul li h4{
     font-size: 13px;
    }
    
    .about-bottom-left ul li li{
     font-size: 10px;
    }
    
    .about-bottom-right ul::before {
      height: 100%;
        bottom: 0;
    }
    
    .about-bottom-right ul li{
     font-size: 17px;
    }
    
    .about-page h3{font-size: 23px;}
    .about-bottom-right ul ul,
    .about-bottom-right ul li i,
    .about-bottom-right ul li:nth-child(2n) i
    {
     padding: 0;
    }
}

@media(max-width:767px){
 .about-page .col-sm-6{
  width:100%;
     float: left;
 }

    .about-page .about-logo .col-sm-6:first-child{
     display: none;
    }
.about-page .about-bottom-right h3{
text-align: left;
}
    
    .about-top{
      margin-bottom: 20px;
    }
    .about-bottom-left ul ul,
    .about-bottom-left ul li h4 {
 padding: 0 20px;
}
    .mobile-sidebar .sidebar-menu {
     font-size: 0;
    }
    
    .mobile-sidebar .sidebar-menu .nav > li > a,
    .mobile-sidebar .sidebar-menu .nav > li {
     font-size: 15px !important;
    }
    
    .mobile-sidebar .sidebar-menu .nav-vertical li li,
    .mobile-sidebar .sidebar-menu .nav-vertical li li a,
     .mobile-sidebar .sidebar-menu .social-icons a,  .mobile-sidebar .sidebar-menu .social-icons{
     font-size: 13px !important;
    }
    
}

@media(max-width:480px){
 .about-bottom-left ul li{
  width:100%;
 }

.about-bottom-left ul li figure{
 border-bottom: 0;
    border-top:1px solid #9c9990;
    padding-top: 20px;
}

}