body{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 28px;
}
html,body{
	height: 100%;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0px;
	font-weight: 400;
	color:#000;
	font-family: 'Montserrat', sans-serif;
}
h1,h2 {
	letter-spacing: -1px;
}
a,a:hover,a:focus{
	text-decoration: none;
	outline: 0!important;
}
a,.btn{
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.btn{
	font-size: 15px;
	font-weight: 400;
}
.color{
	color: #f03c7d;
}

.navbar-inverse{
	margin: 0px;
	border: 0px;
	background: #2a4e72;
	padding: 10px 0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color: #f8452c;
	background-color: transparent;
}
.navbar-inverse .navbar-brand{
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
}
.navbar-inverse .navbar-brand span{
	color:  #f8452c;
}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
}


.section-full-height {
	height: 100%;
	position: relative;
	overflow: hidden;
	width: 100%;
}

section.bg-light {
	background-color: #f4f2f2;
}

.overflow-img {
	width: 100%;
	height: 800px;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	background-color: #000;
}



@media(min-width:992px){
	.section-full-height:before{
		width: 65%;
		height: 100%;
		top: 0;
		left: 0;
		content: "";
		background-color: rgba(0,0,0,0.6);
		position: absolute;
		transform: skew(10deg);
		margin-left: -60px;
	}
}

.content-table, .slides.content-table {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
}
.content-vm, li.content-vm {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.section-full-height span{
	color:#c9bab3;
	font-size: 18px;
	text-transform: uppercase;
}
.section-full-height h1{
	color:#fff;
	text-transform: uppercase;
	font-size: 55px;
	line-height: 55px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.section-full-height p{
	color: #fff;
}
.btn-theme{
	background:  #f22b2b;
	padding: 10px 25px;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
}
.btn-theme:hover{
	color: #fff;
	background:  #333;
}
.testimonials{
	padding: 100px 0;
}
.testimonials span{
	display: block;
	margin-bottom: 10px;
}
.testimonials h4{
	margin-bottom: 0px;
}
.section-title{
	margin-bottom: 40px;
}
.our-clients{
	background: url(../images/client-bg.png) no-repeat center center;
	background-size: cover;
	padding: 150px 0;
}
.clientslist li{
   vertical-align: middle;
	padding: 15px 20px;
	border: 1px solid #888;
	margin: 0px 20px;
	margin-bottom: 20px;
}
.section-title.light h1{
	color: #fff;
}
.section-title h1{
	font-weight: 400;
	font-size: 40px;
}
.section-title img{
	margin-bottom: 20px;
}
.pricing{
	padding: 100px 0;
}
.pricing-box{
	text-align: center;
}
.price-header{
	padding: 20px 15px;
	background-color: #333;
	color: #fff;
}
.price-header h1{
	font-size: 80px;
	color:#fff;
	display: inline-block;

	position: relative;
}
.price-header h1 sub,.price-header h1 sup{
	font-size: 12px;
	position: absolute;
}
.price-header h1 sup{
	top: 0;
	left: 0;
}
.price-header h1 sub{
	bottom: 0;
	right: 0;
}
.price-header h3{
	color:#fff;
	margin-bottom: 20px;
	text-transform: uppercase;

}
.pricing-box ul{
padding: 15px;
}
.pricing-box ul li{
	padding: 5px 15px;
	border-bottom: 1px solid #eee;
}
.flex-control-nav{
	left:0;
}
.testimonials .flex-control-paging li a.flex-active {
	background:  #f22b2b;
	border-color: #f22b2b;
	background: #f22b2b;
	cursor: default;
}
.team-section{
	padding: 100px 0;
	background: url('../images/a-bg.png') no-repeat top center #fff;
}


.person{
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}
.person a {
	display: block;
	width: 100%;
	height: 100%;
}
.person img{
	width: 100%;
}
.team-section .row{
	margin: 0px;
}
.team-section .col-md-3{
	padding: 0px;
}
.person-overlay{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -100%;
	height: auto;
	padding: 10px 15px;
	background:  #f22b2b;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.person-overlay h4{
	color: #fff;
	margin-bottom: 4px;
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
}
.person-overlay li a{
	color:#fff;
	font-size: 20px;
}
.person-overlay li{
	padding: 0px 3px;
}
.person-overlay span {
	color:#fff;
	font-size: 12px;
	line-height: 16px;
	display: block;
}
.person:hover .person-overlay{
	bottom: 0px;
}
.services{
	background: url(../images/service-top.png) no-repeat top center;
	padding: 150px 0;
	background-size: cover;
	position: relative;
}

.service-box {
	   margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #555;
	text-align: center;
}
.service-box i {
	color: #ff0;
	font-size: 60px;
	margin-bottom: 20px;
	display: inline-block;
}
.service-box h4 {
	color:#fff;
}
.about-section {
	padding: 100px 0;
}
.portfolio{
	background: url(../images/bg2.jpg) no-repeat top center;
	padding: 100px 0;
	background-size: cover;
}
.project-box {
	overflow: hidden;
	position: relative;
	display: block;
	margin-bottom: 30px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #e7e7e7;
}

.project-img{
	width: 100%;
	/*height: 346px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


.project-overlay{
	position: absolute;
	left:0;
	top:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.project-overlay p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: 30px;
	text-align: center;
	color:#fff;
	font-size: 18px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.project-overlay p span {
	display: block;
	font-size: 12px;
}
.project-box:hover .project-overlay{
	visibility: visible;
	opacity: 1;
}
.project-box:hover .project-overlay p{
	margin-top: -15px;
}

.project-text {
	padding: 20px;
	background-color:#f7f7f7
}
.project-text p.date {
	margin-bottom: 0;
	padding-bottom: 4px;
	font-size: 13px;
	line-height: 15px;
	height: auto !important;
}
.project-text h3 {
	color: #2a4e72;
	/*height: 5rem;*/
}
.project-text p {
	display: block;
	line-height: 2.2rem;
	/*height: 5rem;*/
	color: #000000;
}


@media(max-width:1199px){
	.project-img{
		height: 283px;
	}
}
@media(max-width:991px){
	.project-img{
		height: 214px;
	}
	.project-text h3 {
		/*height: 5rem;*/
	}
	.project-text p {
		/*height: 5rem;*/
	}
}
@media(max-width:767px){
	.project-img {
		height: auto !important;
	}
	.project-text h3 {
		height: auto !important;
	}
	.project-text p {
		height: auto !important;
	}
}

.bot-gallery a {
	height: 250px;
	text-align: center;
	display: block;
}
.bot-gallery a img {
	max-height: 250px;
	width: auto !important;
}



.footer{
	padding-top: 50px;
	background: #333;
}
.footer h3{
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	text-transform: capitalize;
}
.footer .border-left{
	border-color: rgba(255,255,255,0.1);
	margin-bottom: 20px;
}
.footer ul.list-unstyled li a{
	color:#fff;
}
.footer ul.list-unstyled li a:hover{
	color: #f03c7d;
}
.footer .f-news li a{
	display: block;
	padding: 6px 0;
	border-bottom: 1px dashed rgba(255,255,255,0.2);
}
.footer .f-news li a span{
	width: 100%;
	display: block;
	font-size: 11px;
	line-height:15px;
	color:#ddd;
}
.footer .flickr-st li {
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	border: 2px solid #666;
}
.footer .flickr-st li a{
	display: block;
}
.footer p span{
	display: block;
	overflow: hidden;
}
.footer p i{
	float: left;
	display: block;
	font-size: 20px;
	width: 40px;
	text-align: center;
}
.footer .col-md-3{
	padding-bottom: 40px;
}
.copyright{
	background-color: #3f6184;
	padding: 10px 0;
}
.copyright span {
	color: #fff;
}
.socials li a{
	display: block;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.3);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}
.socials li{
	padding: 0px;
}
.socials li a:hover{
	border: 1px solid rgba(255,255,255,0.9);
	color:rgba(255,255,255,0.9);
}
.contact-us{
	padding: 70px 0;
	background-color: #2a4e72;
}
.contact-us h1{
	color: #fff;
}
.contact-box{
	padding: 15px;
	height: 160px;
	width: 100%;
	display: table;
	border: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 30px;
	text-align: center;
}
.contact-box-inner{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.contact-box h2 {
	color:#fff;
	text-transform: capitalize;
	/*font-weight: 700;*/
}
.contact-box p {
	color: #ffff00;
}
.contact-box p a {
	color: #ff0;
}
.contact-box p a:hover {
	color: #ffffff;
}

.contact-us .form-control{
	border-radius: 0px;
	box-shadow: none;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.1);
	color:#fff;
	min-height: 40px;
}
@media(max-width:767px){
	.section-full-height h1{
		font-size: 30px;
		line-height: 30px;
	}
	.pricing-box{
		margin-bottom: 30px;
	}
	.project-box img{
		width:100%;
	}
	.section-title h1{
		font-size: 30px;
	}
}


/*exa*/
.dropdown-menu {
	margin-top: 0;
	padding: 0px;
	border: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	min-width: 180px;
}
.dropdown:hover .dropdown-menu{
	display: block;
}
.dropdown-menu > li > a {
	padding: 8px 20px;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
}