/*
Theme Name: bwa consult
Theme URI: http://www.bwa-consult.com/
Author: bwa consult
Author URI:	http://www.bwa-consult.com/
*/
body{font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; line-height:1.8; color:#111111; background-color:#fff;}
img{max-width:100%; height:auto;}
a, img{outline:none;}
a{color:#0087ca;}
a:hover{color:#111111; text-decoration:none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.2; font-family: 'Lato', sans-serif;}

h1, .h1{font-size:45px; font-weight:300;}
h2, .h2{font-size:40px; font-weight:300;}
h3, .h3{font-size:30px; font-weight:300;}
h4, .h4{font-size:25px; font-weight:400;}
h5, .h5{font-size:22px; font-weight:700;}
h6, .h6{font-size:20px; font-weight:700;}

p{margin-bottom:30px;}
strong{font-weight:600;}
hr{border-color:#e0e0e0;}

.form-control{border-radius:0;}
.input-lg{font-size:14px;}
label{font-weight:300;}
.red{color:#ff3000;}


.btn{border-radius:0; line-height:1.9; padding:6px 20px; font-size:20px; transition:all 200ms linear; -webkit-transition:all 200ms linear; font-weight:700; 
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;}
.btn:after{content:''; position:absolute; left:0; top:0; bottom:0; right:0; border-radius:6px; z-index:-1;
-webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
}
/*.btn-lg, .btn-group-lg > .btn{padding:15px 30px; font-size:20px;}
.btn-sm, .btn-group-sm > .btn{padding:5px 15px; font-size:18px;}
.btn-xs, .btn-group-xs > .btn{padding:1px 5px; font-size:14px;}*/


.btn-default{border-color:#f9bc02; background-color:none; color:#282828;}

.btn-primary{border-color:transparent !important; background-color:transparent !important; color:#fff;}
.btn-primary:after{background-color:#b6c72c;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover{color:#301f58;}


/* Radial In */
.hvr-radial-in {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
   border-radius:6px;
}

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

/*Header CSS
------------------------------------------------------------------------------------------------------*/
.header{background:#ffffff; position:fixed; left:0; top:0; z-index:998; width:100%; box-shadow:0 3px 10px #000000;}
.logo{float:left; padding:8px 0;}
.header-right{float:right; padding:18px 0;}
.top-menu{margin:0;}
.top-menu ul{padding:0; margin:0 -15px; list-style:none;}
.top-menu ul li{float:left; margin:0 10px; position:relative;}
.top-menu ul li a{color:#111111; text-decoration:none; font-size:20px; line-height:24px; padding:5px 15px; display:block; font-weight:300; position:relative;}
.top-menu ul li a:after{content:''; position:absolute; left:0; top:0; bottom:0; right:0; z-index:-1; border-radius:6px;
-webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
}

.top-menu ul li a:hover, 
.top-menu ul li:hover > a{color:#0087ca;}
.top-menu ul li a.active{color:#fff; font-weight:400;}

.top-menu ul li a.active:after{background-color:#0087ca;}

.top-menu ul ul{padding:15px 30px; list-style:none; width:300px; background:#fff; box-shadow:10px 10px 15px #353535; position:absolute; left:0; top:100%; display:none;}
.top-menu ul ul li{margin:0; float:none;}
.top-menu ul ul li a{padding:5px 0; font-size:18px; display:block; font-weight:400; color:#333333;}
.top-menu ul ul li a:hover, 
.top-menu ul ul li:hover > a,
.top-menu ul ul li.current_page_item > a,
.top-menu ul ul li.current_page_ancestor > a,
.top-menu ul ul li.current-menu-item > a,
.top-menu ul ul li.current-menu-ancestor > a{color:#0087ca;}
.top-menu ul ul ul{left:100%; top:0;}
.top-menu ul li:hover > ul{display:block;}

.banner{background:url(images/banner.jpg) center top no-repeat; background-size:cover; height:550px; text-align:center; color:#fff;}
.banner .con{padding:150px 0;}
.banner .con h1{font-size:80px; margin-bottom:30px; line-height:1;}

/*Content CSS
------------------------------------------------------------------------------------------------------*/
#content{padding:60px 0 30px;}
#primary{float:left; width:70%;}
#secondary{float:right; width:30%; padding-left:30px;}
.site-content{}
.lead{font-size:21px; font-weight:400; color:#333333; line-height:1.8;}

.what-we-do{background:url(images/whatbg.jpg) center top no-repeat; background-size:cover; padding:60px 0 20px; text-align:center; color:#fff;}
.what-we-do h2{font-weight:700;}
.what-we-do .text-box{padding-top:20px; padding-bottom:20px; line-height:1.5;}
.what-we-do .text-box p{margin-bottom:10px;}

.market-youe-business{text-align:center; background-color:#f1ce00; padding:75px 0;}
.market-youe-business h2{margin:0; font-size:45px;}

.wha-we-offer{background-color:#fff; padding:60px 0; text-align:center;}
.wha-we-offer .text-box{padding-top:20px; padding-bottom:70px; min-height:520px; position:relative;}
.wha-we-offer .text-box:before{content:''; position:absolute; left:50%; top:10px; margin-left:-33px; border-radius:6px; background:#b6c72c; width:65px; height:10px;
-webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
}
.wha-we-offer .text-box.box2:before{background:#0087ca;}
.wha-we-offer .text-box.box2 .btn:after{background:#0087ca;}
.wha-we-offer .text-box.box3:before{background:#f1ce00;}
.wha-we-offer .text-box.box3 .btn:after{background:#f1ce00;}

.wha-we-offer h2{margin-bottom:40px;}
.wha-we-offer .text-box h4{margin-bottom:20px;}
.wha-we-offer .text-box h6{font-size:16px; font-weight:400; margin-bottom:20px;}
.wha-we-offer .text-box p{margin-bottom:10px;}
.wha-we-offer .text-box .btn{width:230px; position:absolute; left:50%; bottom:0; margin-left:-115px;}


.text-shadow{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7);}

.widget-area .widget ul{padding:0; margin:0; list-style:none;}
.widget-area .widget ul li{padding:3px 0; border-bottom:solid 1px #d7d7d7;}
.widget-area .widget ul li a{color:#111111;}

/*Footer CSS
------------------------------------------------------------------------------------------------------*/
.footer{padding:60px 0 40px; background:#0087ca; color:#fff;}
.footer a{color:#fff;}
.footer .widget h4{font-size:20px; position:relative; padding-bottom:15px; margin-bottom:25px; text-transform:uppercase;}
.footer .widget h4:after{position:absolute; left:0; bottom:0; content:''; width:60px; height:3px; background:#b6c72c;}
.footer .lead{font-size:22px; font-weight:300; color:#fff;}
.footer .btn-submit{background:none; border:none; color:#fff; font-size:30px; font-weight:300; padding:0; border:solid 3px #b6c72c; padding:0 15px;}
.footer .btn-submit:hover{color:#000;}
.footer .form-control{background:none; font-size:16px; color:#fff; border-color:#fff;}
.footer textarea.form-control{height:142px;}
.footer .form-control::-moz-placeholder {
  color: #fff;
}
.footer .form-control:-ms-input-placeholder {
  color: #fff;
}
.footer .form-control::-webkit-input-placeholder {
  color: #fff;
}

.footer .wpcf7-not-valid-tip{color:#b6c72c; line-height:1.5; font-weight:400;}

.social{}
.social a{display:inline-block; font-size:36px; margin:0 10px 10px 0;}
.social a:hover{color:#000;}

/*TOP*/
#back-top{bottom:40px; position:fixed; right:20px; z-index:999; background:url(images/up-arrow.png) center center no-repeat; width:48px; height:48px; border-radius:3px; display:none;}