/*
Theme Name: Crystallize Responsive
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Crystallize
Author: #
Author URI: #
*/
@font-face {
	font-family: 'CenturyGothic';
	src: url('fonts/gothic.eot');
	src: url('fonts/gothic.eot') format('embedded-opentype'),
	url('fonts/gothic.woff') format('woff'),
	url('fonts/gothic.ttf') format('truetype'),
	url('fonts/gothic.svg#CenturyGothicRegular') format('svg');
}
@font-face {
	font-family: 'univers_condensed';
	src: url('fonts/univers_condensed-webfont.eot');
	src: url('fonts/univers_condensed-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/univers_condensed-webfont.woff') format('woff'),
	url('fonts/univers_condensed-webfont.ttf') format('truetype'),
	url('fonts/univers_condensed-webfont.svg#univers_condensedmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CenturyGothicBold';
	src: url('fonts/gothicb.eot');
	src: url('fonts/gothicb.eot') format('embedded-opentype'),
	url('fonts/gothicb.woff') format('woff'),
	url('fonts/gothicb.ttf') format('truetype'),
	url('fonts/gothicb.svg#CenturyGothicBold') format('svg');
}


/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
body{color:#4d606f;  font: 14px 'Open Sans', sans-serif; position:relative; background:url(images/bg.jpg) center top no-repeat ; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
html,body{height:100%;margin:0; }
img{border-style:none}
a{text-decoration:none;color:#03a6dd}
a:hover{text-decoration:underline; color:#aee2f3;}
input,textarea,select{font:100% 'Open Sans', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Open Sans', sans-serif;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
.clear{clear: both;}

img.alignleft {
	margin: 0 10px 10px 0;
}
.alignleft {
	float: left;
}
img.alignright {
	margin: 0 0 10px 10px;
}
.alignright {
	float: right;
}

/* header */
.site-title, .site-description{
	height:0;
	visibility:hidden;
}
#site-header{
	width:1024px;
	margin:auto;
	height:140px;
}
#masthead{
	background:#fff;
}
#header-left{
	float:left;
	width:440px;
	padding-top:18px;
}
#header-right{
	float:right;
	width:300px;
	margin-right:16px;
	text-align:right;
}
.email-small{
	display:inline-block;
	font:17px 'univers_condensed';
	position:relative;
	letter-spacing: 0.028em;
	margin:45px 0 3px;
}
.email-small:before{
	position:absolute;
	content:' ';
	background:url(images/email-small.png);
	width:25px;
	height:20px;
	top:0;
	left:-35px;
}
.phone-small{
	display:inline-block;
	font:17px 'univers_condensed';
	position:relative;
	letter-spacing: 0.028em;
}
.phone-small:before{
	position:absolute;
	content:' ';
	background:url(images/phone-small.png);
	width:19px;
	height:22px;
	top:0;
	left:-20px;
}

/*navigation*/
#navbar{
	background:url(images/bg-menu.png);
	height:55px;
	border-top:2px solid #0e1018;
	position:relative;
	z-index:50;
	-moz-box-shadow:    0px -3px 3px -1px #888;
	-webkit-box-shadow: 0px -3px 3px -1px #888;
	box-shadow: 0px -3px 3px -1px #888;
}
#site-navigation{
	width:1024px;
	margin:auto;
	text-align:right;
}

#navbar li{
	position:relative;
	height:53px;
	display:inline-block;
	padding:0 20px 0 20px;
	margin: 0;
}
#navbar li a{
	color:#fff;
	text-transform:uppercase;
	font:15px/50px 'Oswald';
	letter-spacing: 0.028em;
}
#navbar li:hover,#navbar .current-menu-item, #navbar .current_page_ancestor{
	background:url(images/menu-a.png) bottom center no-repeat;
}
#navbar #site-navigation:hover .current-menu-item{
	background:none;
}
#navbar li:hover a{
	color:#fff;
	text-decoration:none;
}
#navbar li:hover .sub-menu{
	display:block;
}
#navbar li .sub-menu{
	position:absolute;
	top:53px;
	text-align:left;
	width:159px;
	display:none;
}
#navbar li .sub-menu li{
	display:block;
	width:130px;
	padding:0;
	height:auto;
	margin-bottom:2px ;
}
#navbar li .sub-menu li a{
	text-transform:none;
	font:12px 'Oswald';
	display:block;
	background:url(images/bg-menu.png) bottom center;
	padding:5px 13px 7px;
	width:131px;
}
#navbar li .sub-menu li:hover a ,#navbar li .sub-menu .current-menu-item a,#navbar li .sub-menu .current-page-parent a{
	background:#394953;
}
#navbar li .sub-menu li .sub-menu{
	position:absolute;
	top:0;
	right:-230px;
	width:230px;
	display:none;
}
#navbar li .sub-menu li .sub-menu li{
	width:230px;
}
#navbar li .sub-menu li:hover .sub-menu{
	display:block;
}
#navbar li .sub-menu .sub-menu li a{
	font:11px 'Oswald';
	padding: 5px 13px 8px;
	width:204px;
	background:url(images/bg-menu.png) bottom center;
}		
#navbar li .sub-menu .sub-menu li:hover a ,#navbar li .sub-menu .sub-menu .current-menu-item a{
	background:#394953;
}

/* SLIDESHOW */
#primary{
	position:relative;
}
#header-image{
	position:absolute;
	top:-55px;
	width:100%;
	text-align:center;
	height:362px;
	z-index:0;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
#header-image img{
	height:362px;
}
#slider{
	position:absolute;
	top:-55px;
	width:100%;
	text-align:center;
	height:642px;
	overflow: hidden;
	z-index:0;
}
#slider-home{
	position:relative;
	height:642px;
	width:1732px;
}
#meteor-slideshow{
	margin:auto;
	width: 1732px;
	position:static;
}
.slide-caption{
	position:absolute;
	width:418px;
	height:80px;
	color:#fff;
	top:196px;
	left:49.25%;
	font:37px/37px 'univers_condensed';
	text-align:left;
}
.before-caption{
	position:absolute;
	width:418px;
	height:72px;
	top:119px;
	left:49.25%;
	text-align:left;
	font:700 72px/72px 'univers_condensed';
	color:#fff;
	border-bottom:2px solid #fff;
	padding-left:5px;
}
.slide-link-button-wrapper{
	position:absolute;
	top:280px;
	left:49.25%;
}
.slide-link-button{
	width:200px;
	height:50px;
	color:#fff;
	font:27px/50px 'univers_condensed';
	text-align:left;
	background:#395e88;
	display:block;
	cursor:pointer;
	padding-left:12px !important;
	position:relative;
}
.slide-link-button:hover{
	color:#fff;
	text-decoration:none;
	background:#394953;
}
.slide-link-button:after{
	content:' ';
	background:url(images/arrow.png) no-repeat;
	width:8px;
	height:20px;
	position:absolute;
	right:11px;
	top:14px;
}
#meteor-buttons{
	position:absolute;
	bottom:50px;
	right:20.381%;
	left:auto;
	display:inline-block;
	width:auto;
	height:16px;
}	
.meteor-buttons a {
	background: url(images/slide-button.png) no-repeat;
	width:16px;
	height:16px;
	margin-right:9px !important;
	
}
.meteor-buttons a.activeSlide,.meteor-buttons a:hover {
	background: url(images/slide-button.png) 16px 0;
}

/* home */
#content{
	position:relative;
	z-index:25;
	width:1024px;
	margin:auto;
}
#home-avatar-wrapper{
	width:1024px;
	height:384px;
	margin:auto;
}
#home-avatar{
	margin:7px 0 0;
	height:384px;
	position:relative;
	z-index:25;
}
h1{
	font-weight:normal;
	font:36px 'univers_condensed';
}
.box-header{
	height:58px;
	background:#03a6dd;
	color:#fff;
	padding:0 0 0 37px;
	line-height:58px;
	text-transform:uppercase;
	position:relative;
}
.box-header span{
	font: italic 300 28px 'Oswald';
	margin-left:159px;
	text-transform:none;
}
.box-header .far{
	font: italic 300 28px 'Oswald';
	margin-left:459px;
	text-transform:none;
}
.box-header:after{
	content:' ';
	background: url(images/bg-box-header.png) right 37px top no-repeat;
	height:14px;
	width:100%;
	position: absolute;
	bottom: -12px;
	left: 0;
	display:block;
}



.box-header-2{
	height:58px;
	background:#394953;
	color:#fff;
	padding:0 0 0 37px;
	line-height:58px;
	text-transform:uppercase;
	position:relative;
}
.box-header-2 span{
	font: italic 300 28px 'Oswald';
	margin-left:395px;
	text-transform:none;
}
.box-header-2:after{
	content:' ';
	background:#fff url(images/bg-footer-arrow.png) right 37px top no-repeat;
	height:14px;
	width:100%;
	position: absolute;
	bottom: -12px;
	left: 0;
	display:block;
}
.box-content{
	padding:0 37px 26px;
	margin-top:25px;
	position:relative;
}
.box-content-2{
	padding:0 0 40px 37px;
	margin-top:43px;
	position:relative;
}
.box{
	background:#fff url(images/bg-box-content.png) bottom center no-repeat;
	-moz-box-shadow:    3px 3px 3px -1px #888;
	-webkit-box-shadow: 3px 3px 3px -1px #888;
	box-shadow: 3px 3px 3px -1px #888;
}
#box-2{
	margin:34px 0 0;
}
.box-item{
	width:483px;
	float:left;
	margin-bottom:32px;
}
.box-item-left{
	float:left;
	width:75px;
}
.box-item-left img{
	max-width:56px;
}
.box-item-right{
	float:left;
	width:380px;
}


.box-header, .box-header-2{
	padding: 15px 37px;
	line-height: normal;
	height: auto;
}

.box-header span, .box-header-2 span{
	float: right;
	margin-left: 0;
}




h3{
	font:19px 'univers_condensed';
}
.box-item-title{
	font-weight:700;
	border-bottom:1px solid #03a6dd;
	padding-bottom:2px;
	margin-bottom:3px;
	display:inline-block;
}
.readmore{
	width:106px;
	height:24px;
	background:#6593b3;
	color:#fff;
	display:block;
	padding-left:9px;
	position:relative;
	margin:14px 0 0;
	line-height:23px;
}
.readmore:after{
	content:' ';
	background:url(images/readmore.png);
	position:absolute;
	right:5px;
	top:3px;
	width:6px;
	height:16px;
}
.readmore:hover{
	color:#fff;
	text-decoration:none;
}
#client{
	height:130px;
}

.client-logo{
	width:197px;
	height:130px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.client-logo:before {
/* 	content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%; */
}

#client .client-logo img{
	display: inline-block;
	vertical-align: middle;
	max-height: 130px;
	max-width: 197px;
	width: auto;

}
.owl-prev, .owl-next{
	width:19px;
	height:40px;
	display:block;
	position:absolute;
}
.owl-prev{
	background:url(images/prev.png);
	top:48px;
	left:-15px;
	text-indent: -9999px;
}
.owl-next{
	background:url(images/next.png);
	top:48px;
	right:-10px;
	text-indent: -9999px;
}

/* footer */
#colophon{
	margin-top:35px;
}
#footer-arrow{
	background:#03a6dd url(images/bg-footer-arrow.png) 941px top no-repeat;
	width:1024px;
	height:12px;
	margin:auto;
}
.site-info{
	width:1024px;
	padding:41px 0 20px 44px;
	margin:auto;
	background:#03a6dd;
}
#copyright{
	color:#fff;
	width:309px;
	float:left;
	font-size:12px;
	line-height:12px;
}
#copyright a{
	color:#fff;
	font-size:12px;
	line-height:12px;
}
#footer-menu{
	float:left;
	width:635px;	font-size:12px;
}
#footer-menu .sub-menu{
	display:none;
}
#footer-menu li{
	display:inline-block;
	float:left;
	padding:0 5px;
	border-left:1px solid #fff;
	margin:0 0 5px;		
	line-height:12px;
}
#footer-menu li a{
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	line-height:12px;
}
#connect-wrapper{
	background:url(images/bg-footer.jpg) no-repeat center;
	height:252px;
	width:100%;
	margin:auto;
}
#connect{
	width:1024px;
	margin:auto;
}
#stay{
/* 	width:395px;
float:right; */

float: left;
}
#stay h1{
	color:#fff;
	margin:38px 0 0;
}
#social-icon{
	margin:5px 0 10px;
}
.linkedin{
	display:inline-block;
	width:34px;
	height:33px;
	background:url(images/linkedin.png);
	margin-right:5px;
}
.google{
	display:inline-block;
	width:34px;
	height:33px;
	background:url(images/google.png);
	margin-right:5px;
}
.facebook{
	display:inline-block;
	width:34px;
	height:33px;
	background:url(images/facebook.png);
	margin-right:5px;
}
.twitter{
	display:inline-block;
	width:34px;
	height:33px;
	background:url(images/twitter.png);
	margin-right:5px;
}
#connect p{
	margin-bottom:7px;
}
#connect p a{
	color:#ffffff;
	font-size:16px;
}
#testimonial{
	width:540px;
	/* height:155px; */
	float:left;
	overflow: hidden;
	margin:40px 150px 0 0;
	color:#ffffff;
}
.t{
/* 	width:540px;
height:175px; */
}
.testimonial-content{
	font:italic 300 25px/28px 'Open Sans Condensed';
}
.tetimonial-author{
	font: 700 19px/19px 'Open Sans';
	margin-top:15px;
}

/* contact */
#contact-content{
	position:relative;
	z-index:25;
	width:1024px;
	min-height:300px;
	margin:auto;
	padding:112px 0 0;
}
#contact-left{
	float:left;
	width:200px;
	margin:33px 0 0;
}
#map{
	float:right;
	width:695px;
	margin:33px 0 0;
}
h2{
	font-weight:normal;
}
#contact-left p{
	margin:13px 0;
}
#contact-left h2{
	margin-bottom:20px;
}
#contact-form{
	margin:27px 0 20px;
}
#contact-form-intro{
	color:#4d606f;
}
#contact-form input[type="text"],#contact-form input[type="email"]{
	width:495px;
	height:49px;
	border:none;
	margin:0 0 22px;
	background:#e8e7e7;
	padding:0 11px 0;
}
#contact-form  textarea{
	border:none;
	margin:0 0 22px;
	background:#e8e7e7;
	padding:11px ;
	width:854px;
	height:166px;
}
#contact-form input[type="submit"]{
	width:147px;
	height:47px;
	border:none;
	cursor:pointer;
	background:#6593b3;
	color:#fff;
	font-size:23px;
}

/* career */
#iFrameWrapper iframe{
	height: 700px;
	width: 100%;
	border:none;
}
#iFrameWrapper {
	height: 700px;
	width: 100%;
}
.email-large{
	display:block;
	font:30px 'univers_condensed';
	position:relative;
	letter-spacing: 0.028em;
	padding:15px 0 0 93px;
	width:50%;
	float:right;
	margin:10px 0 20px;
}
.email-large:before{
	position:absolute;
	content:' ';
	background:url(images/email-large.png) no-repeat;
	width:76px;
	height:60px;
	top:0;
	left:0;
}
.phone-large{
	display:block;
	font:30px 'univers_condensed';
	position:relative;
	letter-spacing: 0.028em;
	padding:20px 0 0 67px;
	width:50%;
	float:left;
	margin:10px 0 20px;
}
.phone-large:before{
	position:absolute;
	content:' ';
	background:url(images/phone-large.png) no-repeat;
	width:54px;
	height:63px;
	top:0;
	left:0px;
}
.close{
	margin-left:215px !important;
}

/* working principle */
.principle-left{
	width:230px;
	float:left;
	margin-right:12px;
	text-decoration:underline;
	color:#739cb9;
	font-size:30px;
}
.principle-right{
	width:726px;
	float:left;
	
}
.principle{
	margin-bottom:46px;
}

/* solution */
#solution-left{
	width:173px;
	float:left;
}

.selected, .menu-selected{
	display: none;
}

.listing{
	background:#38485d;
	padding:15px 20px 15px;
}

#solution-right{
	width:700px;
	float:right;
}
.side-menu-item{
	display:block;
	margin-bottom:30px;
	position:relative;
	font-weight:700;
	font-size:18px;
}
.side-menu-item:hover:before, .current-side-menu:before{
	content:'\25B6';
	position:absolute;
	color:#5faaf0;
	top:5px;
	left:-13px;
	font-size:10px;
}
.side-menu-item:hover, .current-side-menu{
	color:#aee2f3;
	text-decoration:underline;
}
.intro{
/* 	position:absolute;
left:610px;
top:8px;
margin:0 !important; */
}
.solution-child-title{
	text-decoration:underline;
	color:#739cb9;
	text-transform:uppercase;
	margin-bottom:15px;
}
.entry-content p{
	margin:13px 0;
}
.so-read{
	margin-top:43px;
}

/* case Study */
.casepage-content{
	margin-top: 31px;
	padding: 0 0 40px 0;
	position: relative;
}
.casepage-intro{
	margin:0 40px;
}
.case-study{
	width:198px;
	/* height:336px; */
	margin:0 0 0 20px;
	float:left;
	opacity:0.5;
}
.case-study:hover{
	opacity:1;
}
#case-study-list {
/* 	height:336px;
overflow:hidden; */
}
#case-study-list-wrapper{
	position:relative;
	margin:42px 0 0;
}

#case-study-list{
	padding: 0 20px;
}

#case-study-list .owl-prev{
	left: 10px;
	top: 80px;
}

#case-study-list .owl-next{
	right: 10px;
	top: 80px;
}

#prev3 {
	background: url("images/prev.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	left: 18px;
	top: 75px;
}
#next3 {
	background: url("images/next.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	right: 18px;
	top: 75px;
}
.case-image-wrapper{
	background:url(images/bg-case.png);
	width:198px;
	height:197px;
	position:relative;
}
#case-study-list .case-image-wrapper img{
	border-radius:100%;
	position:absolute;
	top:8px;
	left:6px;
	width:177px;
	height:177px;
}
.case-study-title{
	height:120px;
}
.case-study-title h3{
	color:#03a6dd;
	font-weight:700;
	margin:7px 0 0 10px;
	line-height:19px;
}
.sector{
	margin:2px 0 0 10px;
}
.case-readmore{
	display:block;
	width:115px;
	height:28px;
	background:url(images/readmore-button.png);
	position:relative;
	margin-left:10px;
	cursor:pointer;		text-indent:-9999px;
}
#case-study-content-wrapper{
	/* width:906px;
	margin-left:28px; */
}


.case-content{
	color:#fff;
	}.case-content strong{	font:700 19px 'univers_condensed';}
	.case-content h3{
		font-weight:700;
		font-size:20px;
	}
	.case-content p{
		margin:11px 0;
	}
	.case-result{
		background:#fff;
		color:#03a6dd;
		padding:10px 22px;
		margin:19px 0 0;
	}
	.case-result h3{
		font-weight:700;
		font-size:19px;
		line-height:19px;
		margin-bottom:12px;
	}
	ol li, ul li{
		margin:12px 0 12px 20px;
		padding-left:0px;
	}

	.case-conclusion{
		color:#fff;
		font:italic 700 21px 'Open Sans';
		text-align:center;
		margin:12px 0 0 10px;
	}
	.contact-us-button{
		color:#fff;
		background:#5fe2ce;
		display:block;
		width:414px;
		height:46px;
		font:700 21px/42px 'Open Sans';
		text-align:center;
		margin:17px auto 0;
	}
	.contact-us-button:hover{
		color:#fff;
		text-decoration:none;
	}
	.case-study-content-container{
		display:none;

		background:#6593b3;
		padding:21px 30px 42px 50px;
		margin: 0 27px;
	}

	.show-case{
		opacity:1 !important;
	}
	#case-study-list-wrapper .case-readmore-active{
		background:url(images/case-readmore.png);
		width:160px;
		height:35px;
		text-indent:-9999px;
		margin:0 0 0 -14px;
		padding:0
	}
	#case-study-list-wrapper .case-readmore-active:after{
		display:none;
	}

	/* blog single */
	#blog-left{
		width:248px;
		float:left;
		min-height: 1px;
	}
	#blog-right{
		width:682px;
		float:left;
	}
	#archive-list header{
		text-decoration:underline;
		color:#739cb9;
		margin-bottom:19px;
		font-size:25px;
	}

	#blog-left .listing{
		width: 230px;
		background: none;
		padding: 0;
	}
	#archive-list li{
		font-size:17px;
		list-style:none;
		margin:12px 0 ;
		position:relative;
		padding-left:3px;
	}
	#archive-list li:before{
		position:absolute;
		content:'\25B6';
		color:#03a6dd;
		top:3px;
		left:-14px;
		font-size:10px;
	}

	#archive-list.fixed{
		position: fixed;
		top: 100px;
	}

	#archive-list.fixed.absolute {
		position: absolute;
		bottom: 150px;
		top: auto;
	}

	#blog-single-image{
		max-width:680px;
	}
	.blog-single-date{
		margin:10px 0 20px 0;
	}
	#blog-single{
		color:#898989;
	}
	.blog-back{
		display:block;
		text-align:right;
		color:#7e7e7e;
		margin:38px 0 75px;
	}
	.blog-l{
		width:213px;
		float:left;
		margin-right:10px;
	}
	.blog-r{
		width:466px;
		float:left;
		background:#e8e7e7;
		position:relative;
		padding:10px 12px 28px 10px;
	}
	.blog-r:after{
		content:' ';
		position:absolute;
		background:url(images/bg-blog.png) no-repeat;
		width:28px;
		height:14px;
		bottom:-14px;
		right:25px;
	}
	#blog-right-2{
		width:715px;
		float:left;
	}
	.blog-summary{
		line-height:19px;
		color:#7e7e7e;
	}
	.blog-readmore{
		margin:12px 0 0;
		display:block;
	}
	.blog-readmore:hover{
		color:#03a6dd;
	}
	.blog{
		margin:0 0 41px 0;
	}
	#blog-container{
		padding-bottom:75px;
	}

	#paging-holder .prev,#paging-holder .next{
		display:inline;
		position:relative;
		height:auto;
		width:auto;
	}
	#paging-holder{
		padding:20px 0;
	}

	/* client */
	.client-name{
		display:block;
		position:relative;
		padding-left:3px;
	}
	.client-single{
		margin-bottom:0;
		margin-top:21px;
	}
	#sticky{
		width:308px;
		height: 100px;
		background:red;
	}
	.current-client{
		text-decoration:underline
	}
	.current-client:before{
		position:absolute;
		content:'\25B6';
		color:#03a6dd;
		top:3px;
		left:-14px;
		font-size:10px;
	}
	#archive-list{
		background:#fff;
		position:relative;
		z-index:100;
	}
	.entry-content ul li{
		margin:12px 0 0 0;
		list-style:none;
		padding-left:15px;
		position:relative;;
	}
	.entry-content ul li:before{
		position:absolute;
		content:'\2022';
		font-size:10px;
		top:2px;
		left:0;
	}
	#client-first-content p:first-child(){
		margin-top:0;
	}

	.design-by{
		text-align:right;
		margin-right:35px;
		color:#fff;		font-size:12px;
	}
	.design-by a{
		color:#fff;
	}