/*
Theme Name: BETTY CONSULTANTS
Author: Stephen mbiyu
Author URI: https://mbitrix.com/
Description: Theme for Mbitrix technologies website
Version: 1.0

Text Domain: BETTY CONSULTANTS


*/
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
body {
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #7a7a7a;
    background-color: #ffffff;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}
.row{
	margin:0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #7dff00;
    background-color: #fff;
}
.navbar-brand{
	padding:0;}
.mast{
	min-height:400px;
	background-image:url(img/accounting-degree-tools.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:200px;
	clear:both;
	margin-left:-15px;
	margin-right:-15px;}
	
.greeny{
	color:#002753;}

.btn-warning{
	background-color:#E9B702;
	color:#000;
	}
	
.container{
	width:100%;}
.header h1 {
    font-family: 'Bitter', sans-serif;
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    line-height: 36px;
	color:#000;
	
}
.selector a{
	width:100%;
	display:block;}
.h1 {
   
    font-family: 'Bitter', sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    padding-top: 55px;
    text-transform: uppercase;
    color: #323232;
    letter-spacing: 5px;
}
h1 {
   
    font-family: 'Bitter', sans-serif;
    font-size: 30px;}
.service_main {
    width: 100%;
    margin-right: 10%;
    float: left;
    text-align: left;
}
.tax {
    background: url(img/tax.png) no-repeat top left;
}
.acc {
    background: url(img/acc.png) no-repeat top left;
}
.pay {
    background: url(img/pay.png) no-repeat top left;
}
.aud {
    background: url(img/aud.png) no-repeat top left;
}
.sec {
    background: url(img/sec.png) no-repeat top left;
}

.pad{
	padding:100px;
	padding-top:0;}
.service_main h2 {
    font-family: 'Bitter', sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #323232;
    line-height: 30px;
    padding-left: 40px;
}


.service_extra {
    width: 100%;
    float: left;
    text-align: left;
    border: 1px solid #dedede;
    box-sizing: border-box;
}
.service_extra h2 {
    background: #f2f2f2;
    border-bottom: 1px solid #dedede;
    color: #323232;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
	margin:0;
}
.service_extra ul {
    padding: 20px 30px;
}
.service_extra li {
    background: url(img/checkmark.svg) no-repeat;
    background-position: left 4px;
    background-size: 15px;
    padding-left: 30px;
    line-height: 21px;
    margin-bottom: 12px;
	list-style:none;
}

.header{
	
	max-width:800px;
	margin:auto;
	background-color:#E9B702;
border-radius:20px;}

.services_nav_list {
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 75px;
    position: relative;
    bottom: 0;
    width: 95%;
    max-width: 1020px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
	display:block;
    padding: 20px 20px 10px 20px;
    -moz-box-shadow: inset 0 -8px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 -8px 10px rgba(0, 0, 0, .1);
    box-shadow: inset 0 -8px 10px rgba(0, 0, 0, .1);
}
.abs{
	position:absolute;
	bottom:0;}
.services_nav_list li.active, .services_nav_list li:hover {
    cursor: pointer;
    color: #15b86e;
}
.services_nav_list li {
    display: inline-block;
    color: #7a7a7a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    margin-left: 55px;
    padding-left: 55px;
    border-left: 1px solid #bcbcb3;
    padding-top: 4px;
    box-sizing: border-box;
    height: 36px;
}
.tab-pane{
	margin-top:50px;} 
	
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #000;
    cursor: default;
    background-color:#E9B702;
    border: 1px solid #E9B702;
	border-radius:0;
    
}
.nav-tabs {
     border:0;
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border-radius: 0;
	border: 1px solid #E9B702;
	color: #000;
}
.greena{
	color: #000;
    cursor: default;
    background-color:#E9B702;
    border: 1px solid #E9B702;
	border-radius:0;
	float:left;
	padding:10px;
	margin:2px;
	transition:ease-in-out .5s;
	text-decoration:none;
	display:block;}
.greena:hover {
	text-decoration:none;
	transform:scaleY(1.1);
	transition:ease-in-out .5s;
	color:#000;}
.nxt_links{
	width:200px;
	margin:auto;
	margin-top:50px;}
h2{
	color:#E9B702;
	font-family: 'Bitter', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
   
    line-height: 30px;
    }
ul.selectors_wrapper {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.selector.active {
    background: #E9B702;
    color: #000;
}
.selector.active a{
	color:#000;}
.selector a{

	cursor:pointer;}
.selector a:hover{
	
	cursor:pointer;
	text-decoration:none;}
.selector:hover{
	color:#000;
	text-decoration:none;
	background: #E9B702;
	transition:ease-in-out .5s;}
.selector{
	transition:ease-in-out .5s;
	color:#000;}
.bod{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:50px;
	text-align:left;}

	.selector.active a:hover{
	color:#fff;
	text-decoration:none;}
li.selector {
    background: #f3f3f3;
    width: 100%;
    color: #E9B702;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
	list-style:none;
}
.standard_content {
    float: right;
    width: 48%;
    padding-left: 20px;
    border-left: 5px solid #f3f3f3;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    height: auto;
}
.standards{
	margin-top:50px;}
.gre{
	background-color:#E9B702;
	padding:10px;
	color:#000;}
.modal-title{
	color:#E9B702;
	font-family: 'Bitter', sans-serif;
    font-size: 20px;
	}
.selector.active:after {
    position: absolute;
	top:0;
    right: -20px;
    width: 7px;
    height: 15px;
    content: url('img/standards_nav_arrow.svg');
}
.hea{
	color:#FFF;
	font-size:36px;}
.phone{
	display:block;
	color:#FFF;
	text-align:left;
	font-size:16px;
	padding:10px;
	clear:both;
	margin:10px;
	}
.phone:before{
	content:"";
	background-image:url(img/phone21.png);
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin-right:20px;}
.email{
	display:block;
	color:#FFF;
	text-align:left;
	font-size:16px;
	padding:10px;
	clear:both;
	margin:10px;
	}
.email:before{
	content:"";
	background-image:url(img/opened4.png);
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin-right:20px;}
.address{
	display:block;
	color:#FFF;
	text-align:left;
	font-size:16px;
	padding:10px;
	clear:both;
	margin:10px;
	}
.address:before{
	content:"";
	background-image:url(img/location73.png);
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin-right:20px;}
.contact-form .form-group .form-control{
	background-color:transparent;
	border: 2px solid #fff;
    border-radius: 0;
	color:#FFF;
	padding:20px;
	font-size:14px;}

.contact-form .form-group .form-control::-webkit-input-placeholder {
    color:    #fff;
}
.contact-form .form-group .form-control:-moz-placeholder {
    color:    #fff;
}
.contact-form .form-group .form-control::-moz-placeholder {
    color:    #fff;
}
.contact-form .form-group .form-control:-ms-input-placeholder {
    color:    #fff;
}
.foot{
	background-color:#323232;
	padding:20px;
	color:#fff}
.num{
	background-color:#E9B702;
	color:#FFF;
	border-radius:30px;
	padding:10px;
	font:20px;
	width:20px;footer
	height:20px;}
.clie{
	list-style:none;}
.clie li{
	text-align:left;
	padding:10px;
	font-size:16px;}
	.log{
	width:200px;
	float:left;
	display:inline-block;}
.log p{
	width:200px;
	display:block;
	
	word-wrap:normal;
	text-align:center;}
.marq{
	width:100%;}
.log img{
	width:100px;
	margin:auto;
	display:block;}
.marquee {
  width: 100%;
  overflow: hidden;
  
  
}
	
@media screen and (max-width: 1200px) {
    .pad {
    padding:0px;
    padding-top: 0;
    
}
.bod{
padding-left:0px;
padding-right:0px;
}
}
@media screen and (max-width: 700px) {
.page-scroll img{
width:100%;
height:auto;}}


.carousel-control.left {
	background:none;
}
.carousel-control.right {
	background:none;
}
.carousel-control {
	color:#0C3;}
.item{
	height:400px;
	text-align:center;

margin-bottom:10px;
	padding:20px;}

	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 50px;
}
.imga{
	display:block;
	height:50px;
	margin:auto;
	margin-top:20px;
	animation-delay:1s;}
.grey{
	background-color:#757575;
	padding:20px;
	padding-top:10px;}
.item h1{
	font-size:42px;
	font-weight:700;
	color:#F79422;
	font-family: 'Open Sans Condensed', sans-serif;
	animation-delay:.5s;
	
	}
	.socially{
	display:block;
	height:32px;
	
	margin-bottom:10px;}
.ga{
	background-position: -64px -33px;
	transition:ease-in-out .2s;
	}
.fb:hover{
	background-position: 0px 0px;
	transition:ease-in-out .2s;}

.social-link{
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin:4px;
    background-image:url(img/social.png);
	background-repeat:no-repeat;
	border-radius:16px;
	
	}
.fb{
	background-position: 0px -32px;
	transition:ease-in-out .2s;}
.tweet:hover{
	background-position: -32px 0px;
	transition:ease-in-out .2s;}
.tweet{
	background-position: -32px -32px;
	transition:ease-in-out .2s;}
.ga:hover{
	background-position: -64px 0px;
	transition:ease-in-out .2s;
	}
.item p{
	margin-top:20px;
	font-size:24px;
	color:#F79422;
	animation-delay:.5s;
	font-family: 'Open Sans Condensed', sans-serif;}
#myCarousel{
	margin-top:50px;}

.wood{
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	margin:0;
	padding:50px;}
.whiten{
	color:#FFF;}
.whihe{
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	display:block;
	font-weight:700;
	padding:10px;
	}
.whiho{
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	display:block;
	clear:both;
	padding:5px;
	
	}
	
.whino{
	font-weight:700;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	padding:2px;
	display:block;
	}
.pad30{
	padding-top:50px;}
.whinte{
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	padding:2px;
	display:block;
	font-weight:700;
	margin-bottom:20px;
	}
@media screen and (max-width: 1000px) {
.item{
	height:400px;}}
	@media screen and (max-width: 800px) {
. wood{background-position-x: -120px;}}
@media screen and (max-width: 766px) {
	.item{
		height:300px;}
	
	
	.pad {
    padding: 10px;}
}

	@media screen and (max-width: 660px) {
.hellnot{
	float:none !important;
	}
	.nav > li {
    position: relative;
    display: block;
	width:100%;
	text-align:center;
	font-weight:700;
}
}

@media screen and (max-width: 400px) {
	.item{
		height:400px;
		}
	#myCarousel {
    margin-top: 0px;
}
		
	}
#contact{
/*	margin-top:80px;*/}
@media screen and (max-width: 590px) {
	.logy{
		width:100%;}}


.video1{
	width:200px;
	height:135px;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(img/video/1.png);
	border:2px solid #E9B702;
	border-radius:10px;
	transition:ease-in-out .2s;
	margin: auto;
	float:left;
	margin-right:20px;}
.video1:hover{
	background-image:url(img/video/2.png);
	transition:ease-in-out .2s;
	}
	
.video3{
	width:200px;
	height:135px;
	
	display:block;
	background-image:url(img/video/5.png);
	background-size:contain;
	background-repeat:no-repeat;
	border:2px solid #E9B702;
	border-radius:10px;
	transition:ease-in-out .2s;
	margin: auto;
	float:left;
	margin-right:20px;}
.video3:hover{
	background-image:url(img/video/6.png);
	transition:ease-in-out .2s;
	}
	
.video2{
	width:200px;
	height:135px;
	display:block;
	background-image:url(img/video/3.png);
	border:2px solid #E9B702;
	border-radius:10px;
	transition:ease-in-out .2s;
	margin: auto;
	
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-right:20px;}
.video2:hover{
	background-image:url(img/video/4.png);
	transition:ease-in-out .2s;
	}
	
.ory{
	font-size:30px;
	font-weight:400;
	
	line-height:1.4;
    color: #E9B702;
    font-family: 'Bitter', serif;}
.left{
text-align:left;}
.widget-area div ul li{
text-align:left !important;
display:block;
padding:10px;
margin:5px;
border:1px solid #E9B702;
border-radius:5px;}
.widget-area div ul li a{
    color:#000;
}
.alignleft {
    float: left;
    margin: 15px;
    border: 1px solid #00B669;
    padding: 5px;
    border-radius: 5px;
    background: #00B669;
}
p{
    color:#000;
}