/* Css Template For Construct */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. We Do Section
7. Why-Us Section
9. Service Section
8. Gallery Section
10. About Section
11. Cta Section
12. Team Section
14. Testimonial Section
15. News Section
16. Brand Section
19. Main Footer
20. Footer Bottom
21. About page
22. Page Title
23. Service Page
24. Service Details
25. Sidebar
26. Service-Details Content
27. Team page
28. Gallery page
29. Faq Page
30. Faq Content
31. Testimonial Page
32. Error Page
33. Blog Classic Page
34. Blog-Classic Content
35. Blog-Sidebar Content
36. Blog Details Page
37. Blog-Details Conent
38. Contact Page
39. Contact info 
40. Contact form area
41. Google Map


**********************************************/


/* use font link */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/* use style sheet */

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(settings.css);
@import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(hover.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:14px;
  color:#848484;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}
.body_wrappera{
  overflow-x: hidden;
  min-width: 300px;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 0px;
    /* width: 1100px; */
  }
}
.centred{
  text-align: center;
}


a{
  text-decoration:none;
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  cursor:pointer;
  color:#848484;
  transition: all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #18a2d3;
  transition: all 500ms ease;
}


input,button,select,textarea{
  font-family: 'Hind', sans-serif;
}

.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px;
  color: #fff;
}
.centered{
  text-align:center;  
}
.sec-pad{
  padding: 50px 0px 40px 0px;
}

p{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 10px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
  transition: all 500ms ease;
}

h1{
  font-size: 70px;
  line-height: 75px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}
h1 span{
  color: #18a2d3;
}

h2{
  font-size: 40px;
  line-height: 45px;
}

h3{
  font-size: 24px;
  line-height: 30px;
}

h4{
  font-size: 20px;
  line-height: 30px;
}

h5{
  font-size: 16px;
  line-height: 26px;
} 

h6{
  font-size: 14px;
  line-height: 26px;
} 

h4 a{
  font-size: 20px;
  line-height: 30px;
}

h5 a{
  font-size: 16px;
  line-height: 20px;
}

h6 a{
  font-size: 15px;
  line-height: 22px;
}

h5 a:hover,
h6 a:hover,
h4 a:hover,
h4 a:hover,
h6 a:hover{
  color: #18a2d3;
  transition: all 500ms ease;
}

.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/** button **/

.btn-one {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #18a2d3;
  border: 2px solid #18a2d3;
  padding: 11px 30px 10px 30px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.btn-one:hover{
  color: #18a2d3;
  background: transparent;
  border: 2px solid #18a2d3;
  transition: all 900ms ease;
}

.btn-two {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
  padding: 11px 33px 10px 33px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border: 2px solid #fff;
}
.btn-two:hover{
  color: #fff;
  background: #18a2d3;
  border: 2px solid #fff;
  transition: all 900ms ease;
}

.link-btn{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.link-btn li{
  display: inline-block;
  margin: 0px 3px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'OpenSans',sans-serif;
  color: #848484;
  font-weight: 600;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #18a2d3;
  color: #fff;
  border: 1px solid #18a2d3;
  transition: all 500ms ease;
}

.section-title h2{
  position: relative;
}
.sec-title h2:before{
  position: absolute;
  content: '';
  background: #f6b129;
  width: 50px;
  height: 5px;
  left: 0px;
  bottom: -15px;
  border-radius: 5px;
}

.title-text{
  position: relative;
  margin-bottom: 71px;
}
.title-text:before{
  position: absolute;
  content: '';
  background: #18a2d3;
  height: 4px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  bottom: -21px;
}
.img-box{
  position: relative;

}

/*** 

====================================================================
  Scroll To Top style
====================================================================


***/
.scroll-to-top span{
  color: #fff;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #18a2d3;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-top:hover{
  background: #222;
}
.scroll-to-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main header area **/


.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
}
.srticky-fixed .main-menu .navigation > li > a{
  padding: 27px 0px 22px 12px;
}

.srticky-fixed .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 25px;
}

.header-upper{
  position: relative;
  /*background: #242529;*/
  background: #18a2d3;
  width: 100%;
  padding: 0px 0px;
}
.header-upper .top-left{
  position: relative;
  display: inline-block;
}
.header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  padding: 13px 0px;

  color: #fff;
  font-weight: 400;

}
.header-upper .top-left li i:before{
  font-size: 13px;
  margin-right: 7px;
}
.header-upper .top-right{
  position: relative;
  /* float: right; */
  text-align: right;
}
.header-upper .top-right .btn-one{
  padding: 8px 38px 8px 31px;
  font-weight: 700;
}

.header-upper .top-right .button-top{
  position: relative;
  display: inline-block;
  margin-left: 16px;
}
.header-upper .top-right .button-top i{
  margin-left: 8px;
}
.header-upper .top-right .social-top{
  position: relative;
  display: inline-block;
  margin-left: 16px;
  padding: 13px 0px;
  margin: 0;
}

.header-upper .top-right .social-top li a{
  position: relative;
  display: inline-block;
  color: #fff;
  line-height: 25px;
  font-size: 12px;
}
.header-upper .top-right .social-top li a:hover{
  transition: 1s;
  transform: scale(1.8);
}
.header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin: 0px 10px;
}
.logo-box{
  position: relative;
 padding: 16px 0px;
}
.logo-box img{
  position: relative;display: inline-block;
  max-width: 100%;
  height: 54px;
}
.main-header .info-box{
  position: relative;
  display: inline-block;
}
.main-header .menu-bar{
  position: relative;
  float: right;
  right: 2px;
}
.header-upper .search-box-area .search-toggle i:before{
  font-size: 14px;
  color: #cfcfcf;
  margin: 0px;
  transition: all 500ms ease;
}
.header-upper .search-box-area .search-toggle:hover i:before{
  color: #18a2d3;
}

.header-upper .search-box-area{
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 32px;
}
.header-upper .search-box-area:before{
  position: absolute;
  content: '';
  background: #424347;
  width: 2px;
  height: 20px;
  top: 4px;
  right: -31px;
}
.header-upper .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: -260px;
  top: 35px;
  background: #fff;
  padding: 15px 20px;
  border-top: 3px solid #18a2d3;
  box-shadow: 0 2px 2px #ccc;
  visibility: hidden;
}
.form-group{
  margin-bottom: 0px;
}
.header-upper .search-box-area .form-group{
  position: relative;
}
.header-upper .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #18a2d3;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.header-upper .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #18a2d3;
  padding: 10px 20px;
  margin-bottom: 0px;
  border-radius: 5px;
  z-index: 9;
}
.search-box-area .search-box.now-visible {
  top: 35px;
  right: -260px;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.main-menu{
  position:relative;
  display: inline-block;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 36px;
}


.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:15px;
  color: #222;
  line-height: 26px;
  font-weight:600;
     padding: 30px 0px;
  text-align: center;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #18a2d3;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:100%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#222;
  border-top:3px solid #18a2d3;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px solid #18a2d3;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #18a2d3;
  padding:10px 15px 10px 17px;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%; 
}
.main-menu li.dropdown:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #222222;
  font-size: 14px;
  right: -19px;
  top: 40px;
  cursor: pointer;
  transition: all 500ms ease;
}
.main-menu li.dropdown:hover:after,
.main-menu li.current.dropdown:after{
  color: #18a2d3;
}
.stricky-fixed .logo-box{
  margin-top: 0px;
}
.stricky-fixed .main-menu .navigation > li > a{
  padding: 27px 0px 27px 12px;
}
.stricky-fixed .main-menu li.dropdown:after{
  top: 25px;
}

/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  content: "\f107";
  right: 0px;
  top: 0;
  width: 35px;
  height: 42px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  display: block;
  z-index: 5;
}
.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #000000;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  font-family: 'Roboto', sans-serif;
  line-height:22px;
  color:#ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #fff;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.theme_menu.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #fff;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 2px 10px #ccc;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
}


/** main-slider **/

.main-slider{
  position: relative;
}

.main-slider .btn-two{
  color: #fff !important;
  background: #18a2d3;
  border: 2px solid #18a2d3;
  margin-left: 10px;
  transition: all 900ms ease;
}
.main-slider .btn-two:hover{
  background: transparent;
  color: #18a2d3 !important;
  border: 2px solid #18a2d3;
  transition: all 900ms ease;
}
.main-slider .btn-one{
  color: #222 !important;
  padding: 11px 33px 10px 33px;
  border: 2px solid #fff;
  background: #fff;
  transition: all 900ms ease;
}
.main-slider .btn-one:hover{
  background: transparent;
  color: #fff !important;
  border: 2px solid #fff;
  transition: all 900ms ease;
}
#slide-1687-layer-4,#slide-1688-layer-4,#slide-1689-layer-4{
  padding: 0px !important;
  border: none;
}
#slide-1687-layer-4:hover,
#slide-1688-layer-4:hover,
#slide-1689-layer-4:hover{
  background: none !important;
}
#slide-1687-layer-1,
#slide-1688-layer-1,
#slide-1689-layer-1{
  background: rgba(0, 0, 0, 0.65) !important;
}
.home_boxed .tp-leftarrow.tparrows.uranus,
.home_boxed .tp-rightarrow.tparrows.uranus{
  display: none !important;
}
.tp-bannertimer{
  display: none;
}
.main-slider h1 span{
  font-size: 70px;
}


/** we-do **/

.we-do{
  position: relative;
  /*background: rgba(20, 75, 10, 0.65);*/
  background:#18a2d3;
}
.we-do .single-item .img-box{
  position: relative;
  overflow: hidden;
}
.we-do .single-item img{
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-transform: scale(1.05,1.05) rotate(-1deg);
  -ms-transform: scale(1.05,1.05) rotate(-1deg);
  -o-transform: scale(1.05,1.05) rotate(-1deg);
  -moz-transform: scale(1.05,1.05) rotate(-1deg);
  transform: scale(1.05,1.05) rotate(-1deg);
  height: 300px;
}
.we-do .single-item:hover img{
  -webkit-transform: scale(1,1) rotate(0deg);
  -ms-transform: scale(1,1) rotate(0deg);
  -o-transform: scale(1,1) rotate(0deg);
  -moz-transform: scale(1,1) rotate(0deg);
  transform: scale(1,1) rotate(0deg);
}
.we-do .single-item{
  position: relative;
  transition: all 500ms ease;
}
.we-do .single-item:hover{
  box-shadow: 0 0 10px 5px #f3f3f3;
  transition: all 500ms ease;
}
.we-do .single-item .single-content{
  position: relative;
  padding: 15px 0px;
  
  border-top: none;
  transition: all 500ms ease;
  background: #fff;
}
.we-do .single-item:hover .single-content{
  border: 1px solid #fff;
  border-top: none;
  transition: all 500ms ease;
}
.we-do .single-item .single-content h4{
 font-weight: bold;
 color: #18a2d3;
}


/** why-us **/

.why-us{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 72px;
}
.why-us .img-column{
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.why-us:after{
  position: absolute;
  content: '';
  background: #000;
  width: 50%;
  height: 100%;
  right: 0px;
  top: 0px;
  opacity: .8;
}
.why-us .section-title h2,
.why-us .why-us-content h4{
  position: relative;
  color: #fff;
}
.why-us .why-us-content h4{
  margin-bottom: 6px;
}
.why-us .section-title{
  margin-bottom: 72px;
}
.why-us .why-us-content p{
  color: #d0d0d0;
}
.why-us .section-title h2:before{
  position: absolute;
  content: '';
  background: #18a2d3;
  width: 50px;
  height: 4px;
  left: 0px;
  bottom: -30px;
}
.why-us .why-us-content{
  position: relative;
  margin-left: 50px;
  padding-right: 40px;
  z-index: 1;
}
.why-us .why-us-content .single-item{
  position: relative;
  padding: 0px 0px 0px 97px;
  margin-bottom: 25px;
}
.why-us .why-us-content .icon-box{
  position: absolute;
  left: 1px;
  top: -2px;
  width: 70px;
  height: 70px;
  line-height: 68px;
  border: 2px solid #8b8c8c;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}
.lower-content h4 a
{
  font-size: 18px;
}
.why-us .why-us-content .single-item:hover .icon-box{
  border: 2px solid #18a2d3;
}
.why-us .why-us-content .icon-box i:before{
  color: #18a2d3;
  font-size: 34px;
  margin: 0px;
  transition: all 500ms ease;
}
.why-us .why-us-content .single-item:hover .icon-box i:before{
  color: #fff;
}


/** service-section **/

.service-section{
  position: relative;
  padding-bottom: 70px;
  background: #f5f5f8;

}
.service-section .single-item{
  position: relative;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.service-section .single-item:hover{
  box-shadow: 0 0 10px 5px #f3f3f3;
  transition: all 500ms ease;
}

.service-section .single-item .lower-content{
  position: relative;
 /* padding: 27px 0px 25px 104px;*/
  /*padding: 25px 0px 10px 29px;*/
  border: 1px solid #e5e5e5;
  border-top: none;
  transition: all 500ms ease;
  min-height: 120px;
  text-align: center;
  padding: 27px 0px;
}
.service-section .single-item .img-box{
  position: relative;
  overflow: hidden;
}
.service-section .single-item img{
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-transform: scale(1.05,1.05) rotate(-3deg);
  -ms-transform: scale(1.05,1.05) rotate(-3deg);
  -o-transform: scale(1.05,1.05) rotate(-3deg);
  -moz-transform: scale(1.05,1.05) rotate(-3deg);
  transform: scale(1.05,1.05) rotate(-3deg);
  height: 300px;
}
.service-section .single-item:hover img{
  -webkit-transform: scale(1,1) rotate(0deg);
  -ms-transform: scale(1,1) rotate(0deg);
  -o-transform: scale(1,1) rotate(0deg);
  -moz-transform: scale(1,1) rotate(0deg);
  transform: scale(1,1) rotate(0deg);
}
.service-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  border-top: none;
  transition: all 500ms ease;
  box-shadow: 0px 1px 9px rgba(0,0,0,0.3);
}
.service-section .single-item .lower-content .icon-box{
  position: absolute;
  left: 5px;
  top: 30%;
}
.service-section .single-item .lower-content .icon-box a{
  position: relative;
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 67px;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  text-align: center;
  transition: all 900ms ease;
}
.service-section .single-item .lower-content h4{
  margin-bottom: 2px;
}
.service-section .single-item .lower-content .text{
  font-size: 15px;
}
.service-section .single-item .lower-content .icon-box i:before{
  color: #18a2d3;
  font-size: 36px;
  margin: 0px;
  transition: all 900ms ease;
}
.service-section .single-item:hover .icon-box a{
  background: #18a2d3;
  border: 1px solid #18a2d3;
  transition: all 900ms ease;
}
.service-section .single-item:hover .icon-box i:before{
  color: #fff;
  transition: all 900ms ease;
}


/** gallery-section **/


.gallery-section{
  position: relative;
  background: #f5f5f8;
  width: 100%;
}
.gallery-section .single-item-overlay .single-content{
  position: absolute;
  left: 30px;
  top: 55%;
  transition: all 900ms ease;
  opacity: 0;
}
.gallery-section .single-item-overlay .single-content .text a{
  position: relative;
  font-size: 26px;
  font-family: 'Montserrat', sans-serif;
  line-height: 32px;
  color: #fff;
  transition: all 500ms ease;
}
.gallery-section .single-item-overlay .single-content .text a:hover{
  color: #222;
}
.gallery-section .single-item-overlay:hover .single-content{
  opacity: 1;
  transition: all 900ms ease;
}
.gallery-section .single-item-overlay .single-content p{
  color: #fff;
  font-style: italic;
}
.single-item-overlay .img-box img {
  transition: all 0.5s ease;
  transform: scale(1);
  width: 100%;
  height: 300px;
}

.single-item-overlay .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background:#18a2d3;
  width: 100%;
  opacity: 0.8;
  transform: scale(0.7,0);
  transition: .5s ease-in-out;
}
.single-item-overlay:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}

.single-item-overlay .inner-box {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.single-item-overlay .content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -20%;
    transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.single-item-overlay:hover .content {
  top: 0;
  transition: .5s cubic-bezier(0.4, 0, 1, 1);
  transition-delay: .3s;
}
.gallery-section .single-item-overlay:hover .content{
  top: -15%;
}
.single-item-overlay .content li{
  position: relative;
  display: inline-block;
}
.single-item-overlay .content li a {
  color: #ffffff;
  display: inline-block;
  transition: color .4s ease;
  font-size: 14px;
}

.single-item-overlay .img-box .overlay ul li a {
  height: 65px;
  width: 65px;
  color: #fff;
  border-radius: 50%;
  background: transparent;
  text-align: center;
  line-height: 65px;
  border: 2px solid #fff;
  transition: all 500ms ease;
}
.single-item-overlay .img-box .overlay ul li a:hover{
  color: #222;
  border: 2px solid #222;
}
.owl-controls {
  text-align: center;
  margin-top: 42px;
}
.owl-dots{
  display: none !important;
}


/** about section **/

.about-section{
  position: relative;
  width: 100%;
  padding-top: 50px;
}
/*.about-section:before{
  position: absolute;
  content: '';
  background: url(../images/about/1.png);
  width: 470px;
  height: 305px;
  bottom: 0px;
  right: 0px;
  background-repeat: no-repeat;
}*/
.about-section .about-content{
  padding-bottom: 0px;
}
.about-section .title-text:before{
  left: 0px;
  margin-left: 0px;
}
.about-section .about-content h4{
  font-family: 'Open Sans', sans-serif;
  line-height: 32px;
  margin-bottom: 23px;
}
.about-section .title-text{
  margin-bottom: 53px;
}
.about-section .about-content p{
  line-height: 28px;
  margin-bottom: 8px;
}
.btn-one.pad{
  padding: 11px 33px 10px 33px;
}


/** accrodian **/

.accordion{
  position: relative;
  margin-bottom: -1px;
}
.accordion-box{
  position: relative;
  background: #fff;
  box-shadow: 0 0 10px 5px #f3f3f3;
  padding: 10px 0px 12px 0px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .plus{
  position: relative;
  right: -5px;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
  right: 5px;
  position: relative;
}
.accordion-box .accordion h4{
  margin-bottom: 3px;
}
.accordion-box .accordion .acc-btn .toggle-icon{
  position: absolute;
  right: 30px;
  top: 21px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #18a2d3;
  color: #fff;
  font-size: 13px;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-btn.active .acc-title{
  position: relative;
  padding: 17px 65px 0px 29px;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-btn .acc-title{
  padding: 17px 65px 18px 29px;
  position: relative;
  cursor: pointer;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-content.collapsed{
  position: relative;
  display: block;
  padding: 20px 0px 12px 0px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0px 30px 0px 30px;
}
.accordion-box .accordion .acc-content{
  display: none;
  margin: 0px 30px 0px 30px;
  padding: 20px 0px 12px 0px;
  border-bottom: 1px solid #e5e5e5;
}
.accordion-box .accordion:last-child .acc-content{
  border-bottom: none;
}


/** cta-section **/

.cta-section{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 105px;
  padding-top: 95px;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.70);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.cta-section .cta-title{
  position: relative;
  font-size: 40px;
  line-height: 55px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
}
.cta-section .text{
  position: relative;
  font-size: 17px;
  color: #fff;
  margin-bottom: 45px;
}
.cta-section .btn-one{
  padding: 11px 38px 10px 37px;
}


/** team-section **/

.team-section{
  position: relative;
  padding-bottom: 82px;
}
.team-section .single-item-overlay .img-box .overlay ul li a{
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0px 2px;
  transition: all 500ms ease;
}
.team-section .single-item-overlay .img-box .overlay ul li a:hover{
  background: #fff;
  border: 2px solid #fff;
  color: #222;
}
.team-section .single-content p{
  margin-bottom: -3px;
}
.team-section .single-item-overlay .img-box{
  margin-bottom: 13px;
}


/** testimonials-section **/

.testimonials-section{
  position: relative;
  background: url(../images/testimonial/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.testimonials-section:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .8;
}
.testimonials-section .img-box{
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  margin-top: 0px;
  margin-bottom: -51px;
  width: 90px;
  height: 90px;
  z-index: 1;
}
.testimonials-section .img-box img{
  width: 100%;
  border-radius: 50%;
}
.testimonials-section .title-text p{
  color: #d0d0d0;
}
.testimonials-section .section-title h2{
  color: #fff;
}
.testimonials-section .author-thumb{
  position: relative;
  background: #fff;
  width: 100%;
  padding: 76px 31px 22px 30px
}
.testimonials-section .author-thumb .author-title a{
  color: #18a2d3;
  margin-bottom: 15px;
}
.testimonials-section .author-thumb h4{
  margin-bottom: 0px;
}
.testimonials-section .owl-controls {
  margin-top: 50px;
}


/** news-section **/

.news-section{
  position: relative;
  padding-bottom: 60px;
}
.news-section .img-box{
  margin-bottom: 23px;
}
.news-section .single-content .meta{
  position: relative;
  margin-bottom: 2px;
}
.news-section .single-content .meta li{
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.news-section .img-box{
  position: relative;
  overflow: hidden;
}
.news-section .img-box img{
  width: 100%;
  transform: scale(1.0);
  transition: all 500ms ease;
}
.news-section .single-item:hover .img-box img{
  transform: scale(1.1);
}
.news-section .single-content{
  padding-right: 15px;
}


/** brand-section **/

.brand-section{
  position: relative;
  background: #18a2d3;
  padding: 13px 0px 12px 0px;
}
.brand-section li {
  position: relative;
  width: 105px;
  margin: 0 auto;
  text-align: center;
}
.brand-section .owl-controls{
  display: none;
}
.brand-section li img{
  position: relative;
  width: 100%;
  max-width: 100%;
  opacity: .4;
  transition: all 500ms ease;
}
.brand-section li img:hover{
  opacity: 1;
}


/** main-footer **/


.main-footer-area{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 0px;
  padding-top: 98px;
}
.main-footer-area:before{
  position: absolute;
  content: '';
  background:#18a2d3;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.main-footer{
  position: relative;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-logo{
  position: relative;
  margin-bottom: 23px;
}
.main-footer .footer-title h3{
  color: #fff;
  margin-bottom: 23px;
  margin-top: 17px;
}
.main-footer .logo-wideget{
  position: relative;
  margin-right: -5px;
}
.main-footer .gallery-wideget{
  position: relative;
  margin: 0px 51px 0px 41px;
}
.main-footer .gallery-wideget .img-list li{
  position: relative;
  display: inline-block;
  overflow: hidden;
  float: left;
  margin: 0px 8px 8px 0px;
  width: 83px;
  height: 83px;
}
.main-footer .gallery-wideget .img-list li img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.main-footer .gallery-wideget .img-list li img:hover{
  transform: scale(1.1);
}
.main-footer p{
  color: #fff;
  margin-bottom: 26px;
}
.main-footer .service-wideget{
  position: relative;
  /* left: -5px; */
}
.main-footer .service-wideget .footer-title h3{
  margin-bottom: 15px;
}
.main-footer .subscribe-wideget .footer-title h3{
  margin-bottom: 14px;
}
.main-footer .service-wideget .list li a{
  position: relative;
  display: block;
  color: #fff;
  margin-bottom: 15px;
  padding: 0px 0px 0px 12px;

}
.main-footer .service-wideget .list li a:before{
  position: absolute;
  content: "\f105";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #fff;
  left: 0px;
  top: 1px;
  transition: all 500ms ease;
}
.main-footer .service-wideget .list li a:hover{
  
  text-decoration: underline;
}
.main-footer .service-wideget .list li a:hover:before{
  
  transition: all 500ms ease;
}

input[type="text"],
input[type="search"],
input[type="email"],
textarea{
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 18px;
  border: 2px solid #fff;
  padding: 15px 20px;
  border: 1px solid #e5e5e5;
  color: #848484;
  transition: all 900ms ease;
}
textarea{
  height: 120px;
  resize: none;
}
input:focus,
textarea:focus{
  border: 1px solid #18a2d3;
  transition: all 900ms ease;
}
.main-footer .subscribe-wideget input{
  margin-bottom: 15px;
}
.footer-bottom{
  position: relative;
  padding: 14px 0px 13px 0px;
}
.footer-bottom .copyright{
  color: #fff;
  display: inline-block;
  line-height: 37px;
}
.footer-bottom .copyright a{
  color: #fff;
  margin-bottom: 0px
}
.footer-bottom .footer-social{
  position: relative;
  display: inline-block;
  float: right;
}
.footer-bottom .footer-social li{
  position: relative;
  display: inline-block;
  margin-left: 7px;
}
.footer-bottom .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: all 500ms ease;
}
.footer-bottom .footer-social li a:hover{
  background: #18a2d3;
  transition: all 500ms ease;
}


/*** 

====================================================================
                        about-Page
====================================================================

***/


.about-bg{
  position: relative;
  background: #f5f5f8;
  background: #18a2d3;
  width: 100%;
  padding: 53px 0px 42px 0px;
}
.contact-bg{
  background-image: url(../images/contact-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 95px 0px;
  color: #fff;
  z-index: 1;
  position: relative;
}
.inquiry-bg
{
  background-image: url(../images/inquiry-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 95px 0px;
  color: #fff;
  z-index: 1;
  position: relative;
}
.bread-crumb{
  position: relative;
  padding: 17px 0px 15px 0px;
  border-bottom: 1px solid #e5e5e5;
}
.bread-crumb .text,
.bread-crumb .text a{
  font-size: 15px;
  font-weight: 600;
  color: #848484;
}
.bread-crumb .text a{
  margin-right: 5px;
}
.bread-crumb .text a:hover{
  color: #18a2d3;
}


/*** 

====================================================================
                        service / service-details
====================================================================

***/

.service-page{
  position: relative;
  padding-top: 100px;
}
.service-details{
  position: relative;
}
.service-details .sidebar{
  position: relative;
  padding: 79px 0px 100px 0px;
}
.service-details .sidebar .list li a{
  position: relative;
  display: block;
  font-weight: 600;
  color: #848484;
  padding: 14px 0px 13px 14px;
  border-bottom: 1px solid #e5e5e5;
}
.service-details .sidebar .list li a:hover,
.service-details .sidebar .list li a:hover:before{
  color: #18a2d3;
}
.service-details .sidebar .list li a:before{
  position: absolute;
  content: "\f0da";
  font-size: 14px;
  font-family: "FontAwesome";
  left: 0px;
  top: 14px;
  color: #848484;
  transition: all 500ms ease;
}
.service-details .sidebar .list li a.active:before{
  color: #18a2d3;
  left: 20px;
}
.service-details .sidebar .list li a.active{
  padding: 14px 0px 13px 35px;
  background: #f5f5f8;
  border-bottom: 1px solid #f5f5f8;
  color: #18a2d3;
}
.service-details .sidebar .list li:first-child a{
  border-bottom: 1px solid #f5f5f8;
}
.service-details .sidebar-details{
  position: relative;
  border-left: 1px solid #e5e5e5;
  padding: 100px 0px 68px 30px;
}
.service-details .sidebar-details img{
  width: 100%;
}
.service-details .sidebar-details .img-box{
  margin-bottom: 44px;
}
.service-details .sidebar-details .content-style-one{
  position: relative;
  margin-bottom: 37px;
}
.service-details .sidebar-details .content-style-one .title{
  position: relative;
  font-size: 30px;
  font-family: 'Montserrat',sans-serif;
  line-height: 38px;
  color: #222;
  margin-bottom: 43px;
}
.service-details .sidebar-details .content-style-one .title:before{
  position: absolute;
  content: '';
  background: #18a2d3;
  width: 50px;
  height: 4px;
  left: 0px;
  bottom: -20px;
}
.service-details .sidebar-details p{
  margin-bottom: 26px;
}
.service-details .sidebar-details .content-style-two h3{
  margin-bottom: 16px;
}
.service-details .sidebar-details .content-style-two .list li{
  position: relative;
  padding: 0px 0px 0px 23px;
  margin-bottom: 6px;
}
.service-details .sidebar-details .content-style-two li:before{
  position: absolute;
  content: "\f138";
  font-size: 14px;
  font-family: 'FontAwesome';
  left: 0px;
  top: 0px;
  color: #18a2d3;
}
.service-details .sidebar-details .content-style-two .list{
  position: relative;
  margin-bottom: 37px;
  margin-top: -1px;
}
.service-details .accordion-box{
  top: 4px;
  margin-left: 35px;
}
.service-details .accordion-box p{
  margin-bottom: 11px;
}

/*** 

====================================================================
                        team page
====================================================================

***/


.team-page{
  position: relative;
  padding: 100px 0px 29px 0px;
}
.team-page .single-item{
  position: relative;
  margin-bottom: 62px;
}


/*** 

====================================================================
                        gallery page
====================================================================

***/

.gallery-page{
  padding: 88px 0px 70px 0px;
}
.gallery-page .single-item-overlay{
  position: relative;
  margin-bottom: 30px;
}
.gallery-page .gallery_menu{
  position: relative;
  margin-bottom: 42px;
}
.gallery-page .gallery_menu li{
  position: relative;
  display: inline-block;
  margin: 0px 20px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  line-height: 26px;
  color: #222;
  cursor: pointer;
  transition: all 900ms ease;
}
.gallery-page .gallery_menu li.active{
  color: #18a2d3;
  transition: all 900ms ease;
}


/*** 

====================================================================
                        faq page
====================================================================

***/

.faq-page{
  position: relative;
}
.faq-page .accordion-box .accordion .acc-btn .toggle-icon{
  left: 11px;
  top: 20px;
  background: transparent;
}
.faq-page .accordion-box .accordion .acc-btn .toggle-icon i:before{
  color: #848484;
}
.faq-page .accordion-box .accordion .acc-btn.active .acc-title {
  padding: 20px 10px 18px 47px;
}
.faq-page .accordion-box .accordion .acc-btn .acc-title {
  padding: 19px 10px 18px 47px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.faq-page .accordion-box .accordion .acc-content {
  padding: 13px 110px 14px 18px;
  border-bottom: none;
  margin: 0px;
  border-bottom: 1px solid #e5e5e5;
}
.faq-page .accordion-box {
  box-shadow: none;
  border: 1px solid #e5e5e5;
  padding: 0px
}
.accordion-box .accordion .acc-btn .acc-title h5{
  margin-bottom: 0px
}
.faq-page .accrodian-area{
  position: relative;
  padding: 100px 0px;
  padding-right: 30px;
  border-right: 1px solid #e5e5e5;
}
.faq-page .faq-form-area{
  position: relative;
  padding: 95px 0px 80px 0px;
}
.faq-page .faq-form-area .btn-one{
  width: 100%;
}
.faq-page .faq-form-area h3{
  margin-bottom: 23px;
}
.faq-page .faq-form-area textarea{
  margin-bottom: 10px;
}


/*** 

====================================================================
                        testimonial page
====================================================================

***/


.testimonial-page{
  background: #fff;
  width: 100%;
  padding-top: 147px;
  padding-bottom: 0px
}
.testimonial-page:before{
  display: none;
}
.testimonial-page .testimonials-content{
  position: relative;
  border: 1px solid #e5e5e5;
  margin-bottom: 107px;
  transition: all 500ms ease;
}
.testimonial-page .testimonials-content .img-box{
  top: -48px;
}
.testimonial-page .author-thumb {
  padding: 18px 31px 21px 30px;
}
.testimonial-page .testimonials-content:hover{
  border: 1px solid #fff;
  box-shadow: 0 0 10px 5px #f3f3f3;
  transition: all 500ms ease;
}


/*** 

====================================================================
                        error page
====================================================================

***/

.error-section{
  position: relative;
  padding: 120px 0px;
}
.error-section .img-box{
  background: transparent;
  margin-bottom: 7px;
}
.error-section .input-box{
  position: relative;
  margin-bottom: 31px;
}
.error-section .input-box button{
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 14px;
  color: #848484;
  z-index: 1;
  background: transparent;
  transition: all 500ms ease;
}
.error-section .input-box button:hover{
  color: #18a2d3;
}
.error-section .text{
  font-size: 16px;
  margin-bottom: 48px;
}
.error-section .error-title h2{
  margin-bottom: 12px;
}
.error-section .error-content{
  position: relative;
  padding: 0px 50px;
}
.error-section .error-content img{
  width: 100%;
}


/*** 

====================================================================
                        our blog
====================================================================

***/

.our-blog{
  position: relative;
  padding: 100px 0px 100px 0px;
}
.our-blog .single-item{
  margin-bottom: 63px;
}
.our-blog .single-item h4 a,
.our-blog .single-item h4{
  line-height: 28px;
}
.our-blog .single-content .meta{
  margin-bottom: 3px;
}


/*** 

====================================================================
                         blog details
====================================================================

***/

.blog-details{
  position: relative;
  padding: 0px;
}
.blog-details .sidebar-details{
  padding: 100px 0px 100px 0px;
  border-right: 1px solid #e5e5e5;
  padding-right: 29px;
}
.blog-details .news-style-one .title{
  position: relative;
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 44px;
}
.blog-details .news-style-one .title:before{
  position: absolute;
  content: '';
  background: #18a2d3;
  width: 50px;
  height: 4px;
  left: 0px;
  bottom: -21px;
}
.blog-details .news-style-one .img-box{
  margin-bottom: 43px;
}
.blog-details .single-content .meta{
  margin-bottom: 0px;
}
.blog-details .sidebar-details p{
  margin-bottom: 26px;
}
.blog-details .news-style-one{
  margin-bottom: 37px;
}
.blog-details .single-item:hover .img-box img{
  transform: scale(1.0);
}
.blog-details .news-style-two h3{
  margin-bottom: 16px;
}
.blog-details .sidebar-details .post-share-option{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0px 70px 0px;
  margin-bottom: 65px;
}
.blog-details .sidebar-details .post-share-option .share{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  line-height: 26px;
  color: #222;
  margin-right: 11px;
}
.blog-details .sidebar-details .post-share-option .post-social{
  position: relative;
  display: inline-block;
}
.blog-details .sidebar-details .post-share-option .post-social li{
  position: relative;
  display: inline-block;
  margin: 0px 7px 0px 0px;
}
.blog-details .sidebar-details .post-share-option .post-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #848484;
  line-height: 38px;
  width: 38px;
  height: 38px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.blog-details .sidebar-details .post-share-option .post-social li a:hover{
  color: #fff;
  background: #18a2d3;
  border: 1px solid #18a2d3;
}
.blog-details .comment-area h3{
  margin-bottom: 20px;
}
.blog-details .comment-box h3{
  margin-bottom: 23px;
}
.blog-details .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 0px 106px;
  margin-bottom: 19px;
}
.blog-details .comment-area .single-comment .img-box{
  position: absolute;
  left: 0px;
  top: 6px;
  margin-bottom: 0px
}
.blog-details .comment-area .single-comment h5{
  margin-bottom: 2px;
}
.blog-details .comment-area .single-comment .comment-time{
  font-size: 13px;
  margin-bottom: 11px;
}
.blog-details .comment-area .single-comment .comment-time i:before{
  font-size: 13px;
  margin-right: 6px;
}
.blog-details .comment-area .single-comment p{
  margin-bottom: 10px;
}
.blog-details .comment-area .single-comment .button a{
  color: #18a2d3;
}
.blog-details .comment-area .single-comment .button a:hover{
  color: #222;
}
.blog-details .comment-area .single-comment.replay{
  margin-left: 105px;
}
.blog-details .comment-area .single-comment.replay{
  padding: 0px 0px 0px 91px;
}
.blog-details .comment-area{
  margin-bottom: 63px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 43px
}
.blog-details .comment-box input{
  margin-bottom: 30px;
}
.blog-details .comment-box textarea{
  height: 160px;
  margin-bottom: 21px;
}

.blog-details .sidebar{
  padding: 100px 0px;
}
.blog-details .sidebar .search-box{
  position: relative;
  margin-bottom: 26px;
}
.blog-details .sidebar .search-box button{
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 14px;
  color: #848484;
  z-index: 1;
  background: transparent;
  transition: all 500ms ease;
}
.sidebar .search-box .form-group input:focus + button,
.blog-details .sidebar .search-box button:hover{
  color: #18a2d3;
}
.blog-details .sidebar .sidebar-catagories{
  margin-bottom: 45px;
}
.blog-details .sidebar .sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 15px 85px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-details .sidebar .sidebar-post .single-post:last-child{
  border-bottom: none;
  margin-bottom: 17px;
}
.blog-details .sidebar .sidebar-post .single-post .img-box{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 65px;
  height: 65px;
  margin-bottom: 0px;
}
.blog-details .sidebar .sidebar-post .single-post .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.blog-details .sidebar .sidebar-post .single-post:hover .img-box img{
  transform: scale(1.1);
}
.blog-details .sidebar .sidebar-post .single-post h5{
  margin-bottom: 2px;
  line-height: 20px;
}
.blog-details .sidebar h3{
  margin-bottom: 2px;
}
.blog-details .sidebar .sidebar-post h3{
  margin-bottom: 23px;
}
.blog-details .sidebar .sidebar-archives h3{
  margin-bottom: 15px;
}
.blog-details .sidebar .sidebar-archives li a{
  position: relative;
  margin-bottom: 11px;
  display: block;
}


/*** 

====================================================================
                         contact page
====================================================================

***/

/** contact infe **/

.contact-info{
  position: relative;
  padding-top: 100px;
  padding-bottom: 94px;
}
.contact-info .single-info{
  position: relative;
  padding: 55px 30px 32px 93px;
  border: 1px solid #e7e7e7;
  transition: all 500ms ease;
  height: 205px;
}
.contact-info .single-info:hover{
  box-shadow: 0 0 10px 5px #f3f3f3;
}
.contact-info .single-info .icon-box{
  position: absolute;
  left: 30px;
  top: 50px
}
.contact-info .single-info .icon-box i:before{
  font-size: 50px;
  color: #18a2d3;
  margin: 0px;
}
.contact-info .single-info .info-title{
  position: relative;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 10px; 
}
.contact-info .single-info a{
  display: block;
}


/** contact-section **/

.contact-section{
  position: relative;
  padding-bottom: 100px;
}
.contact-section .contact-title{
  position: relative;
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 46px;
}
.contact-section .contact-title:before{
  position: absolute;
  content: '';
  background: #18a2d3;
  width: 50px;
  height: 4px;
  left: 0px;
  bottom: -16px;
  border-radius: 5px;
}
.contact-section input{
  height: 45px;
  margin-bottom: 20px;
  padding: 15px 10px;
}
.contact-section textarea{
  height: 175px;
  padding: 15px 10px;
  margin-bottom: 22px;
}
.contact-section .contact-form-area{
  position: relative;
  padding-right: 10px;
}
.google-map-area {
  position: relative;
  padding-left: 10px;
}
#contact-google-map {
  height: 385px;
  width: 100%;
}
.inquiry {
  padding-top: 40px;
}
.active {
  color: #18a2d3!important;
}
.service_color h2 {
  /*color: #dcc8c8;*/
  color: #fff;
}
.we-do-title h4{
  /*color: #dcc8c8;*/
  color: #e6e6e6;
}
.head_title h2{
  color: #fff;
}
.pd-l
{
  padding-left: 75px!important;
  text-align: left!important;
}
.w3_address li i {
    padding: .5em 0em;
    margin-right: 20px;
    color: #fff;
}
.w3_address a{
    color: #fff;
}
.right-box
{
  padding-top: 15px;
}
.right-box h5
{
  font-weight: 600;
}
.right-box h6
{

}
.right-box hr
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
  position: fixed;
  background: #fff;
}
.navbar-new
{
  background: #fff;
  margin-bottom: 0px;
  border: none;
  border-radius: 0;
  box-shadow: 0px 1px 13px rgba(0,0,0,0.3);
}
.navbar-brand
{
  height: auto!important;
}
.navbar-new li a
{
  padding: 47px 20px;
  position: relative;
    display: block;
    font-size: 15px;
    color: #222;
    line-height: 26px;
    font-weight: 600;
    
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
    
}
.navbar-new li a:hover
{
background: transparent;
color: #18a2d3;
}
.navbar-brand>img
{
  height:55px;
}
.navbar-toggle-new .icon-bar
{
  background: #3c3a3a;
  
}
.navbar-toggle-new
{
  border: 1px solid #3c3a3a;
  margin: 25px 15px;
}
.title-text1 h2
{
  color: #fff!important;
}
.title-text1::before
{
  position: absolute;
content: '';
background: #fff!important;
height: 4px;
width: 50px;
left: 50%;
margin-left: -25px;
bottom: -21px;
}
.services-box h4
{
  margin: 0;
}
.left-contant h1
{
  color: #000;
  line-height: 36px;
  font-size: 36px;
}
.carousel-single > .item > img
{
  max-height: 300px!important;
  min-height: 300px!important;
}
.service-page-section
{
  padding: 80px 0px;
}
.navbar-header img{
  width: 100%;
  padding: 10px;
}
.my-dropdown
{
  display: none;
  background: #fff;
  position: absolute;
  width: 165px;
  z-index: 9999;
 
}
.my-dropdown li
{
  color: #000;
}
.my-dropdown li a
{
  color: #000;
  padding: 10px;
  text-align: left;
}
.dropdowns
{
  position: relative;
}
.dropdowns:hover .my-dropdown
{
  display: block;
}
.mr-t
{
  margin-top: 15px;
}
.get-btn
{
  padding: 5px 10px;
}
.service-colmun
{
  margin-bottom: 50px;
  padding: 0;
  background: #F8F8F8;
  box-shadow: 0px 2px 11px rgba(0,0,0,0.3);
}
.service-colmun1
{
  margin-bottom: 50px;
  padding: 0;
  background: #fff;
  box-shadow: 0px 2px 11px rgba(0,0,0,0.3);
}
.service-colmun h1
{
  font-size: 36px;
  text-align: center;
  color: #000;
}
.pd-0
{
  padding: 0; 
}
.text-right
{
  text-align: right;
}
#product-all  .img-box img
{
  height: 275px;
  width: 380px
}
.product-detail
{
  padding: 15px;
}
.country-select
{
  border: 1px solid #e5e5e5;
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    padding: 0px 10px;
}
/*  slider   */
#slider-section .slides {
  padding: 0;
  width: 100%;
  height: 500px;
  display: block;
  margin: 0 auto;
  position: relative;
}

#slider-section .slides * {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

#slider-section .slides input { display: none; }

#slider-section .slide-container { display: block; }

#slider-section .slide {
  top: 0;
  opacity: 0;
  width: 100%;
  height: 500px;
  display: block;
  position: absolute;

  transform: scale(0);

  transition: all .7s ease-in-out;
}

#slider-section .slide img {
  width: 100%;
  height: 100%;
}

#slider-section .nav label {
  width: 200px;
  height: 100%;
  display: none;
  position: absolute;

  opacity: 0;
  z-index: 9;
  cursor: pointer;

  transition: opacity .2s;

  color: #18a2d3;
  font-size: 69px;
  text-align: center;
top:47%;
}

#slider-section .slide:hover + .nav label { opacity: 0.5; }

#slider-section .nav label:hover { opacity: 1; }

#slider-section .nav .next { right: 0; }

#slider-section input:checked + .slide-container  .slide {
  opacity: 1;

  transform: scale(1);

  transition: opacity 1s ease-in-out;
}

#slider-section input:checked + .slide-container .nav label { display: block; }

#slider-section .nav-dots {
width: 100%;
bottom: 30px;
height: 11px;
display: block;
position: absolute;
text-align: center;
}

#slider-section .nav-dots .nav-dot {
top: -5px;
width: 11px;
height: 11px;
margin: 0 4px;
position: relative;
border-radius: 100%;
display: inline-block;
background-color:#18a2d3;
opacity: 0.5;
}

#slider-section .nav-dots .nav-dot:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);
}

}
.google_translate_element
{
 padding: 3px 0px;
}
.footer-logo img
	{
	
		margin-bottom:15px; 
	}