@font-face{
  src:url(../fonts/Cocon.otf);
  font-family:Cocon
}
body{
  font-family:Cocon;
  box-sizing:border-box
}
.ad-close{
  float:right;
  background-color:#940101;
  color:#000;
  border-radius:50%;
  width:41px;
  height:41px;
  line-height:25px;
  margin-bottom:-15px;
  right:-9px;
  z-index:5;
  position:relative;
  opacity:1
}
ul{
  list-style:none;
  margin:0;
  padding:0
}
a,a:hover{
  text-decoration:none;
  color:inherit
}
p{
  line-height:1.8
}
section,footer{
  padding:3px 0
}
footer .row{
  padding-bottom:5%
}
footer .btn{
  color:#fff;
  background:#db2d2e;
  left:14px;
  border-bottom-right-radius:0;
  border-top-right-radius:0;
  position:absolute;
  z-index:999;
  margin-top:-49px
}
footer .footer-btm{
  padding:1% 0;
  text-align:center;
  color:#fff;
  border-top:1px solid #fafafa2e
}
footer .footer-btm a{
  color:#db2d2e;
  text-transform:uppercase;
  text-decoration:underline
}
footer{
  padding:94px 0 0;
  background:#333;
  color:#eee;
  background-position:center center;
  background-repeat:no-repeat;
  background:linear-gradient(rgba(4,4,4,0.4),rgba(4,4,4,0.44)),url(../images/footer.webp);
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom;
  background-repeat:no-repeat
}
footer h3{
  text-transform:uppercase;
  font-weight:400;
  font-size:18px;
  color:#ed1b23;
  padding-bottom:20px
}
footer .social{
  margin-top:20px
}
footer .social a,.contact .social a{
  font-size:18px;
  padding:0 4px;
  width:25px;
  height:30px;
  text-align:center;
  transition:all .5s ease-in-out
}
footer ul li{
  padding:6px 0
}
footer .row>div:nth-child(2) h4{
  padding-left:50px
}
footer ul li a{
  display:inherit;
  color:#d3d3d3;
  font-size:13px;
  line-height:18px;
  list-style-type:footnotes;
  border-bottom:1px solid rgba(214,214,214,.22);
  transition:all .3s ease-in-out
}
footer ul li a:hover{
  color:#db2d2e;
  padding-left:10px;
  transition:all .3s ease-in-out
}
footer .social a:hover,.contact .social a:hover{
}
footer a i,.contact .social a i{
  color:#d3d3d3;
  width:25px;
  height:25px;
  line-height:25px
}
footer img{
  width:150px;
  height:150px
}
.pager li>a,.pager li>span{
  display:inline-block;
  background-color:#ed1b23;
  border:none;
  border-radius:0;
  color:#fff
}
.pager li>a:hover,.pager li>a:focus{
  background:#000;
  font-weight:700
}
.bread{
  padding-top:2%;
  background:#313131;
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom;
  background-repeat:no-repeat
}
.breadcrumb{
  background:rgba(255,255,255,.89);
  padding:9px 12px;
  border-radius:25px
}
.breadcrumb>li+li:before{
  content:"\f105";
  font-family:FontAwesome
}
.bread .breadcrumb li,.bread .breadcrumb a{
  color:#313131;
  text-transform:uppercase;
  font-size:18px
}
.bread .breadcrumb li.active{
  color:#ed1b23
}
header{
  width:100%;
  height:100%!important;
  position:relative
}
header .bx-wrapper{
  height:100%;
  color:#fff
}
header .bx-wrapper .bx-viewport{
  border:0;
  background:0 0;
  box-shadow:none;
  height:100%!important;
  text-align:left
}
header .bxslider{
  height:100%
}
header .bxslider ul{
  position:relative
}
header .bxslider li{
  display:block;
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  text-align:center;
  padding-top:25%
}
header h1,header h2{
  padding:0
}
header .bxslider li h2,header .bxslider li h1{
  font-size:40px;
  margin-bottom:30px;
  margin-top:0;
  font-weight:700
}
header .bxslider li h2 span,header .bxslider li h1 span{
  color:#f8f8f8
}
header .bxslider li p{
  font-size:30px;
  width:max-content;
  margin:auto;
  background-color:rgba(255,255,255,.6);
  padding:5px 10px;
  color:#db2d2e;
  border-radius:25px
}
header .bxslider li a{
  color:#fff;
  background-color:#db2d2e;
  padding:0 70px;
  border-radius:25px
}
header .bxslider li a:focus{
  text-decoration:none
}
header .bxslider li .data{
  position:absolute;
  right:0;
  left:0;
  top:300px
}
.bx-wrapper .bx-controls-direction a{
  width:34px;
  height:34px
}
.bx-wrapper .bx-prev{
  background:url(../images/back.png) no-repeat 0 0!important
}
.bx-wrapper .bx-next{
  background:url(../images/next.png) no-repeat 0 0!important
}
.navigation::-webkit-input-placeholder{
  color:#fff
}
.top-header{
  border-bottom:1px solid #c2c5c8;
  background-color:#fff
}
.top-header ul{
  text-align:left;
  padding:2%;
  float:left
}
.top-header ul li{
  color:#c3c6c9;
  font-size:13px;
  display:inline-block
}
.top-header ul li i{
  margin-right:10px
}
.top-header .social{
  margin-top:12px
}
.top-header .social a{
  color:#c3c6c9;
  padding-right:8px;
  font-size:18px
}
.form-group label{
  color:#333;
  font-weight:100;
  font-size:13px
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{
  background:0 0;
  color:#42b6ba
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{
  background:#42b6ba;
  color:#fff
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
  background:#fff;
  min-width:254px;
  right:8px;
  border:0;
  border-top:5px solid #c3c6c9
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:not(:last-child){
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{
  padding:8px 20px;
  font-size:14px;
  text-transform:capitalize;
  color:#db2d2e;
  transition:all .3s ease-in-out
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover{
  background:#ed1c24;
  color:#fff;
  transition:all .3s ease-in-out;
  padding:8px
}
.dropdown-menu>li>a:hover{
  color:#fff
}
.dropdown .caret{
  margin-left:5px;
  font-size:15px
}
.navbar-brand img{
  width:100%;
  height:100px;
  margin:0
}
.navbar-default{
  margin-bottom:0
}
.navbar-default .navbar-toggle{
  border:0
}
.navigation{
  width:100%
}
nav.navbar.bootsnav{
  border:0;
  height:114px;
  width:100%;
  webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);
  webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);
  background-color:transparent;
  border-bottom:1px solid rgba(255,255,255,.15)
}
nav.navbar.bootsnav ul.nav>li>a{
  color:#ed1c24;
  text-transform:uppercase;
  font-size:16px
}
.sticky nav.navbar.bootsnav ul.nav>li>a{
  color:#14181c;
  transition:all .3s ease-in-out
}
nav.navbar.bootsnav ul.nav>li>a.visited{
  color:#ed1b23;
  transition:all .3s ease-in-out
}
nav.navbar.bootsnav ul.nav>li>a:hover{
  border-bottom:4px solid #db2d2e!important;
  color:#ed1b23;
  border-radius:0;
  transition:all .3s ease-in-out
}
.home-about{
  text-align:right;
  background:linear-gradient(rgba(253,253,253,0),rgba(245,216,255,0)),url(../images/car-2-bg-1.png);
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom;
  background-repeat:no-repeat
}
.home-about img{
  outline:1px solid #fff;
  outline-offset:-10px;
  margin-top:70px
}
.home-about p{
  font-size:16px;
  margin-top:10px;
  color:#14181c
}
.site-map h2,.site-map h3{
  font-size:18px;
  margin-bottom:14px;
  color:#fff
}
.site-map h3{
  margin-top:13px
}
.site-map ul{
  list-style:circle;
  margin-bottom:20px
}
.your-project{
  background-color:#dc0000;
  padding:50px 0;
  display:-webkit-box;
  margin:70px 0
}
.your-project img{
  width:410px;
  padding:5px;
  position:absolute;
  bottom:-164px
}
.btn-warning{
  color:#dc0000;
  background-color:#fff;
  border:none;
  font-size:29px;
  float:left
}
.site-map ul li{
  padding:5px 0;
  margin-bottom:3px;
  font-size:11px
}
.site-map ul li a{
  color:#ed1b23;
  font-size:15px;
  border-bottom:1px solid #ccc
}
.btn-search{
  margin:10px 0
}
.button-more{
  text-align:center;
  background-color:#ed1b23;
  display:inline-block;
  font-weight:400;
  margin-left:0;
  margin-right:5px;
  margin-top:10px;
  color:#fff;
  padding:12px 40px;
  width:165px;
  transition:.5s;
  text-transform:uppercase;
  position:relative;
  transition:all .5s linear 0s;
  right:2%
}
h2,.about-us h1,.search-result h1,.shipping h1,.videos h1,.single-vid h1{
  font-weight:700;
  text-transform:uppercase;
  padding:1% 0;
  position:relative;
  text-align:right;
  font-weight:100;
  color:#fff;
  background-color:#14181c;
  display:inline-block;
  font-size:26px;
  padding:10px 30px
}
.home-about h2:before,.pro-home h2:before,.ship-home h2:before,.products h2:before,.shipping h1:before,.about-us h1:before,.one-pro h2:before,.search-result h1:before,.videos h1:before,.single-vid h1:before{
  border-top:1px solid #25aae2;
  position:absolute;
  top:0;
  width:70%;
  height:1px;
  left:0%
}
.home-about h2:after,.pro-home h2:after,.ship-home h2:after,.blog-home h2:after,.products h2:after,.shipping h1:after,.about-us h1:after,.one-pro h2:after,.client-home h2:after,.search-result h1:after,.videos h1:after,.single-vid h1:after{
  content:"";
  position:absolute;
  bottom:-10px;
  width:100%;
  right:0%;
  background-repeat:no-repeat;
  border-bottom:6px solid #d90000
}
.properties h3{
  font-size:20px;
  color:#d51116;
  text-align:right;
  padding-bottom:10px;
  border-bottom:1px solid #e3d9d9;
  margin:14px 10px
}
.properties h4{
  border-bottom:4px solid #14181c;
  padding:8px 10px;
  color:#1e1e1e;
  border-radius:20px 0;
  margin-bottom:20px;
  background-color:#eee;
  font-size:20px
}
.properties ul li{
  list-style:none;
  margin-bottom:20px;
  color:#14181c;
  font-size:16px;
  border-bottom:1px solid #ccc;
  padding-bottom:6px
}
.properties ul li i{
  color:#d51116;
  margin-left:10px;
  font-size:16px
}
.properties ul li img{
  width:16px;
  height:16px
}
#pin1 h1{
  font-size:16px;
  border-bottom:1px #f7f7f7 solid;
  padding:12px;
  color:#fff;
  background-color:#d51116;
  margin-top:1px
}
.pro-home figure img,.search-result figure img{
  width:100%;
  height:232px
}
.pro-home .row,.search-result .row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.search-result .row>div{
  position:relative;
  transition:all .3s ease-in-out;
  transform:translateX(-20px);
  overflow:hidden;
  margin-bottom:30px
}
.pro-home .row .showing{
  opacity:1;
  transform:translateX(0)
}
.pro-home .row>div{
}
.pro-home figure,.recomend figure,.search-result figure{
  overflow:hidden
}
.pro-home figcaption,.recomend figcaption,.search-result figcaption{
  position:absolute;
  top:20px;
  color:#fff;
  left:-120px;
  padding:6px 16px;
  transition:all .5s ease-in-out;
  background-color:#84399e!important
}
.pro-home .row>div:hover img,.search-result .row>div:hover img{
  transform:scale(1.1) translate(10px)
}
.pro-home .row>div img{
  transform:scale(1.1) translate(10px)
}
.pro-home .row>div:hover figcaption,.search-result .row>div:hover figcaption{
  left:-8px
}
.pro-home figcaption h4,.one-pro figcaption h4,.search-result figcaption h4{
  margin:0
}
.pro-home figcaption h4 a,.one-pro figcaption h4 a,.search-result figcaption h4 a{
  color:#fff
}
.search-result{
  padding-bottom:5%
}
.pro-home .row .showing h3{
  color:#db2d2e;
  text-align:center;
  border-bottom:1px solid #e0e0e0;
  padding:20px 0;
  font-size:18px
}
.pro-home .row .showing p{
  color:#333;
  text-align:right;
  padding:10px 0;
  font-size:13px;
  padding-top:30px
}
.price{
  background-color:#ccc
}
.video-home{
  text-align:right;
  background:linear-gradient(rgba(237,28,36,0.9),rgba(4,4,4,0.8)),url(../images/paralax2.png);
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom;
  background-repeat:no-repeat
}
.service-1 img{
  width:64px;
  color:#fff;
  height:64px
}
.service h3{
  font-size:18px;
  text-align:center;
  color:#1a5983;
  color:#ed1c24;
  padding:0;
  line-height:24px
}
.service p{
  font-size:14px;
  text-align:justify;
  color:#1a5983;
  color:#393636;
  line-height:20px;
  margin:10px 0
}
.news-home{
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom;
  background-repeat:no-repeat
}
.news-page h3{
  color:#ed1b23;
  border-bottom:4px solid #14181c;
  padding:8px 10px;
  color:#fff;
  border-radius:20px 0;
  margin-bottom:20px;
  background-color:#ed1b23
}
.news-page img:not(.big-banner) {
  width:100%;
  height:100%;
  margin:2px;

}
.news-page p{
  text-align:justify;
  font-size:16px;
  margin-top:10px;
  color:#333;
  margin-bottom:35px;
  line-height:22px
}
.read-home{
  padding:5px 0;
  border:1px solid #eee;
  padding:10px;
  margin-top:10px
}
.read-home img{
  width:100%;
  height:130px
}
.ads-home{
  margin:10px 0
}
.ads-home img{
  width: 100%;
  height: auto;
}

.ads-home img.big-banner{
  width: 560px;
  height: 100px;
}

.ads-home img.top-sidebar{
  width: 255px;
  height: 250px;
}

.ads-home img.mid-sidebar{
  width: 255px;
  height: 335px;
}

.ads-home img.bottom-sidebar{
  width: 255px;
  height: 600px;
}

.ads-home img.fly-sidebar{
  width: 100px;
  height: 500px;
}

/* phone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .ads-home img,
  .ads-home img.big-banner,
  .ads-home img.top-sidebar,
  .ads-home img.mid-sidebar,
  .ads-home img.bottom-sidebar,
  .ads-home img.fly-sidebar { 
    max-width: 100%; 
    width: 100%;
    height: auto;
  }
}

.service .row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.block{
  display:block;
  padding:20px 0;
  margin-bottom:20px;
  line-height:1.42857143;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  -webkit-transition:border .2s ease-in-out;
  -o-transition:border .2s ease-in-out;
  transition:border .2s ease-in-out;
  text-align:center
}
.block h3{
  font-weight:100;
  text-transform:capitalize;
  padding:1% 0;
  position:relative;
  text-align:center;
  font-size:16px;
  color:#db2d2e
}
.block img{
  margin-right:auto;
  margin-left:auto
}
.blog-block{
  background-color:#fff
}
.text-theme a{
  font-size:13px;
  color:#1a5983
}
.thumbnail{
  display:block;
  text-align:center;
  border-radius:0;
  width:100%;
  border:none;
  border:2px solid #ed1b23
}
.btn-add{
  margin-top:0;
  padding:10px;
  background-color:#ed1b23;
  color:#fff;
  font-size:12px
}
.blog img{
  width:100%;
  height:230px
}
.blog_info img{
  width:100%;
  height:400px;
  border-radius:12px
}
.blog-home{
  background-color:#fafafa
}
.blog-section{
  padding:20px
}
.blog-section img{
  width:100%;
  height:250px
}
.blog-home p{
  text-align:justify;
  color:#2b2a2a;
  font-size:14px;
  line-height:28px;
  line-height:1.7em;
  padding:12px
}
.blog-home h2{
  font-weight:700;
  text-transform:uppercase;
  padding:10px;
  position:relative;
  text-align:center;
  margin-bottom:60px;
  font-size:25px;
  color:#fafafa
}
.blog-home h3{
  text-transform:capitalize;
  text-align:center;
  margin-bottom:15px;
  font-size:22px;
  color:#000
}
.blog h3{
  text-align:center;
  color:#84399e;
  font-size:18px;
  font-weight:700
}
.blog p{
  text-align:justify;
  color:#777;
  font-size:13px;
  line-height:28px;
  line-height:1.7em;
  padding:12px
}
.blog_info h3{
  text-transform:capitalize;
  position:relative;
  text-align:right;
  margin-bottom:15px;
  font-size:18px;
  color:#fff;
  background-color:#db2d2e;
  padding:10px;
  border-radius:3px
}
.blog_info h4{
  text-transform:capitalize;
  position:relative;
  text-align:right;
  margin-bottom:6px;
  font-size:12px;
  color:#db2d2e;
  font-weight:700;
  padding:0 0 5px 0
}
.blog_info{
  background:#fff;
  min-height:300px;
  padding:5px 10px;
  width:100%;
  margin-bottom:15px;
  border:2px solid #db2d2e;
  border-radius:25px
}
.blog_info ul li{
  color:#333!important;
  font-size:14px;
  line-height:1.5;
  padding:5px;
  margin-top:5px;
  text-transform:capitalize;
  border-bottom:1px dashed #e7e7e7;
  float:left;
  width:100%
}
.blog_info .archieves .blogimagedescription h3,.blog_info .archieves .blogimagedescription h3 a,.archieves .blogimagedescription h3,.archieves .blogimagedescription h3 a{
  margin-bottom:10px;
  margin-top:0
}
.blog_info .blogimagedescription .detail,.blog_info .blogimagedescription .detail a{
  color:#435061!important;
  font-size:12px!important;
  text-transform:uppercase
}
.blog_info .blogimagedescription .detail span{
  margin-right:2px;
  float:right
}
.blog_info .blogimagedescription .detail,.blog_info .blogimagedescription .detail a{
  color:#435061!important;
  font-size:12px!important;
  text-transform:uppercase
}
.blogimage_thumbnail img{
  width:100%;
  height:50px
}
.news-details span{
  color:#074066
}
.news-details span i{
  color:#25aae2
}
.news-details p{
  ext-align:justify;
  color:#777;
  font-size:13px;
  line-height:28px;
  line-height:1.7em;
  padding:12px
}
.details li{
  list-style-type:none;
  color:#5d5d5d;
  padding:10px 0
}
.details li span{
  list-style-type:none;
  color:#5d5d5d
}
.face-comment h2{
  font-size:14px;
  color:#fff;
  background-color:#6c81b5;
  padding:10px
}
.title-4{
  color:#fff;
  font-size:180px;
  font-weight:400;
  text-align:center
}
.title-2{
  color:#ed1b23!important;
  font-size:26px;
  font-weight:400;
  text-align:center!important
}
.text-new p{
  font-size:15px;
  color:#ccc
}
.left-ads{
  position:absolute;
  z-index:888;
  left:0px;
  top:700px;
}
.right-ads{
  position:absolute;
  z-index:888;
  right:0px;
  top:700px;
}
.right-ads img{
  max-width:100px;
}
.left-ads img{
  max-width:100px;
}
#myCarousel img{
  width:100%;
  height:100%;
  position:relative;
  -webkit-transform:translatez(0);
  -moz-transform:translatez(0);
  -ms-transform:translatez(0);
  -o-transform:translatez(0);
  transform:translatez(0)
}
#myCarousel h4{
  font-size:16px;
  color:#14181c;
  font-size:14px;
  padding:10px;
  padding-right:15px;
  border-right:4px solid #ed1b23;
  border-bottom:1px solid #b4b4b4;
  padding-bottom:20px;
  margin:20px 0
}
.ship-home{
  padding-bottom:1%
}
.ship-home .row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.client-home{
  padding:60px
}
.client-logo img{
  width:162px;
  height:90px;
  border:1px solid #ebebeb;
  padding:10px
}
.clients{
  position:relative
}
.clients>div{
  position:relative;
  z-index:999
}
.client-info h2{
  transition:all .3s ease;
  -ms-transform:scale(1.3,1.3);
  -webkit-transform:scale(1.3,1.3);
  transform:scale(1.3,1.3);
  padding:0 10px;
  font-size:24px
}
.client-info:hover h2{
  -ms-transform:scale(1);
  -webkit-transform:scale(1);
  transform:scale(1);
  letter-spacing:initial;
  letter-spacing:0
}
.client-info h4{
}
.client-info:hover h4{
  -ms-transform:translate3d(0,0%,0);
  -webkit-transform:translate3d(0,0%,0);
  transform:translate3d(0,0%,0)
}
.client-info a{
  -webkit-transition:.3s ease;
  transition:.3s ease;
  -ms-transform:translate3d(0,100px,0);
  -webkit-transform:translate3d(0,100px,0);
  transform:translate3d(0,100px,0)
}
.client-info:hover a{
  -ms-transform:translate3d(0,0%,0);
  -webkit-transform:translate3d(0,0%,0);
  transform:translate3d(0,0%,0)
}
.client-info h2{
  color:#fff;
  text-align:center;
  margin-top:45px
}
.client-info{
  width:100%;
  height:100%;
  background:#f05b2d;
  text-align:center;
  position:absolute;
  -webkit-transition:opacity .8s cubic-bezier(.19,1,.22,1);
  transition:opacity .8s cubic-bezier(.19,1,.22,1);
  opacity:0
}
.client-info:hover{
}
.client-info h4{
  color:#8e2f11;
  text-align:center;
  font-weight:700
}
.client-info h4:before{
  content:"";
  width:1px;
  height:16px;
  background:#8e2f11;
  position:absolute;
  margin-right:-6px;
  margin-top:3px
}
.grid-item:hover .client-info{
  z-index:99999;
  opacity:.94;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  -webkit-transition:opacity .94s cubic-bezier(.19,1,.22,1);
  transition:opacity .94s cubic-bezier(.19,1,.22,1)
}
.grid-item:hover img{
  transition:.2s;
  -ms-transform:scale(1.3);
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
}
@-webkit-keyframes move1{
  0%{
    top:100%
  }
  100%{
    top:0%
  }
}
@-moz-keyframes move1{
  0%{
    top:100%
  }
  100%{
    top:0%
  }
}
@-o-keyframes move1{
  0%{
    top:100%
  }
  100%{
    top:0%
  }
}
.logos-row .columns{
  padding-bottom:20px;
  padding-top:20px;
  border-top:1px solid #dcdcdf;
  border-right:1px solid #dcdcdf;
  width:20%;
  height:160px;
  position:relative;
  overflow:hidden
}
.cliens-list>div:nth-child(1){
  border-top:0
}
.cliens-list>div:nth-child(2){
  border-top:0
}
.cliens-list>div:nth-child(3){
  border-top:0
}
.cliens-list>div:nth-child(4){
  border-top:0
}
.cliens-list>div:nth-child(5){
  border-top:0
}
.cliens-list>div:nth-child(5n){
  border-right:0
}
.clients-name{
  display:none;
  right:-100%;
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  background:#ed1b23;
  text-align:center
}
.clients-name h2{
  color:#fff;
  display:inline-block;
  padding:5px 10px;
  margin-top:40px;
  font-size:30px
}
.clients-name h2:after{
  content:"";
  height:2px;
  text-align:center;
  display:inline-block;
  position:relative;
  background:#7ca029;
  width:40px;
  position:absolute;
  margin-top:4px;
  margin-right:-20px
}
.cliens-list>div:hover .clients-name{
  display:block;
  right:0%;
  animation:move2 .2s;
  -webkit-animation:move2 .2s;
  -moz-animation:move2 .2s;
  -o-animation:move2 .2s;
  opacity:.95
}
@-webkit-keyframes move2{
  0%{
    right:-100%
  }
  100%{
    right:0%
  }
}
@-moz-keyframes move2{
  0%{
    right:-100%
  }
  100%{
    right:0%
  }
}
@-o-keyframes move2{
  0%{
    right:-100%
  }
  100%{
    right:0%
  }
}
.logos-row img{
  max-width:100%;
  max-height:130px;
  display:block;
  margin:0 auto
}
.logos-row .columns{
  padding-bottom:20px;
  padding-top:20px;
  float:right!important;
  border-top:1px solid #cacaca;
  border-right:1px solid #cacaca
}
.logos-row .columns:nth-child(5n){
  border-right:0
}
.logos-row .columns:nth-child(-n+5){
  border-top:0
}
.carousel-control.left,.carousel-control.right{
  background-image:none
}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{
  color:#fff;
  font-size:20px
}
.glyphicon-chevron-right:before{
  content:"\f105";
  font-family:FontAwesome
}
.glyphicon-chevron-left:before{
  content:"\f104";
  font-family:FontAwesome
}
.about-us .row{
  text-align:center
}
.about-us h1{
  margin:0
}
.about-us .row p{
  color:#333
}
.about-us .row img{
  width:100%;
  height:310px;
  margin:5px 0;
  float:right;
  outline:2px solid #fff;
  outline-offset:-10px
}
.about-us .mission{
  display:flex;
  flex-wrap:wrap;
  padding:4% 0
}
.about-us .mis p{
  font-size:15px;
  text-align:justify
}
.about-us .mission h3{
  text-transform:uppercase;
  font-size:30px;
  font-weight:700;
  color:#db2d2e
}
.about-us .mis{
  margin-bottom:20px
}
.about-us h3{
  font-weight:700;
  text-transform:uppercase;
  padding:1% 0;
  position:relative;
  text-align:right;
  font-weight:100;
  color:#fff;
  background-color:#14181c;
  display:inline-block;
  font-size:26px;
  padding:10px 30px;
  border-radius:20px 0
}
.contact .row{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin:0
}
.contact .contact-form{
  order:1;
  margin-top:0
}
.contact .contact-form h1{
  font-weight:700;
  text-transform:uppercase;
  margin:0;
  margin-bottom:20px;
  font-size:20px;
  color:#db2d2e
}
.contact .contact-form .form-control,.one-pro .form-control{
  box-shadow:none;
  border-color:#e3e3e3
}
.contact .contact-form .btn{
  color:#db2d2e;
  background:0 0;
  text-transform:uppercase;
  border:2px solid #db2d2e
}
.contact .contact-form .btn:hover{
  background:#db2d2e;
  border-color:transparent;
  color:#fff
}
.contact .contact-form textarea{
  height:200px
}
.contact .contact-data{
  order:1;
  margin-bottom:50px
}
.contact .contact-data i{
  font-size:20px;
  margin-right:10px;
  color:#db2d2e
}
.contact .social{
  margin-top:20px
}
.contact .social a i{
  margin:0;
  color:#db2d2e
}
.contact .social a:hover i{
  margin:0;
  color:#fff
}
.contact .contact-1:not(:last-child){
  margin-bottom:10px;
  border-bottom:1px solid #eee
}
.contact .contact-1 p{
  display:inline-block
}
.contact-data span{
  margin-right:20px;
  font-weight:700;
  color:#191919
}
.contact-data h4{
  margin-bottom:20px;
  text-transform:uppercase;
  font-weight:700;
  font-weight:700;
  text-transform:uppercase;
  margin:0;
  margin-bottom:20px;
  font-size:20px;
  color:#db2d2e
}
.contact .row .map{
  order:1;
  margin:3% 0
}
.likes i{
  width:40px;
  height:40px;
  float:right;
  font-size:32px;
  line-height:60px
}
.likes span{
  font-size:14px;
  line-height:65px;
  color:#20a397;
  font-weight:700
}
.likes i:hover{
  color:#20a397
}
.fa-thumbs-up{
  color:#20a397
}
.fa-thumbs-down{
  color:#ed1b23
}
.dislikes i{
  width:40px;
  height:40px;
  float:right;
  font-size:32px;
  line-height:60px
}
.dislikes i:hover{
  color:#ed1b23
}
.dislikes span{
  font-size:14px;
  line-height:62px;
  color:#ed1b23;
  font-weight:700
}
#gmap_canvas{
  height:100%;
  width:100%
}
.products img{
  width:100%;
  min-height:200px;
  outline:1px solid #eee;
  outline-offset:-5px;
  transition:all .5s ease-in-out
}
.products .row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.products .row>div{
  margin-bottom:30px
}
.products img:hover{
  transform:scale(1.1)
}
.products figcaption{
  overflow:hidden
}
.products .row>div figcaption h4,.products .row>div figcaption h1{
  margin:0;
  margin-bottom:10px
}
.products .row>div figcaption h4 a,.products .row>div figcaption h1 a{
  color:#42b6ba;
  font-weight:700;
  font-size:20px
}
.products .row>div figcaption h4 a:hover,.products .row>div figcaption h1 a:hover{
  text-decoration:underline
}
.one-pro img{
  width:100%
}
.one-pro .reserv{
  margin-bottom:50px
}
.one-pro .reserv .form-control{
  border-color:#888;
  border-radius:0
}
.one-pro .reserv textarea{
  height:150px;
  resize:vertical
}
.one-pro .reserv .btn{
  background:#42b6ba;
  color:#fff
}
.one-pro .row{
  margin-bottom:30px
}
.one-pro .row>div:first-child ul{
  margin:20px 0
}
.one-pro .row>div:first-child ul li{
  width:30%;
  display:inline-block
}
.one-pro .row>div:first-child ul li img{
  height:100px
}
.one-pro .row>div:first-child ul li img:hover{
  opacity:.9
}
.one-pro .data-item .code{
  color:#c71111
}
.one-pro .data-item{
  margin-bottom:20px
}
.one-pro .data-item h1{
  font-weight:700;
  font-size:25px
}
.one-pro .data-item h3~span{
  font-size:15px
}
.one-pro .row:first-child #links a:first-child img{
  height:300px;
  margin-bottom:30px
}
.one-pro .row:first-child #links a:not(:first-child) img{
  height:100px
}
.one-pro span strong{
  margin-right:5px;
  font-size:23px
}
.one-pro .data-item p{
  margin:0;
  color:#777
}
.one-pro table{
  margin-bottom:30px
}
.one-pro h5{
  padding:20px 0;
  font-weight:700;
  text-transform:uppercase
}
.one-pro .recomend img{
  height:200px
}
.one-pro .recomend>div{
  overflow:hidden;
  position:relative;
  margin-bottom:30px
}
.one-pro .recomend>div:hover figcaption{
  left:10px
}
.one-pro .pro-vid{
  text-align:center;
  margin:30px 0
}
.one-pro .pro-vid img{
  width:100%;
  height:200px
}
.shipping img{
  width:100%;
  height:300px
}
.shipping .row>div{
  margin-bottom:30px;
  display:flex;
  flex-wrap:wrap
}
.shipping .row>div:nth-child(odd){
  flex-direction:row-reverse
}
.scroll-to-top{
  position:fixed;
  background:#db2d2e;
  width:45px;
  height:43px;
  bottom:15px;
  right:0%;
  z-index:1000;
  border-radius:0;
  justify-content:center;
  display:flex;
  flex-direction:column;
  text-align:center;
  font-size:22px;
  display:none;
  border:3px solid #ccc;
  cursor:pointer
}
.scroll-to-top:hover{
  background:#1a5661
}
.scroll-to-top span{
  color:#fff;
  width:40px;
  height:40px;
  justify-content:center;
  display:flex;
  flex-direction:column
}
.about-video{
  margin:20px 0
}
.videos{
  padding-bottom:5%
}
.videos .main-vid{
  margin-bottom:20px
}
.videos .main-vid img{
  width:100%;
  height:200px
}
.videos .main-vid h3{
  margin:5px 0;
  font-size:20px
}
.videos .main-vid h3 a{
  color:#42b6ba
}
.videos .main-vid p{
  color:#777
}
.single-vid{
  padding-bottom:5%
}
.single-vid iframe{
  width:100%
}
.single-vid .one-vid{
  margin-bottom:50px
}
.single-vid aside .sv{
  margin-bottom:20px
}
.single-vid aside .side-wrap{
  -webkit-display:flex;
  -moz-display:flex;
  -o-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:20px
}
.single-vid aside iframe{
  height:200px
}
.single-vid aside h3{
  margin:10px 0;
  font-size:15px
}
.single-vid aside h3 a{
  color:#444
}
.single-vid aside h3:hover a{
  color:#42b6ba
}
.single-vid h2{
  color:#42b6ba
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
  color:#fff;
  cursor:default;
  background-color:#e3000e;
  border:1px solid #fff;
  border-bottom-color:transparent;
  text-transform:uppercase
}
.nav-tabs>li>a{
  margin-right:2px;
  line-height:1.42857143;
  border:1px solid transparent;
  background-color:#676767;
  color:#fff;
  height:40px;
  margin-top:5px
}
.tab-content>.active{
  display:block;
  margin-top:5px
}
.tab-content h3{
  font-size:16px;
  color:#333;
  text-align:center;
  background-color:#fff;
  padding:3px;
  border-right:3px solid #ed1b23
}
.nav-tabs>li>a{
  border-radius:0
}
.flip-contain{
  perspective:1000px
}
.flip-contain:hover .flipper,.flip-contain.hover .flipper{
  transform:rotateY(180deg)
}
.work .flip-contain .front img{
  height:100%;
  width:100%
}
.flip-contain,.front,.back{
  height:226px
}
.flipper{
  transition:.6s;
  transform-style:preserve-3d;
  position:relative;
  width:100%
}
.front img{
  height:200px;
  width:100%
}
.front,.back{
  backface-visibility:hidden;
  position:absolute;
  top:0;
  left:0
}
.front{
  z-index:2;
  transform:rotateY(0deg);
  margin:5px
}
.back{
  transform:rotateY(180deg);
  color:#ed1c24;
  padding:10% 2%;
  width:100%;
  border:2px dashed #b2b2b2
}
.back .btn{
  border:2px solid #fff;
  margin:10px 120px;
  background-color:#ed1b23;
  border-width:2px;
  border-style:solid;
  color:#fff;
  padding:10px 30px
}
.back h3{
  text-align:center;
  color:#333;
  font-size:30px
}
.back p{
  text-align:center;
  font-size:20px
}
.animated{
  -webkit-transition:height .2s;
  -moz-transition:height .2s;
  transition:height .2s
}
.starrr{
  margin:4px 0;
  font-size:24px;
  color:#f18a0a;
  float:right
}
.share{
  float:left
}
.magazine-page h1{
  padding:30px 0;
  margin:20px 0;
  font-weight:100;
  font-size:25px;
  color:#ed1b23
}
.magazine-page h3{
}
.itemAuthorBlock{
  margin-top:-23px;
  background:#eee;
  border:none;
  padding:10px;
  display:block;
  overflow:hidden
}
#k2Container.itemView .itemAuthorBlock .header-author{
  display:block;
  overflow:hidden;
  padding:10px;
  border-bottom:1px solid #fff;
  margin-bottom:10px
}
.rtl #k2Container.itemView .itemAuthorBlock .header-author .me-inline{
  float:right
}
.itemAuthorBlock .header-author div.itemTagsBlock span{
  color:#ed1b23
}
div.itemTagsBlock ul.itemTags{
  list-style:none;
  padding:0;
  margin:0;
  display:inline
}
div.itemTagsBlock ul.itemTags li{
  display:inline;
  list-style:none;
  padding:0 4px 0 0;
  margin:0;
  text-align:center
}
.itemAuthorBlock .header-author div.itemTagsBlock .itemTags a{
  color:#444
}
.search h2{
  color:#fff;
  border-radius:20px 0;
  transform:none;
  background-color:#ed1b23;
  padding:10px 20px;
  font-size:18px;
  font-weight:100
}
.findus{
  padding-right:70px;
  padding-top:20px
}
.property-query-area.property-page-bg,.query-title,.single-query select{
  position:relative
}
.query-title{
  margin-top:-70px;
  text-align:center;
  z-index:20
}
.single-query option,.query-title>h2 a{
  color:#333
}
.query-title>h2{
  font-size:18px;
  font-weight:700;
  padding:21px 0;
  text-transform:uppercase
}
.single-query label,.single-query-slider label{
  font-size:14px;
  margin-bottom:7px;
  font-weight:500
}
.single-query{
  margin-bottom:10px
}
.single-query{
  margin-top:6px
}
.single-query .keyword-input{ 
  border:1px solid #c6c6c6;
  height:40px;
  border-radius:25px;
  padding-right:20px;
  background:#fff
}
.single-query input,.single-query select{
  text-transform:normal;
  background:0 0
}
.search-2 .intro .zelect,.intro .zelect,.single-query input,.single-query select{
  width:100%
}
.single-query select{
  -moz-appearance:none;
  -moz-border-bottom-colors:none;
  -moz-border-left-colors:none;
  -moz-border-right-colors:none;
  -moz-border-top-colors:none;
  background:#fff url(../images/select-icon.png) no-repeat scroll right center;
  border-bottom:1px solid #e5e5e5;
  border-image:none;
  border-left:1px solid #e5e5e5;
  border-radius:5px;
  border-top:1px solid #e5e5e5;
  color:#999;
  height:40px;
  padding:10px;
  margin-bottom:15px;
  width:100%
}
.single-query option{
  border-bottom:1px solid #ddd;
  padding:10px
}
.toggle-btn button{
  background:rgba(0,0,0,.2);
  border:0;
  border-radius:2px 2px 0 0;
  font-size:24px;
  height:36px;
  line-height:24px;
  margin:0;
  padding:0;
  width:65px
}
.nstSlider{
  height:2px;
  top:8px;
  background-color:#efefef;
  position:relative;
  z-index:1
}
.query-submit-button{
  display:inline-block
}
.nstSlider .rightGrip,.nstSlider .leftGrip{
  width:12px;
  height:12px;
  top:-6px;
  background-color:#676767
}
.nstSlider .bar{
  height:2px;
  top:0;
  background-color:#454040
}
.leftLabel,.rightLabel{
  color:#676767;
  display:inline-block
}
.single-query-slider .price{
  display:inline-block;
  float:right;
  font-size:14px
}
.white .nstSlider{
  background-color:#5d6d7e
}
.white .nstSlider .bar,.white .nstSlider .rightGrip,.white .nstSlider .leftGrip{
  background-color:#fff
}
.white .leftLabel,.white .rightLabel,.toggle-btn button,.btn-slide,.search-properties .group-button-search .more-filter .text-1,.search-properties .group-button-search .more-filter .text-2,.search-properties .group-button-search .more-filter .icon{
  color:#fff
}
.user-properties-filters{
  background-color:#fcfcfd
}
.user-properties-filters .wrapper-filters{
  padding-top:40px;
  padding-bottom:15px;
  margin-left:0;
  margin-right:0
}
.btn-slide:hover{
  border-color:#2aacff
}
.btn-slide{
  border:medium;
  border-radius:4px;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  height:48px;
  line-height:48px;
  text-align:center;
  text-transform:uppercase;
  width:160px
}
.search-properties .group-button-search{
  width:100%
}
.search-properties .group-button-search .more-filter{
  display:inline-block;
  line-height:50px
}
.search-properties .group-button-search .more-filter .text-1,.search-properties .group-button-search .more-filter .text-2,.search-properties .group-button-search .more-filter .icon{
  display:inline-block;
  margin-bottom:0;
  text-transform:uppercase;
  transition:all .5s ease
}
.search-properties .group-button-search .more-filter .text-1,.search-properties .group-button-search .more-filter .text-2{
  padding-right:15px;
  font-weight:700;
  cursor:pointer
}
.search-properties .group-button-search .more-filter .text-2{
  letter-spacing:.045em
}
.search-properties .group-button-search .more-filter .icon{
  font-size:1.14em
}
.search-properties .group-button-search .more-filter.show-more .icon{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.search-properties .group-button-search .btn-search{
  display:inline-block;
  float:right
}
.search-properties.search-page{
  padding:60px 0
}
.search-properties.search-page .btn-search{
  margin-top:30px
}
.search-properties.bg-gray{
  background-color:#fcfdfd
}
.search-properties.bg-gray .title-search-property{
  font-size:24px;
  font-weight:700;
  text-align:left;
  text-transform:capitalize;
  margin-bottom:30px
}
.search-properties.bg-gray .group-button-search .more-filter .text-1,.search-properties.bg-gray .group-button-search .more-filter .text-2,.search-properties.bg-gray .group-button-search .more-filter .icon{
  color:#838e95
}
.search-propertie-filters{
  background-color:#f4f4f4;
  position:relative;
  margin-top:20px
}
.search-propertie-filters .container-2{
  padding:20px 0 0 20px
}
.search-propertie-filters.bg-gray{
  background-color:#fcfdfd
}
.group-button-search{
  margin-top:30px;
  position:relative;
  border-radius:4px;
  display:inline-block;
  padding:8px 20px 8px 10px
}
.group-button-search a{
  display:block;
  font-size:12px
}
.more-filter i{
  border-radius:100%;
  color:#191919!important;
  font-size:12px;
  height:30px;
  line-height:31px;
  text-align:center;
  width:30px;
  background:#fff
}
.search-form-group{
  display:inline-block;
  margin-bottom:25px;
  width:100%
}
.more-filter .text-1,.more-filter .text-2{
  cursor:pointer;
  padding-right:0
}
.more-filter .text-1,.more-filter .text-2,.more-filter .icon{
  color:#fff;
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle;
  text-transform:capitalize;
  font-weight:500;
  margin-right:6px
}
.entry-topic a{
  background:#cdd1d8;
  color:#41474d;
  display:inline-block;
  margin-bottom:3px;
  margin-bottom:.1875rem;
  padding:4px;
  padding:.25rem
}
.facebook{
  color:#4267b2
}
.twitter{
  color:#1da1f2
}
.you-tube{
  color:red
}
.more-btn{
  color:#fff;
  font-size:20px;
  text-align:center
}
.brand img{
  width:100%!important
}
@media only screen and (min-width:768px){
  .mobil-img{
    margin-right:50px;
    width:100%
  }
  .page-h2{
    margin-right:95px;
    width:50%
  }
}
@media only screen and (max-width:600px){
  .mobil-img{
    margin-right:50px;
    width:100%
  }
  .page-h2{
    margin-right:95px!important;
    width:50%!important
  }
}
@media only screen and (min-width:600px){
  .mobil-img{
    margin-right:50px;
    width:100%
  }
  .page-h2{
    margin-right:95px;
    width:50%
  }
}
.page-h2{
  margin-top:95px;
  margin-right:500px;
  width:16%
}
.skyfly-ads{
  position:absolute;
  z-index:888;
  top:700px;
}
.skyfly-ads img{
  max-width:100px;
}
.left-ad{left:0px;}
.right-ad{right:0px;}

.skyfly-ads.fix-skyfly{
  position: fixed;
  top: 200px;
}