@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=vietnamese');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&display=swap&subset=vietnamese');
.rotobo{font-family: 'Roboto', sans-serif !important}
.montser{font-family: 'Montserrat', sans-serif !important;}

body{ font-family: 'Montserrat', sans-serif !important; }
body {
    overflow-x: hidden!important;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,.3);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #333;
}
body *{outline:none;}
::-webkit-scrollbar { 
    display: none; 
}
body::-webkit-scrollbar-track{
  background-color: #fff;
}
body::-webkit-scrollbar{
  width: 6px;
  background-color: #fff;
}
body::-webkit-scrollbar-thumb{
  background-color: #26BD5C;
}
#fs-searchform input::placeholder{color: #fff !important}
@media only screen and (max-width: 690px){
    .qdr-col-2>*, .qdr-col-3>* {
        width: 100%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        float: none!important;
        text-align: left;
    }
    .qdr-col-4>*, .qdr-col-5>*, .qdr-col-6>* {
        width: 100%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        float: none!important;
        text-align: center;
    }
}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6{
    /*font-family: 'Glacial Indifferenc', 'Open Sans', sans-serif;*/

}
.colored, .colored-hover:hover{ color:#26BD5C !important; }
.bg-colored, .bg-colored-hover:hover, .qdr-hover:before{ background-color:#26BD5C !important; }
.border-colored, .border-colored-hover:hover{ border-color:#26BD5C !important; }
.colored1, .colored1-hover:hover{ color:#26BD5C !important; }
.bg-colored1, .bg-colored1-hover:hover{ background-color:#26BD5C !important; }
.border-colored1, .border-colored1-hover:hover{ border-color:#26BD5C !important; }
.colored2, .colored2-hover:hover{ color:#b18c7a !important; }
.bg-colored2, .bg-colored2-hover:hover{ background-color:#b18c7a !important; }
.border-colored2, .border-colored2-hover:hover{ border-color:#b18c7a !important; }

.b-colored{
    border: 1px solid #26BD5C;
    border-radius: 16px;
}
.b-colored img{
    width: 100%
}
.color-green{color: #25BD5B !important}
::selection{ background-color:#26BD5C; }
@media only screen and (max-width: 1441px){
    .container {
        max-width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.font-60{
    font-size: 60px !important
}
.bd-top-6{border-top: 6px solid #26BD5C;}
.qdr-hover-2-rotate:before{
    background-color:white;
    border: 1px solid #26BD5C;
}
.qdr-hover:after {
    background-color: #333;
}
.qdr-hover-5:before{ background-color:#26BD5C; }
.cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after {
    border-left: 3px solid rgba(237, 34, 36,0.15);
    border-right: 3px solid rgba(237, 34, 36,0.15);
    border-bottom: 3px solid rgba(237, 34, 36,0.15);
    border-top: 3px solid rgba(237, 34, 36,0.8);
    border-radius: 100%;
}
.qdr-controls .slick-arrow, .qdr-controls-2 .slick-arrow {
    background-color: #26BD5C !important
}

.extrabold-title {
    font-weight: 900;
    letter-spacing: 0px;
}
#pagetop .right a:first-child {
    border-left: 1px solid transparent;
}
#pagetop .right a {
    width: auto;
    height: 100%;
    text-align: center;
    float: left;
    display: block;
    margin: 0 10px;
    color: #aaa;
    line-height: inherit;
    border-right: 1px solid transparent;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
#pagetop .right a:hover {
    color: #26BD5C;
}
#navigation.modern .columns .logo {
    padding: 0;
}
.home{ height: 100vh; }
.home .home-title{ font-size:42px; }
    @media only screen and (max-width: 1481px){ .home .home-title{ font-size:33px; } }
    @media only screen and (max-width: 869px){ .home .home-title{ font-size:27px; } }
    @media only screen and (max-width: 640px){ .home .home-title{ font-size:23px; } }
    @media only screen and (max-width: 480px){ .home .home-title{ font-size:19px; } }

.home .page-bottom-boxes{ position: absolute; bottom:40px; width: 100%; margin: 0; padding: 0; }
.home .page-bottom-boxes .box{ height: 200px; }
.home .page-bottom-boxes .box .box-content{ width: 95%; left:2.5%; height: 0px; position: absolute; bottom:0; border-top:1px solid rgba(255,255,255,0.2); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.3s; }
.home .page-bottom-boxes .box:hover .box-content{ height: 60px; border-top:transparent; }
    @media only screen and (max-width: 992px){
        .home .page-bottom-boxes .box{ height: 60px; }
        .home .page-bottom-boxes .box .box-content{ height: 60px; border-top:transparent; }
    }
    @media only screen and (max-width: 640px){
        .home .page-bottom-boxes{ bottom:20px; }
        .home .page-bottom-boxes .box .box-content,
        .home .page-bottom-boxes .box{ height: 45px; font-size: 16px; }
        .home .page-bottom-boxes .box:hover .box-content{ height: 45px; }

        #navigation.modern .columns .logo {

            top: 75%;        
        }
    }
.home .page-bottom-boxes .box .box-content a{ width: 100%; height: 65px; display: block; line-height: 65px; opacity:1 ; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
    @media only screen and (max-width: 640px){ .home .page-bottom-boxes .box .box-content a{ height: 45px; display: block; line-height: 45px; } }
.home .slick-arrow{ width: 65px; height: 150px; position: absolute; right: 0px; top:50%; margin-top:-75px; z-index: 5; padding: 0; background: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.home .slick-arrow span{ width: 0px; height: 1px; background: white; position: absolute; display: block; left:20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
.home .slick-arrow:before, .home .slick-arrow:after{ width: 18px; height: 1px; background: white; content:''; position: absolute; left:10px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
.home .slick-arrow.slick-next:before{ margin-top:-6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.home .slick-arrow.slick-next:after{ margin-top:6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
.home .slick-arrow.slick-prev{ right: auto; left:0px; }
.home .slick-arrow.slick-prev span{ left: auto; right: 20px; }
.home .slick-arrow.slick-prev:before, .home .slick-arrow.slick-prev:after{ left:auto; right:10px; }
.home .slick-arrow.slick-prev:before{ margin-top:6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.home .slick-arrow.slick-prev:after{ margin-top:-6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
@media only screen and (min-width: 640px){
    .home .slick-arrow:hover{ background-color:rgba(0,0,0,0.17); }
    .home .slick-arrow:hover span{ width: 50px; left:-15px; opacity: 1; visibility: visible; }
    .home .slick-arrow:hover:before, .home .slick-arrow:hover:after{ left:23px; }
    /* Hover to prev */
    .home .slick-arrow.slick-prev:hover span{ left:auto; right:-15px; }
    .home .slick-arrow.slick-prev:hover:before, .home .slick-arrow.slick-prev:hover:after{ left:auto; right:23px; }
    /* Texts to arrows when mouse over */
    .home .slick-arrow span:before{ position: absolute; content:'Next'; display: block; right:16px; top:-30px; opacity: 0; width:0px; white-space: nowrap; overflow: hidden; font-family: 'Playfair Display', serif; font-style: italic; font-size: 17px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
    .home .slick-arrow.slick-prev span:before{ left:16px; right: auto; content:'Previous'; }
    /* to previous */
    .home .slick-arrow:hover span:before{ right:22px; width: 40px; opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
    .home .slick-arrow.slick-prev:hover span:before{ left:22px; width: 70px; }
}

@media only screen and (max-width: 640px){
    .home .slick-arrow{ width: 35px; height: 60px; margin-top:-30px; opacity: .5;}
    .home .slick-arrow:active{ background-color:#333; opacity: 1; }
}
#navigation.modern.dark-nav .columns a, #navigation.modern.dark-nav .columns button {
    color: #fff;
}
#navigation.modern .columns ul li a:hover,
#navigation.modern.scrolled .columns ul li a:hover,
#navigation.modern .columns ul.nav > li.active > a{
/*    color: #FFF !important;*/
    background-color: transparent; !important;
}
#navigation.modern .columns ul li a,
#navigation.modern .columns ul li button{ font-size:18px; font-weight: 700; }
#navigation.modern .columns ul li>a:before, 
#navigation.modern .columns ul li>a:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background-color: #da0f32;
    transition: all 0.3s ease;
}
#navigation.modern .columns .logo a, #navigation.modern .columns .logo img {
    max-height: 42px;
}
#navigation.modern.scrolled .columns .logo a, #navigation.modern.scrolled .columns .logo img {
    max-height: 25px;
}
#navigation.modern.scrolled{
    background: #fff
}
#navigation.modern.dark-nav.border:not(.scrolled) {
    border: 0!important;
    border-bottom: none; 
}
#navigation.modern {
    width: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    position: absolute;
    z-index: 1001;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
}
#fs-searchform input{
    background: #26BD5C;
}
.fs-searchform .recommended {
    column-count: 3;
}
#fs-searchform button {
    position: absolute;
    right: 30px;
    top: 8px;
    border: none;
    background: 0 0;
    color: #fff;
}
.classic_checkbox {
    width: 90px;
    font-size: 14px;
    height: 30px;
    margin: 6px;
    position: relative;
    background: 0 0;
    display: inline-block;
}
h3.title{ font-size:25px; text-transform: uppercase; position: relative; display: inline-block; margin:0 auto; padding: 0; color:#111;}


/* HOME */
/* Styles for Bullets */
#home .hades .tp-bullet{ border-radius: 100%; box-shadow: none; border:none; width: 13px; height: 13px; background-color:white; opacity: 0.7; }
#home .hades .tp-bullet:hover, #home .hades .tp-bullet.selected{ opacity: 1; }
#home .hades .tp-bullet-image{ border:3px solid rgba(255,255,255,0.4); }
/* Sidebar Spacer */
#home .sidebar-spacer{ width: 60px; height: 100%; position: absolute; left:0; top:0; z-index: 99; background: transparent; }
#home .sidebar-spacer .strip{ width: 5px; height: 100%; position: relative; }
#home .sidebar-spacer:hover .strip:before{ left: 50%; }
#home .sidebar-spacer .strip:before{ width: 0;  height: 0;  top:50%; margin-top:-12px; position: absolute; content:''; left: -85%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
#home .page-note{ top: -80px; }
	@media only screen and (max-width: 1000px){ #home .page-note{ width: 100%; text-align: center; left: 0 !important; padding: 0 20px; top: -80px !important; font-size: 21px; } }
	@media only screen and (max-height: 600px){ #home .page-note{ top:-60px !important; } }
	@media only screen and (max-width: 360px){ #home .page-note{ top:-90px !important; } }

/* PORTFOLIO */
#works{ position: relative; background-color:#fcfcfc; }
#works .cbp-l-caption-alignLeft{ width: 100%; height: 100%; display: table; }
#works .cbp-caption-zoom .cbp-caption-activeWrap{ background-color:rgba(218, 104, 28,0.95); }
#works .cbp-l-caption-alignLeft .cbp-l-caption-body{ display: table-cell; vertical-align: middle; text-align: center; color: white; }
#works h2.title{ font-size:19px; padding:0; margin:15px 0 0; position: relative; top:20px; opacity: 0; }
#works p.desc{ font-size:12px; margin:0; color:#e4e4e4; position: relative; top:20px; opacity: 0; }
#works .cbp-item:hover .icon{ top:0; opacity: 1; }
#works .cbp-item:hover h2.title{ top:0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; }
#works .cbp-item:hover p.desc{ top:0; opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

/* CATEGORIES */
.categories-type-2{ margin:50px auto; }
.categories-type-2 .left-details{ width: 33%; float: left; padding-right: 30px; margin-top:50px; }
.categories-type-2 .left-details h1{ font-size:42px; margin:30px 0 0; }
.categories-type-2 .left-details p{ font-size:13px; margin:20px 0 0; padding: 0; color:#868686; line-height: 20px;}
.categories-type-2 .left-details h5{ font-size:17px; margin:25px 0 0; padding: 0; }
.categories-type-2 .item{margin:0 10px !important; padding: 0; }
.categories-type-2 .item,.categories-type-2 .item a{overflow: hidden; margin:0; position: relative; background-color:#36312e; }
.categories-type-2 .item img{width: 100%; height: auto; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.categories-type-2 .item .details{position: absolute; opacity: 0; bottom: 0px; z-index: 1; text-align: center; width: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.categories-type-2 .item .details h4{color:#d2d2d2; font-size: 22px; }
.categories-type-2 .item .details p{color:#b5b5b5; font-size:14px; }
.categories-type-2 .item:hover img{opacity: .6; }
.categories-type-2 .item:hover .details{opacity: 1; bottom: 25px; }
.categories-type-2 .slick-list{padding:50px 0; }
@media only screen and (max-width: 1000px){
	.categories-type-2 .left-details{ float: none; width: 90%; margin-left: auto; margin-right: auto; }
}
#back-to-top, .drop-msg {
    width: 50px;
    opacity: .5;
    height: 50px;
    line-height: 45px;
    z-index: 100;
    display: block;
    position: fixed;
    cursor: pointer;
    right: 20px;
    bottom: 15px;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    color: #fff;
    background: #26BD5C;
    border-color: transparent;
    -webkit-transition: transform .8s cubic-bezier(.77,0,.2,1)!important;
    -moz-transition: transform .8s cubic-bezier(.77,0,.2,1)!important;
    transition: transform .8s cubic-bezier(.77,0,.2,1)!important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#detail h1,#detail h2,#detail h3,#detail h4,#detail h5,#detail h6,#detail p{
	margin-bottom: 30px;
}
#detail ul{
	    font-weight: 100;
}
#detail ul li{
	position: relative;
    padding-left: 60px;
    margin-bottom: 40px;
}
#detail ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 42px;
    height: 3px;
    background: #26BD5C;
}
#detail blockquote {
    border-radius: 3px;
    position: relative;  /*  <--- */
    font-style: italic;
    text-align: center;
    padding: 10px 30px;
    border-left: none;
    width: 60%;  /* create space for the quotes */
    color: #26BD5C;
    margin: 20px auto;
    color: #4a4a4a;
    background: transparent;
}

#detail blockquote:before,
#detail blockquote:after{
    font-family: FontAwesome;
    position: absolute;
    top: 13px;
    color: #26BD5C;
    font-size: 34px;
}
#detail blockquote:before{
    content: "\f10d";
    margin-right: 13px;
    right: 100%;
}
#detail blockquote:after{
    content: "\f10e";
    margin-left: 13px;
    left: 100%;  
}
.card {
	border: none;
}
.card-header h4:after{
    content: '';
    display: block;
    position: absolute;
    top: 50px;
    left: 20px;
    width: 42px;
    height: 3px;
    background: #26BD5C;
}
.card-header {
    padding: 10px 20px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
}
#detail-pro ul li{
    position: relative;
    padding-left: 0;
    margin-bottom: 10px;
    padding-top: 30px;
}
#detail-pro ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 42px;
    height: 3px;
    background: #26BD5C;
}
.sidemenu .widget {
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    font-size: inherit;
}
#news-detail p,
#news-detail h1,
#news-detail h2,
#news-detail h3,
#news-detail h4,
#news-detail h5{
    margin-bottom: 20px;
}
.looking-car {
  border: 3px solid #26BD5C;
  border-radius: 0 30px;
  padding: 58px 25px;
  position: relative;
  width: 450px;
}
.looking-car span {
  font-weight: 300;
}
.looking-car-content {
  width: 60%;
}
.looking-cat-image {
  position: absolute;
  right: -120px;
  top: 40px;
  max-width:350px;
}
.looking-car-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 26px;
  width: 85%;
}
.looking-cat-image img {
    max-width:100%;
}
@media (max-width:767px) {
    .looking-car {
      padding: 30px;
      width: auto;
      margin:0 auto 40px;
    }
    .looking-cat-image {
      max-width: 350px;
      position: relative;
      right: 0;
      top: 0;
    }
    .looking-car-content {
        width:100%;
    }
}

ul.list-icons li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 30px;
}
ul.list-icons li > h3 {
    margin-left: -50px;
}
ul.list-icons li > h3 > span{
    font-size: 65px;
    color: #c8ebd5 !important
}
ul.list-icons li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #26bd5d;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-style: normal;
}

* TWIN SECTIONS */
    .twin-sections>div{ height: auto; overflow: hidden; min-height: 650px;}
    .twin-sections .halfwidth>.details{ position: relative; max-width: 700px; padding:0 15px; margin:0 auto; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .twin-sections .slider-nav{ position: absolute; bottom: 0; width: 320px; left: 50%; margin-left: -160px; height: 100px; }
    .twin-sections .slider-nav .slick-slide{ margin:0 8px; overflow: hidden; height: auto; cursor: pointer; border: 1px solid #d6d6d6; opacity: .5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
    .twin-sections .slider-nav .slick-slide:hover{ opacity: 0.8; }
    .twin-sections .slider-nav .slick-slide.slick-center{ opacity: 1; }
    .twin-sections .slider-nav .slick-slide img{ width: auto; height: auto; max-width: 100%; }
    .twin-sections .slider-for img{ min-width:100%; min-height: 100%; }
    .twin-sections .slider-for, .twin-sections .slider-for>div,.twin-sections .slider-for .slick-track{height: 100%;}
    /* Twin sections texts */
    .twin-sections .twin_title{ font-size: 35px; color:#313131; font-weight: 900; margin:0; padding: 0; text-transform: none; letter-spacing: -1px; }
    .twin-sections .twin_subtitle{ font-size: 17px; color: #555; margin:20px 0 0; padding: 0; font-weight: 300; }
    .twin-sections .twin_description{ font-size: 14px; color:#666; padding: 0; max-width: 700px; margin:20px auto 25px; }
    .twin-sections.dark .twin_description{ color:#555; }
    .twin_boxes .item{margin-top: 15px; border:1px solid #f5f5f5; border-radius: 10px; margin: 25px 5px 15px;}
    .twin_boxes .item .icon{font-size: 22px;}
    .twin_boxes .item h2{ font-size: 15px; color:#4b4b4b; padding:0; margin:13px auto; font-weight: 500; }
    .twin_boxes .item p{ font-size: 14px; color:#666; text-transform: none; padding:0; font-weight: 500; }
    .twin-sections.dark .twin_boxes .item h2{ color:#555; }
    /* Slider texts */
    .twin-sections .slider .slider-for h2{color:#e7e7e7; font-size: 30px; max-width: 500px; text-transform: uppercase; padding: 0; margin:13px auto;}
    .twin-sections .slider .slider-for p{font-size: 22px; max-width: 500px; margin:0 auto 21px;}
        @media only screen and (max-width: 1070px){
            .twin-sections .halfwidth{float: none !important; width: 100%; max-width: 100%; min-height: 200px; overflow: auto; height: auto !important; }
            .twin-sections .halfwidth>.details{ position: relative; padding:50px 15px 10px; top:0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
            .twin-sections .halfwidth.slider{height: auto !important; min-height: auto!important;}
            .twin-sections .halfwidth>div.slick-slider{padding:0;}
            .twin-sections .halfwidth .item{margin-bottom:60px;}
        }
        @media only screen and (max-width: 641px){
            .twin-sections .halfwidth>div{ padding:15px; }
            .twin-sections .twin_title{ font-size: 30px; }
            .twin-sections .slider-nav{ height: 70px; }
        }
        @media only screen and (max-width: 481px){
            .twin-sections .twin_title{ font-size: 20px; }
            .twin-sections .twin_subtitle{ font-size: 16px; }
            .twin-sections .twin_description{ font-size: 14px; }
        }

/* FERONIA HOME */

    #home .box-slider-container{position: absolute; width: 100%; bottom:0%; left:0%;background-color:rgba(38,189,92,0.8); }
    #home .home-boxes{position: absolute; width: 100%; height: auto; z-index: 30; margin:0 auto;background-color:rgba(38,189,92,0.8); }
    #home .home-boxes .item{ padding:35px 25px 32px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
    #home .home-boxes .item .number{width: 75px; line-height: 1; font-size:50px; padding-right: 15px; float: left; text-align: right; height: 100%;}
    #home .home-boxes .item .texts{width: 70%; width: calc(100% - 75px); }
    #home .home-boxes .item .texts h3{ font-size: 20px; margin:0; margin-bottom: 8px; text-transform: uppercase; padding: 0; }
    #home .home-boxes .item .texts p{ font-size: 16px;}
    #home .home-boxes .slick-arrow{background: transparent; border: none; position: absolute; color: white; bottom: -100px; left: 50%; width: 50px; height: 55px; opacity: 0.2; text-indent: -999px; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
    #home:hover .home-boxes .slick-arrow{opacity: 1; }
    #home .home-boxes .slick-arrow.slick-prev{margin-left: -50px; background-image:url(../../../images/white-left-big.png); }
    #home .home-boxes .slick-arrow.slick-next{margin-right: -50px; background-image:url(../../../images/white-right-big.png); }
    .w-1170{
        width: 1170px;
        margin: 0 auto;
    }

        @media only screen and (max-width: 1170px){
            #about{padding-left:15px; padding-right: 15px;}
        }
        @media only screen and (max-height: 860px){
            #home .home-boxes .slick-arrow{bottom:-60px;}
        }
        @media only screen and (max-width: 480px){
            #home .box-slider-container{display: none;}
            #home .home-boxes .item{padding:22px 15px 25px 3px;}
            #home .home-boxes .item .texts h3{ font-size: 17px; margin-bottom: 8px; }
            #home .home-boxes .slick-arrow{width: 40px; height: 40px; background-size: 12px 26px; bottom:-50px;}
            #home .home-boxes .item .texts p{ font-size: 15px; line-height: 17px;}
        }
/*        @media only screen and (max-height: 500px){
            #home .box-slider-container{bottom:33%;}
            #home .home-boxes .slick-arrow{ display: none !important; }
            #home .home-boxes .item{ padding:15px 15px 15px 12px; }
            #home .home-boxes .item .texts h3{font-size: 14px;}
            #home .home-boxes .item .texts p{ font-size: 14px; line-height: 16px; }
        }*/
@media only screen and (max-width: 640px){
    .modern-tabs>div a, .modern-tabs>li a {
        padding: 11px 8px;
    }
}
.classic_footer {
    background-color: #26BD5C;
    color: #fff;
    line-height: 170%;
    font-size: 14px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.classic_footer .footer-bottom {
    background-color: #26BD5C;
    padding: 20px 0;
    font-size: 13px;
}
.bg-map{
    background: #2c3346 !important;
}
.map_info{
    position: absolute;
    top: 20%;
    left: 8%;  
}
.map_info .address{
    display: none;
}
@media only screen and (max-width: 481px){
    .height-500{
        height: 800px !important
    }
    .map_info{
    position: absolute;
    top: 50%;
    left: 0%;  
    }
}
.hamburger-menu {
    display: none;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background: #219e46;
}
.bd-right-1{
    border-right: 1px solid #f5f5f5;
}

.call_now {
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: left;
    position: fixed;
    bottom: 100px;
    display: none;
    right: 5px;
    z-index: 999;
}

@media only screen and (max-width: 768px){
    .call_now {
        display: block;
        width: 80px;
        height: 80px;
        display: block;
        overflow: hidden;
        cursor: pointer;
        float: left;
        position: fixed;
        bottom: 50px;

        right: 5px;
        z-index: 999;
    }
}
.call_now_circle {
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    position: absolute;
/*    border: 2px solid #26BD5C;*/
    opacity: .5;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    animation: call-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: call-circle-anim 1.2s infinite ease-in-out;
    -o-animation: call-circle-anim 1.2s infinite ease-in-out;
    -webkit-animation: call-circle-anim 1.2s infinite ease-in-out;
}
.call_now_circle_fill {
    width: 50px;
    height: 50px;
    top: 15px;
    right: 15px;
    position: absolute;
    background: #26BD5C none;
    border: 2px solid transparent;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-animation: call-circle-fill-anim 2.3s infinite ease-in-out;
}
.call_now_icon {
    position: absolute;
    line-height:28px;
    text-align:center;
    font-size: 22px;
    top: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    background-size: 24px 24px !important;
    background: #26BD5C;
    border: 2px solid transparent;
    opacity: 1;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    animation: call-icon-anim 1s infinite ease-in-out;
    -o-animation: call-icon-anim 1s infinite ease-in-out;
    -moz-animation: call-icon-anim 1s infinite ease-in-out;
    -webkit-animation: call-icon-anim 1s infinite ease-in-out;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/*@keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);opacity: .1
    }
}
@keyframes call-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
}*/
@keyframes call-icon-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
.is-hidden{
    display: none;
}