/********************************************************************************************
||||||||||||||||||||||||||||        STYLESHEET FOR Taxisbiz      ||||||||||||||||||||||||||||
*********************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT            |||||||||||||||||||||||
*********************************************************************************************
*********************************************************************************************

1. Imported styles
2. Global styles
3. Header styles
4. Mainmenu Area Css
5. Rev Slider Wrapper style
6. Main Footer
7. Inner Banner styles
8. Blog Styles
9. Faq style
10. Fact Counter Section
11. google map Section
12. contact Section
13. Team style
14. page_pagination style
15. Error Page
16. Service styles
17. About Style
18. Sponsor Style
19. Testimonials Section style
20. News Section
21. latest-project styles
22 .full-contact Style
23. FullWidth Services Section
24. Why Choose Us Style

**********************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT    ||||||||||||||||||||||||||||||
**********************************************************************************************/

/* 
==============================
  1. Imported styles
============================== 
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);

@import url(font-awesome.css);
@import url(../fonts/flaticon.css);
@import url(icomoon.css);

@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

@import url(owl.carousel.css);
@import url(jquery.bxslider.css);
@import url(flexslider.css);

@import url(jquery-ui.css);
@import url(jquery.fancybox.css);

@import url(animate.min.css);
@import url(hover.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(magnific-popup.css);





/* ==============================
   2. Global styles
   ============================== */

body {
  font-family: 'Hind', sans-serif;
  color:#222222;
  font-size: 16px;
}

h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
  font-family: 'Poppins', sans-serif;
} 

ul {list-style-type: none;}

p {
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  color: #000000;
  margin-bottom: 4px;
  line-height: 26px;
  font-weight: 300;
}
a {text-decoration: none; display: inline-block; outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}



button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: 'Hind', sans-serif;display: block;font-size: 16px;line-height: 28px;outline: none;box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.boxed_wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
}

.padd-1{
  padding: 50px 0px 30px;
}
.padd-2{
  padding: 50px 0px 50px;
}
.padd-3{
  padding: 95px 0 70px;
}
.padd-4{
  padding: 95px 0 80px;
}
.padd-5{
  padding:100px 0px 90px;
}
.padd-6{
  padding:100px 0px 60px;
}

.padd-7{
  padding:0px 0px 70px;
}


.sec-padd {
  padding: 35px 0 70px;
}
.sec-padd-top {
  padding-top: 70px;
}
.sec-padd-bottom {
  padding-bottom: 70px;
}
.no-padd {
  padding: 0px;
}
.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.list_inline li {
  display: inline-block;
}
.social li {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
}
.social li a {
  color: #0c52a3;
  font-size: 16px;
  padding: 0px;
  transition: .5s ease-in-out;
}


.default_link i {
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
}
.uppercase {
  text-transform: uppercase;
}
.padd-80 {
  padding-top: 80px;
}
.tran3s {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.center {
  text-align: center;
}


.row-5 {
  margin: 0 -5px;
}
.thm-color {
  color: #0c52a3;
}

.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.border-bottom {
  border-bottom: 1px solid #f7f7f7;
}

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

.thm-btn {
  position: relative;
  background: #0c52a3;
  font-size: 15px;
  line-height: 46px;
  font-weight: 700;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  display: inline-block;
  padding: 0 30px;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
  border: 2px solid #0c52a3;
  background: #fff;
  color: #0c52a3;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.anim-3 {
  transition: all 0.3s ease;
}
.anim-5 {
  transition: all 0.5s ease;
}


.section-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.section-title h2 {
  position: relative;
  font-size: 38px;
  font-family: 'Hind', sans-serif;
  text-transform: capitalize;
  font-weight:  700;
}

.section-title h3 {
  position: relative;
  font-size: 28px;
  text-transform: capitalize;
}

.section-title h4 {
  position: relative;
  font-size: 20px;
  text-transform: capitalize;
}

.section-title span{
  color: #0c52a3;
}

.section-title p{
  max-width: 650px;
}

.scroll-top {
    width: 50px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;
    color: #fff;
    text-align: center;
    background: #0c52a3;
}

.scroll-top span:before {
  font-size: 27px;
}

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

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


/* ==============================
   3. header-style
   ============================== */

.top-bar {
  position: relative;
  background: #ffffff;
  line-height: 50px;
  border-bottom: 1px solid #f7266142;
}

.top-bar .top-bar-text li {
  color: #0c52a3;
  margin-right: 20px;
  display: inline-block;
}

.top-bar .top-bar-text li i {
    color: #0c52a3;
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.top-bar .social li a:hover {
  color: #222;
  transition: .5s ease-in-out;
}

.top-bar .social li:last-child {
  padding-right: 0px;
}

/*logo*/

.main-logo {
  margin: 28px 0  21px;
}

/*menu*/

.theme_menu .container {
  position: relative;
}

.theme_menu {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
}
.theme_menu .menu-column {
  padding-left: 0;
}


.default-form.register-form .form-group {
  margin-bottom: 0;
}

.default-form.register-form .link {
  border-bottom: 1px solid #2f2f2f;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
}

.default-form.register-form .link .thm-color-2 {
  color: #000000;
}


.default-form.register-form .link_2 {
  position: relative;
}

.default-form.register-form .link_2.singn {
  padding-left: 25px;

}
.default-form.register-form .link_2 .fancy_video {
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  border-radius: 50%;
  font-size: 8px;
  text-align: center;
  line-height: 15px;
  height: 15px;
  color: #222;
  background: #23aef4;
  font-family: "FontAwesome";
}

.default-form.register-form .link_2 .fancy_video span {
  position: relative;right:-1px;
}



/*
==============================================
   4. Mainmenu Area Css
===============================================
*/


.mainmenu-area {
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.main-menu {
  position: relative;
  margin-top: 20px;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
  margin-left: 15%;
}
.navigation li {
  display: inline-block;
}

.navigation li a {
  color: #0c52a3;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  padding: 19px 0px 28px;
  margin: 0 17px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}

.navigation > li:hover > a {
  color: #0c52a3;
}

.navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #fff;
  width: 222px;
  border-top: 2px solid #f72661;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #f726615c;
}

.navigation > li > ul > li > a {
  color: #0c52a3;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}

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


/*========= third-menu ===============*/

.navigation > li > ul > li.third-menu ul {
  position: absolute;
  left: 230px;
  top: 0px;
  background: #333;
  width: 200px;
  border-top: 2px solid #fff;
  padding: 12px 0px;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li.third-menu {
  position: relative;
}

.navigation > li > ul > li.third-menu ul a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}



.navigation > li > ul > li.third-menu:after {
  position: absolute;
  content: "\f0de";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  right: 14px;
  transform: rotate(90deg);
  top: 3px;
}

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

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 42px;
  border-left: 1px solid #0c52a3;
  cursor: pointer;
  display: block;
  z-index: 5;
}

.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #d51d44;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

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

.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;
  line-height:22px;
  color: #0c52a3;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border-top: 1px solid #0c52a3;
} 

/*=================== Cart And Search Option ===============*/

.main-menu .right-column {
    position: absolute;
    right: 0;
    width: 300px;
}

.nav_side_content {
  margin-top: 33px;
  float: right;
}

.nav_side_content .cart_select>button {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  margin-right: 23px;
  color:#272727;
}


.nav_side_content .cart_select>button i {
  font-size: 18px;
  margin-left:5px;
}

.nav_side_content .cart_select,
.nav_side_content .search_option {
  display: inline-block;
}

.nav_side_content .search_option>button {
  width: 40px;
  height:40px;
  border-radius: 50%;
  font-size: 14px;
  color: #0c52a3;
  line-height: 3;
  border: 2px solid #f72661;
}

.nav_side_content .search_option form {
    height: 50px;
    width: 280px;
    padding: 5px;
    border-radius: 4px;
    margin: 0;
    left: auto;
    right: 0;
    border-color: #0c52a3;
    top: 67px;
}

.nav_side_content .search_option form input {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  width:100%;
  height:100%;
  background: transparent;
  color:#9e9e9e;
  border:1px solid #f7f7f7;
  padding: 0 47px 0 10px;
  font-size: 15px;
}

.nav_side_content .search_option form button {
  display: block;
  width:40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top:5px;
  right:5px;
  color: #0c52a3;
}

.nav_side_content .cart_select {
  border-left: 1px solid #ececec;
  padding-left: 5px;
}

.theme_menu .link_btn {
  margin-top: 24px;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}

.mainmenu-area. -fixed {
  margin: 0;
  position: fixed;
  background: #fff;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
}

.nav_side_content {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
}


/*** 
=============================================
   5. Rev Slider Wrapper style
=============================================
***/



.rev_slider_wrapper .slide-content-box h3 {
  background: rgba(0, 0, 0, 0) url("../img/slides/press-bg.html") no-repeat;
  background-size: contain;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 22px;
  font-family: 'Poppins', sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rev_slider_wrapper .slide-content-box h1 {
  color: #ffffff;
  font-size: 55px;
  line-height: 62px;
  margin: 14px 0 9px;
  font-weight: 700;
}

.rev_slider_wrapper .slide-content-box p{
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  margin: 0 0 30px;
}

.rev_slider_wrapper .slide-content-box .button a{
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 0px 28px;
  margin-right: 15px;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution{
  background: #fff;
  padding: 0px 35px;
  color: #222;
  border-color: #fff;
}

.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover{
  background: #0c52a3;
  color: #fff;
  border-color: #ffffff;
}

.rev_slider_wrapper .slide-content-box.last-slide p{
  margin: 0;    
}

.rev_slider_wrapper .slide-content-box.last-slide a{
  margin: 0 8px;    
}

.rev_slider_wrapper .slotholder {
  position: relative;
}

.slotholder:after {
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.tp-bannertimer {
  display: none;
  
}

.rev_slider_wrapper .tparrows {
  margin-top: -30px;
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
}

.rev_slider_wrapper .tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 60px;
    text-align: center;
}

.tp-dottedoverlay{
  background: rgba(0, 0, 0, 0.17);
}


/*** 

====================================================================
  6. Main Footer
====================================================================

***/



footer {
  background: #272727;
  padding: 80px 0 8px;
}

footer .findus h4 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 22px;
}

footer .findus p {
  position:  relative;
  font-size: 16px;
  color: #8D8E92;
  line-height: 28px;
  margin-bottom: 36px;
}

footer .findus ul li {
  color: #8D8E92;
  margin-bottom: 5px;
}

footer .findus ul li i {
  font-size: 16px;
  color: #0c52a3;
  width: 35px;
}

footer .qlink h4 {
  color: #dddddd;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 22px;
}

footer .qlink ul li {
  margin-bottom: 10px;
}

footer .qlink ul li i {
  font-size: 14px;
  color: #fe2250;
  margin-right: 20px;
}

footer .qlink ul li a {
  font-size: 15px;
  color: #8D8E92;
}

footer .qlink ul li a:hover {
  color: #0c52a3;
}

footer .tpost h4 {
  color: #dddddd;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 24px;
}

footer .tpost ul li {
  color: #8D8E92;
  line-height: 24px;
  margin-bottom: 20px;
}

footer .tpost ul li i {
  font-size: 32px;
  color: #0c52a3;
  display: inline-block;
  margin-right: 10px;
  float: left;
  height: 42px;
}

footer .tpost ul li a {
  color: #0c52a3;
}

footer .tpost ul li a:hover {
  text-decoration: underline;
}

footer .newsletter h4 {
  color: #dddddd;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 24px;
}

footer .newsletter form input {
  width: 100%;
  height: 40px;
  border: 1px solid #666666;
  margin-bottom: 20px;
  background: white;
  color: #eeeeee;
  padding-left: 15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 0;
}

footer .newsletter form input:focus {
  border-color: #0c52a3;
}

footer .newsletter form button {
  font-size: 15px;
  color: #eeeeee;
  background: #0c52a3;
  width: 100%;
  height: 40px;
  font-weight: 600;
  border: none;
}

footer .newsletter form button:hover {
  background: #ffffff;
  color: #0c52a3;
}

footer .f-menu {
  margin-top: 45px;
  border-top: 1px solid #ffffff1c;
  padding-top: 30px;
}

footer .f-menu p {
  font-size: 16px;
  color: #8D8E92;
  margin-bottom: 20px;
  font-weight: 600;
}

footer .f-menu a{
  color: #0c52a3;
}

footer .info-link{
  position: relative;
  margin-top: 40px;
}

.foot{
  margin-bottom: 20px;
}

.separator {
    position: absolute;
    width: 90px;
    text-align: center;
}

.separator:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 20px;
    height: 2px;
    display: inline-block;
    background-color: #0c52a3;
    top: 5px;
}

.dott {
    position: relative;
    content: '';
    bottom: 5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #0c52a3;
}

.separator:after, .separator:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 5px;
    width: 20px;
    height: 2px;
    background-color: #0c52a3;
}





/*
=======================================
 7. Inner Banner styles 
=======================================
*/





.inner-banner {
  position: relative;
  background: #a0a19b;
  background-size: cover;
}

.inner-banner:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.56);
    z-index: 0;
}

.inner-banner h3 {
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
}

.inner-banner .box {
  position: relative;
  display: table;
  height: 380px;
  width: 100%;
  text-align: center;
}

.breadcumb-wrapper {
  background: #fff;
  padding: 17px 0;
  border-bottom: 1px solid #f7266133;
}

.breadcumb-wrapper ul,
.breadcumb-wrapper li {
  margin: 0;
  padding: 0;
  font-weight: 400;
  list-style: none;
  font-size: 18px;
  color: #0c52a3;
}

.breadcumb-wrapper ul.link-list li a {
  color: #222;
  text-transform: capitalize;
  font-size: 18px;
  transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a:hover {
  transition: .3s ease;
}



.breadcumb-wrapper ul.link-list li a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin: 0 10px;
}



.breadcumb-wrapper a.get-qoute i {
  margin-left: 7px;
  color: #222;
  margin-right: 7px;
  font-size: 14px;
}






/*
=======================================
 8. Blog Styles 
=======================================
*/




.sidebar-page-container blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #0c52a3;
  }

.sidebar-page-container.style-2{
  padding: 100px 0 100px;
}

.sidebar-page-container.style-3 .blog-sidebar{
  position: relative;
  padding: 100px 0;
}

.sidebar-page-container.style-4{
  position: relative;
  padding: 50px 0 80px;
}

.sidebar-page-container.style-5{
  padding: 50px 0px;
}

/*large blog*/

.large-blog-news {
  position: relative;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f7266133;
}


.large-blog-news .lower-content{
  position:relative;
  padding: 25px 0px 0px;
}

.large-blog-news .lower-content .text p{
  margin-bottom:20px; 
}

.large-blog-news .lower-content h4 {
  color: #222;
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 15px;
}

.large-blog-news .lower-content h5 {
  text-transform: uppercase;
  color: #23aef4;
  font-size: 14px;
  margin-bottom: 15px;
}

.large-blog-news .lower-content .post-meta{
  color: #0c52a3;
  font-size:16px;
  margin-bottom: 15px;
}




/*side-bar-blog*/

.blog-section{
}

.blog-section.style-2{
  padding: 100px 0px 100px;
}

.blog-sidebar {
  position: relative;
}

.category-style-one {
  position: relative;
}

.category-style-one ul {
  margin-top: 20px;
  margin-bottom: 35px;
  padding: 10px 0px 20px;
}

.category-style-one ul li {
  margin: 0;
  border-bottom: 1px solid #c3c3c3;
}

.category-style-one ul li a {
  font-weight: 600;
  color: #0c52a3;
  position: relative;
  width: 100%;
  transition: .5s ease;
  line-height: 40px;
  display: block;
}

.category-style-one ul li a:hover {
  color: #0c52a3;
  transition: .5s ease;
}

.service-catagory{
  position: relative;
  border: 1px dashed #0c52a37d;
  padding: 14px 30px;
  top: 40px;
}

.category-style-one.service-catagory ul {margin: 0;}


/*post-thumb*/


.popular-post {
    position: relative;
    padding-top: 15px;
}

.popular-post .item {
    position: relative;
    font-size: 14px;
    margin-bottom: 30px;
    min-height: 50px;
    padding: 0px 0px 18px 105px;
    color: #cccccc;
}

.popular-post .item:last-child{
    border-bottom: 0px;
}

.popular-post .item .post-thumb{
    position:absolute;
    left:0px;
    top: 5px;
    width: 90px;
    height: 90px;
}

.popular-post .item .post-thumb img{
    width:100%;
    display:block;
    border: 2px solid #0c52a3;
}

.popular-post .item .post-thumb a{
  position: relative;
}

.popular-post .item .post-thumb a:after {
    position: absolute;
    content: "\f0c1";
    font-family: FontAwesome;
    left: 0px;
    top: 0px;
    text-align: center;
    line-height: 80px;
    width: 100%;
    height: 100%;
    background: #f7266157;
    color: #ffffff;
    opacity: 0;
    transition: .5s ease;
}

.popular-post .item .post-thumb:hover a:after {
  opacity: 1;
  transition: .5s ease;
}

.popular-post .item a:hover{
  color: #0c52a3;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.popular-post .item h4{
  position: relative;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0px 4px;
  line-height: 26px;
  color:#333;
}

.popular-post .item h4 a{
  color: #333;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.recent-posts.post-thumb .post .post-info{
  font-size: 14px;
  font-weight:400;
  margin:0px;
  line-height:1.6em;
  color: #9c9c9c;
}

.popular-post .item .post-info {
  color: #000000;
  font-size: 16px;
}

.inner-title {
  position: relative;
  margin-bottom: 20px;
  margin-top: 45px;
}
.inner-title h4 {
  position: relative;
  font-size: 22px;
  color: #222;
  margin-bottom: 8px;
}
.single-blog-post .img-box img{
  width: 100%;
}

.single-blog-post .author {
  background-color:#ffffff;
  position:relative;
  margin-bottom: 2px;
}

.single-blog-post .author img {
  position:absolute;
}

.single-blog-post .author-comment {
  margin-left:340px;
  padding-left:30px;
}

.single-blog-post .author-comment .quote {
  font-size: 25px;
  color: #f1f1f1;
  margin-bottom: 15px;
}
.single-blog-post .author-comment h5 {
  font-weight: 600;
  margin: 16px 0 5px 0;
  text-transform: uppercase;
  font-size: 18px;
}

.single-service{
  position: relative;
  padding: 40px 0;
}

.single-service img{
  width: 100%;
}

.single-service .content-style-two .list li{
  position: relative;
  display: block;
  padding: 0px 0px 0px 23px;
}
.single-service .content-style-two .list li:before{
  position: absolute;
  content: "";
  font-size: 14px;
  height: 10px;
  width: 10px;
  left: 0px;
  transform: rotate(-45deg);
  top: 6px;
  background: #0c52a3;
}

.single-service .content-style-two{
} 

.single-service .content-style-two p{
}

.single-service.content-style-two .list p{
  margin-bottom: 6px;
}

.single-service .content-style-two .img-box{
  position: relative;
  top: 7px;
}

.single-service .text h4{
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.single-service .text p{
  margin-bottom: 20px;
}

.single-service .content-side h4{
  font-size: 24px;
  margin-bottom: 10px;
}

/*review-tab*/

.single-blog .product-review-tab {
  margin: 0 27px;
}

.product-review-tab .item_review_content {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-left: 80px;
}

.product-review-tab .item_review_content .img_holder {
  position: absolute;
  left: 0;
  top: 0;
}

.product-review-tab .add_your_review {
  margin: 81px 0 0px 0px;
}

.product-review-tab .add_your_review>span {
  display: block;
  margin: 36px 0 14px 0;
  color: #a2a2a2;
}

.product-review-tab .add_your_review ul,
.product-review-tab .add_your_review ul li {
  display: inline-block;
  color: #a2a2a2;
}

.product-review-tab .add_your_review ul.rating:hover li,
.product-review-tab .add_your_review ul.rating.active li{
  color: #23aef4;
  transition: .5s ease;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul.rating li {
  font-size: 12px;
  margin-right: 3px;
  color:#d6d6d6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul.active li {
  color: #ab7442;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul:hover li{
  color: #ab7442;
}

.product-review-tab .add_your_review ul {
  line-height: 20px;
  border-right: 1px solid #d6d6d6;
  padding-right: 6px;
  margin-right: 5px;
}

.product-review-tab .add_your_review ul.fix_border {
  border:none;
}


.product-review-tab .add_your_review form label {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}

.product-review-tab .add_your_review form input {
  height:54px;
  padding: 0 15px 0 19px;
}

.product-review-tab .add_your_review form textarea {
  max-width: 100%;
  min-height: 165px;
  padding: 15px 17px 5px 19px;
}

.product-review-tab .add_your_review form input,
.product-review-tab .add_your_review form textarea {
    width:100%;
    border: 1px solid #cacaca;
    margin-bottom: 30px;
    color: #676767;
    resize: none;
}

.news.single-blog .blogList_single_post .post ul li:before {
  display: none;
}




/*** 

====================================================================
  9. Faq style
====================================================================

***/



.faq-form{
  position:relative;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
  padding: 21px 40px;
}

.faq-form:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.69);
}


.bg-color-black{
  padding:100px 0px 80px;
  background-size: cover;
}

.accordion-box{
  position:relative;
}

.accordion-box .block {
  margin-bottom: 25px;
  position: relative;
}

.accordion-box .block .acc-btn{
  border: 1px solid #f7266199;
  color:#1c1c1c;
  cursor:pointer;
  font-size:16px;
  padding: 12px;
  position:relative;
}

.accordion-box .block .acc-btn.active{
  border-color: #0c52a3;
  color: #ffffff;
  padding-bottom: 10px;
  background: #0c52a3;
}

.accordion-box .block .icon-outer {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: -10px;
}

.accordion-box .block .icon-outer .icon {
  color: #ef173c;
  line-height: 52px;
  position: absolute;
  top: 8px;
  right: 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease; 
}

.accordion-box .block .icon-outer .icon-plus{
  opacity:0;
}

.accordion-box .block .icon-outer .icon-plus{
  opacity:1;
}

.accordion-box .block .active .icon-outer .icon-minus{
  opacity:1;
}

.accordion-box .block .active .icon-outer .icon-plus{
  opacity:0;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none; 
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .content{
  border: 1px solid #f7266163;
  border-top: none;
  color: #808080;
  font-size:13px;
  padding: 7px 12px 8px;
  position:relative;
}

/*Accordion Style Two*/

.accordion-box.style-two .block .acc-btn {
  font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.accordion-box.style-two .block .content {
  font-size: 14px;
}


.faq-form .sec-title{
  margin-bottom: 30px;
  color:  white;
  position:  relative;
  top: 10px;
}




/*
=====================================
  10. Fact Counter Section
=====================================
*/



.counter-section .fact-section{
  position:relative;
  padding:70px 0px 30px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.counter-section .fact-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.69);
}

.fact-section .title-column{
  position:relative;
  margin-bottom:30px;
}

.fact-section .title-column .title-inner{
  position:relative;
  min-height:180px;
}

.fact-section .title-column .title-inner .number{
  position:absolute;
/*  color:#0c52a3;*/
	color: #fff;
  font-size: 40px;
  font-weight:700;
  font-family: 'Poppins', sans-serif;
  text-align:center;
  display:inline-block;
}

.fact-section .title-column .title-inner .number:before{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 16px;
    width: 150px;
/*    height: 2px;*/
    background-color: #ffffff;
}
.fact-section .title-column .title-inner .number:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 9px;
    width: 214px;
/*    height: 2px;*/
    background-color: #ffffff;
}

.fact-section .title-column .title-inner .text{
  position:relative;
  color:#ffffff;
  font-size:24px;
  font-family: 'Poppins', sans-serif;
  font-weight:300;
  line-height:1.4em;
  padding-top: 60px;
  display:inline-block;
}

.fact-counter{
  position:relative;
}

.fact-counter .column{
  position:relative;
  z-index:5;
  margin-bottom:40px;
}

.fact-counter .column .inner{
  position:relative;
  text-align:center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fact-counter .count-outer{
  position:relative;
  font-size:36px;
  line-height:1em;
  font-weight:500;
  margin:0px 0px;
}

.fact-counter .count-outer .count-text{
  position:relative;
  font-weight:600;
  color:#ffffff;
  font-size: 60px;
  font-family: 'Poppins', sans-serif;
}

.fact-counter .count-outer .count-text.style-2{
  font-size: 80px;
}

.fact-counter .column .counter-title{
  position:relative;
  font-size: 18px;
  font-weight: 700;
  color: #0c52a3;
  margin-top:8px;
  font-family: 'Poppins', sans-serif;
}

.fact-counter .column .counter-title.style-2{
  font-size: 22px;
}





/*** 

====================================================================
  11. google map Section
====================================================================

***/




.home-google-map #contact-google-map {
  width: 100%;
  height: 430px;
}

.home-google-map .gmnoprint {
    display: none;
}





/*** 

====================================================================
  12. contact Section
====================================================================

***/





.contact_us{
  padding: 100px 0px 50px;
  background-size: cover;
}

.contact-main-2{
  padding: 20px 0 85px;
  background-size: cover;
}

.mail-form{
  margin-bottom: 30px;
}

.contact_us h4{
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 25px;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

.main-touch .icon i:before{
  font-size: 50px;
  width: 40px;
  height: 40px;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  color: #fff;
}

.main-touch{
  position: relative;
  margin-bottom: 30px;
  margin-left: -23px;
}

.main-touch .icon{
  display: inline-block;
}

.main-touch .form-touch{
  display: inline-block;
}

.main-touch .form-touch p{
  position: absolute;
  margin-top: -26px;
  font-size: 16px;
  color: #fff;
}

.mail-form{
  position: relative;
  background: #0c52a3;
  border: 1px solid #0c52a3;
  padding: 20px 25px 0px;
}


/*form*/

.default-form {
  position: relative;
}

.default-form p {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 20px;
}

.default-form p span {
  color: #ab7442;
  font-size: 20px;
  font-weight: 600;
}

.default-form .form-box{
  position:relative;
}

.comment-form .form-box{
  padding:25px 25px 0px 25px; 
}

.default-form .form-group{
  position:relative;
  margin-bottom: 15px;
}

.default-form .comment-form .form-box .form-group{
  margin-bottom:25px;
}

.default-form.form-box .row{
  margin-left:-10px;
  margin-right:-10px; 
}

.default-form.form-box .row .form-group{
  padding:0px 0px;  
}

.default-form .form-group .field-label{
  display:block;
  line-height:24px;
  text-transform:uppercase;
  margin-bottom:10px;
  color:#232323;
  font-weight:500;
  font-size:13px;
}

.default-form .form-group .field-label sup{
  color:#ff0000;
  font-size:14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
  display:block;
  width:100%;
  line-height:24px;
  height: 45px;
  font-size:16px;
  box-shadow: none;
  border: 1px solid #cecece;
  padding:12px 15px;
  background: #fff;
  border-radius: 0px;
  transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.default-form textarea{
  height: 165px;
}

.default-form .bootstrap-select {
  border: 1px solid #f4f4f4;
  background: #f7f7f7;
  color: #a2a2a2;
  padding: 10px 0;
  font-size: 16px;
}

.default-form .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.default-form .btn-group.open .dropdown-toggle:focus {
  border: none;
  outline: none;
}

.default-form  .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.default-form  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #0c52a3;
  color: #fff;
}

.default-form .form-control:focus {
  border-color: #0c52a357;
  box-shadow: none;
}

.default-form .thm-btn {
  line-height: 45px;
}

.default-form form input::-webkit-input-placeholder {
  color: #9e9e9e;
}

.default-form form input:-moz-placeholder {
  color: #9e9e9e;
}

.default-form form input::-moz-placeholder {
  color: #9e9e9e;
}

.default-form form input:-ms-input-placeholder {
  color: #9e9e9e;
}

.default-form .alert-success {
    color: #23aef4;
    background: none;
    border: none;
    font-size: 18px;
}


/*============================= Sidebar Style One ==================*/




.sidebar_search {
  height: 54px;
  position: relative;
}

.sidebar_search input {
  width:100%;
  height:54px;
  border:none;
  border: 1px solid #f7266140;
  padding: 0 56px 0 12px;
  color: #0c52a3;
}

.sidebar_search button {
  width:54px;
  height:100%;
  position: absolute;
  top:0;
  background: #0c52a3;
  right:0;
  color:#fff;
}

.sidebar_tags {
  margin:60px 0 -6px 0;
}

.sidebar_tags.style-2{
  position: relative;
  top: 20px;
}

.sidebar_tags ul {
  margin-top: 10px;
  padding: 24px 0px;
}

.sidebar_tags ul li {
  display: inline-block;
  margin: 0 4px 8px 0;
}

.sidebar_tags ul li a {
  display: block;
  font-weight: normal;
  font-size: 15px;
  color:#9e9e9e;
  line-height: 32px;
  border: 1px solid #f1f1f1;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  padding: 0 14px;
}

.sidebar_tags ul li a:hover {
  color: #ffffff;
  background: #0c52a3;
}




/*
=====================================================
 13. Team style
=====================================================
*/




.team-area {
  position: relative;
  overflow: hidden;
  background-size: cover;
}


.team-area .item {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.team-area .item .link {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 20px 0px;
  width: 100%;
  opacity: 0;
  transition: all 500ms ease;
}

.team-area .item .link li {
  display: inline-block;
  transition: all 100ms ease;
  margin: 0 4px;
}

.team-area .item .link li a {
  color: #0c52a3;
  font-size: 22px;
  height: 50px;
  line-height: 54px;
  width: 50px;
  border: 1px solid #0c52a3;
  background: #fff;
  border-radius: 50%;
}

.team-area .item .link li a :hover {
  color: #0c52a3;
  transition: all 500ms ease;
}

.team-area .item .text {
  padding: 13px 0px;
  background: #0c52a3;
  transition: all 700ms ease;
  color: #fff;
}

.team-area .item .text h3 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 700ms ease;
}

.team-area .item .text h3 a{
  color: #fff;
}

.team-area .item .text h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 700ms ease;
  margin-bottom: 5px;
}

.team-area .item .text h4 {
  color: #fff;
  font-size: 16px;
}

.team-area .item:hover .text {
  transition: all 900ms ease;
  background: #0c52a3;
}

.team-area .item:hover .link {
  opacity: 1;
  transition: all 900ms ease;
  bottom: 85px;
  overflow: hidden;
}

.team-area .item:hover .text h3 a{
  color: #fff;
  transition: all 700ms ease;
}

.team-area .item:hover .text h4 {
  color: #fff;
  transition: all 700ms ease;
}

.team-area img{
  width: 100%;
}

.our-team{
  text-align: center;
  margin-bottom: 30px;
}

.our-team .pic{
  position: relative;
}

.our-team .pic:before,
.our-team .pic:after{
  content: "";
  width: 100%;
  height: 100%;
  border-top: 1px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0, 1);
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team .pic:after{
  border: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team:hover .pic:before,
.our-team:hover .pic:after{
  border-color: #0c52a35e;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team .pic img{
  width: 100%;
  height: auto;
}

.our-team .team-content{
  background: #0c52a3;
  border-top: 4px solid #fff;
  padding: 10px 0;
  color: #fff;
  position: relative;
}

.our-team:hover .team-content{
  background: #0c52a3;
}

.our-team .title{
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team .post{
  display: block;
  color: #fff;
  font-size: 16px;
}

.our-team .social{
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  bottom: 95px;
  right: 0;
  margin: auto;
  transform: scale(0);
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team:hover .social{
  transform: scale(1);
}

.our-team .social li{
  display: inline-block;
}

.our-team .social li a{
  display: block;
  width: 50px;
  height: 50px;
  line-height: 54px;
  font-size: 24px;
  color: #0c52a3;
  position: relative;
  z-index: 1;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team .social li a:hover{
  color: #0c52a3;
}

.our-team .social li a:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transform: rotate(45deg);
  z-index: -1;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.our-team .social li:hover a:before{
  background: #fff;
  color: #0c52a3;
  transform: rotate(-45deg);
}




/*** 
=============================================
  14. page_pagination style
=============================================
***/





.page_pagination {
  text-align: center;
  padding: 40px 0 20px 0;
}

.page_pagination.style-2{
  padding: 0 0 80px 0;
}

.page_pagination.style-3{
  padding: 40px 0 0;
}

.page_pagination li {
  display: inline-block;
  margin:0 4px;
}

.page_pagination li a {
  width: 40px;
  line-height: 41px;
  border: 1px solid rgba(255, 34, 80, 0.23);
  text-align: center;
  color: #252525;
  font-size: 18px;
}

.page_pagination li a.active,
.page_pagination li a:hover {
  color:#fff;
  background: #0c52a3;
}

.single-review-box {
  margin-bottom: 10px;
  padding-left: 96px;
  position: relative;
  border: 1px solid #f7266147;
}

.single-review-box img{
  border: 2px solid #0c52a3;
  border-radius: 50%;
}

.single-review-box .img-holder {
  left: 18px;
  position: absolute;
  top: 20px;
}

.single-review-box .text-holder {
  padding: 20px 24px 0px;
}
.single-review-box .text-holder .top {
  margin: 0 0 8px;
  overflow: hidden;
}

.single-review-box .text-holder .top .review-box ul li a{
  color: #0c52a3;
  background: #ffffff;
}

.single-review-box .text-holder .top .review-box ul li a i{
  margin-right: 5px;
}

.single-review-box .text-holder .top .review-date {
  color: #ab7442;
  margin-top: -5px;
}

.single-review-box .text-holder .text p {
  margin: 0 0 15px;
}

.single-review-box .text-holder .text a.reply {
  color: #ab7442;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}




/*** 
========================================
  15. Error Page
========================================
***/



.error-section{
  position:relative;
  text-align:center;
  padding: 95px 0px 120px;
  background-size: cover;
}

.error-section .error-text{
  position: relative;
  text-align:center;
}

.error-section .error-text h2{
  position:relative;
  color:#222;
  font-size:200px;
  font-weight:900;
  line-height:1em;
  letter-spacing:4px;
}

.error-section h3{
  position:relative;
  color:#26292d;
  font-weight:700;
  font-size:42px;
  margin-bottom: 15px;
  margin-top:20px;
  line-height:1.2em;
}

.error-section .text{
  font-size:20px;
  font-weight:300;
  margin-top:30px;
  margin-bottom:50px;
  color:rgba(0,0,0,0.60);
}

.error-section .error-options{
  position:relative;
}

.error-section .error-options .or{
  position:relative;
  color:#2f2f2f;
  font-size:18px;
  margin:0px 18px;
  font-weight:500;
}

.error-section .btn-style-one{
  padding:15px 27px;
  border-radius:3px;
}

.error-search-box{
  position:relative;
  margin-top:12px;
  width:320px;
  display:inline-block;
}

.error-search-box .form-group{
  position:relative;
  margin:0px; 
}

.error-search-box .form-group input[type="text"],
.error-search-box .form-group input[type="search"]{
  position:relative;
  line-height:32px;
  padding:10px 50px 10px 20px;
  border:1px solid #ededed;
  display:block;
  font-size:14px;
  width:100%;
  height:55px;
  border-radius:3px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.error-search-box .form-group input:focus{
  border-color: #0c52a3;
}

.error-search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:55px;
  width:50px;
  line-height:52px;
  text-align:center;
  display:block;
  font-size:14px;
  color:#c0c0c0;
  background:none;
  border-radius:0px 3px 3px 0px;
  font-weight:normal;
}

.error-search-box .form-group input:focus + button,
.error-search-box .form-group button:hover{
  color: #0c52a3;
  border-color: #ffffff;
}




/*
=======================================
  16. Service styles 
=======================================
*/




.service{
  position: relative;
  background-size: cover;
}

.service.style-2{
  position: relative;
}

.service.style-3{
  background-size: cover;
}

.service-item{
  text-align: center;
  padding: 36px 10px;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  background: #fff;
}

.service-item .service-logo i:before{
  margin: 0;
  font-size: 40px;
  color: #0c52a3;
}

.service-item .service-logo{
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 118px;
  margin-bottom: 22px;
  position: relative;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item .service-logo:before{
  content: "";
  width: 120px;
  height: 1px;
  border: 1px solid #0c52a3;
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}
.service-item:hover .service-logo:before{
  width: 90px;
  height: 90px;
  border: 3px solid #0c52a3;
  top: 13px;
  left: 13px;
  transform: rotate(45deg);
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}
.service-item .title a{
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  margin: 0 0 15px 0;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item:hover .title a{
  color: #0c52a3;
}

.service-item .description{
  font-size: 16px;
  color: #888;
  line-height: 25px;
}

.service-2{
  position: relative;
  background-size: cover;
  background-position: center;
  border-top: 1px solid #f5f5f5;
}

.service-item-2{
  text-align: center;
  padding: 50px 10px 20px;
  border: 1px solid #0c52a336;
  margin-bottom: 20px;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item-2:hover{
  border: 1px solid #0c52a385;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item-2 .service-logo i:before{
  position: absolute;
  display: block;
  transform: rotate(-45deg);
  font-size: 40px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -30px;
}

.service-item-2 .service-logo{
  position: relative;
  width: 90px;
  height: 90px;
  border: 3px solid #0c52a3;
  left: 50%;
  margin-left: -45px;
  transform: rotate(45deg);
  background: #0c52a3;
  margin-bottom: 40px;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item-2 .title a{
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  margin: 0 0 15px 0;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.service-item-2:hover .title a{
  color: #0c52a3;
}

.service-item-2 .description{
  font-size: 16px;
  color: #888;
  line-height: 25px;
}

.main-service{
  position:relative;
  background-size:cover;
}

.main-service.style-2{
  position: relative;
  margin-bottom: 100px;
}

.main-service:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.88);
}

.main-service .section-title{
  color: #fff;
}

.main-service .section-title P{
  color: #fff;
  margin: 0 auto;
}

.serviceBox{
    text-align: center;
    margin: 0 -15px;
}

.serviceBox img{
  width: 100%;
  height: auto;
}

.serviceBox .service-content{
  position: relative;
  color: #ffffff;
  border: 1px solid rgba(255, 34, 80, 0.39);
  background: #ffffff30;
  padding: 65px 30px 30px;
}

.serviceBox .service-icon{
  display: block;
  width: 70px;
  height: 70px;
  background: #ffffff;
  position: absolute;
  top: -35px;
  right: 0;
  left: 0;
  border: 1px solid #0c52a3;
  margin: auto;
  transform: rotate(45deg);
}

.serviceBox .service-icon i:before{
  position: relative;
  font-size: 34px;
  line-height: 70px;
  margin: 0;
  color: #0c52a3;
  transform: rotate(-45deg);
  display: block;
}

.serviceBox .title{
  position:  relative;
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
  top: 10px;
}

.serviceBox .description{
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 20px;
}

.serviceBox .read-more{
  position:  relative;
  display: inline-block;
  padding: 11px 30px;
  border: 1px solid #0c52a3;
  top: -8px;
  border-radius: 40px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0c52a3;
  background: #ffffff;
  text-transform: capitalize;
  transition: all 0.5s ease 0s;
}

.serviceBox .read-more:hover{
  color: #ffffff;
  background: #0c52a3;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

.serviceBox.middle .service-content{
  padding: 30px 30px 65px;
}

.serviceBox.middle .service-icon{
  bottom: -35px;
  top: auto;
}




/*
===========================================
  17. About Style
===========================================
*/



.about{
  position: relative;
}

.about img{
  width: 100%;
}

.about-item{
  position: relative;
  transition: all 500ms ease;
  margin-bottom: 30px;
}

.about-item .img-box{
  position: relative;
  transition: all 500ms ease;
}

.about-item .single-content{
  position: relative;
  padding: 48px 0px 22px 28px;
  border: 1px solid #e7e7e7;
  border-top: none;
  background: white;
  transition: all 500ms ease;
}

.about-box{
  position: absolute;
  right: 15px;
  top: -40px;
  color: white;
  width: 80px;
  height: 80px;
  line-height: 110px;
  background: #0c52a3;
  transform: rotate(-45deg);
}

.about-item .single-content i:before{
  position: relative;
  margin: 0;
  display: block;
  left: 15px;
  transform: rotate(45deg);
  font-size: 40px;
}

.about-item h4{
  margin-bottom: 8px;
  color: #0c52a3;
  font-size: 20px;
  font-weight: 600;
}

.about-item .overlay:before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 50%;
  bottom: 0;
  background: #0000006e;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.about-item .overlay-2:before{
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  background: #00000033;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.about-item:hover .overlay-2:before{
  left: 100%;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.about-item:hover .overlay:before{
  right: 100%;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.about-2{
  position: relative;
  background-size: cover;
}

.about-item-2{
  overflow: hidden;
  position: relative;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
  background: #0c52a3;
}

.welcome{
  position: relative;
  background-size: cover;
}

.welcome h4{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.welcome p{
  margin-bottom: 10px;
}

.welcome img{
  width: 100%;
}

.featured-item img{
  width: 100%;
  height: auto;
  opacity: 1;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.featured-item:hover img{
  opacity: 0.3;
  transform: scale(1.1);
}

.featured-item .about-content{
  width: 78px;
  height: 78px;
  overflow: hidden;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotate(45deg);
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.featured-item:hover .about-content{
  background-color: rgb(255, 34, 80);
}

.featured-item .icon i:before{
  position: relative;
  font-size: 45px;
  left: -5px;
  color: #fff;
  top: 2px;
  opacity: 0;
  transform: rotate(-45deg);
  display: block;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.featured-item:hover .icon i:before{
  opacity: 1;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.featured-item{
  border: 1px solid #dadada;
  border-bottom: 1px solid #0c52a36b;
  margin-bottom: 30px;
}

.featured-item .single-content{
  padding: 15px;
}

.featured-item .single-content h4 a{
  margin-bottom: 8px;
  color: #0c52a3;
  font-size: 20px;
  font-weight: 600;
}

.about-item-2 .about-content:before,
.about-item-2 .about-content:after,
.about-item-2 .about-content .icon:before,
.about-item-2 .about-content .icon:after{
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.about-item-2 .about-content:before,
.about-item-2 .about-content:after{
  width: 0;
  height: 2px;
}

.about-item-2 .about-content .icon:before,
.about-item-2 .about-content .icon:after{
  width: 2px;
  height: 0;
}

.about-item-2 .about-content:before,
.about-item-2 .about-content .icon:before{
  top: 0;
  left: 0;
}

.about-item-2 .about-content:after,
.about-item-2 .about-content .icon:after{
  bottom: 0;
  right: 0;
}

.featured-item:hover .about-content:before,
.featured-item:hover .about-content:after{
  width: 100%;
}

.featured-item:hover .about-content .icon:before,
.featured-item:hover .about-content .icon:after{
    height: 100%;
}





/*
========================================================
  18. Sponsor Style 
========================================================
*/





.sponsors-style-one {
  position: relative;
  padding: 60px 0;
  text-align: center;
  background: #0c52a3;
}

.sponsors-style-one.style-2{
  padding: 65px 0 100px;
}

.sponsors-style-one.style-3{
  padding: 85px 0 100px;
}

.sponsors-style-one ul li {
  background: #0c52a3;
}

.sponsors-carousel-one .image-box{
  border: 1px solid #ffffff3d;
  padding: 30px 0;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.sponsors-carousel-one .image-box:hover{
  border: 1px solid #fff;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}





/*
================================================
  19. Testimonials Section style
================================================
*/



.testimonials-section{
  position: relative;
  background-size: cover;
  background-color: #f5f4f4;
}


.testimonials-section .image-content{
  position: relative;
  top: 35px;
}

.testimonials-section .image-content h2{
  font-size: 40px;
  color: #222;
}

.testimonials-section .image-content .text{
  font-size: 20px;
  color: grey;
  font-style: italic;
}

.testimonials-section .image-content i{
  margin-top: 10px;
  font-size: 30px;
  color: #828282;
}

.testimonials-section .image-content h6{
  margin-top: 20px;
  font-size: 16px;
  color: #0c52a3;
}

.testimonials-section .image-content p{
  font-size: 16px;
  color: #000000;
}

.testimonials-section .owl-controls{
  position:relative;
  text-align:center;
  padding:20px 0px 0px;
  top:0px;  
}

.testimonials-section .owl-nav{
  display:none !important;
}

.testimonials-section .owl-dots{
  display:block !important;
}

.testimonials-section .owl-theme .owl-dots .owl-dot{
  display: inline-block;
  background:none;
  width: 16px;
  height: 16px;
  border: .5px solid #0c52a3;
  margin: 0px 3px;
}

.testimonials-section .owl-theme .owl-dots .owl-dot.active{
  background: #0c52a3;
}

.testimonials-section-2{
  position:relative;
  background: #f3f3f3;
}

.testimonials-section-2 .section-title p{
  max-width: 650px;
  margin: 0 auto;
}

.testimonials-section-2 .img-box a img{
  margin-top: 18px;
  border: 2px solid #0c52a3;
  margin-bottom: 12px;
  border-radius: 50%;
}

.testimonials-section-2 .slide-text p{
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
}

.testimonials-section-2 .slide-text h4{
  font-size: 16px;
  color: #222222;
}

.testimonials-section-2 .slide-text h4 span{
  color: #0c52a3;
}

.testimonials-section-2 .img-box .icon i{
  font-size: 16px;
  color: #0c52a3;
}





/*** 

====================================================================
  20. News Section
====================================================================

***/





.blog-section {
  position: relative;
}

/*News Style One*/

.news-block-one {
  position: relative;
  margin-bottom: 40px;
}

.news-block-one .inner-box {
  position: relative;
}

.news-block-one .inner-box .image {
  position: relative;
  margin-bottom: -6px;
}

.news-block-one .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-block-one .inner-box .image .post-time {
  position: absolute;
  left: 30px;
  bottom: -10px;
  color: #ffffff;
  font-size: 15px;
  z-index: 1;
  padding: 6px 18px 4px;
  display: inline-block;
  background-color: #0c52a3;
}

.news-block-one .inner-box .lower-content {
  position: relative;
  padding: 40px 15px 20px 35px;
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  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;
}

.news-block-one .inner-box .lower-content h3 {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  color: #13192d;
  margin-bottom: 15px;
  line-height: 1.4em;
}

.news-block-one .inner-box .lower-content h3 a {
  color: #13192d;
  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;
}

.news-block-one .inner-box .lower-content h3 a:hover {
  color: #0c52a3;
}

.news-block-one .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  line-height: 1.6em;
  margin-top: -8px;
  margin-bottom: 15px;
  color: rgba(7, 16, 45, 0.70);
}

.news-block-one .inner-box .lower-content .text p {
  position: relative;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 15px;
  color: rgba(7, 16, 45, 0.60);
}

.news-block-one .inner-box .lower-content .more-detail {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #13192d;
  text-transform: capitalize;
  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;
}

.news-block-one .inner-box .lower-content .more-detail span{
  position: relative;
  top: 1px;
}

.news-block-one .inner-box .lower-content .more-detail .icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.news-block-one .inner-box .lower-content .more-detail:hover {
  color: #0c52a3;
}

.news-block-one .inner-box:hover .lower-content {
  border: 1px solid #0c52a3;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 1);
  -moz-box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 1);
  box-shadow: 0px 4px 20px 0px rgb(255, 255, 255);
}

.news-block-one .post-meta{
    position: relative;
}

.news-block-one .post-meta li{
  display: inline-block;
}

.news-block-one .post-meta li a{
  position: relative;
  color: #0c52a3;
  font-size: 15px;
  top: 2px;
  margin-right: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}




/*
========================================================
  21. latest-project styles 
========================================================
*/




.latest-project{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.latest-project.style-2{
  padding: 85px 0 80px;
}

.latest-project.style-3 .single-gallery .social a{
  top:50%;
}


.latest-project .filter-item{
  margin-bottom: 30px;
}

.single-gallery .img-box {
  position: relative;
  overflow: hidden;
}

.single-gallery .img-box img {
  width: 100%;
}

.single-gallery .title h5 {
  color: #222;
  padding: 25px 0 0;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.latest-project .section-title p{
  margin-top: 15px;
  margin: 0 auto;
  max-width: 650px;
}

.single-gallery:hover .title h5 {
  color: #48c7ec;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.single-gallery .img-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(246, 38, 97, 0.78);
  text-align: center;
  opacity: 0;
  transition: all .5s ease;
}

.single-gallery .social a{
  position: absolute;
  color: #ffffff;
  top: 50%;
  font-size: 40px;
  margin-left: -25px;
  margin-top: -16px;
}

.g-text h3{
  position: ;
  left: 20px;
  bottom: 20px;
}

.g-text h3 a {

  bottom: 30px;
  font-weight: 600;
  font-size: 22px;
  color: #f4f9fb;
  text-transform: uppercase;

}


.single-gallery .img-box .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}

.single-gallery .img-box .overlay .box .content {
  display: table-cell;
  vertical-align: bottom;
}

.latest-project .single-item .img-box .overlay .top {
  text-align: center;
}

.latest-project .single-item .img-box .overlay .top ul {
  margin-bottom: 0;
  margin-bottom: 20%;
}

.latest-project .single-item .img-box .overlay .top li a {
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  background: #222;
  display: block;
  border-radius: 50%;
  -webkit-transition:.4s ease;
  transition: .4s ease;
}

.single-gallery .img-box .overlay .top li a:hover {
  background: #1f1f1f;
  color: #48c7ec;
}

.single-gallery .img-box .overlay .bottom {
  padding: 10px 0px;
  padding-right: 0;
  text-align: center;
}

.single-gallery .img-box .overlay .bottom .title h3 {
  margin: 0;
  color: #fff;
  line-height: 30px;
  font-size: 15px;
}

.single-gallery:hover .img-box .overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  transition: all .5s ease; 
}

.post-filter {
  display: inline-block;
  margin: 0;
  margin-bottom: 50px;
}

.post-filter li {
  padding: 5px 5px;
}

.post-filter li span {
  padding: 8px 40px;
  color: #0c52a3;
  font-size: 16px;
  border: 1px solid #f626612b;
  border-radius: 100px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Poppins', sans-serif;
  display: block;
  cursor: pointer;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.post-filter li:hover span,
.post-filter li.active span {
  color: #fff;
  background: #0c52a3;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.post-filter.style-2 li span{
   padding: 16px 80px;
}





/*
=============================
  22 .full-contact Style
=============================
*/




.demo-5 {
  --color-text: #5a5a5a;
    --color-bg: #040404;
    --color-link: #5a5a5a;
    --color-link-hover: #e84613;
    --color-info: #5a5a5a;
    font-family: 'Poppins', monospace;
    text-transform: lowercase;
}

.full-contact .form {
  top: 65px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 30px;
}

.full-contact .form__title {
  display: block;
  position:  relative;
  color: #0c52a3;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
}

.full-contact .form__title span{
  color: #222;
}
.full-contact .form__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 1.5rem 0;
}

.full-contact .form__label {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
  display: flex;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  color: #0c52a3;
}

.full-contact .form__label strong{
  color: #222;
}

.full-contact .form__label span {
  opacity: 0;
}

.form__label span,
.form__placeholder span {
  flex: none;
  white-space: pre;
}

.full-contact .form__input {
  display: block;
  font-size: 17px;
  padding: 13px;
  width: 100%;
  border: 1px solid #fa29644d;
  background: #ffffff;
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 2px 10px 20px 0px rgba(0, 0, 0, 0.12);
  color: #0c52a3;
}

.full-contact .form__input:focus {
  outline: none;
}

.full-contact input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 10rem #0c52a3 inset;
  -webkit-text-fill-color: #fff !important;
}

.full-contact .form__placeholder {
  position: absolute;
  bottom: 0;
  z-index: 10;
  font-size: 16px;
  pointer-events: none;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
  color: #0c52a3;
  font-weight: bold;
}

.full-contact .form__placeholder strong{
  color: #222;
}

.full-contact .form__input:focus ~ .form__placeholder span {
  opacity: 0;
}

.full-contact .form__button {
  padding: 8px 40px;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
  border: 0;
  background: #0c52a3;
  color: #ffffff;
  align-self: center;
  font-family: 'Poppins', sans-serif;
}

.full-contact .form__button:focus {
  outline: none;
}

.full-contact .form__button:hover {
  background: #0c52a3;
}




/*** 

====================================================================
  23. FullWidth Services Section
====================================================================

***/



.fullwidth-services{
  position:relative;
  min-height:400px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}


.fullwidth-services .outer-box .content-column{
  position: relative;
}

.fullwidth-services .outer-box .content-column .content-inner{
  position:relative;
  padding:120px 0px;
}

.fullwidth-services .outer-box .content-column .content-inner .content{
  position:relative;
  padding: 60px 40px 10px 50px;
  background-color:#ffffff;
  border: 1px solid #0c52a34a;
}

/*Services Block Four*/

.services-block-four{
  position:relative;
  margin-bottom:50px;
}

.services-block-four .inner-box{
  position:relative;
  padding-left: 95px;
}

.services-block-four .inner-box .icon{
  position:absolute;
  left: 0px;
  top: 0px;
  color: #0c52a3;
  font-size:52px;
  line-height:1em;
  margin-bottom:15px;
  width: 60px;
  height: 60px;
  border: 3px solid #0c52a3;
  transform: rotate(45deg);
  background: #0c52a3;
}

.services-block-four .inner-box .icon span:before{
  position: absolute;
  display: block;
  transform: rotate(-45deg);
  font-size: 34px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -26px;
}

.services-block-four .inner-box h3{
  position:relative;
  font-size:22px;
  font-weight: 600;
  margin-bottom:10px;
}

.services-block-four .inner-box h3 a{
  color:#000000;
  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;
}

.services-block-four .inner-box h3 a:hover{
  color: #0c52a3;
}

.services-block-four .inner-box .text{
  position:relative;
  font-size:15px;
  line-height:1.6em;
  color:rgba(0,0,0,0.75);
}




/*** 

====================================================================
  24. Why Choose Us Style
====================================================================

***/







/* services block five */

.service-block-five {
  position: relative;
  margin-bottom: 30px;
}



.service-block-five .inner-box {
  position: relative;
  padding: 30px 30px 25px;
  border: 1px solid #0c52a330;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  background: #0c52a3;
}

.service-block-five .inner-box h4 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 12px;
  color: #fff;
}

.service-block-five .inner-box h4 a {
  color: #fff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}



.service-block-five .inner-box .text-us {
  color: #fff;
}




.service-block-five .inner-box:hover .icon-box,
.service-block-five .inner-box:hover .text-us,
.service-block-five .inner-box:hover h4 a,
.service-block-five .inner-box:hover {
  color: #fff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.service-block-five .inner-box:hover {
  background-color: #0c52a3;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}


/*
  Who we are styles 
*/

.two-col-sec .two-col-img-holder img {
    float: right;
    max-width: none;
}

.two-col-sec .two-col-content {
  margin-right: -30px;
  margin-top: 90px;
}