/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

#header-contact > li > a{
    color: #fff;
}
.hal { 
    position:fixed;
   right:2%;
   bottom:60px;
   width:90px;
   z-index:9999;}
.halitem {
    position: relative;
   visibility: visible;
   background-color: transparent;
   width: 90px;
   height: 90px;
    cursor: pointer;
    z-index: 9999;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 10px;
    bottom: 10px;
    display: block;}
.halbg {
    width: 60px;
    height: 60px;
    top: 25px;
    left: 25px;
    position: absolute;
    box-shadow: 0 0 0 0 #dd3333;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: zigzag 2.3s infinite ease-in-out;
    animation: zigzag 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;}
.halimg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 35px;
    left: 35px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: zigzag 2s infinite ease-in-out;
    animation: zigzag 2s infinite ease-in-out;}
.halimg a {display:block;}
.halcontent {
    color: #fff;
    padding: 10px 15px;
    border-radius:99px;
    position:absolute;
    z-index:0;
    top:22px;
    transition-duration:2s;
    display:none;
    margin-left:-120px;
    font-size:100%;
    width:180px;
    transition-duration:2s;}
.halitem:hover 
.halcontent {display:block;}
.halmobile {
    position:fixed!important;
    right:0px;
    bottom:0px;
    width:100%;
    z-index:99999!important;}
.mobileicon {
    float:left;
    text-align:center;
    padding: 5px 0;position:relative;
    z-index:99999!important;
    border-right:1px solid #fff;}
.mobileicon img {width: 30px;}
.mobileicon p {
    margin-bottom:0;}
.mobileicon a {color: #fff;}
.mobileicon img {
    justify-content: center;
    -webkit-animation: zigzag 2s infinite ease-in-out;
    animation: zigzag 2s infinite ease-in-out;}
@-webkit-keyframes zigzag {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    }
@keyframes zigzag {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    }
@-webkit-keyframes zoom{
    0%{transform:scale(.9)}
    70%{transform:scale(1);
    box-shadow:0 0 0 15px transparent}
    100%{transform:scale(.9);
    box-shadow:0 0 0 0 transparent}
    }
@keyframes zoom{
    0%{transform:scale(.9)}
    70%{transform:scale(1);
    box-shadow:0 0 0 15px transparent}
    100%{transform:scale(.9);
    box-shadow:0 0 0 0 transparent}
    }
/*start html new*/
 #portfolio-content .portfolio-inner img{
   width: auto  ;
}
.m5  .flickity-viewport .show-on-hover{
      opacity: 1;
    margin-top: 0.5rem;
    display: block;
}
body{
        font-family: Google Sans, sans-serif;
}
.header{
       font-family: Google Sans, sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.stuck #logo img{
    max-height: unset  !important;
}

#masthead .nav-dropdown.nav-dropdown-default{
        padding: 0;
}


#masthead .nav-dropdown.nav-dropdown-default > li{
    background-color: #bc8858;
    
}
#masthead .nav-dropdown.nav-dropdown-default > li:hover > a{
    color: #Fff;
}
#masthead .nav-dropdown.nav-dropdown-default>li>a{
    color: #000;
        font-weight: 100;
}


.mt{
    font-weight: 700;
    color: #36220DD9;
}
.td{
    padding: 5px 0 12px;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0;
}
.m4 p{
    color: #bc8858;
}
.block-title .section-title-main,.td{
      font-family: Google Sans, sans-serif;
    font-weight: bold;
    color: #000;

}
.slider-nav-circle .flickity-prev-next-button:hover svg{
       background-color: rgba(0,0,0,.4);
    border-color: rgba(0,0,0,.4);
}

.m2 >  div >  .col-inner,.m2 >  div >  .col-inner:hover{
    box-shadow: unset;
}
 .td > strong{
    color: #bc8858;
        font-weight: 700;
}
.m3 p{
    padding-left: 30px;
}
.phone{
        border: solid 1px #bc8858 !important;
    color: #000 !important;
    justify-content: center;
    display: table;
    margin: auto;
}
.m3 > div:nth-child(2) .td{
    margin-top: 4rem;
}
.absolute-footer{
    display: none;
}
.main-ft .td{
    font-size: 16px;
}
.f1-main p, .f1-main a{
        color: #e8e8e8;
}
#comments .comment-respond{
    display: none;
}
#infor li:before{
  content: "\e009";
    font-family: fl-icons;
    position: absolute;
    display: inline-block;
    left: 0;
        color: #bc8858;
}
#infor li{
    padding-left: 30px;
     list-style: none;
     position: relative;
}
#infor > li:nth-child(2):before{
    content:"\e600";

}
#infor > li:nth-child(3):before{
   content:"\e003"
}
 footer{
    background: #151E21FA;
   }
/*end custom html */




.header-main .header-button > .button:not(.is-outline){
      background-color: #bc8858 !important;
}



@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 767px){
/*#logo img{
    max-height: unset !important;
}*/
.banner1 .td{
        font-size: 18px !important;
    line-height: 1.5;
}
.portfolio-element-wrapper .portfolio-box .box-text h6{
   font-size: 1rem;
}
#infor li{
        margin-left: unset;
}
.off-canvas-left.mfp-ready .mfp-content{background: #171717;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  color: #a7a7a7;
    display: block;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #222;
    padding-left: 1rem;
        transition: all 0.4s ease 0s;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul{padding-bottom:0; background:#1a6300}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul li{    background: #171717;
    border-bottom: 1px solid #222;}

.header-main .header-button > .button:not(.is-outline){
    border-radius: 6px!important;
  
}
.m3 p{
    padding: unset;
 }
 .m3{
        padding: 0 10px;
 }
  .m3 > div:nth-child(1){
    margin-bottom: 1rem;
  }

}