/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */

@font-face {
    font-family: 'crete_roundregular';
    src: url('fonts/creteround-regular-webfont.eot');
    src: url('fonts/creteround-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/creteround-regular-webfont.woff') format('woff'),
         url('fonts/creteround-regular-webfont.ttf') format('truetype'),
         url('fonts/creteround-regular-webfont.svg#crete_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #cfc9af url(../images/body_bg.jpg) no-repeat center 0; overflow-x: hidden; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
h1,h2,h3,h4,h5,h6 { font-family: 'crete_roundregular'; font-weight: normal; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url(../images/bg1.png) repeat-x; }
#wrapper .rhino { width: 100%; background: url(../images/rhino.png) no-repeat right 20px; }

/* ### main container ### */
#mainCntr { margin: 0 auto; max-width: 960px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 197px; }
	#headerCntr .logo { position: absolute; top: 10px; left: 0; }
	#headerCntr #navigation { display: none; }

		/* ### social box ### */
		.socialBox { position: absolute; top: 10px; right: 0; }
		.socialBox ul { list-style: none; }
		.socialBox li { float: left; margin-left: 10px; }  
		
		/* ### search box ### */ 
		.searchBox { border: 1px solid #c9c9c9; background: #fff; position: absolute; top: 154px; width: 180px; }
		.searchBox fieldset { border: none; }
		.searchBox input.field { padding: 0 10px 0 10px; float: left; width: 135px; background: none; border: none; height: 26px; line-height: 26px; }
		.searchBox input.submit { float: left; width: 20px; height: 26px; text-indent: -9999px; border: 0px; background: url(../images/icon1.png) #fff no-repeat center; }

		/* ### menu box ### */
		#headerCntr .menuBox { position: absolute; top: 60px;  left: 220px; }  
		#headerCntr .menuBox ul { list-style: none; }
		#headerCntr .menuBox li { float: left; padding: 0 30px; background: url(../images/icon2.png) no-repeat right; font-size: 21px; text-transform: uppercase;  font-family: 'crete_roundregular'; position: relative; }
		#headerCntr .menuBox li:last-child { background: none; }
		#headerCntr .menuBox li a { display: block; color: #000; text-decoration: none; padding-top: 2px; }
		#headerCntr .menuBox > ul > li a:hover,
		#headerCntr .menuBox > ul > li:hover > a,
		#headerCntr .menuBox > ul > li.current-menu-item > a { color: #009cdf; border-top: 2px solid #009cdf; padding-top: 0; }
		#headerCntr .menuBox li ul { background: #dcf3ee; position: absolute; top: 28px; left: 30px; border-top: 2px solid #009cdf; border-bottom: 2px solid #fff; display: none; width: 110px; }
		#headerCntr .menuBox li li { padding: 0 5px; background: none; float: none;}
		#headerCntr .menuBox li li a { font-size: 11px; color: #000; padding-top: 0; line-height: 18px; }
		#headerCntr .menuBox li li a:hover { border: 0; }
		#headerCntr .menuBox li:hover ul { display: block; }
		
		.mobileMenu { display: none; }
		
	
	/* ### content container ### */
	#contentCntr { width: 100%; padding: 40px 0; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 73%; }

			/* ### contact box ### */
			.contactBox { padding: 40px 20px 30px; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 25px; }
			.contactBox h1 { position: absolute; top: 0; left: 0; background: #009cdf; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; min-width: 150px; text-transform: uppercase; }
			.contactBox div.google-map { margin-bottom: 10px; height: 425px; }
			.contactBox p { margin: 0px; line-height: 20px; }
			.contactBox strong { color: #009cdf; }
			.contactBox p a { text-decoration: underline; color: #000; }
			.contactBox p a:hover { text-decoration: none; }

			/* ### text box ### */
			.textBox { padding: 40px 20px 30px; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 25px; }
			.textBox h1 { position: absolute; top: 0; left: 0; background: #009cdf; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; min-width: 150px; text-transform: uppercase; }
			.textBox h1.service { background: #699e93; }
			.textBox h1.news { background: #e27e18; }
			.textBox div.featured { margin-bottom: 20px; position: relative; }
			.textBox div.featured strong {  position: absolute; bottom: 0; left: 0; background: #00beed; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; min-width: 150px; text-transform: uppercase; font-family: 'crete_roundregular'; font-weight: normal; }
			.textBox div.featured img { width: 100%; }
			.textBox .main-slider { position: relative; width: 100%; }
			.textBox .slider { position: relative; width: 100%; margin-bottom: 20px; }
			.textBox .slider ul { list-style: none; }
			.textBox .slider li { width: 100%; position: relative; }
			.textBox .slider li strong {  position: absolute; bottom: 0; left: 0; background: #00beed; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; min-width: 150px; text-transform: uppercase; font-family: 'crete_roundregular'; font-weight: normal; }
			.textBox .slider img { width: 100%; }
			.textBox .cycle-pager { position: absolute; top: 15px; right: 15px; z-index: 9999; }
			.textBox .cycle-pager span { cursor: pointer; float: left; width: 27px; height: 17px; text-indent: -9999px; border: 1px solid #eff4ed; margin-right: 5px; }
			.textBox .cycle-pager span:hover, .textBox .cycle-pager span.cycle-pager-active { background: #fff; }
			.textBox .content { overflow: hidden; width: 100%;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.textBox p a.link { font-style: italic; }
			.textBox .col1 { float: left; width: 57%; }
			.textBox .col2 { float: right; width: 40%; }
			.textBox .photo { margin-bottom: 20px; }
			.textBox .col1 .photo img { width: 100%; } 
			
			/* ### news box ### */
			.newsBox { padding: 40px 20px 30px; position: relative; background: url(../images/bg2.png) repeat; }
			.newsBox h1 { position: absolute; top: 0; left: 0; background: #009cdf; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; min-width: 150px; text-transform: uppercase; }
			.newsBox .news { width: 100%; overflow: hidden; }
			.newsBox .news ul { list-style: none; }
			.newsBox .news li { margin-bottom: 35px; }
			.newsBox h3 { text-transform: uppercase; font-size: 18px; color: #009cdf; margin-bottom: 5px; }
			.newsBox h3 a { color: #009cdf; text-decoration: none; }
			.newsBox h3 a:hover { color: #000; }
			.newsBox span.date { display: block; margin-bottom: 5px; }
			.newsBox span.date em { color: #42b6dc; }
			.newsBox p { line-height: 18px; margin-bottom: 10px; }
			.newsBox p a { color: #009cdf; text-decoration: none; font-style: italic; }
			.newsBox p a:hover { color: #000; }
			.newsBox .paging { width: 100%; overflow: hidden; }
			.newsBox .paging ul { list-style: none; }
			.newsBox .paging li { float: left; margin-right: 3px; font-size: 13px; }
			.newsBox .paging li a { color: #000; text-decoration: none; }
			.newsBox .paging li a:hover, .newsBox .paging li.active a { color: #009cdf; }
			
			/* ### details box ### */
			.detailsBox { width: 100%; overflow: hidden; }
			.detailsBox .block { padding: 40px 20px 0; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 20px; }
			.detailsBox div.contents { display: none; }
			.detailsBox h3.title { position: absolute; top: 0; left: 0; background: #79c7e7; font-size: 18px; color: #fff; padding: 0 15px; line-height: 25px; font-style: italic; min-width: 200px; text-transform: uppercase; }
			.detailsBox h3.title.expert { background: #009cdf; }
			.detailsBox h3.title.active { font-style: normal; }
			.detailsBox h3.title.active span { display: none; }
			.detailsBox h3.title a { color: #fff; display: block; }
			.detailsBox h3.title.active a { text-decoration: none; }
			.detailsBox .team { overflow: hidden; width: 100%; padding: 25px 0; }
			.detailsBox .team .left { float: left; width: 57%; }
			.detailsBox .team .photo { margin-bottom: 20px; }
			.detailsBox .team .left img { width: 100%; }
			.detailsBox .team .right { float: right; width: 40%; }
			.detailsBox .social { overflow: hidden; margin-bottom: 10px; }
			.detailsBox .social ul { list-style: none; }
			.detailsBox .social li { float: left; margin-right: 10px; }
			.detailsBox .team .detail { padding-top: 75px; }
			.detailsBox .team strong { font-size: 18px; font-weight: normal; margin-bottom: 10px; display: block; font-family: 'crete_roundregular';  text-transform: uppercase; }
			.detailsBox .team p { font-size: 13px; }
			.detailsBox .experts { overflow: hidden; width: 100%; }
			.detailsBox .experts .left { float: left; width: 40%; margin-right: 3%; }
			.detailsBox .experts .right { float: left; width: 40%; }
			.detailsBox .experts h4 { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; }
			.detailsBox .experts h5 { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }
			.detailsBox .experts p { font-size: 13px; }
			.detailsBox .clients { width: 100%; overflow: hidden; padding-bottom: 20px; }
			.detailsBox .clients .left { float: left; width: 46%; }
			.detailsBox .clients .left img { width: 100%; }
			.detailsBox .clients .right { float: right; width: 46%; }
			.detailsBox .clients p a { color: #000; }
			.detailsBox p { margin-bottom: 20px; line-height: 20px; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 25%; }
		
			/* ### service box ### */
			.serviceBox { padding: 40px 0 0; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 20px; }
			.serviceBox h3 { position: absolute; top: 0; left: 0; background: #699e93; font-size: 18px; color: #fff; padding: 0 20px; line-height: 25px; text-transform: uppercase; }
			.serviceBox ul { list-style: none; }
			.serviceBox li { padding-bottom: 5px; } 
			.serviceBox li a { display: block; color: #000; text-decoration: none; background: #dbdeda; padding: 5px 15px;  } 
			.serviceBox li a span { font-size: 18px; color: #699e93; font-family: 'crete_roundregular'; font-style: italic; text-decoration: underline; }
			
			/* ### newsletter box ### */
			.newsletterBox { padding: 40px 0 0; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 20px; }
			.newsletterBox h3 { position: absolute; top: 0; left: 0; background: #009cdf; font-size: 18px; color: #fff; padding: 0 20px; line-height: 25px; text-transform: uppercase; }
			.newsletterBox fieldset { padding: 0px 20px 20px; overflow: hidden; width: 100%; border: 0px;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.newsletterBox label { padding-bottom: 5px; display: block; color: #000; }
			.newsletterBox input[type='text'] { display: block; margin-bottom: 10px; border: 0px; width: 100%; height: 20px; line-height: 20px; padding: 0px 10px; font-size: 12px; background: rgba(0, 0, 0, 0.3);
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
			}
			.newsletterBox input[type='submit'] { float: right; background: #000; border: 0px; height: 20px; padding: 0px 5px; color: #fff; font-size: 12px; }

			/* ### tags box ### */
			.widget_tag_cloud { padding: 40px 0 30px; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 20px; }
			.widget_tag_cloud h3 { position: absolute; top: 0; left: 0; background: #e27e18; font-size: 18px; color: #fff; padding: 0 20px; line-height: 25px; text-transform: uppercase; }
			.widget_tag_cloud div.tagcloud { font-size: 12px; padding: 0 20px; }
			.widget_tag_cloud div.tagcloud a { color: #a2a0a0; text-decoration: none; }
			.widget_tag_cloud div.tagcloud a:hover { color: #5b9088; }
			.widget_tag_cloud p a.type0 { font-size: 10px; color: #a2a0a0; }
			.widget_tag_cloud p a.type1 { font-size: 14px; color: #a2a0a0; }
			.widget_tag_cloud p a.type2 { font-size: 16px; }
			.widget_tag_cloud p a.type3 { font-size: 18px; color: #a2a0a0; }
			.widget_tag_cloud p a.type4 { font-size: 20px; }
			.widget_tag_cloud p a.type5 { font-size: 22px; }
			
			/* ### partner box ### */
			.partnerBox { padding: 40px 0 30px; position: relative; background: url(../images/bg2.png) repeat; margin-bottom: 20px; }
			.partnerBox h3 { position: absolute; top: 0; left: 0; background: #000; font-size: 18px; color: #fff; padding: 0 20px; line-height: 25px; text-transform: uppercase; }
			.partnerBox .logo { margin: 40px auto; width: 125px; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; padding: 20px 0; }
	#footerCntr p { text-align: center; line-height: 20px; }
	#footerCntr p span { color: #42b6dc; padding: 0 3px; }
	#footerCntr p a { color: #000; text-decoration: none; }
	#footerCntr p em { color: #696363; font-style: normal; }
	#footerCntr p small { color: #b6b0b0; font-size: 12px; }
	

/* #Media Queries
================================================== */

@media only screen and (max-width: 959px) {
	#mainCntr { padding: 0 10px; }
	#headerCntr .menuBox li { padding: 0 20px; }
	#headerCntr .menuBox li ul { left: 20px; width: 150px; }
	#headerCntr .menuBox { left: auto; right: 0; }
}

@media only screen and (max-width: 760px) {
	
	#headerCntr .menuBox { display: none; }
	.mobileMenu { display: block; position: absolute; top: 75px; right: 0; }
	.mm-list > li > a { text-transform: uppercase; }
	#leftCntr { float: none; width: 100%; margin-bottom: 20px; }
	#rightCntr { float: none; width: 100%; }
	#contentCntr { padding-bottom: 0; }
	
	.textBox .col2 { float: none; width: auto; }
	.textBox .col1 { margin-right: 10px; }
	
	.detailsBox .team .detail { padding-top: 0; }
	
	.detailsBox .experts .left { width: 49%; margin-right: 0; }
	.detailsBox .experts .right { float: right; width: 49%; }
	
	.detailsBox .clients .right { float: none; width: auto; }
	.detailsBox .clients .left { margin-right: 10px; }
	
}

@media only screen and (max-width: 479px) {
	#wrapper .rhino { background: none !important; }
	.searchBox { display: none; }
	#headerCntr .logo { top: 25px; }
	.textBox .col1 { float: none; width: 100%; margin-bottom: 20px; margin-right: 0; }
	.textBox .col2 { float: none; width: 100%; }
	
	.textBox .photo img { width: 100%; }
	
	.detailsBox .team .left { float: none; width: 100%; margin-bottom: 20px; }
	.detailsBox .team .right { float: none; width: 100%; }
	
	.detailsBox .experts .left { float: none; width: 100%; }
	.detailsBox .experts .right { float: none; width: 100%; }
	
}