/*
Name: ONYX
<?xml version="1.0" encoding="UTF-8"?>
Author: Web pentagon
Author URI: http://www.webpentagon.com
*/


/* =Table of Contents
--------------------------------------------------------------
	=Font links
	=Browser Fixings
	=Loader
	=Top menu 
	=Main menu
	=Services
	=About Section
	=Timeline
	=Progress Bar
	=Team
	=Portfolio
	=Blog
	=contact
	=Footer
	=Blog Single
	=Blog Detail
	=Media
*/


@charset "utf-8";
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.upper-menu-tab {
display: none;
}
}

/*****************/
/** onyx fonts **/
@font-face {
    font-family: 'fontawesomeregular';
    src: url('../../assets/fonts/fontawesome-webfont.eot'),
         url('../../assets/fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fontawesomeregular';
    src: url('../../assets/fonts/fontawesome-webfont-webfont.eot'),
		 url('../../assets/fonts/fontawesome-webfont-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../../assets/fonts/opensans-bold-webfont.eot'),
         url('../../assets/fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../../assets/fonts/opensans-bolditalic-webfont.eot'),
         url('../../assets/fonts/opensans-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../../assets/fonts/opensans-extrabold-webfont.eot'),
         url('../../assets/fonts/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../../assets/fonts/opensans-extrabolditalic-webfont.eot')
         url('../../assets/fonts/opensans-extrabolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../../assets/fonts/opensans-italic-webfont.eot'),
         url('../../assets/fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../../assets/fonts/opensans-light-webfont.eot'),
         url('../../assets/fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../../assets/fonts/opensans-lightitalic-webfont.eot'),
		 url('../../assets/fonts/opensans-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../../assets/fonts/opensans-semibold-webfont.eot'),
         url('../../assets/fonts/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../../assets/fonts/opensans-semibolditalic-webfont.eot');
    font-weight: normal;
    font-style: normal;

}
/** end fonts **/
/***************/


/********************/
/** browser fixing**/

/* firefox fixing */
@-moz-document url-prefix(){ 
		
		.timeline:before {
			margin-left:-65%!important;
		}
		.blog-content-detail {
			padding: 25px 45px 25px 50px;
		}
		.read-more-option {
			margin-left: 36px;
		}
		.client-image:after {
			bottom:-70px!important;
		}
		.blog-section{
			float:left;
			width:100%;
		}
		.blog-content-container{
			float:left;
			width:100%;
		}
		.timeline .timeline-icon1{
			left:-20%!important;
		}
		a:focus{
			text-decoration:none;
			outline:none;
		}
		.form-group{
			width:67%;
		}
		
	}

/* Internet Explorer fixing */
html[data-useragent*='MSIE 10.0'] .client-image:after {
			bottom:-70px!important;
		}
html[data-useragent*='MSIE 10.0'] .round-line {
			margin-left:49%!important;
		}
html[data-useragent*='MSIE 10.0'] .round-line1 {
			margin-left:50%!important;
		}
html[data-useragent*='MSIE 10.0'] #owl-demo-1{
			width:83%!important;
		}
html[data-useragent*='MSIE 10.0'] a:focus{
			text-decoration:none!important;
			outline:none;
		}
html[data-useragent*='MSIE 10.0'] .timeline .timeline-icon1{
			left:-18%!important;
		}

		
/* Safari 5.1.7 fixing start--------------------------------- */
	@media screen and (-webkit-min-device-pixel-ratio:0){
	::i-block-chrome, .round-line {
			margin-left:50%!important;
		}
	::i-block-chrome, .round-line1 {
			margin-left:50%!important;
		}
	::i-block-chrome, .portfolio-item .portfolio-image img{
			width:auto!important;
		}
	::i-block-chrome, .portfolio > a, .portfolio > a:hover{
		text-decoration:none;
	}
	
	}
	
	
/****************/	
/** end fixing**/

/*****************/
/** Loader css **/
#content {
    width: 100%; 
	height: 5px;
	background: #161616 url('../../assets/images/pattern_40.gif') top left repeat;
	z-index:999999999;
	position:fixed;
	height:100%;
	opacity:5;
}

.expand {
    width: 100%;
    height: 100px;
    margin: 2px 0;
    background: #3ebd9d;
    position: absolute;
    box-shadow: 0px 0px 10px 1px rgba(46,139,115,0.7);
    -moz-animation: fullexpand 10s ease-out;
    -webkit-animation: fullexpand 10s ease-out;
	top:50%;
}

/* Full Width Animation Bar */
@-moz-keyframes fullexpand {
    0%  { width: 0px;
}

100% {
    width: 100%;
}	
}

@-webkit-keyframes fullexpand {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    };
}
/** end Loader css **/
/*******************/

/*top menu css*/
nav {
	width: 100%;
	position: relative;
	z-index: 1000;
	opacity: 1;
	filter: alpha(opacity=0);
	}
section{
		float:left;
		width:100%;
	
	}
.upper-logo{
	position:absolute;
	z-index:999;
	}
.upper-menu-tab{
	position:absolute;
	z-index:5;
	border-style:none;
	margin-top:4%;
	}
.upper-menu-tab ul .custom a{border-left:0px;}
.upper-menu-tab ul{padding:0px;}
.upper-menu-tab ul li{list-style:none; display:inline;float:left;}
.upper-menu-tab ul li a{
	color:#fff;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	padding:10px 21px;
	border-radius:0px;
	border-left:1px solid #eee;

	}
.custom a{text-decoration:none;color:#fff;}
.custom1 a{text-decoration:none;color:#fff;}
.upper-menu-tab ul .custom1{
	color:#fff;
	
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	border-radius:0px;
	}

#container:{margin-bottom:0px;}


/** menu css **/	
	.light{
		width:100%;
		}
	.logo_main{		
		height: 40px;
		width: 300px;
		margin-bottom:0px;
	}
	.navbar{
		
		width: 100%;		
	}
	.navbar-header{
		width: 170px;
		
	}
	.navbar-collapse ul li{
		float:left;
		
	}
	.nav > li > a {
		position: relative;
		display: block;		
	}	
	.navbar {
		margin-bottom: 0px;
		border:none;
	}
	.navbar-default {
		background-color: #fff;
	}
	
	.sf-menu a:hover{
		text-decoration:none;
	}
	.navbar-brand {
		padding:0px 30px 0px 15px; 
		
	}
	.navbar-default .navbar-nav > li > a, 
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover {
		color: #939598;
		font-size: 15px;
		font-family:segoe UI light;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover{
		
		font-family: segoe UI light;
		font-size: 15px;		
	}
	
/*************************/	
/*  menu bottom content */


.main-content{
	margin:0 auto;
	text-align:center;
	margin-bottom:60px;
	}

.content-icon-part{
	margin-top:70px;
	text-align:center;
	}
.round{
	height:85px;
	width:85px; 
	border-radius:50%;
	text-align:center;
	margin:0 auto;
	}
.round-icon{
	font-size:36px;
	color:#fefefe;
	margin-top:15px;
	
	}
.menu-bottom-content .col-md-3:hover{
	cursor:pointer;
	}
.menu-bottom-content .col-md-3:hover .round-icon{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transition-duration: 2s; 
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	cursor:pointer;
}
.custom-button-1{
	padding:10px 15px;
	margin-top:25px;
	font-size:13px;
	font-family: open_sanssemibold;
	}
.custom-button-1:focus{
	outline:none;
	}
.top-content{
	font-size:13px;
	color:#fefefe;
	font-family: open_sanslight;
	margin-top:20px;
	line-height:20px;
	}
.top-content-name{
	font-size:18px;
	color:#fefefe;
	font-family: open_sanssemibold ;
	margin-top:25px;
	}
.line {
	float: left;
	margin-top: 45px;
	margin-left:5px;
	width: 75px;
	}
.line1 {
	float: right;
	margin-top: -40px;
	margin-right:5px;
	width: 75px;
	}

/**********************/	
/*content detail part*/
.bottom-content-detail-part{
	width:100%;
	margin:0px;
	}
.detail-part-image{
	margin-top:75px;
	margin-bottom:75px;
	}
.detail-part-content{
	margin-top:50px;
	}
.bottom-content-detail-part{
	display:none;
	}
button.close1{
	position:absolute;
	top:14px;
	right:77px;
	cursor:pointer;
	background:transparent;
	border:0px;
	}
button:focus{
	border:0px transparent;
	outline:none;
	}
.detail-part-con-1{
	font-size:26px;
	font-family:Open Sans Semibold;
	color:#34495e;
	}
.detail-part-con-2{
	font-size:18px;
	font-family:Open Sans;
	color:#5abba5;
	}
.detail-part-con-3{
	font-size:13px;
	font-family:Open Sans;
	line-height:2;
	color:#666666;
	margin-top:20px;
	}
.custom-button-height{
	margin-top:25px;
}
.custom-button-2{
	font-size:13px;
	font-family:Open Sans Semibold;
	color:white;
	padding:10px 15px;
}
.custom-button-2:hover{
	color:white;
	}
.fa-shopping-cart{
	padding-left:5px;
	padding-right:5px;
	font-size:15px;
	}
.custom-button-3{
	font-size:13px;
	font-family:Open Sans Semibold;
	color:white;
	background-color:#35ae92;
	border-color:#2d9b81;
	padding:10px 18px;
}

/*********************/
/* subscription part */
.subscribe-content-1{
	font-size:24px;
	font-family:open_sanssemibold;
	color:#34495e;
	margin-top:60px;
	margin-bottom:0px;
}
.subscribe-content-2{
	font-size:18px;
	font-family:open_sansregular;
	color:#16a085;
}
.subscribe-form-part{
	margin-top:70px;
	margin-bottom:65px;
	}
.subscribe-form{
	width:218px;
	height:42px;
	border-radius:5px;
	color:#9ba6b0;
	font-size:14px;
	font-family:'Open Sans'Semibold;
	font-weight:600;
	}
.custom-button-4{
	margin-left:5px;
	padding:10px 20px;
	border-radius:5px;
	font-size:14px;
	font-family:open_sanssemibold;
	color:#fff;
	}
.custom-button-4:hover{
	color:#fff;
}

/*****************/
/* About us css */
.header-about-us{
	background:url('../../assets/images/about-header.png') repeat;
	float:left;
	width:100%;
	text-align:center;
	background-size:auto;
	}
.about-name{
	margin-top:60px;
	margin-bottom:60px;
	}
.about-name span{
	font-size:30px;
	font-family:open_sanssemibold;
	color:#fff;
	padding:10px 20px;
	}
.round-line{
	position: absolute;
	margin-top: -60px;
	margin-left: 96px;
	height: 60px;
	}	
.round-line1{
	position: absolute;
	margin-top: -60px;
	margin-left: 75px;
	height: 60px;
	}
.aout-us-2nd-content{
	text-align:center;
	float:left;
	width:100%;
	}
.about-name1 {
	font-size:22px;
	font-family:open_sanslight;
	color:#eff3f3;
	padding:25px 0px 20px;
	}
/*****************/
/* timeline css */	
	
.timeline {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	position: relative;
	width: 100%;
	}
.timeline:before {
	background-color: #d8d9df;
	bottom: 0px;
	content: "";
	position: absolute;
	top: 45px;
	width: 5px;
	z-index: 0;
	margin-left:20px;
	}
.timeline-item {
	display: table-row;
	float:left;
	margin-left:12%;
	margin-top:5px;
	}
.panel{
	box-shadow:none;
	}
.timeline-item:before, .timeline-item.alt:after {
	content: "";
	display: block;
	width: 50%;
	}
.timeline-desk {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	}
.timeline-desk .panel {
	margin-bottom: 5px;
	}
.timeline-desk .panel{
	display: block;
	position: relative;
	text-align: left;
	background: transparent;
	}

.timeline-item .timeline-desk:hover .arrow {
	border-right: 8px solid #dee3e4 !important;
	}
.timeline-item .timeline-desk:hover .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -7px;
	position: absolute;
	top: 13px;
	width: 0;
	}
.timeline-item .timeline-desk .arrow1 {
	border-right: 8px solid #dee3e4 !important;
	}
.timeline-item .timeline-desk .arrow1{
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -7px;
	position: absolute;
	top: 13px;
	width: 0;
	}
.timeline .timeline-icon.green {
	background: #dee3e4;
	}

.first-content{
	font-size:18px;
	font-family:open_sanssemibold;
	color:#5a6672;
	
	}
.second-content{
	font-size:15px;
	font-family:open_sansitalic;
	color:#34495e;
	}
.third-content{
	font-size:13px;
	font-family:open_sanslight;
	color:#777777;
	}
.timeline-year{
	margin-top:12px;
	color:#5a6672;
	}
.timeline-year1 {
margin-top: 12px;
color: #fff;
}
article.timeline-item .timeline-desk .panel1{
	background:#dee3e4;
	cursor:pointer;
	}
article.timeline-item:hover .timeline-desk .panel{
	background:#dee3e4;
	cursor:pointer;
	}

article.timeline-item:hover .timeline-icon .timeline-year{
	color:#fff;
	cursor:pointer;
	}
article.timeline-item:hover .timeline-icon1 .timeline-year{
	color:#fff;
	cursor:pointer;
	}
article.timeline-item:hover .timeline-icon{
	cursor:pointer;
	}
article.timeline-item:hover .timeline-icon1{
	cursor:pointer;
	}
.timeline .timeline-icon {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	height: 45px;
	width: 45px;
	text-align: center;
	color: #fff;
	}
.timeline .timeline-icon {
	left: -13.5%;
	position: absolute;
	top: 2px;
	}
.timeline .timeline-icon1 {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	height: 45px;
	width: 45px;
	text-align: center;
	color: #fff;
	}
.timeline .timeline-icon1 {
	left: -13.5%;
	position: absolute;
	top: 2px;
	}

.timeline-desk h1.green, .timeline-desk span a.green {
	color: #39B6AE;
	}
.timeline-desk h1 {
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 5px;
	}
	
/******************/
/* our capability */
.capability-part{
	background-color:#eff3f3;
	}
.page-header{
	border-bottom:0px transparent;
	}
.page-header h2{
	font-size:24px;
	font-family:open_sansregular;
	font-weight: bold;
	color:#34495e;
	}
.capability-content{
	font-size:13px;
	font-family:open_sansregular;
	color:#34495e;
	}
.about4_prog-main{
	margin-top:50px;
	}

.meter > span {
display: block;
height: 100%;
position: relative;
overflow: hidden;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
}
.meter {
height: 15px;
position: relative;
background:#dee3e4;
border: 1px solid #dee3e4;
border-radius:10px;
margin-bottom: 25px;
}

.bar-content{
	margin-left:-25px;
	}
.bar-icon{
	width:100%;
	float:left;
	margin-bottom:25px;
	
	}
.bar-style{
	width:88%;
	float:right;
	
	}
.bar-icon i{
	background-color:#dee3e4;
	font-size:18px;
	padding:15px;
	border-radius:50%;
	color:#34495e;
	float:left;
	}

/************/
/* our team */
.our-team-part{
	background-color:#eff3f3;
	margin-top:50px;
	}
.team-meet-part{
	float:left;
	}
.client-image{
	float:left;
	margin-top:25px;
	}
.client-image img {
	border: 10px solid #d6dbdc;
	border-radius: 50%;
	width:150px;
	height:150px;
	}
.team-detail h3 span{
	font-family:Open Sans Italic;
	}
.social-icons{
	float:left;
	}
.social-icons ul li{
	list-style:none;
	padding:10px 13px;
	}
.social-icons ul .corner-round{
	border-top-left-radius:5px;
	border-top-right-radius:3px;
	}
.social-icons ul .corner-round1{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:3px;
	}
.social-icons ul li a{
	font-size:18px;
	color:white;
	}
.social-icons ul {
	margin:0px;
	padding-left:0px;
	}
.team-detail{
	width:96%;
	padding-left:63px;
	padding-right:6px;
}
.team-detail h3{
	font-size:16px;
	font-family:Open Sans Semibold;
	color:#5a6672;
	}
.team-detail h3 span{
	color:#1abc9c;
	}
.team-detail p{
	font-size:13px;
	font-weight:400;
	color:#909292;
	line-height:2;
	margin-top:15px;
	font-family:'Open Sans';
	}
.our-tem-content{
	background-color:#dee3e4;
	float:left;
	border-radius:5px;
	margin-top:10px;
	width:67%;
	}
.client-image:after{content:'';
	width:20px;
	height:10px;
	background:#dee3e4;
	float:right;
	position:relative;
	bottom:80px;
	}
.custom-team-content{
	margin-top:50px;
	margin-bottom:80px;
	}
/******************/
/* portfolio css */
.portfolio-menu{
	float:left;
	position:absolute;
	
	}
	
	
	
/*************/
/* blog css */

.blog-content-container{
	margin-bottom:80px;
	}
.header-blog{
	background:url('../../assets/images/blog-header.png') repeat;
	float:left;
	width:100%;
	text-align:center;
	background-size:auto;
	}
.blog-name{
	margin-top:60px;
	margin-bottom:60px;
	}
.blog-name span{
	font-size:30px;
	font-family:open_sanssemibold;
	color:#fff;
	padding:10px 20px;
	border:2px solid #257764;
	}
.blog-2nd-content{
	text-align:center;
	float:left;
	width:100%;
	}
.blog-name1 {
	font-size:22px;
	font-family:open_sanslight;
	color:#eff3f3;
	padding:7px 0px 20px;
	}
.blog-detailes-content{
	margin-top:70px;
	}
.blog-content-detail-part{
	float:left;
	width:100%;
	}
.blog-content-detail{
	background-color:#dee3e4;
	padding:25px 20px 25px 20px;
	}
.blog-content-detail h2{
	font-size:18px;
	font-family:open_sanssemibold;
	color:#34495e;
	margin-bottom: 10px;
	}
.date-comments{
	font-size:12px;
	font-family:open_sanslight;
	color:#5a6672;
	}
.blog-content-11{
	font-size:13px;
	font-family:open_sanslight;
	color:#909292;
	margin-top:25px;
	line-height:1.5;
	}
.blog-content-bottom{
	float:left;
	padding:20px 30px 10px;
	width:100%;
	}
#owl-demo .item{
	width:100%;
	height:auto;
	}
.client-name{
	float:left;
	font-size:13px;
	font-family:open_sansregular;
	color:white;
	}
.client-name .fa-user{
	font-size:18px;
	}
.read-more-option a{
	float:left;
	margin-left:42px;
	font-size:13px;
	font-family:open_sansregular;
	color:white;
	cursor:pointer;
	text-decoration:none;
	margin-top:-4px;
	}
.read-more-option .fa-link{
	font-size:13px;
	background-color:#34495e;
	border-radius: 50%;
	padding: 7px;

	}
.social-icons ul li:hover{
	cursor:pointer;
	}

/*********************/
/* blog-single part */
.recent-works .owl-carousel{
	width:91%;
	margin-left:0px;
	}
.single iframe {
	padding-top: 10px;
	width: 91%;
	height: 422px;
	border: 0px;
	}
.title-section p{
	line-height:2;
	margin-top:25px;
	}
.title-section button{
	margin-right:75px;
	margin-bottom:40px;
	}
.blog-single-left-1{
	margin-top:100px;
	}
/* contact css */

.google-map iframe{
	width:100%;
	}
.place{
	margin-top: -6px;
	margin-left: 50%;
	}
.contact-header{
	background:url('../../assets/images/contact-header.png') repeat;
	float:left;
	width:100%;
	text-align:center;
	background-size:auto;
	}
.contact-header-name{
	margin-top:60px;
	margin-bottom:60px;
	}
.contact-header-name span{
	font-size:30px;
	font-family:open_sanssemibold;
	color:#fff;
	padding:10px 20px;
	}
.contact-2nd-content{
	text-align:center;
	float:left;
	width:100%;
	}
.contact-name1 {
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	color:#eff3f3;
	padding:7px 0px 20px;
	}
.google-map .map-border{
	margin-bottom:0px;
	padding-bottom:0px;
	}
.contact-social-icon {
	float:left;
	}
.contact-social-icon ul{
	float:left;
	padding:0px;
	}
.contact-social-icon ul li{
	list-style:none;
	float:left;
	margin-right:20px;
	}
.contact-social-icon ul li a{
	text-decoration:none;
	font-size:16px;
	color:#34495e;
	cursor:pointer;
	}
	
	.contact-freelancer-icon {

	}
.contact-freelancer-icon ul{

	padding:0px;
	}
.contact-freelancer-icon ul li{
	list-style:none;
	margin-right:20px;
	}
.contact-freelancer-icon ul li a{
	text-decoration:none;
	font-size:16px;
	color:#34495e;
	cursor:pointer;
	}
	
	
.contact-content h1{
	font-size:24px;
	font-family:open_sanssemibold;
	color:#34495e;
	}

.contact-content{
	background-color:#CCC
	margin-top:80px;
	float:left
	
	}

.contact-content p{
	font-family:open_sansregular;
	font-size:12px;
	color:#777777;
	}
.contact-content p span{
	font-family:open_sansregular;
	font-weight:Light;
	font-size:13px;
	color:#333333;
	}
.form-first-row{
	margin-top:95px;
	margin-bottom:20px;
	}
.form-second-row{
	margin-bottom:20px;
	}
.custom-focus{
	border:2px solid #dee1e3;
	border-radius:10px;
	height:40px;
	}
.custom-focus:focus{
	box-shadow:none;
	}
.message-input-box .custom-focus{
	background-color:#f7f9f9;
	}
.custom-contact-send-button{
	margin-top:20px;
	padding:10px 12px;
	border-color:#2a9a7f;
	background-color:#35ae92;
	border-radius:25px;
	
	}

/***************/
/* footer css */
.footer-content{
	text-align:left;
	float:left;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}
.footer-name1 {
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#eff3f3;
	padding:25px 100px 15px;
	float:left;
	}
.bottom-top{
	float:right;
	margin-right:7.5%;
	margin-top:20px;
	}
/*****************************/
/* portfolio single part css */
.section-feathurs-work-single{
		padding-top:80px;
		padding-bottom:80px;		
	}	
	.space1{
		height: 20px;
	}
	.single-image span img{
		margin-right: 10px;
	}
	.single-image1 img{
		margin-bottom:10px;
	}
	.single-image1 span img{
		margin-right: 10px;
	}
	.single-content h2{
		font-family: Code;
		font-weight: bold;
		font-size: 24px;
		text-transform: uppercase;		
		margin-top: 0px;
	}
	.single-tab{		
		height: 60px;
		width: 100%;
	}	
	.tab-one{		
		padding: 22px 14px 22px 18px;
		border-radius: 5px;		
		position: relative;
		top: 23px;
		left: 13px;
		background-image: url('../../assets/images/heart.png');
		background-repeat: no-repeat;
		background-position: 42% 25%;
		background-color: #333333;
		color: #fff;
	}
	.tab-one-content{
		position: relative;
		top: 10px;
	}	
	.tab-two{
		position: relative;
		left: 20px;
		top: 23px;
		color: #fff;
	}	
	.tab-three{		
		padding: 10px;
		border-radius: 50%;
		position: relative;
		top: 23px;
		left: 60px;
		background-color: #333333;
		color: #fff;
	}	
	.tab-four{
		color: #fff;
		position: relative;
		top: 21px;
		border-left: 1px solid #333333;
		padding: 20px 10px 24px 70px;
	}
	.single-content h3{
		font-family: Code;
		font-weight: bold;
		font-size: 16px;		
		text-transform: uppercase;
	}
	p.single-text10{
		font-family: Lato;
		color: #999999;
		font-style: normal;
		line-height: 20px;
		font-size: 13px;
	}
	.author-info{
		padding-bottom: 23px;
	}
	.author-title{
		font-family: Lato;
		font-weight: bold;
		font-size: 13px;
		width: 150px;		
		color: #333333;
		float: left;
		width: 100px;
	}
	.author-descrip{
		font-family: Lato;
		font-style: normal;
		font-size: 13px;
		color: #666666;
		
		text-align: left;
		width: 100%;
	}
button.close {
		position: relative;
		top: 8px;
		right: 8px;
	}
.white-popup-block {
		background: #FFF;
		text-align: left;
		max-width: 100%;
		position: relative;
	}
#owl-demo .item img{
		display: block;
		width: 100%;
		height: auto;
	}
.slider-modal{
		margin-bottom:10px;
	}
.slider-modal .owl-carousel{
		width:100%;
	}

/******************************/
/****** Blog detail page ******/
#owl-demo-1{
	width:84%;
	margin:0 auto;
	}
.comments-part .page-header{
	margin-left:15px;
	}
.client-image1{
	float:left;
	}
.blog-details-part{
	margin-top:70px;
	}
.client-image1 img {
	border: 5px solid #d6dbdc;
	border-radius: 50%;
	width:110px;
	height:110px;
	}
.client-image1:after{
	content:'';
	width:30px;
	height:7px;
	background:#dee3e4;
	float:right;
	position:relative;
	bottom:60px;
	}
.our-blog-content-1{
	padding: 15px 25px;
	background-color: #dee3e4;
	float: left;
	border-radius:7px;
	}
.our-blog-content-2{
	padding: 15px 35px;
	background-color: #dee3e4;
	float: left;
	border-radius:7px;
	}
.blog-single-authore-comments{
	font-size:13px;
	font-family:open_sansregular;
	color: #909292;
	line-height:1.5;
	}
.blog-detail-text h3{
	font-size:24px;
	font-family:open_sanssemibold;
	color:#34495e;
	}
.detail-author-content{
	font-size:12px;
	font-family:open_sansregular;
	color:#838c95;
	}
.text6{
	font-size:13px;
	font-family:open_sansregular;
	line-height:1.7;
	color:#777777;
	}
.text7{
	font-size:15px;
	font-family:open_sansitalic;
	color:#7f7f7f;
	border-left:10px solid #1abc9c;
	}
.meet-us2{
	margin-top:50px;
	}
.blog-single-comment-detail h3{
	font-family:open_sanssemibold;
	font-size:16px;
	color:#5a6672;
	}
.blog-single-comment-detail1 h3{
	font-family:open_sanssemibold;
	font-size:16px;
	color:#5a6672;
	}
.detail-author-content1{
	font-family:open_sansregular;
	font-size:11px;
	color:#34495e;
	}
.color-recent1{
	font-size:18px;
	font-family:open_sanssemibold;
	color:#34495e;
	}
.category-blog-item{
	padding-left:0px;
	}
.category-blog-item li{
	list-style:none;
	}
.category-blog-item li i{
	font-size: 13px;
	padding: 6px 7px 6px;
	color: #fff;
	border-radius: 2px;
	background-color:#34495e;
	}
.category-blog-item li h3{
	font-size:13px;
	font-family:open_sansregular;
	color:#838c95;
	}
.category-blog-item li p{
	font-size:13px;
	color:#838c95;
	cursor:pointer;
	}
.category-blog-item li p span{
	font-size:12px;
	background-color:#34495e;
	color:#fff;
	padding:7px 7px;
	border-radius:5px;
	cursor:pointer;
	}

.customize-category{
	margin-top:30px;
	}
.col_right_blog_post_details2 {
	padding-right: 4px;
	font-size: 13px;
	font-family:open_sanslight;
	line-height: 17px;
	color: #9aa3ab;
	margin-top: 7px;
	margin-bottom: 1px;
	}
.popular_tag {
	background-color: #34495e;
	border-radius: 5px;
	color: #ecf0f1;
	padding: 7px 11px;
	line-height: 48px;
	margin-right: 5px;
	}
.popular_tag a {
	color: #fff;
	text-decoration:none;
	font-size:11px;
	font-family:Open Sans;
	}
.blog-sidebar{
	margin-top:25px;
	}
.round-line2 {
position: absolute;
margin-top: -60px;
margin-left: 52px;
height: 60px;
}
.round-line4 {
position: absolute;
margin-top: -60px;
margin-left: 96px;
height: 60px;
}
	
.meet-us{
	float:left;
	margin-bottom:50px;
	}
.blog-detailes-content{
	float:left;
	margin-right:20px;
	}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:white;background-color:transparent;border-color:transparent;}

/*** blog pagination css ***/
.pagination-left{
	padding-top:30px;
	}
.pagination-left a{
	text-decoration:none;
	}
.left-pagination{
	padding: 10px 15px 10px 15px;
	border: 1px solid #2a9a7f;
	margin-right: 10px;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: bold;
	color: #2a9a7f;
	}
.active-page {
	background-color: #2a9a7f;
	color:white;
	}
.left-pagination:hover{
	background-color: #2a9a7f;
	color:white;
	}
.pagination-blog-bottom-right{
	margin-left:79%;
	margin-top:-30px;
	}
	
	
.main{
	width: 672px;
	height: 480px;
	padding: 30px 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}	
	
/**************/
/* media css */
@media only screen 
and (min-width:1200px) and (max-width:1324px){
.line{
	margin-left:0px;
	}
.line1{
	margin-right:0px;
	}
}
@media only screen 
and (min-width:991px) and (max-width:1200px){
		.navbar-brand {
			padding: 0px 30px 0px 0px!important;
		}
		.sf-menu a{padding:1em 1.6em!important;}
	}
@media only screen 
and (min-width:1024px) and (max-width:1199px){
.upper-menu-tab ul li a{
	padding:10px 15px;
	}
.custom-button-4{
	margin-top:10px;
	}
.menu-bottom-content .col-md-3{
	width:50%!important;
	float:left;
	}
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:50px;
	}

.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
}
@media only screen 
and (min-width:940px) and (max-width:1023px){
.upper-menu-tab ul li a{
	padding:10px 15px;
	}
.upper-menu-tab{
	margin-left:40%;
	}
.capability-bar-concept .col-md-2{
	float:left;
	}
.menu-bottom-content .col-md-3{
	width:50%!important;
	float:left;
	}
.social-icons ul li {
	padding: 15px 15px;
	}
.team-meet-part{
	margin:0 auto;
	}
.detail-part-image img{
	margin:0 auto;
	}
.detail-part-content{
	text-align:center;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
}
@media only screen 
and (min-width:994px) and (max-width:1023px){
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:16%;
	}
}
@media only screen 
and (min-width:768px) and (max-width:990px){
		.navbar-header{
			margin-left:40%!important;
		}
		.sf-menu a{
			font-size:13px;
			padding:1em 1.6em;
			}
	}
@media only screen 
and (min-width:768px) and (max-width:939px){
.upper-menu-tab{
	margin-left:35%;
	}
.upper-menu-tab ul li a{
	padding: 10px 15px;
	}
.read-more-option a{
	margin-left:9px;
	}
.line{
	margin-left:100px;
	}
.line1{
	margin-right:100px;
	}
.meet-us{
	margin-left:10%;
	}
.tab-four{
	display:none;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
	
}
@media only screen 
and (min-width:640px) and (max-width:767px){
		.navbar-default .navbar-toggle{margin-right:-150%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:600px) and (max-width:767px){
.upper-menu-tab{
	display:none;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
.line{
	margin-left:100px;
	}
.line1{
	margin-right:100px;
	}
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}
.bar-icon{
	text-align:center;
	}
}
@media only screen 
and (min-width:480px) and (max-width:639px){
		.navbar-default .navbar-toggle{margin-right:-100%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:440px) and (max-width:599px){
.upper-menu-tab{
	display:none;
	}
.upper-logo{
	display:none;
	}
.client-image:after{
	display:none;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.our-tem-content{
	margin-left:65px;
	}
.social-icons ul li {
	padding: 17px 15px;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
button.close1{
	top: -9px;
	right: 15px;
	}	
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}
.capability-content{
	text-align:center;
	}
.skills-progress{
	float:none;
	text-align:center;
	}
}
@media only screen 
and (min-width:280px) and (max-width:479px){
		.navbar-default .navbar-toggle{margin-right:-70%!important;}
		.navbar-collapse ul li {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.sf-menu a{border-left:none;}
	
	}
@media only screen 
and (min-width:280px) and (max-width:439px){
.upper-menu-tab{
	display:none;
	}
.upper-logo{
	display:none;
	}
.line{
	width:65px;
	}
.line1{
	width:65px;
	}
.client-image{
	float:none;
	text-align:center;
	margin-bottom:25px;
	}
.client-image:after{
	display:none;
	}
.social-icons ul li {
	list-style: none;
	padding: 17px 15px;
	}
.our-tem-content{
	width:100%;
	}
.social-icons ul .corner-round1{
	border-bottom-left-radius:0px;
	border-top-right-radius:5px;
	}
.tab-four{
	display:none;
	}
.tab-three{
	left:35px;
	}
.client-image1:after{
	display:none;
	}
.client-image1{
	float:none;
	text-align:center;
	margin-bottom:20px;
	}
.client-image1 img{
	margin-top:15px;
	}
#portfolio-wrap {
	margin-left:0%!important;
	width:100%!important;
	}
.view-back a{
	right:40px!important;
	}
.view-back span{
	padding:5px 33px 5px!important;
	}
.bar-style{
	margin:0px;
	width:100%;
	}
.bar-icon i{
	float:none;
	}

.capability-content{
	text-align:center;
	}
.skills-progress{
	float:none;
	text-align:center;
	}
.read-more-option a{margin-left:-5px;}
}

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px) {
	.upper-menu-tab{display:none;}
	.upper-logo{display:none;}
	}
	.clear { clear:both; }
	nav#primary ul li.drop .dropcontainer {display:none;}
nav#primary ul li.drop:hover .dropcontainer {display:block;}
.nav, .nav ul { padding:0; margin:0; list-style:none; }
.nav { position:relative; }
.nav ul { position:absolute;  top:45px; left:0; height:0; overflow:hidden; }
.nav li { float:left; position:relative; z-index:!important; }
.nav li a { position:relative; display:block; line-height:35px; padding:0 3px; border-bottom:none; border-left:none; border-right:none; border-top:none; color:#FFF; text-decoration:none; font-size:14px; font-family: 'Open Sans', sans-serif; -webkit-transition: 0.25s;
-khtml-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.nav li:hover > a {background:none; border-bottom:none; border-left:none; border-right:none; border-top:none; }
.nav li:hover ul.sub1 { width:135px; height:auto; }
.nav li:hover ul.sub2 { width:150px; height:111px; }
.nav li:hover ul.sub3 { width:130px; height:222px; }
.nav li:hover ul.sub4 { width:150px; height:111px; }
.nav li:hover ul.sub5 { width:160px; height:111px; }
.nav ul li { width:100%; z-index:100; opacity:0; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
.nav li ul li.p1 {-khtml-transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.nav li:hover ul li { opacity:1; }
.nav li:hover ul li.p1 {-khtml-transition-delay: 0s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.25s; transition-delay: 0.5s; }
.nav ul li a { border-color:#FFF #FFF #FFF #FFF; text-align:center; color:#000; line-height:1px; -khtml-transition-delay: 0s;-webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }
.nav li:hover ul li a { line-height:35px; }
.nav ul li a:hover { background:none; color:#FFF; background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(-90deg, rgba(255,255,255,0.5), rgba(255,255,25,0)); }
/* for IE6 */
.nav table { border-collapse:collapse; margin-bottom:-1px; }
* html .nav a { border-color:#444 #444 #33AD92 #444; height:35px; float:left; }
.nav a:hover { background:#666; border-color:#888 #777 #444 #555; color:#fff; }
.nav a:hover ul.sub1 { width:180px; height:185px; }
.nav a:hover ul li a { line-height:35px; height:35px; float:none; }
.admission
 ul.admission-list {
    font-family: 'proxima_novasemibold';
    font-size: 22px;
    list-style: none outside none;
    color:#111111;
	margin-left:20%;
}
ul.admission-list > li {
	list-style: url(admission-bullet.jpg);
	color: #111111;
	text-transform: none;
	line-height: 25px;
	margin-left: 5%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;

}
ul.admission-list > li a {
    color:#111111;
    letter-spacing: 0.04em;
    text-transform: uppercase;
	
}
ul.admission-list > li a:hover{
	color:#33AD92}

 .imgFacebook {width: 44px; height: 43px; background:url(images/fbBlack.png) no-repeat; transition: all 0.5s ease-in-out; } 
 .imgFacebook:hover { width: 44px; height: 43px; background:url(images/fbBlue.png) no-repeat; }
  .imgTwitter { width: 44px; height: 43px; background:url(images/Twitterblack.png) no-repeat; transition: all 0.5s ease-in-out; } 
 .imgTwitter:hover { width: 44px; height: 43px; background:url(images/twitter.png) no-repeat; }
  .imgVimeo { width: 44px; height: 43px; background:url(images/vimeoBlack.jpg) no-repeat; transition: all 0.5s ease-in-out; } 
 .imgVimeo:hover { width: 44px; height: 43px; background:url(images/vimeoBlue.png) no-repeat; }
 .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(img/browser-icons.png);
        }
		
.mediaNews
{
	background-color:#9c9a94;
	
	}
	
	.mediaHeader	{
			background-image:url(../mediaNews/images/pattern.png);
				background:repeat;


	}