/*
Theme Name: Ascendem
Theme URI: https://www.ascendem.com
Author: ewebbers studio
Author URI: https://www.ewebbersstudio.com
Description: Copyright © 2016 Ascendem. All rights reserved
Version: 1
License: 
License URI: 
Tags: 
Status: inactive

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */

@font-face {
    font-family: 'sansationregular';
    src: url('fonts/Sansation-Regular-webfont.eot');
    src: url('fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Regular-webfont.woff') format('woff'),
         url('fonts/Sansation-Regular-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sansation_lightlight';
    src: url('fonts/Sansation-Light-webfont.eot');
    src: url('fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Light-webfont.woff') format('woff'),
         url('fonts/Sansation-Light-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sansationbold';
    src: url('fonts/Sansation-Bold-webfont.eot');
    src: url('fonts/Sansation-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Bold-webfont.woff') format('woff'),
         url('fonts/Sansation-Bold-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



html,body{
	height:100%;	
	color:#8c8c8c;
	font-size:12px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

hr{
	border-color:#d5d5d5;	
}

h1,h2,h4,h6{
	font-family:"sansationregular", Helvetica, Arial, sans-serif;	
}

h3,h5{
	font-family:"sansationbold", Helvetica, Arial, sans-serif;	
}


header{
	height:100px;
	width:60%;
	background-color:#f5f5f5;
	display:block;
	position:absolute;
	left:0;
	padding:0 15px;
	z-index:3;
}

header .social{
	list-style:none;
	text-align:right;
	float:right;
	clear:right;
	margin-top:10px;
}

header .social li{
	display:inline-block;
	margin:0 5px;
	font-size:18px;
}


header .social li a{
	display:inline-block;
	margin:0 2px;
	font-size:18px;
	color:#b0b0b0;
	transition: all 0.3s;
}

header .social li a:hover{
	color:#143980;	
}


.logo {
	height:100px;
	display:flex;
	vertical-align:middle;	
}

.logo img{
	width:107px;
	margin:10px 0 0 10px;
	
}

header .open_menu{
	float:right;
	padding:10px;
}
header .open_menu a{
	font-family:"sansation_lightlight", Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#8e8e8e;
	text-decoration:none;
	text-transform:uppercase;
}

header .open_menu a i{
	border:1px #8e8e8e solid;
	border-radius:2px;
	padding:3px;
	margin-left:5px;
}

header .open_menu a:hover,header .open_menu a.active{
	color:#143980;
	transition: all 0.3s;
}



.navbar{
	width:320px;
	position:absolute;
	height:100%;
	display:block;
	z-index:2;
	left:-320px;
	background:#2c2c2c;	
	transition: all 0.3s;
	padding-top:120px;
}

.navbar.active{
	left:0;	
}

.navbar .close{
	font-size:25px;
	text-transform:uppercase;
	color:#fff;
	margin-right:20px;
	transition: all 0.3s;	
}


.navbar .menu{
	clear:both;
	float:left;
	margin-top:20px;
	display:block;
	width:270px;	
}

.navbar .menu ul{
	list-style:none;
	padding:0;	
}

.navbar .menu ul li{
	display:block;
	padding-left:20px;
	transition: all 0.3s;
	position:relative;	
}



.navbar .menu ul li a{
	padding:15px 0;	
	font-family:"sansationregular", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	display:block;
	border-bottom:1px #6c6c6c solid;
	text-decoration:none;
	transition: all 0.3s;	
}


.navbar .menu ul li:hover{
	background-color:#6c6c6c;	
}
.navbar .menu ul li:before{
    position:absolute;
    display:block;
    content:"";
    border:25px solid transparent;/*adjust size*/
    top:0;
    right:-50px;
    border-left-color:#2c2c2c;/*Chevron Color*/
    transition: all 0.3s;
}

.navbar .menu ul li:hover:before{
    border-left-color:#6c6c6c;/*Chevron Color*/
}



.navbar .menu ul li.current-menu-item,.navbar .menu ul li.current-post-ancestor{
	background-color:#143980 !important;	
}
.navbar .menu ul li.current-menu-item:before,.navbar .menu ul li.current-post-ancestor:before{
    border-left-color:#143980 !important;/*Chevron Color*/
}


.view{
	width:40%;
	float:right;
	height:100%;
	background:#143980;
	display:flex;
	vertical-align:middle;
	text-align:center;
}



.view.home_icon{
	background:#143980 url(images/home_bg.jpg) center center no-repeat;

}


.view img{
	margin:0 auto;	
}





.home_thumb{
	width:100%;
	max-width:165px;
	margin:0 auto;
	display:block;	
}





.body{
	width:60%;
	display:block;
	float:left;
	height:100%;
	padding:100px 0 25px 0;
	position:relative;
}


.body .nova{
	padding:15px 25px 0 25px;
	overflow-y:scroll;
	position:relative;
	height:100%;
	display:block;
}




footer{
	position:relative;
	text-align:center;
	color:#8c8c8c;
	width:100%;
	padding:20px 0;
}


.body .title{
	font-size:25px;
	color:#143980;
	text-transform:uppercase;
}


.body .title::after { 
	border:3px #143980 solid;
	width:55px;	
    display:block;
    content:"";
	
}


.body .title_s{
	font-size:25px;
	color:#143980;
	text-transform:uppercase;
	text-align:center;
}

.body .title_s::after { 
	border:3px #143980 solid;
	width:55px;	
    display:block;
    content:"";
	margin:0 auto;
	
}


.map-canvas{
	border:1px #d5d5d5 solid;	
	height:350px;
	margin:0 auto;
}


.accordion-group{
	margin-bottom:1px;	
}
.panel-default{border:none;}
.panel-default>.panel-heading{
	border:none;
	border-radius:0;
	background:none;
	padding:0;	
}

.panel-title a.collapsed{
	background-color:#fff !important;	
	color:#666666 !important;
}

.panel-title a.collapsed:hover{
	background-color:#f5f5f5 !important;
}

.panel-title a{
	padding:10px 40px 10px 10px;
	font-family:'sansationregular',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	background-color:#143980;	
	color:#fff !important;
	border:1px #b2b2b2 solid;
	display:block;
	text-decoration:none !important;
	transition: all 0.3s;
	
}

.panel-title a:hover{
	background-color:#1a4596;
	color:#fff;
	
}


.panel-title a:before{
    content:"_";
	color:#fff;
	float:right;
	margin-right:-20px;
	margin-top:-7px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}


.panel-title a.collapsed:before{
    content:"+";
	color:#666666;
	float:right;
	margin-right:-20px;
	margin-top:0px;
	font-size:20px;
	line-height:20px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}




.panel-body{
	padding:15px;
	background-color:#f5f5f5;	
	border:none;
	border-radius:0;
}




.contacts input[type='text'].form_style,.contacts input[type='email'].form_style,.contacts input[type='text'].form_style,.contacts input[type='file'].form_style,.contacts input[type='tel'].form_style,.contacts textarea.form_style{
	padding:10px 7px;
	font-size:11px;
	color:#8c8c8c;
	display:block;
	width:100%;
	line-height:15px;
	border:1px #d5d5d5 solid;
	border-radius:0;
	margin-bottom:6px;	
}

.contacts textarea.form_style{
	height:130px;	
}

.contacts input[type='submit'].send_butt{
	display:block;
	padding:12px 20px;
	border:none;
	border-radius:0;
	cursor:pointer;
	background:none;
	background-color:#143980;
	color:#fff;
	text-align:center;
	font-size:13px;
	width:100%;
}


input[type='submit']:after{
	text-align:center;
	content:'\f0e0';	
	color:#fff;
	font-size:15px;
}

input[type='submit']:hover{
	background-color:#143980;	
}


.careers .nav-tabs{border:0;}
.careers .nav-tabs li{display:block;width:100%;margin-bottom:2px;}
.careers .nav-tabs li a{
	display:block;
	border:1px #b2b2b2 solid;
	padding:10px;
	font-size:12px;
	color:#b2b2b2;
	background:none;
	background-color:#fff;
	border-radius:0;
	transition: all 0.3s;
}
.careers .nav-tabs li a:hover{
	border:1px #c2c2c2 solid;
	background-color:#ededed;
}

.careers .nav-tabs li.active a{
	color:#fff;
	background-color:#143980;
}

.careers .tab-content{
	background:#494949;
	color:#d6d6d6;
	padding:20px;
	height:160px;
}


.animation{
	margin:0 auto;
	vertical-align:middle;
}


article.post {
	max-width:350px;
	margin:10px auto;
	display:block;
}

article.post .hover__figure a{
	background:#000;
	transition: all 0.3s;
	display:block;
}

article.post .hover__figure a img{
	transition: all 0.3s;
	opacity:1;
}


article.post .hover__figure a:hover img{
	transition: all 0.3s;
	opacity:0.7;
}


article.post .info-post{
	background:#f0f0f0;
	padding:10px;
	color:#143980;
	font-size:13px;	
	min-height:100px;
	font-family:Tahoma,Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.single_post .thumb img{
	border:4px #ddd solid;	
}

.post_content{
	font-family:Tahoma,Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}




article.post .entry-footer{
	background:#d8d8d8;
	margin:0;
}

article.post .entry-footer .date{
	padding:10px;
	display:flex;
	vertical-align:middle;
	line-height:20px;
	color:#7c7c7d;
	font-size:13px;	
	font-family:'sansationregular',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}




article.post .entry-footer .more{
padding:0;	
}
article.post .entry-footer .more .btn{
	height:40px;
	display:block;
	padding:10px;
	width:100%;
	color:#fff;
	font-size:13px;	
	font-family:'sansationregular',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: all 0.3s;
	background:#143980;
	border-radius:0;
}


article.post .entry-footer .btn:hover{
	background:#2050ac;
}



.body .social a{
	z-index:1 !important;
}

.single_post .thumb{
	margin:20px 0;
}


.single_post .thumb{
	margin:20px 0;
}



#testimonials,#team{
	max-width:400px;
	margin:20px auto 0 auto;
	padding:0 40px 20px 40px;
}


#team .thmub{
	margin:0 auto;
	display:block;
	max-width:250px;	
}

#team .name{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:16px;
	color:#143980;
	width:100%;
	font-family:'sansationregular',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#team hr{
	margin:5px 0 0 0;	
}
#team .job_title{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:14px;
	color:#777777;
	width:100%;
	font-family:'sansationregular',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}




#team .carousel-control,#testimonials .carousel-control{
	padding: 0;
    width: 30px;
    background: none;
    height: 30px;
	text-shadow:0;
	color:#aaa;
	top:30%;
	margin-top:-15px;
}


#testimonials .carousel-inner{
	border:1px #b2b2b2 solid;

}

#testimonials:before{
    position: absolute;
    display: block;
    content: "";
    border: 10px solid transparent;
    right: 70px;
    transition: all 0.3s;
    border-top-color: #b2b2b2 !important;
    bottom: 27px;
    margin: 0;
}


#testimonials:after{
    position: absolute;
    display: block;
    content: "";
    border: 10px solid transparent;
    right: 70px;
    transition: all 0.3s;
    border-top-color: #fff !important;
    bottom: 28px;
    margin: 0;
}




#testimonials .carousel-inner .item{
	padding:15px 40px;
}

#testimonials .carousel-inner .fa-quote-left,#testimonials .carousel-inner .fa-quote-right{
	color:#dadada;
	font-size:20px;
	position:absolute;	
}

#testimonials .carousel-inner .fa-quote-left{
	left:15px;
	top:25px;
}


#testimonials .carousel-inner .fa-quote-right{
	right:15px;
	bottom:25px;
}


#testimonials .carousel-inner .name{
	text-align:center;
	color:#646464;
}



#testimonials ol.carousel-indicators{
	position:relative;
	margin:0;
	left:0;
	bottom:0;	
	width:100%;
	text-align:left;
	margin-top:10px;
	z-index:1;
}

#testimonials ol.carousel-indicators li{
	border-color:#ddd;
}


#testimonials ol.carousel-indicators li.active{
	background-color:#143980;
	border:0;
	
}


.bettween_col{
	display:none;	
}

.latest_news {
	background:#e6e6e6;
}

.latest_news .news_title{
	background-color:#143980;
	display:block;
}


.latest_news .news_title h4{
	color:#fff;
	text-align:center;
	display:block;
	line-height:50px;
}
.latest_news .news_links{
	padding:7px 15px;	
}

.latest_news .news_links a{
	margin:3px 0;	
}

@media (min-width: 992px) {
	
	
	
.careers .col-xs-12,.careers .col-md-7,.careers .col-xs-5{
padding:1px !important;
}	
.careers.row{
margin-left:-1px !important;
margin-right:-1px !important;
}

	body{
		overflow:hidden;	
	}

} 
@media (max-width: 992px) {
	
	header{
		width:100%;
		position:relative;
		display:block;
		left:0;
		height:auto;
	}
  .body{
	width:100%;
	float:inherit;
	height:auto;
	position:relative;
	padding:30px 25px 25px 25px;
	overflow:auto;
}

.body .nova{
	overflow:auto;
	height:auto;
}

footer{

}

.view{
	width:100%;
	float:inherit;
	height:auto;
	padding:20px 0;
}



.single_post .thumb img{
	width:100%;
}


.navbar{
    padding-top: 20px;
    padding-bottom: 90px;
	height:auto;
}

}

@media (max-width: 768px) {
.navbar{
    width:100%;
	left:-100%;
}

.bettween_col{
	display:block !important;	
}


}


