/* Css Antwerp */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Our History
7. Quotes Section
9. Service Section
8. Our Team
10. Faq Client
11. Choose Us Section
12. News Section
14. Google Map Section
15. Main Footer
16. Footer Bottom
19. Main Slider Style Two
20. Service Style Two
21. Choose Us Style Two
22. Gallery Section
23. Testimonial Section
24. Page Title
25. Brand Section
26. Error Section
27. Service Page
28. Service Details Page
29. Service Details Content
30. Project Page
31. Blog Classic
32. Blog Classic Content
33. Sidebar
34. Blog Details
35. Blog Detaila Content
36. Contact Section
37. Contact Info
38. Contact Form


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


/* use font link */


@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');



/* 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(hover.css);
@import url(bootstrap-select.min.css);



/*** 

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

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


/*** 

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

 ***/


body {
  font-size:17px;
  color:#777777;
  line-height:26px;
  font-weight:300;
  background:#ffffff;
  font-family: 'Roboto', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 0px;
  }
}

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

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


.centred{
  text-align: center;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow-x: hidden;
}


a{
  text-decoration:none;
  position: relative;
  font-size: 17px;
  font-family: 'Roboto Condensed',sans-serif;
  line-height: 26px;
  font-weight: 400;
  cursor:pointer;
  color:#fdc900;
  transition: all 500ms ease;
}

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

input,button,select,textarea{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.in-block li{
  display: inline-block;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}
input:focus,
textarea:focus{
  outline: none;
  border-color: #fdc900;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  font-weight: 300;
  color: #777777;
  margin-bottom: 10px;
  font-style: normal;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Roboto Condensed', Sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #333333;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #333333;
  transition: all 500ms ease;
}

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

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

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

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

h6{
  font-size: 16px;
  line-height: 25px;
} 

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

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

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

h6 a{
  font-size: 16px;
  line-height: 25px;
}

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

.centered{
  text-align:center;  
}

.sp-one{
  padding: 111px 0px 100px 0px;
}
.sp-two{
  padding: 120px 0px 120px 0px;
}
.sp-three{
  padding: 109px 0px 120px 0px;
}


/** button **/

.btn-one {
  font-size: 17px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px 22px 10px 21px;
  color: #ffffff;
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-one:before {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  border-radius: 5px;
}

.btn-one:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-two {
  font-size: 17px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px 34px 10px 33px;
  color: #333;
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-two:before {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  border-radius: 5px;
}
.btn-bg{
  background: #fdc900; 
  border: 2px solid #fdc900;
}
.btn-bg2{
  background: #fff;
  border: 2px solid #fff;
}
.btn-two:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
a.btn-two:hover{
  color: #fff;
}


.page-pagination{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
}
.page-pagination li{
  display: inline-block;
  margin: 0px 1px;
}
.page-pagination li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e4e4e4;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  font-weight: 500;
  transition: all 500ms ease;
}
.page-pagination li a:hover,
.page-pagination li a.active{
  background: #fdc900;
  border: 1px solid #fdc900;
  transition: all 500ms ease;
}



.thm-btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.thm-btn:before {
  background-color: #2B2C36;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.bg-clr1{
  background: #ff2b58;  
  color: #fff;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.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);
}

.scroll-to-top span{
  color: #fff;
  transition: all 500ms ease;
}
.scroll-to-top:hover{
  background: #222;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:38px;
  width:40px;
  height:40px;
  background: #fdc900;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  border-radius: 50%;
  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: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%);
}

.sec-title h2{
  position: relative;
  margin-bottom: 56px;
}
.sec-title h2:before{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 43px;
  height: 3px;
  left: 50%;
  margin-left: -25px;
  bottom: -23px;
}

.sec-title-two h2{
  position: relative;
  margin-bottom: 49px;
}
.sec-title-two h2:before{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 43px;
  height: 3px;
  left: 0px;
  bottom: -23px;
}

.overlay-bg{
  position: relative;
}
.overlay-bg:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: block;
  background: rgba(23, 45, 64, 0.90);
}

.yellow-bg{
  background: #fdc900;
}

.blue-bg{
  background: #0f263a;
}

.gray-bg{
  background: #f8f8f8;
}


/*=============== Style switcher =============*/

.switcher .switch_btn button {
  width:35px;
  height:35px;
  border:none;
  background: #fbca00;
  color:#fff;
  font-size: 24px;
}
.switcher .switch_btn {
  position: absolute;
  right: -35px;
  z-index: -1;
}
.switcher .switch_btn i.fa{
  font-size: 15px;
}
.switcher {
  position: fixed;
  top:450px;
  z-index: 999999;
}

.switcher .switch_menu {
  width:280px;
  background: #fff;
  display: none;
  position: relative;
  border: 1px solid #222222;
/*  height: 300px;
  overflow: hidden;
  overflow-y: scroll;*/
}
.switcher .switch_menu .switcher_container {
  width:270px;
  margin:0 auto;
}
.switcher .switch_menu h4.title {
  color:#fff;
  margin:0;
  line-height: 60px;
  background: #222222;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.switcher .switch_menu .switcher_container h5 {
  text-align: center;
  color:#666666;
  font-weight: 500;
  margin-bottom: 10px;
}
.switcher .switch_menu .text{
  font-size: 12px;
  text-align: center;
  margin-bottom: 25px;
}
#styleOptions{
  text-align: center;
}
.switcher #styleOptions li {
  display: inline-block;
  width:40px;
  height:40px;
  margin-right:2px;
}
.switcher #styleOptions li a {
  display: block;
  width:100%;
  height:100%;
}
.switcher #styleOptions li a.color2 {
  background: url(../images/home/color1.jpg) no-repeat center;
}
.switcher #styleOptions li a.color3 {
  background: url(../images/home/color2.jpg) no-repeat center;
}
.switcher #styleOptions li a.color4 {
  background: url(../images/home/color3.jpg) no-repeat center;
}
.switcher #styleOptions li a.color5 {
  background: url(../images/home/color4.jpg) no-repeat center;
}
.switcher #styleOptions li a.color6 {
  background: url(../images/home/color5.jpg) no-repeat center;
}
.switcher #styleOptions li a.color7 {
  background: url(../images/home/color6.jpg) no-repeat center;
}
.switcher #styleOptions li a.color8 {
  background: url(../images/home/color7.jpg) no-repeat center;
}
.switcher #styleOptions li a.color9 {
  background: url(../images/home/color8.jpg) no-repeat center;
}
.switcher #styleOptions li a.color10 {
  background: url(../images/home/color9.jpg) no-repeat center;
}
.switcher #styleOptions li a.color11 {
  background: url(../images/home/color10.jpg) no-repeat center;
}





/*** 

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

***/

/** main-menu **/


.theme_menu{
  background:#ff0000;
  width: 100%;
}
.main-menu {
  position: relative;
  display: inline-block;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
}
.navigation > li {
  display: inline-block;
  margin: 0px 63px 0px 0px;
}
.main-menu li.dropdown{
  position: relative;
}
.main-menu li.dropdown:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #222222;
  font-size: 16px;
  right: -15px;
  top: 14px;
  cursor: pointer;
}
.main-menu li.current.dropdown:after{
  color: #fdc900;
}
.main-header li.dropdown.current:before{
  color: #f3a28b;
}
.navigation > li > a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 14px 0px 15px 0px;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  transition: all 500ms ease 0s;
}
.navigation > li.current > a{
  color: #fdc900;
}

.navigation > li > ul {
  position: absolute;
  right: auto;
  top: 100%;
  background: #222;
  width: 230px;
  border-bottom: 3px solid #fbca00;
  padding: 5px 30px;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
}

.navigation > li > ul > li > a {
  color: #c1c1c1;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  padding: 12px 0px;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
.hidden-bar .navigation > li{
  display: block;
}

.navigation > li > ul > li:last-child > a {
  border-bottom: 0px;
}

.navigation > li > ul > li:hover > a {
  color: #fbca00;
}


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

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 15px;
  top: 0;
  width: 30px;
  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: #f60002;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);
}


/** Main Header Style **/


.main-header .header-top{
  position: relative;
  width: 100%;
  background: #0f263a;
  padding: 8px 0px 10px 0px;
}
.header-top .top-left{
  position: relative;
  display: inline-block;
}
.header-top .top-left li{
  position: relative;
  font-size: 14px;
  color: #c1cfdb;
  margin-right: 25px;
}
.header-top .top-left i:before{
  color: #fbca00;
}
.main-header .header-top .social-top{
  position: relative;
  float: right;
  display: inline-block;
  top: 1px;
}
.main-header .header-top .social-top li a{
  position: relative;
  display: inline-block;
  font-size: 13.5px;
  color: #c9d8e4;
  margin: 0px 11px;
}
.main-header .header-top .social-top li a:hover{
  color: #fbca00;
}
.logo-box{
  background: url(../images/logo/logo1.png) no-repeat 9% 100%;
  height: 46px;
  width: 173px;
  display: inline-block;
  margin-top: 5px;
}
.logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.logo-area{
  padding: 45px 0px 54px 0px;
}
.header-middle{
  padding: 32px 0px 23px 0px;
}
.header-middle .header-info{
  float: right;
}
.header-middle .header-info .single-info{
  position: relative;
  display: inline-block;
  margin-left: 65px;
  padding: 0px 0px 0px 69px;
}
.header-middle .header-info .single-info:nth-child(3){
  padding: 0px;
  top: -10px;
}
.header-middle .header-info .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 2px;
  width: 50px;
  height: 50px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.header-middle .header-info .single-info .icon-box i:before{
  font-size: 26px;
  margin: 0px;
  color: #444444;
}
.header-middle .header-info .single-info .text{
  font-size: 14px;
  color: #fdc900;
}
.header-middle .header-info .single-info h4{
  margin-bottom: -3px;
}
.header-search{
  position: relative;
  float: right;
}
.header-search input[type='search']{
  width: 260px;
  height: 55px;
  background: #f1f1f1;
  border: 2px solid #f1f1f1;
  padding: 10px 40px 10px 20px;
  margin-bottom: 0px;
}
.header-search input:focus{
  border: 2px solid #fdc900;
  transition: all 500ms ease;
}
.header-search input:focus + button,
.header-search button:hover{
  color: #fbca00;
}
.header-search button{
  position: absolute;
  top: 15px;
  right: 20px;
  background: transparent;
  z-index: 1;
  transition: all 500ms ease;
}


/** main slider **/


.main-slider{
  position:relative;
}

.main-slider .slide{
  position:relative;
  padding:218px 0px 225px 0px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-slider .slide:before{
  position: absolute;
  content: '';
  background: rgba(0 0 0 / 65%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.main-slider .text{
  position:relative;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.main-slider .active .text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1300ms;
}

.main-slider h1{
  position:relative;
  opacity:0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.main-slider .active h1{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1000ms;
}

.main-slider .link-btn{
  opacity:0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.main-slider .active .link-btn{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 2500ms;
}


.main-slider .owl-dots{
  display: none !important;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:1;
  width:100%;
  margin-top:-20px;
}

.main-slider .text{
  position: relative;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  line-height: 30px;
  color: #fdc900;
  margin-bottom: 24px;
  transition: all 500ms ease;
}
.main-slider h1{
  position: relative;
  font-size: 50px;
  font-weight: 700;
  line-height: 54px;
  max-width: 850px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 45px;
}
.slider-style-two h1{
  max-width: 100%;
}
.main-slider .link-btn .btn-one{
  padding: 10px 33px 10px 33px;
  margin-right: 6px;
}
.main-slider .link-btn .btn-two{
  padding: 10px 42px 10px 42px;
}
.slider-style-two .link-btn .btn-one{
  padding: 10px 41px 10px 41px;
}
.main-slider .link-btn .btn-two{
  padding: 10px 42px;
}
.slider-style-two .link-btn .btn-two{
  padding: 10px 31px;
}

/* slide nav */


.owl-nav .owl-next,
.owl-nav .owl-prev {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background:  transparent;
  text-align: center;
  border: 1px solid #ffffff;
  font-size: 20px;
  color: #fff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:1;
  width:100%;
  margin-top:-20px;
}

.main-slider .owl-nav .owl-prev{
  position:absolute;
  left:40px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background:  transparent;
  text-align: center;
  border: 1px solid #ffffff;
  font-size: 20px;
  color: #fff;
  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-slider .owl-nav .owl-next{
  position:absolute;
  right:40px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background:  transparent;
  text-align: center;
  border: 1px solid #ffffff;
  font-size: 20px;
  color: #fff;
  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-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
  color:#ffffff;
  background-color:#51dc3c;
}

/** our-history **/


.our-history{
  padding-bottom: 115px;
}
.our-history .text{
  font-size: 20px;
  font-weight: 300;
  color: #333;
  line-height: 28px;
  margin-bottom: 68px;
}
.our-history .single-content{
  position: relative;
  display: inline-block;
  margin: 0px 57px;
}
.our-history .single-content:before{
  position: absolute;
  content: '';
  background: #e4e4e4;
  height: 86px;
  width: 1px;
  top: 0px;
  right: -50px;
}
.our-history .single-content:nth-child(3):before{
  display: none;
}
.our-history .single-content i:before{
  font-size: 57px;
  color: #fdc900;
  margin: 0px;
  transition: all 500ms ease;
}
.our-history .single-content i{
  display: inline-block;
  margin-bottom: 6px;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}
.our-history .single-content:hover i{
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}


/** quotes-section **/

.quotes-section{
  position: relative;
  width: 100%;
  font-size: 35px;
  font-weight: 300;
  font-family: 'Roboto Condensed', sans-serif;
  color: #333;
  line-height: 46px;
  padding: 77px 0px 81px 0px;
}
.quotes-section:before{
  content: '';
  position: absolute;
  background: url(../images/resources/quotes.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}


/** service-section **/


.service-section{
  padding-bottom: 60px;
}
.single-service-content img{
  width: 100%;
  transform: scale(1.0);
  transition: all 500ms ease;
}
.single-service-content:hover img{
  transform: scale(1.1);
}
.single-service-content .img-box{
  overflow: hidden;
}
.single-service-content .lower-content{
  position: relative;
  padding: 23px 0px 45px 70px;
}
.single-service-content .lower-content .button a:hover{
  color: #222222;
}
.single-service-content .lower-content .icon-box{
  position: absolute;
  left: 0px;
  top: 37px;
}
.single-service-content .lower-content .icon-box i:before{
  font-size: 57px;
  color: #505355;
  margin: 0px;
  transition: all 500ms ease;
}
.single-service-content:hover .lower-content .icon-box i:before{
  color: #fdc900;
}
.single-service-content .lower-content h3{
  margin-bottom: 9px;
}
.service-title p{
  margin-bottom: 74px;
}
.service-title .sec-title h2{
  margin-bottom: 49px;
}
.single-service-content:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}
.service-section .single-item-overlay{
  margin-bottom: 0px;
}
.service-section .single-item-overlay .overlay .content a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  font-size: 14px;
  color: #222222;
  border-radius: 50%;
  text-align: center;
}
.service-section .single-item-overlay .overlay .content a:hover{
  background: #222222;
  color: #ffffff;
}


/** our-team **/


.our-team{
  position: relative;
  padding: 108px 0px 112px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.our-team .sec-title-two h2{
  color: #fff;
}
.our-team p{
  color: #fff;
  margin-bottom: 34px;
}
.btn-one.pad{
  padding: 10px 42px 10px 41px;
}
.single-team .img-box{
  overflow: hidden;
  margin-bottom: 13px;
}
.single-team img{
  transform: scale(1.0);
  transition: all 500ms ease;
  width: 100%;
}
.single-team:hover img{
  transform: scale(1.1);
}
.single-team .lower-content h4 a{
  color: #fff;
  display: inline-block;
  margin-bottom: 2px;
}
.single-team .lower-content h4 a:hover{
  color: #fdc900;
}
.single-team .lower-content .text{
  font-weight: 300;
  font-size: 15px;
  color: #bdcbd8;
}
.our-team-content{
  margin: 9px 0px 0px 10px;
}
.our-team-content .single-team:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}
.our-team-content .single-item-overlay{
  margin-bottom: 0px;
}
.our-team-content .single-item-overlay .overlay .content a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  font-size: 14px;
  color: #222222;
  border-radius: 50%;
  margin: 0px 2px;
  text-align: center;
}
.our-team-content .single-item-overlay .overlay .content a:hover{
  background: #222222;
  color: #ffffff;
}


/** faq-client **/


.faq-client{
  padding-bottom: 90px;
}
.accordion {
  border-bottom: 1px solid #e8e8e8;
}
.accordion .acc-btn {
  position: relative;
  cursor: pointer;
  padding: 16px 0px 17px 50px;
  transition: all 500ms ease;
}
.accordion .acc-btn .toggle-icon span {
  position: absolute;
  left: 0px;
  top: 19px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #d7d7d7;
}
.accordion .acc-btn.active .toggle-icon span{
  border: 1px solid #fdc900;
}
.accordion .acc-btn.active .toggle-icon span::before{
  color: #fdc900;
}
.accordion .acc-btn .toggle-icon span::before {
  font-size: 14px;
  margin: 0px;
  color: #999999;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}

.accordion-box .accordion .acc-btn .toggle-icon .minus{
  opacity: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
}

.accordion-box .accordion .acc-content {
  display: none;
  padding: 0px 30px 10px 50px;
  margin-top: -6px;
}
.accordion-box .accordion:last-child .acc-content{
  border-bottom: none;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-content p{
  margin-bottom: 13px;
}
.faq-content .sec-title-two h2{
  margin-bottom: 57px;
}
.faq-content{
  margin-right: 25px;
}
.client-logo .img-box{
  position: relative;
  display: inline-block;
  border: 1px solid #f0f0f0;
  margin: 14px 14px;
  float: left;
  transition: all 500ms ease;
}
.client-logo .img-box:hover{
  border: 1px solid #fbca00;
}
.client-content p{
  margin-bottom: 34px;
}
.client-content .sec-title-two h2{
  margin-bottom: 71px;
}


/** choose-us-section **/


.choose-us{
  padding: 67px 0px 54px 0px;
}
.choose-us-content .icon-box{
  position: relative;
  display: inline-block;
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  background: #0f263a;
  border-radius: 50%;
  margin-bottom: 20px;
  box-shadow: 0 0 0px 5px rgba(15, 38, 58, 0.2);
  transition: all 500ms ease;
}
.choose-us-content .icon-box i:before{
  font-size: 40px;
  color: #fff;
  margin: 0px;
  transition: all 500ms ease;
}
.choose-us-content:hover .icon-box{
  background: #fff;
  transition: all 500ms ease;
}
.choose-us-content:hover .icon-box i:before{
  color: #333;
  transition: all 500ms ease;
}
.choose-us-content h3{
  margin-bottom: 8px;
}
.choose-us-content .text{
  position: relative;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  color: #444444;
  margin-bottom: 10px;
}


/** news-section **/


.single-news-content{
  position: relative;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.single-news-content img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.single-news-content:hover img{
  transform: scale(1.1);
}
.single-news-content .img-box{
  overflow: hidden;
  margin-bottom: 22px;
}
.single-news-content .text{
  font-size: 15px;
  margin-bottom: 2px;
}
.single-news-content h3 a{
  display: block;
  line-height: 28px;
}
.news-section .sec-title h2{
  margin-bottom: 103px;
}
.single-news-content:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}
.single-news-content .single-item-overlay{
  margin-bottom: 0px;
}
.single-news-content .single-item-overlay .overlay .content a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  font-size: 14px;
  color: #222222;
  border-radius: 50%;
  text-align: center;
}
.single-news-content .single-item-overlay .overlay .content a:hover{
  background: #222222;
  color: #ffffff;
}


/** google map **/


.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 300px;
  width: 100%;
}


/** main-footer **/


.main-footer{
  padding: 85px 0px 64px 0px;
}
.logo-wideget{
  margin-top: -3px;
  margin-right: 30px;
}
.main-footer .link-wideget{
  margin-left: -20px;
}
.footer-logo{
  position: relative;
  background: url(../images/footer/logo1.png) no-repeat 9% 100%;
  height: 46px;
  width: 173px;
  margin-bottom: 33px;
}
.footer-logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-footer{
  font-size: 16px;
  color: #94a8b9;
  line-height: 25px;
}
.footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  background: #273c4e;
  border-radius: 50%;
  color: #fff;
  margin-right: 7px;
}
.footer-social li a:hover{
  color: #fdc900;
}
.main-footer .text{
  margin-bottom: 35px;
}
.footer-title h3{
  position: relative;
  color: #fff;
  margin-bottom: 45px;
}
.footer-title h3:before{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 33px;
  height: 2px;
  left: 0px;
  bottom: -20px;
}
.link-list li a{
  position: relative;
  display: block;
  font-size: 16px;
  color: #94a8b9;
  margin-bottom: 12px;
  padding: 0px 0px 0px 15px;
}
.link-list li a:hover,
.link-list li a:hover:before{
  color: #fdc900;
}
.link-list li a:before{
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #94a8b9;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}

.contact-wideget .single-item{
  position: relative;
  padding: 0px 0px 0px 58px;
}
.contact-wideget .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 10px;
}
.contact-wideget .single-item .icon-box i:before{
  font-size: 32px;
  color: #fdc900;
  margin: 0px;
}
.contact-wideget .single-item h5{
  color: #fff;
  margin-bottom: -1px;
}
.contact-wideget .text{
  margin-bottom: 17px;
}
.subscribe-wideget input[type='text'],
.subscribe-wideget input[type='email']{
  position: relative;
  width: 100%;
  height: 50px;
  background: #061523;
  border: 1px solid #061523;
  padding: 10px 20px;
  margin-bottom: 0px;
  color: #8597a7;
  transition: all 500ms ease;
}
.subscribe-wideget .form-group{
  margin-bottom: 10px;
}
.subscribe-wideget input:focus{
  border: 1px solid #fdc900;
  transition: all 500ms ease;
}
.subscribe-wideget ::-webkit-input-placeholder { /* Chrome */
  color: #8597a7;
}

.subscribe-wideget :-ms-input-placeholder { /* IE 10+ */
  color: #8597a7;
}
.subscribe-wideget ::-moz-placeholder { /* Firefox 19+ */
  color: #8597a7;
  opacity: 1;
}
.subscribe-wideget :-moz-placeholder { /* Firefox 4 - 18 */
  color: #8597a7;
  opacity: 1;
}
.subscribe-wideget .footer-title h3{
  margin-bottom: 51px;
}
.subscribe-wideget button{
  margin-top: 9px;
}
.subscribe-wideget .btn-one{
  padding: 10px 33px 10px 32px;
}

/** footer bottom **/

.footer-bottom{
  font-size: 15px;
  color: #a2b6c8;
}
.footer-bottom-content{
  border-top: 1px solid #1e3a52;
  padding: 18px 0px 20px 0px;
}
.footer-bottom-content .buttom-right{
  position: relative;
  display: inline-block;
  float: right;
}
.footer-bottom-content .copyright{
  display: inline-block;
}
.footer-bottom-content .buttom-right li{
  position: relative;
  margin-left: 35px;
}
.footer-bottom-content .buttom-right li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #a2b6c8;
}
.footer-bottom-content .buttom-right li a:hover{
  color: #fbca00;
}
.footer-bottom-content .buttom-right li:before{
  position: absolute;
  content: '';
  background: #a2b6c8;
  width: 1px;
  height: 13px;
  top: 7px;
  right: -21px;
}
.footer-bottom-content .buttom-right li:last-child:before{
  display: none;
}


/*** 

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

***/


.slider-style-two .btn-two{
  padding: 10px 19px 10px 19px;
}
.slider-style-two .btn-one{
  padding: 10px 31px 10px 31px;
}


/** service-style-two **/


.service-style-two{
  padding-bottom: 85px;
}
.service-style-two .single-service-content p{
  margin-bottom: 8px;
}
.service-style-two .owl-nav{
  display: none;
}
.service-title-two .sec-title-two{
  display: inline-block;
}
.service-title-two .button{
  position: relative;
  display: inline-block;
  float: right;
  top: 9px;
}
.service-title-two{
  margin-bottom: 54px;
}
.owl-dots{
  text-align: center;
  margin-top: -8px;
}

/** chooseus-style-two **/

.chooseus-style-two{
  position: relative;
  padding: 123px 0px 78px 0px;
}
.chooseus-style-two .img-column {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.choose-us-content-two .single-item{
  position: relative;
  padding: 0px 0px 0px 113px;
  margin-bottom: 47px;
}
.choose-us-content-two .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 3px;
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border: 1px solid #fdc900;
  border-radius: 50%;
  transition: all 500ms ease;
}
.choose-us-content-two .single-item:hover .icon-box{
  background: #222222;
  border: 1px solid #222222;
}
.choose-us-content-two .single-item .icon-box i:before{
  font-size: 40px;
  margin: 0px;
  color: #505355;
  transition: all 500ms ease;
}
.choose-us-content-two .single-item:hover .icon-box i:before{
  color: #ffffff;
}
.choose-us-content-two .single-item h3{
  margin-bottom: 8px;
}


/** gallery-section **/




.single-item-overlay{
  position: relative;
  margin-bottom: 30px;
}
.single-item-overlay .img-box img {
  width: 100%;
}

.single-item-overlay .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(42, 72, 88, 0.8);
  width: 100%;
  transform: scale(0.7,0);
  transition: .5s ease-in-out;
}
.single-item: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: 0%;
  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;
}
.single-item-overlay .content h5{
  color: #fff;
  margin-bottom: 0px;
}
.single-item-overlay .content a{
  text-decoration: underline;
  font-size: 15px;
}
.single-item-overlay .content a:hover{
  color: #ffffff;
}
.gallery-title .text{
  margin-bottom: 74px;
}
.gallery-title .sec-title h2{
  margin-bottom: 49px;
}
.gallery-section .button{
  margin-top: 30px;
}


/** call-back-section **/



.call-back-section{
  padding: 115px 0px;
}
.call-back-content .text{
  display: inline-block;
  margin-bottom: 41px;
  padding-bottom: 42px;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 6px;
  line-height: 28px;
}
.brand-content li{
  margin-right: 79px;
}
.brand-content li:nth-child(3){
  margin-right: 0px;
}
.call-back-content{
  margin-right: 45px;
}

.form-group {
  margin-bottom: 0px;
}
.bootstrap-select {
  background: transparent;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #777;
  background: #fff;
  height: 50px;
  padding: 15px 20px;
      border: 1px solid #f8f8f8;
}
.bs-caret {
  display: none;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  top: 50px;
  transform: scaleY(0);
  transform-origin: top center;
  transition: .4s ease;
}
.bootstrap-select.open .dropdown-menu {
  transform: scaleY(1);
  transition: .4s ease;
}
.dropdown-menu>li>a {
  padding: 8px 15px;
}
.dropdown-menu>li>a:hover {
  background-color: #fdc900;
  color: #fff;
}
.bootstrap-select>.dropdown-toggle{
  padding-right: 0px;
}
.g-select {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
  height: 50px;
  width: 100%;
}
.select-box{
  position: relative;
  margin-bottom: 15px;
}
.select-box i{
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  z-index: 9;
}
.select-box i:before{
  font-size: 18px;
  color: #848484;
  margin: 0px;
}
.call-back-form{
  margin-left: -17px;
  padding: 44px 59px; 
  border: 1px solid #e9e9e9;
}
.call-back-section .call-back-form input[type='text'],
.call-back-section .call-back-form input[type='email'],
.call-back-section .call-back-form input[type='search'],
.call-back-section .call-back-form input[type='number'],
.call-back-section .call-back-form input[type='password'],
.call-back-section .call-back-form textarea{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #f8f8f8;
  background: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.call-back-section .call-back-form textarea{
  height: 140px;
  resize: none;
  margin-bottom: 13px;
}
button:hover{
  color: #fdc900;
}
.call-back-section .call-back-form input:focus,
.call-back-section .call-back-form textarea:focus{
  border: 1px solid #fdc900;
}


/** testimonial-section **/


.testimonial-section{
  position: relative;
  background: #fdc900;
  color: #0f263a;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 56px 0px 49px 0px;
}
.testimonial-section:before{
  position: absolute;
  content: '';
  background: url(../images/resources/quotes.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial-section .owl-theme .owl-controls{
  display: none;
}
.testimonial-content .icon-box{
  margin-bottom: 28px;
}
.testimonial-content .icon-box i:before{
  font-size: 40px;
}
.testimonial-content .text{
  margin-bottom: 43px;
  font-size: 20px;
  line-height: 30px;
}
.testimonial-content .author h4{
  position: relative;
}
.testimonial-content .author h4:before{
  position: absolute;
  content: '';
  background: #0f263a;
  width: 31px;
  height: 1px;
  left: 50%;
  margin-left: -25px;
  top: -22px;
}


/*** 

====================================================================
                        about-page
====================================================================

***/

.page-title{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 149px 0px 137px 0px;
}
.page-title .title{
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}
.bread-crumb{
  position: relative;
  display: inline-block;
  float: right;
}
.bread-crumb li{
  position: relative;
  display: inline-block;
  padding-right: 15px;
  margin-right: 9px;
}
.bread-crumb li:last-child{
  padding-right: 0px;
  margin-right: 0px;
}
.bread-crumb li:first-child:before {
  content: '\f105';
  position: absolute;
  right: -3px;
  top: 0px;
  font-size: 16px;
  color: #fff;
  font-family: 'FontAwesome';
}
.bread-crumb a{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
}
.bread-crumb span{
  color: #fdc900;
  font-size: 16px;
  letter-spacing: 1px;
}


/** brand-section **/

.brand-section{
  position: relative;
  padding: 111px 0px 119px 0px;
}
.brand-section .brand-slider .img-box{
  position: relative;
  text-align: center;
  width: 180px;
  height: 100px;
  margin: auto;
  border: 1px solid #f0f0f0;
  transition: all 500ms ease;
}
.brand-section .brand-slider .img-box img{
  max-width: 100%;
  width: auto;
  display: inline-block;
}
.brand-section .brand-slider .img-box:hover{
  border: 1px solid #fdc900;
}
.brand-slider{
  position: relative;
  padding: 0px 75px;
}
.brand-section .text{
  margin-bottom: 74px;
}
.brand-section .sec-title h2{
  margin-bottom: 49px;
}
.brand-section .owl-controls{
  display: none;
}


/** error-section **/


.error-section{
  color: #0f263a;
  padding: 176px 0px 200px 0px;
}
.error-section .error-title{
  font-size: 180px;
  line-height: 180px;
  margin-bottom: 16px;
  font-weight: 700;
}
.error-section .text{
  font-size: 30px;
  margin-bottom: 47px;
}

/** call-back-style-two **/

.call-back-style-two input,
.call-back-style-two textarea,
.call-back-style-two .bootstrap-select.btn-group .dropdown-toggle .filter-option{
  background: #f8f8f8;
}

/*** 

====================================================================
                        service details
====================================================================

***/


.service-details{
  padding-bottom: 88px;
}
.categories-list li a{
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0px 13px 35px;
  margin-bottom: 10px;
  border: 3px solid #f3f3f3;
  color: #333333;
  font-size: 20px;
}
.categories-list li i:before{
  font-size: 16px;
}
.categories-list li a.active,
.categories-list li a:hover{
  color: #fdc900;
}
.service-details-sidebar{
  margin-right: -18px;
}
.categories-list{
  margin-bottom: 52px;
}
.brochure-list li a{
  position: relative;
  display: block;
  text-align: right;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #333;
  background: #f6f6f6;
  padding: 18px 45px 16px 65px;
  margin-bottom: 10px;
}
.brochure-list li a:hover{
  color: #fbca00;
  background: #0f263a;
}
.brochure-list li i{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 58px;
  line-height: 60px;
  text-align: center;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #0f263a;
}
.brochure-list li i:before{
  font-size: 20px;
  margin: 0px;
  color: #fff;
}
.brochure h3{
  margin-bottom: 22px;
}
.brochure{
  margin-bottom: 60px;
}
.have-question{
  position: relative;
  background: url(../images/home/1.html);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 39px 15px 36px 15px;
}
.have-question .title{
  font-size: 28px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin-bottom: 13px;
}
.have-question .content{
  position: relative;
  z-index: 1;
}
.have-question h3{
  color: #fff;
  margin-bottom: 21px;
}
.have-question .text{
  font-size: 22px;
  font-weight: 400;
  color: #fdc900;
  line-height: 35px;
}
.service-details-content img{
  width: 100%;
}
.service-details-content{
  margin-left: 40px;
}
.service-details-content .owl-nav .owl-prev{
  position: absolute;
  top: 45%;
  left: 30px;
}
.service-details-content .owl-nav .owl-next{
  position: absolute;
  top: 45%;
  right: 30px;
}
.service-details-content .owl-dots{
  display: none !important;
}
.owl-prev{
  position: absolute;
  left: 30px;
  top: 50%;
}
.owl-next{
  position: absolute;
  right: 30px;
  top: 50%;
}
.service-slider{
  margin-bottom: 43px;
}
.font_28{
  font-size: 28px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #333;
  margin-bottom: 18px;
}
.service-details-content p{
  line-height: 25px;
  margin-bottom: 24px;
}
.service-details-content .content-style-one{
  display: inline-block;
  margin-bottom: 16px;
}
.service-details-content .content-style-two .font_28{
  margin-bottom: 16px;
}
.service-details-content .content-style-two .feature-list{
  margin-top: 49px;
  margin-bottom: 38px;
}
.service-details-content .content-style-three .list li{
  position: relative;
  padding: 0px 0px 0px 24px;
  color: #333;
  font-style: italic;
  margin-bottom: 6px;
}
.service-details-content .content-style-three .list li:before{
  position: absolute;
  content: "\f0a9";
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #333;
  left: 1px;
  top: 1px;
  font-style: normal;
}
.service-details-content .content-style-three .content{
  margin-top: -2px;
}
.service-details-content .content-style-three .content p{
  margin-bottom: 16px;
}
.service-details-content .content-style-three .content{
  margin-bottom: 27px;
}


/*** 

====================================================================
                        blog-page / blog-classic
====================================================================

***/


.blog-classic .single-news-content{
  margin-bottom: 44px;
}
.blog-classic-content{
  margin-right: 60px;
}
.blog-classic .page-pagination{
  margin-top: 7px;
}
.sidebar .sidebar-search{
  position: relative;
  margin-bottom: 24px;
}
.sidebar .sidebar-search button{
  position: absolute;
  top: 12px;
  right: 18px;
  background: transparent;
  color: #fdc900;
}
.sidebar .sidebar-search input[type='search']{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 15px;
  padding: 10px 40px 10px 20px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}

.sidebar .sidebar-search input:focus{
  border: 1px solid #fdc900;
}
.sidebar {
  margin-left: -50px;
}
.sidebar-categories .list li a{
  position: relative;
  display: block;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #777777;
  padding: 0px 0px 0px 15px;
  margin-bottom: 14px;
}
.sidebar-categories .list li a:hover{
  color: #fdc900;
}
.sidebar-categories .list li a:before{
  position: absolute;
  content: "\f105";
  font-size: 16px;
  font-family: 'FontAwesome';
  color: #777777;
  left: 0px;
  top: -1px;
}
.sidebar-categories{
  display: inline-block;
  margin-bottom: 21px;
}
.sidebar-title h3{
  margin-bottom: 17px;
}
.sidebar-post{
  display: inline-block;
  margin-bottom: 24px;
}
.sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 0px 85px;
  margin-bottom: 17px;
}
.sidebar-post .single-post .img-box{
  position: absolute;
  overflow: hidden;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 3px;
}
.sidebar-post .single-post .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.sidebar-post .single-post:hover .img-box img{
  transform: scale(1.1);
}
.sidebar-post .single-post .text{
  font-size: 15px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #fdc900;
  margin-bottom: 4px;
}
.sidebar-post .single-post .title a{
  font-size: 17px;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #333;
  line-height: 22px;
}
.sidebar-post .single-post .title a:hover{
  color: #fdc900;
}
.sidebar-post .sidebar-title h3{
  margin-bottom: 18px;
}
.sidebar-tag .tag-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #777777;
  border: 1px solid #dadada;
  padding: 6px 18px 3px 18px;
  margin: 6px 5px;
}
.sidebar-tag .tag-list li a:hover{
  color: #333;
  border: 1px solid #fdc900;
}


/*** 

====================================================================
                        blog-page / blog-details
====================================================================

***/


.blog-details{
  padding-top: 100px;
}
.blog-details-content .content-style-one img{
  width: 100%;
}
.blog-details-content .content-style-one .text{
  font-size: 15px;
  color: #8d8d8d;
  margin-bottom: 1px;
}
.blog-details-content .content-style-one .img-box{
  margin-bottom: 23px;
}
.blog-details-content h3{
  margin-bottom: 15px;
}
.blog-details-content p{
  margin-bottom: 27px;
  line-height: 25px;
}
.blog-details-content .quot-text{
  position: relative;
  font-size: 20px;
  font-style: italic;
  color: #333;
  margin-top: 33px;
  margin-bottom: 35px;
  background: #fafafa;
  padding: 39px 30px 51px 41px;
  line-height: 30px;
  z-index: 1;
}
.blog-details-content .content-style-one{
  display: inline-block;
  margin-bottom: 2px;
}
.blog-details-content .quot-text:before{
  position: absolute;
  content: "\f10d";
  font-family: 'FontAwesome';
  color: #ededed;
  font-size: 50px;
  left: 19px;
  top: 30px;
  z-index: -1;
}
.blog-details-content .quot-text:after{
  position: absolute;
  content: '';
  background: #fdc900;
  width: 3px;
  height: 100%;
  left: 0px;
  top: 0px;
}
.post-share-option{
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 15px 0px 18px 0px;
  margin-bottom: 76px;
}
.post-share-option .post-tag{
  display: inline-block;
}
.post-share-option .share{
  display: inline-block;
  float: right;
}
.post-share-option .post-tag .tag,
.post-share-option .share{
  position: relative;
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 28px;
  color: #333;
  font-weight: 400;
}
.post-share-option .share .social-link{
  position: absolute;
  right: 100%;
  top: 0px;
  width: 110px;
  opacity: 0;
  visibility: hidden;
  margin-right: -15px;
  padding-right: 5px;
  transition: all 500ms ease;
}
.post-share-option .share:hover .social-link {
  opacity: 1;
  visibility: visible;
  margin-right: 0px;
}
.post-share-option .share .social-link a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222222;
  margin: 0px 4px;
}
.post-share-option .share .social-link a:hover{
  color: #fbca00;
}
.post-share-option .share i:before{
  font-size: 14px;
}
.post-share-option .post-tag li{
  position: relative;
  margin-right: 20px;
}
.post-share-option .post-tag li a{
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: #777777;
  font-weight: 400;
}
.post-share-option .post-tag li a:hover{
  color: #fbca00;
}
.post-share-option .post-tag li:before{
  position: absolute;
  content: '';
  background: #8d8d8d;
  width: 1px;
  height: 14px;
  right: -12px;
  top: 7px;
}
.post-share-option .post-tag li:last-child:before{
  display: none;
}
.post-share-option .post-tag li.tag:before{
  display: none;
}
.post-share-option .post-tag li.tag{
  margin-right: 0px;
}
.blog-details-content{
  margin-right: 70px;
}
.blog-details-content .content-style-two h3{
  margin-bottom: 12px;
}
.blog-details-content .content-style-two p{
  margin-bottom: 19px;
}
.blog-details-content .content-style-two{
  display: inline-block;
  margin-bottom: 36px;
}
.blog-details-content .content-style-two .img-box{
  position: relative;
  margin-top: 13px;
}
.blog-details-content .content-style-two .img-box img{
  width: 100%;
}
.blog-details-content .title{
  font-size: 25px;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  color: #333;
  margin-bottom: 32px;
}
.blog-details-content .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 0px 96px;
  padding-bottom: 6px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e9e9e9;
}
.blog-details-content .comment-area .single-comment.replay{
  margin-left: 96px;
}
.blog-details-content .comment-area .single-comment:last-child{
  border-bottom: none;
}
.blog-details-content .comment-area .single-comment .img-box{
  position: absolute;
  left: 0px;
  top: 4px;
}
.blog-details-content .comment-area .single-comment h4{
  display: inline-block;
  margin-bottom: 4px;
}
.blog-details-content .comment-area .single-comment .replay-btn{
  display: inline-block;
  position: relative;
  top: 7px;
  float: right;
}
.blog-details-content .comment-area .single-comment .replay-btn a{
  font-size: 15px;
  position: relative;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  color: #333;
  font-weight: 400;
  background: #fdc900;
  text-align: center;
  padding: 1px 18px 1px 18px;
  z-index: 1;
}
.blog-details-content .comment-area .single-comment .replay-btn a:hover{
  color: #fff;
  background: #222;
}
.blog-details-content .comment-area .single-comment .time{
  font-size: 14px;
  margin-bottom: 15px;
}
.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form input[type='search'],
.comment-form input[type='number'],
.comment-form input[type='password'],
.comment-form textarea{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-bottom: 19px;
  transition: all 500ms ease;
}

.comment-form input:focus,
.comment-form textarea:focus{
  border: 1px solid #fdc900;
}
.comment-form textarea{
  height: 150px;
  margin-bottom: 22px;
  resize: none;
}
.blog-details-content .comment-form .title{
  margin-bottom: 36px;
}


/*** 

====================================================================
                        contact-Page
====================================================================

***/


.contact-section{
  padding-bottom: 80px;
}
.contact-info{
  position: relative;
  margin-right: -35px;
  margin-top: -6px;
}
.contact-info .single-info{
  position: relative;
  padding: 0px 0px 0px 111px;
  margin-bottom: 44px;
}
.contact-info .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 5px;
  width: 85px;
  height: 85px;
  line-height: 85px;
  border: 1px solid #fdc900;
  border-radius: 50px;
  text-align: center;
  transition: all 500ms ease;
}
.contact-info .single-info:hover .icon-box{
  border: 1px solid #222222;
  background: #222222;
}
.contact-info .single-info .icon-box i:before{
  font-size: 40px;
  color: #fdc900;
  margin: 0px;
  transition: all 500ms ease;
}
.contact-info .single-info:hover .icon-box i:before{
  color: #ffffff;
}
.contact-info .single-info h4{
  margin-bottom: 6px;
}
.contact-form-area{
  margin: 0px 0px 0px 50px;
}
.contact-form-area input[type='text'],
.contact-form-area input[type='email'],
.contact-form-area textarea{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-bottom: 19px;
  transition: all 500ms ease;
}
.contact-form-area textarea{
  height: 130px;
  margin-bottom: 13px;
  resize: none;
}
.contact-form-area input:focus,
.contact-form-area textarea:focus{
  border: 1px solid #fdc900;
}
.contact-info .single-info .text{
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.contact-section .sec-title h2,
.contact-title .text p{
  margin-bottom: 54px;
}