@charset "utf-8";
/*------------------------------------------------------
/*------------------------------------------------------
	CSS TOB: 

	1. RESETS
	2. COMMONS
	3. STRUCTURAL
	4. TYPO & LINKS
	5. MISC
---------------------------------------------------------*/
/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
	
	/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/

	body{background:#f6f6f6;font:13px/18px QuicksandBook-Regular;}
	
/*--------------------------------------------------------
	3.STRUCTURAL 
--------------------------------------------------------*/
/* Font-face ================================================================================ */
@font-face {
	font-family: "QuicksandBook-Regular";
	src: url(../fonts/Quicksand_Book.eot)format("eot"),  url(../fonts/Quicksand_Book.woff) format("woff"),  url(../fonts/Quicksand_Book.ttf) format("truetype"),  url(../fonts/Quicksand_Book.svg#QuicksandBook-Regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "QuicksandBookOblique-Regular";
	src: url(../fonts/Quicksand_Book_Oblique.eot?) format("eot"),  url(../fonts/Quicksand_Book_Oblique.woff) format("woff"),  url(../fonts/Quicksand_Book_Oblique.ttf) format("truetype"),  url(../fonts/Quicksand_Book_Oblique.svg#QuicksandBookOblique-Regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "QuicksandBold-Regular";
	src: url(../fonts/Quicksand_Bold.eot?) format("eot"),  url(../fonts/Quicksand_Bold.woff) format("woff"),  url(../fonts/Quicksand_Bold.ttf) format("truetype"),  url(../fonts/Quicksand_Bold.svg#QuicksandBold-Regular) format("svg");
	font-weight: normal;
	font-style: normal;
}
	/*----------------------------
	i.-- Page
	-----------------------------*/
	.left{float:left;}
	.right{float:right;}
	.mar-right{ margin-right: 20%;}
	.mar-left{margin-left: 24%;}
	.mar-top{margin-top:30px;}
	.homepage,.page{position:relative;overflow:hidden; z-index:1;}
	.page.desktop{position:relative !important; z-index:6;}
	.page{padding-top:100px;}
	.page .content{max-width:930px;margin:auto;position:relative; padding-bottom:60px;}
	.service-glow{}
	.serivcesbg{background:url(../images/srevice-bg.png) no-repeat center -170px,#f59812 url(../images/service-bg.png) repeat-x ;}
	.page.even{background:#111 url(../images/patterns/crossed-dark.png) top left repeat ; background-attachment:scroll;}
	.about-bg{background:url(../images/about-glow.png) no-repeat center -150px,#10b5c4 url(../images/about-bg.png)center center repeat !important; background-attachment:scroll;}
	.contact-bg{background:#ebeaea;}
	.client-bg{background:url(../images/client-glow.png) no-repeat center -170px,#93cd16 url(../images/clients-bg.png) center center repeat-x!important; background-attachment:scroll;}
		/*odd*/
	.page.odd{color:#30110c;}
     .page.odd p{color:#fff;}
		
		/*even*/
		.page-top-none{padding-top:0 !important}
		.page.even{color:#30110c;}
	   .about-text{  margin-bottom: 30px;}
	   .home-logo{text-align:center;}
	   .home-logo img{}
	   .padd-top{padding-top:50px !important;}
	   img, object, embed {
       height: auto;
       max-width: 100%;
}
 .z-value {z-index:1;}
	/*----------------------------
	ii.-- Header
	-----------------------------*/
	/*homepage*/
	.logo-homepage{width:180px;height:180px;position:fixed;left:50%;top:50%;margin:-90px 0 0 -90px;-webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius:250px; overflow:hidden; background:#F5E9D9 url(../images/logo.png) center center no-repeat; background: url(../images/logo.png) center center no-repeat rgba(243,238,222,1); background-attachment:fixed; z-index:3;}
	.logo-homepage a{width:100%;height:100%; float:left;}
	.homebg{background:#f4d881 url(../images/home-bg.png) center top no-repeat; background-attachment:scroll;}
	.home-scroll .inner p{color:#f55812; font-size:15px; font-family: "QuicksandBold-Regular";}
	.home-scroll .inner{ width:20%; margin:28px auto 0;}
	/*inner pages*/
	.header{width:100%; height:57px; line-height:50px; /*ie8 fallback*/ background: #fdce0b url(../images/nav-bg.png) no-repeat; position:fixed; top:0; z-index:50;}
	.header.header-main{display:none;}
	.header.mobileHeader{display:none;}
	.header .inner {max-width:930px;margin:auto;}
	.header .logo-container{height:50px; position:relative;float:left;}
	.header .logo-container .logo{position:relative; bottom:0; top:4px;}
	.home-contact ul{ margin:16% 0;}
	.home-contact ul li{ float:left; padding:0 5px;color:#86392e;font-family: 'Open Sans', sans-serif;font-size: 18px; font-weight: bold; line-height:18px;}
	.home-contact ul li:first-child img{ margin-right:7px;margin-top: 2px; float:left;}
	.home-contact ul li:nth-child(1){ border-right:1px solid #86392E;padding: 0 10px; }
	.home-contact ul li:nth-child(2){padding: 0 5px 0 10px; }
	#homepage .home-contact{background: url(../images/home-contact-plate.png) no-repeat; height:67px; width:218px;}
	
		/* main menu
		
		----------------------------*/
		
		.header .inner ul.navigation{position:relative; overflow:hidden;list-style:none;float:right; font-family:Arial, Helvetica, sans-serif;font-size:14px; margin:2px 0 0;}
		.header .inner ul.navigation li{float:left;padding:0 5px;}
		.header .inner ul.navigation li:last-child{padding-right:0;}
		.header .inner ul.navigation li a{font-family:Verdana, Geneva, sans-serif, sans-serif;color:#502110; text-decoration:none;  padding: 5px 10px;}
		.header .inner ul.navigation li:hover{ border-bottom:4px solid #712c14;}
		.header .inner ul.navigation li a.active{text-decoration: none;}

		/* mobile menu toggle
		----------------------------*/	
		.header .inner .mobileMenuToggle{height:26px;width:100%;float:left;text-align:center;display:none;margin:19px auto 15px auto;}
		.header .inner .mobileMenuToggle a,.header .mobileMenuToggle.open a{width:26px;height:26px;float:left;position:relative;left:50%; margin-left:-13px;}
		.header .inner .mobileMenuToggle a{background:url(../images/mobileMenu-toggle.png) center 0 no-repeat;}
		.header .inner .mobileMenuToggle.open a{background:url(../images/mobileMenu-toggle.png) center -26px no-repeat;}
			
	/*----------------------------
	iii.-- Content
	-----------------------------*/
	
	/*section title + teasers
	----------------------------*/
	
	.section-title{width:100%;/*padding-bottom:50px;*/margin-bottom:50px;}
	
		/*odd*/
		.page.odd .section-title{}
		
		/*even*/
		.page.even .section-title{/*border-top:1px solid #444;*/border-bottom:1px solid #222;}
		
		.teaser{width:100%;height:480px; padding:0;margin:0;background-attachment:fixed;background-repeat:no-repeat;color:#fff; text-align:center; position:relative; display:none;}
		.teaser .info-container{display:table;width:100%;height:100%; padding:0 !important;margin:0 !important;background:transparent url(../images/pattern.png) repeat top left;}
		/*non-repeated image*/	
		.teaser.fixed{background-attachment:fixed;}
		.teaser.fixed-desktop{background-attachment:fixed !important;}
		/*repeated image*/
		.teaser.scroll{background-attachment:scroll;}
		
		.teaser .info-container .info{display: table-cell; vertical-align:middle;}
		.teaser .info-container .info blockquote{border:none;margin:0;padding:0;font:25px/35px 'Open Sans', sans-serif !important;}
		.teaser .info-container .info blockquote p{text-transform: none;}
		.teaser .info-container .info a:hover{ opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
		
		/*video + content*/
		.teaser .info-container .info .info-inner{max-width:870px; margin:auto;}
		.teaser .info-container .info .info-inner .video{margin:0;}
		
		/*video only*/
		.teaser .info-container .video{margin:auto;}	
		.teaser .info-container .video video, .teaser .info-container .video iframe, .teaser .info-container .video object, .teaser .info-container .video embed, .teaser 	.info-container .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
		
	
	/*about
	----------------------------*/
	
	/*team col*/
	.team p{margin-bottom:30px !important;font-size:15px;font-family: "QuicksandBook-Regular";}
	.team h1, .team h2, .team h3, .team h4, .team h5, .team h6{text-align:center;}
	
	
	/*service breakdown*/
	.chart-container{width:100%; margin-bottom:30px; float:left;}
	.chart-container ul.chart{float:none; margin:0; list-style:none;font-family: 'Open Sans', sans-serif;}
	.chart-container ul.chart li{float:left;}
	.chart-container ul.chart li h6{font-family: 'Open Sans', sans-serif;font-size:14px; color:#fff; font-weight:normal;margin:10px 0;}
	.chart-container ul.chart li div{background:#86392e ;font-weight:bold; font-size:35px; ;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #f4f4f5;-moz-box-shadow:inset 1px 0 0 #f4f4f5;box-shadow:inset  1px 0 0 #f4f4f5;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);}
	
		/*odd*/
		.page.odd .chart-container ul li div {font-weight:bold; font-size:35px; color:#fff;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #f4f4f5;-moz-box-shadow:inset 1px 0 0 #f4f4f5;box-shadow:inset  1px 0 0 #f4f4f5;}
		
		/*even*/
		 .page.even .chart-container ul li div{font-weight:bold; font-size:35px; color:#fff;height:45px;line-height:45px;text-align:center;-webkit-box-shadow:inset 1px 0 0 #353535;-moz-box-shadow:inset 1px 0 0 #353535;box-shadow:inset  1px 0 0 #353535;}
	  
	  .info-focus{color:#fff !important;}
	
	/*portfolio
	----------------------------*/	
	
	/*navigation*/
	#folio-navigation{width:1150px;/*height:40px;*/position:absolute;margin:auto; top:50%;left:50%;margin:-20px 0 0 -575px;}
	#folio-navigation ul{float:none; margin:0; list-style:none;display:none;}
	#folio-navigation ul li#prevProject a{width:40px;height:40px;background: url(../images/project-nav.png) 0 -159px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.5) url(../images/project-nav.png) 0 1px no-repeat;float:left;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#folio-navigation ul li#nextProject a{width:40px;height:40px;background: url(../images/project-nav.png) 0 -199px no-repeat;/*ie8 fallback*/background: rgba(0,0,0,0.5) url(../images/project-nav.png) 0 -39px no-repeat;float:right;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	
	/*navigation-mobile*/
	#folio-navigation ul li#closeProjectMobile{display:none;}
	#folio-navigation ul li#closeProjectMobile a{width:40px;height:40px;background:rgba(0,0,0,0.3) url(../images/project-close.png) center center no-repeat;float:left;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
	#folio-navigation ul li#closeProjectMobile a:hover{background: rgba(251,22,105,1) url(../images/project-close.png) center 0 no-repeat;}
	
	/*nav:hover*/
	#folio-navigation ul li#prevProject a:hover{background: url(../images/project-nav.png) 0 -320px no-repeat;}/*ie8 fallback*/
	#folio-navigation ul li#nextProject a:hover{background: url(../images/project-nav.png) 0 -360px no-repeat;}/*ie8 fallback*/
	#folio-navigation ul li#prevProject a:hover{background: rgba(251,22,105,1) url(../images/project-nav.png)0 1px;}
	#folio-navigation ul li#nextProject a:hover{background: rgba(251,22,105,1) url(../images/project-nav.png)0 -39px;}
	
	/*nav disabled*/
	#folio-navigation ul li a.disabled,#folio-navigation ul li a.disabled:hover{cursor:default;}
	#folio-navigation ul li#prevProject a.disabled{background: url(../images/project-nav.png) 0 -240px !important;}/*ie8 fallback*/
	#folio-navigation ul li#nextProject a.disabled{background: url(../images/project-nav.png) 0 -280px !important;}/*ie8 fallback*/
	#folio-navigation ul li#prevProject a.disabled{background: rgba(0,0,0,0.3) url(../images/project-nav.png)0 -80px !important;}
	#folio-navigation ul li#nextProject a.disabled{background: rgba(0,0,0,0.3) url(../images/project-nav.png)0 -120px !important;}
	
	/*project close*/
	#closeProject{top: -26px; position: absolute;right: 0;z-index: 1;}
	#closeProject a{background:url(../images/project-close.png) center -49.5px no-repeat;}/*ie8 fallback*/
	#closeProject a:hover{background:url(../images/project-close.png) center -90.5px no-repeat;}/*ie8 fallback*/
	#closeProject a{width:19px;height:19px;background: rgba(0,0,0,0.5) url(../images/project-close.png) center -9.5px no-repeat; position:absolute;right:0;display:none;}
	#closeProject a:hover{background:rgba(251,22,105,1) url(../images/project-close.png) center -9.5px no-repeat !important;}
	
	/*thumb-structure*/
	#folio-grid{max-width:930px;position:relative; z-index:1;padding:0; /*overflow:hidden;*/} 
		.folio-thumb-container{width:17%;position:relative;margin:0 0 18px 0;float:left;padding:0 1.5% }
		.folio-thumb{ position:relative;border:5px solid rgba(134,57,46,0.8);}
		.folio-thumb.active{border:5px solid rgba(250,205,17,0.9);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(250,205,17,0.9)!important;-moz-box-shadow:inset 0px 0px 0px 10px rgba(251,22,105,0.9)!important;box-shadow:inset 0px 0px 0px 10px rgba(250,205,17,0.9) !important;}
		.folio-thumb a{width:102%;float:left;}
		.folio-thumb.last{margin-right:0;}
		.page.odd #folio-grid .folio-thumb-container .folio-thumb{}
		.folio-thumb, .folio-thumb a, .folio-thumb a img,.folio-thumb a .folio-thumb-rollover {-webkit-border-radius: 50%;-O-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; overflow:hidden;}
		.folio-thumb a img{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:10em;position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
		.folio-thumb a .folio-thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #facd11;/*ie8 fallback*/ background: rgba(250,205,17,0.9); top:0;opacity:0; }
		.folio-thumb a .folio-thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 18px 'Open Sans', sans-serif; font-weight:bold;color:#86392e; text-align:center;}

		/*odd*/
		.page.odd #folio-grid .folio-thumb-container .folio-thumb{border:5px solid #ccc;/*ie8 fallback*/ border:5px solid rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.2);}
		
		/*even*/
		.page.even #folio-grid .folio-thumb-container .folio-thumb{border:5px solid #666;/*ie8 fallback*/ border:5px solid rgba(153,153,153,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);}	
		
		
	/*slider - styling*/
	.flexslider{ border:none;-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
	
		/*navigation */
		.flex-direction-nav { height: 0; }
		.flex-direction-nav li a {width: 40px; height: 40px; display: block; position: absolute; bottom:0; top:auto; cursor: pointer; text-indent: -999em;}	
		.flex-direction-nav li .prev{background: url(../images/project-nav.png) 0 -160px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 0 no-repeat;}
		.flex-direction-nav li .next{background: url(../images/project-nav.png) 0 -200px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.8) url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;}
		.flex-direction-nav li .prev {left: 0;}
		.flex-direction-nav li .next {right: auto; left:41px;}
		.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
		
		/*control */
		.flex-control-nav {width: 100%; position: absolute; bottom:auto; top:13px;text-align:right; padding-right:25px;left:-25px;}
		.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
		/*.flex-control-nav li:last-child {margin: 0 25px 0 5px;}*/
		.flex-control-nav li a {width: 15px; height: 15px; display: block; background: url(../images/ui_flex/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: 999em;}
		.flex-control-nav li a:hover {background-position: 0 -15px;}
		.flex-control-nav li a.active {background-position: 0 -30px; cursor: default;}
		
		/*caption*/
		.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
		.flex-caption {width:auto;padding:0 15px; line-height:40px; margin: 0; position: absolute; left: 82px; bottom: 0; background: rgba(0,0,0,.8); color: #fff !important; text-shadow: 0 0 0 rgba(0,0,0,0); font-size: 14px; margin:0 !important;}
		
	
	/*blog
	----------------------------*/		
	.blog-inner-left{width:680px;float:left; margin:0 30px 0 0;}
	.blog-inner-right{width:680px;float:right; margin:0 0 0 30px;}
		.blog-post{margin-bottom:50px;padding-bottom:50px; overflow:hidden;}
		.blog-post.post-last{/*border-bottom:none; */margin-bottom:20px;}
			.blog-post-info{width:50px; float:left;margin-right:30px; color:#666;}
			.blog-post-info span.month{font:25px/18px 'Open Sans', sans-serif;font-weight:bold; text-transform:uppercase;}
			.blog-post-info span.day{font:50px/40px 'Open Sans', sans-serif;font-weight:bold; text-transform:uppercase;}
			.blog-post-info span.year{font:23px/18px 'Open Sans', sans-serif;font-weight:bold; text-transform:uppercase;}
			.blog-post-content{width:600px; float:left;}
			.blog-post-content p:last-child{margin-bottom:0px;}
			.blog-post-content h5{margin-bottom:15px; text-transform:uppercase;}
			.blog-post-content .blog-post-media{width:100%; height:auto; float:left;margin-bottom:30px; overflow:hidden;}
			.blog-post-content .blog-post-media img{width:100%}
			.blog-post-content .blog-post-media .video video, .blog-post-content .blog-post-media .video iframe, .blog-post-content .blog-post-media .video object, .blog-post-content .blog-post-media .video embed, .blog-post-content .blog-post-media .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
			.blog-post-content .blog-post-meta{width:100%; float:left; color:#999;margin-bottom:20px; font-size:11px;}
			.blog-post-content .blog-post-meta ul{list-style:none;}
			.blog-post-content .blog-post-meta ul li{float:left; text-transform:uppercase; margin-right:5px;}
			.blog-post-content .blog-post-meta ul li a, .blog-post-content .blog-post-meta ul li span{color:#666;text-decoration:none; font-weight:bold;}
			.blog-post-content .blog-post-meta ul li a:hover{color:#ff005a;text-decoration:underline;}
			.blog-post-content p{margin-bottom:30px;}
			.blog-post-content .blog-post-read-more{margin-bottom:0px;}
			
		.blog-pagination{width:100%;margin-bottom:50px;}
			.blog-pagination ul {list-style:none;}
			.blog-pagination ul li{float:left; margin-right:5px;}
			.blog-pagination ul li a{width:20px;height:20px; float:left; text-align:center;line-height:22px;}
			
		.blog-post-navigation{width:100%;margin-bottom:50px;}
			.blog-post-navigation #previous-post {float:left;}
			.blog-post-navigation #next-post {float:right;}
			.blog-post-navigation #previous-post a,.blog-post-navigation #next-post a{text-decoration:none;}
			.blog-post-navigation #previous-post a:hover,.blog-post-navigation #next-post a:hover{text-decoration:underline;}
			
		.blog-post-comments{width:100%;margin-bottom:50px; overflow:hidden;}
			.blog-post-comments ul{list-style:none; margin:0;}
			.blog-post-comments ul li { float:left;margin-bottom:30px; padding-bottom:30px; overflow:hidden; position:relative; z-index:1;}
			.blog-post-comments ul li:last-child{border-bottom:none !important;}
			.blog-post-comments ul li .comment{padding-left:100px;}
			.blog-post-comments ul li .comment .author{font:16px/18px 'Open Sans', sans-serif;font-weight:bold;margin-bottom:2px; color:#999;  text-transform:uppercase;}
			.blog-post-comments ul li .comment .author span{font-family: 'Quicksand', sans-serif;font-weight:normal;}
			.blog-post-comments ul li .comment .comment-meta{width:100%; float:left; color:#999;margin-bottom:20px; font-size:11px;}
			.blog-post-comments ul li .comment .comment-meta a{color:#666;font-weight:bold; }
			.blog-post-comments ul li .comment .comment-meta a:hover{color:#ff005a;text-decoration:underline;}
			.blog-post-comments ul li .avatar{position:relative;width:60px;height:60px;}
			.blog-post-comments ul li .avatar, .blog-post-comments ul li .avatar img{float:left;-webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius:60px; overflow:hidden;}
			.blog-post-comments ul li .avatar img{position:relative;z-index:-1;max-width:100%;margin: 0 auto;-ms-interpolation-mode: bicubic;vertical-align: baseline;}
			
			.response{margin:30px 0 0 100px; padding-top:30px; float:left;}
			/*.response li:last-child{margin-bottom:0px;padding:0; border-bottom:none !important;}*/
			.response .response{margin:30px 0 0 100px;  padding-top:30px; float:left;}
			/*.response .response li:last-child{margin-bottom:0px;padding:0; border-bottom:none !important;}*/
			.blog-post-response-last{margin-bottom:0px !important;padding:0 !important;border-bottom:none !important;}
			.blog-post-comment-last{margin-bottom:0px !important;border-bottom:none !important;}
			
			/*odd*/
			.page.odd .blog-post-comments ul li .avatar{position:relative;overflow:hidden;border:5px solid rgba(0,0,0,0.5);/*-webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.2);-moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.2);box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.2);*/}
			.page.odd .blog-post-comments ul li {border-bottom:1px solid #e2e2e2;}
			.page.odd .response{border-top:1px solid #e2e2e2;}
			
		
		
			
			/*even*/
			.page.even .blog-post-comments ul li .avatar{position:relative;overflow:hidden;border:5px solid rgba(153,153,153,0.5);/*-webkit-box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 0px 5px rgba(0,0,0,0.2);*/}
			.page.even .blog-post-comments ul li {border-bottom:1px solid #444;}
			.page.even .response{border-top:1px solid #444;}
		
		
		
	#sidebar.left{width:220px; float:left;}
	#sidebar.right{width:220px; float:right;}
		#sidebar ul{list-style:none; margin:0;}
		#sidebar ul li{ float:left;width:100%;margin-bottom:40px;padding-bottom:40px;}
		#sidebar ul li:last-child{margin:0px;padding:0px;border:none !important;}
		#sidebar ul li h6.widgettitle{font-size:20px;}
		#sidebar ul li ul {list-style:none;}
		#sidebar ul li ul li{border:none !important;}
		#sidebar ul li ul li a{color:#666;text-decoration:none; font-weight:bold; width:100%;}
		#sidebar ul li ul li p.date{color:#999; font-size:11px;text-transform:uppercase;}
		#sidebar ul li ul li a:hover{color:#ff005a;text-decoration:underline;} 
	
		/*widget:recent posts*/
		#sidebar ul li.widget-recent-post ul li{margin:5px; padding:0; border:none;}
		#sidebar ul li.widget-recent-post ul li p{margin-bottom:0px;}
		
		/*widget:categories*/
		#sidebar ul li.widget-categories ul li{margin:0px; padding:0;border:none;}
		
		/*widget:tags*/
		#sidebar  ul li.widget-tag-cloud a{-moz-border-bottom-colors: none;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: block; float: left;font-size: 12px !important;margin:0 10px 10px 0;padding: 3px 8px;}
		
		/*widget:search*/
		#sidebar ul li.widget-search input[type=text].sidebar-searchform{width:100%;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;box-sizing: border-box; 
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
		
		/*widget:twitter*/
		#sidebar  ul li.widget-twitter ul li{margin-bottom:20px; overflow:hidden; border:none;padding:0;}
		#sidebar  ul li.widget-twitter ul li:last-child{margin-bottom:0;}
		#sidebar  ul li.widget-twitter ul li span.tweet_time{margin-top:0; text-transform:uppercase;font-size:11px;float:left;margin:0 0 5px 20px ;}
		#sidebar  ul li.widget-twitter ul li span.tweet_time a{ line-height:12px;}
		#sidebar  ul li.widget-twitter ul li span.tweet_text{color:#999;float:left;margin-left:20px;}
		#sidebar  ul li.widget-twitter ul li a {float:left;width:auto;}
		#sidebar  ul li.widget-twitter ul li a.tweet_avatar img{margin-right:10px;}

		
			/*odd*/
			.page.odd .blog-post, .page.odd #sidebar ul li, .page.odd .blog-post-comments{border-bottom:1px solid #e2e2e2;}
			.page.odd #sidebar ul li.widget-twitter ul li{background:url(../images/tweet-quote-odd.png) 0 0 no-repeat;}
			.page.odd #sidebar ul li.widget-tag-cloud a{background:#353535; color:#eee !important;}
			.page.odd #sidebar ul li.widget-tag-cloud a:hover{background:#ff005a; color:#fff !important;}
			.page.odd #sidebar ul li input[type=text].sidebar-searchform{background-color:#eee;color:#999;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;}
			.page.odd #sidebar ul li input[type=text].required.sidebar-searchform{background:#fff url(../images/input-required-light.png) right 13px no-repeat;border:1px solid #e6e6e6;}
			.page.odd #sidebar ul li input[type=text].sidebar-searchform:hover{background-color:#fff;color:#999;border:1px solid #e6e6e6;}
			.page.odd #sidebar ul li input[type=text].sidebar-searchform:focus{background-color:#fff;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
			.page.odd .blog-pagination ul li a{border:1px solid #e2e2e2;color:#666;}
			.page.odd .blog-pagination ul li a:hover{border:1px solid #ff005a;background:#ff005a;color:#fff;}
			.page.odd .blog-pagination ul li a.active{background: #e2e2e2;}
			.page.odd .blog-pagination ul li a.active:hover{background: #666;border:1px solid #666;}
		
		
			/*even*/
			.page.even .blog-post,.page.even #sidebar ul li,.page.even .blog-post-comments{border-bottom:1px solid #444;}
			.page.even #sidebar ul li.widget-twitter ul li{background:url(../images/tweet-quote-odd.png) 0 0 no-repeat;}
			.page.even #sidebar ul li.widget-tag-cloud a{background:#666; color: #f4f4f5 !important;}
			.page.even #sidebar ul li.widget-tag-cloud a:hover{background:#ff005a; color:#fff !important;}
			.page.even #sidebar ul li input[type=text].sidebar-searchform{background:#202020;-webkit-appearance: none;border:1px solid #111; color:#666; font: 13px/18px Arial, Helvetica, sans-serif;}
			.page.even #sidebar ul li input[type=text].required.sidebar-searchform{background:#202020 url(../images/input-required-dark.png) right 13px no-repeat;border:1px solid #111;}
			.page.even #sidebar ul li input[type=text].sidebar-searchform:hover{background-color:#292929;color:#999;border:1px solid #111;}
			.page.even #sidebar ul li input[type=text].sidebar-searchform:focus{background-color:#222;color:#999;border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);}
			.page.even .blog-pagination ul li a{border:1px solid #444;color:#999;}
			.page.even .blog-pagination ul li a:hover{border:1px solid #ff005a;background:#ff005a;color:#fff;}
			.page.even .blog-pagination ul li a.active{background: #666;}
			.page.even .blog-pagination ul li a.active:hover{background: #222;border:1px solid #222;}
		
	
	/*contact
	----------------------------*/	
	.contact p{font:15px/18px Arial, Helvetica, sans-serif; text-align:center;}
	
	
	/*form elements
	----------------------------*/	
	.form p{margin-bottom:0;text-align:left;}
	.comment-form{margin-bottom:20px; padding-bottom:50px; overflow:hidden;}
	input[type=text]{width:300px;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;}
	textarea {width:560px;height:200px;padding:20px;margin-bottom:20px; overflow:auto; float:left;}
	input[type=text],textarea{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	#msg { float:left; margin-left:10px; }
	.errorOutline {border:1px solid #df0044 !important;}	
	.errorMsg {color:#df0044 !important;}
	
	
		/*odd*/
		.page.odd input[type=text],.page.odd textarea{background:#fff;-webkit-appearance: none;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;}
		.page.odd input[type=text].required,.page.odd textarea.required{background:#fff url(../images/input-required-light.png) right 13px no-repeat;border:1px solid #e6e6e6;}
		.page.odd input[type=text]:hover,.page.odd textarea:hover{background-color:#e1e1e1;color:#999;border:1px solid #e6e6e6;}
		.page.odd input[type=text]:focus,.page.odd textarea:focus{background-color:#fff;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
		.page.odd .comment-form{border-bottom:1px solid #e2e2e2;}
		
	
		
		/*even*/
		.page.even input[type=text],.page.even textarea{background:#202020;-webkit-appearance: none;border:1px solid #111; color:#666; font: 13px/18px Arial, Helvetica, sans-serif}
		.page.even input[type=text].required,.page.even textarea.required{background:#202020 url(../images/input-required-dark.png) right 13px no-repeat;border:1px solid #111;}
		.page.even input[type=text]:hover,.page.even textarea:hover{background-color:#292929;color:#999;border:1px solid #111;}
		.page.even input[type=text]:focus,.page.even textarea:focus{background-color:#222;color:#999;border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);box-shadow:inset 0 1px 2px rgba(0,0,0,0.8);}
		.page.even .comment-form{border-bottom:1px solid #444;}
	
	
	/*footer
	----------------------------*/	
	#footer{position:relative; overflow:hidden; padding:50px 0; z-index:1;}
	#footer .content{max-width:930px;margin:auto;text-align:center;display: table;white-space:nowrap;}
	#footer .content .logo{margin-bottom:30px;}
	#footer p.copyright{margin-bottom:0;}
	
		/*odd*/
		#footer.odd{background:#f4f4f5 url(../images/pattern-header-banner.png);}
		#footer.odd p.copyright{font:12px/14px Arial, Helvetica, sans-serif;color:#999;}
		
		/*even*/
		#footer.even{background:#353535 url(../images/pattern-header-banner.png);}
		#footer.even p.copyright{font:12px/14px Arial, Helvetica, sans-serif;color:#999;}
		
	
	/*even*/
	#footer.even ul.socialSmall li a{background-image:url(../images/social-sprite-small-dark.png);background-repeat: no-repeat;float:left;width:22px;height:22px;margin-right:5px}
	
	
	/*section buttons
	----------------------------*/
	.section-button{float:left;width:100%;height:40px; font:12px/12px 'Open Sans', sans-serif;font-weight:bold; text-transform:uppercase; text-align:center;margin:auto;color:#fff; position:absolute;margin-top:-44px;}
	.section-button a{width:40px;height:40px;line-height:50px;position:relative;text-decoration:none;padding:10px 20px;}
	
		 .section-button a.page-up{width:150px;background:url(../images/top-arrow.png) 0 21px no-repeat;color:#fff;}
		 .section-button a.page-up:hover{color:#fff;}

	
	/*media
	----------------------------*/	
	
	/*rounded-thumbs*/
	.round-thumb-container{overflow:hidden;position:relative; z-index:1;}
	.round-thumb{position:relative;}
	.round-thumb a,.round-thumb span{width:100%;float:left; height:116px; background-color: #C9C8C8; }
	.round-thumb, .round-thumb a,.round-thumb span, .round-thumb a img,.round-thumb span img, .round-thumb a .thumb-rollover{max-width:90px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; overflow:hidden;}
	
.round-thumb a img,.round-thumb span img{position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
	.round-thumb a .thumb-rollover{position:absolute;display:table;width:100%;height:100%;background: #ff2778;/*ie8 fallback*/ background: rgba(255,39,120,0.9);top:0;opacity:0;}
	.round-thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 18px 'Open Sans', sans-serif; font-weight:bold;color:#fff; text-align:center;}
		/*odd*/
		.page.odd .round-thumb{ margin: 0 auto 30px auto;overflow:hidden;/*ie8 fallback*/ }
		/*even*/
		.page.even .round-thumb{ margin: 0 auto 30px auto;overflow:hidden;border:5px solid #666;/*ie8 fallback*/ border:5px solid rgba(153,153,153,0.3);-webkit-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.2);}
		
	
	/*regular-thumbs*/	
	.thumb{overflow:hidden;position:relative; z-index:1;}
	.thumb a{float:left;}
	.thumb a .thumb-rollover{position:absolute;display:table;width:110%;height:100%;background: #ff2778;/*ie8 fallback*/ background: rgba(255,39,120,0.9);top:0;opacity:0;}
	.thumb a .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 18px 'Open Sans', sans-serif; font-weight:bold;color:#fff; text-align:center;}
	.thumb a img{position:relative;z-index:-1;max-width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: baseline;}
	
	
	/*fancybox-lightbox*/
	.fancybox-html{display:none;}
	#fancybox-outer,#fancybox-content iframe {background: #000 url(../images/logo-common.png) center center no-repeat;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-left,#fancybox-right,#fancybox-close{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=100);}
	#fancybox-left-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 50%; border-radius:40px;}
	#fancybox-left-ico:hover {background: rgba(255,39,120,1)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat;}
	#fancybox-right-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 50%; border-radius:40px;}
	#fancybox-right-ico:hover {background: rgba(255,39,120,1)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat;}
	#fancybox-close {background: transparent url(../images/fancybox/fancybox.png) -40px 0px;}
	#fancybox-title-over {background: url(../images/fancybox/transparent-bkg.png) repeat;padding: 20px;width:150px;display: block;left:30px;position:relative; overflow:hidden;}
	#fancybox-title-over {color:#fff;}
	#fancybox-title-over .fancybox-num{font-size:11px;margin-bottom:10px;}
	#fancybox-title-over p{font-size:11px;color:#ccc;margin-bottom:15px;}
		
		
	/*dividers
	----------------------------*/	

	/*odd*/
	.page.odd .divider{border-top:1px solid #e2e2e2; margin:0 auto;}
	
	/*odd*/
	.page.even .divider{border-top:1px solid #252525;}

	
	

/*--------------------------------------------------------
	iv.--TYPOGRAPHY & LINKS
--------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6{font-family: Helvetica, sans-serif, sans-serif; font-weight:bold; margin-bottom:20px;}
	h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: "QuicksandBook-Regular";font-weight:normal; color:#353535 !important; font-size:34px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; border-bottom:0 !important;}
	a{color:#f5e9d9;text-decoration:none;}
	<!--a:hover{color:#f5e9d9;}-->
	p{margin-bottom:30px;}

	/*section title*/
	h1{font-size:40px;line-height:40px;}
	h2{font-size:38px;line-height:38px;}
	h3{font-size:35px;line-height:35px;}
	h4{font-size:32px;line-height:32px;}
	h5{font-size:28px;line-height:28px;}
	h6{font-size:24px;line-height:24px;}
	.section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6{margin:0;}
	.section-title h1{font-size:115px; line-height:90px; text-align:center;}
	.section-title h2{font-size:100px;line-height:75px; text-align:center;}
	.section-title h3{font-size:85px;line-height:70px; text-align:center;}
	.section-title h4{font-size:70px;line-height:55px; text-align:center;}
	.section-title h5{font-size:60px;line-height:45px; text-align:center;}
	.section-title h6{font-size:50px;line-height:35px; text-align:center;}
	.teaser h1{font-size:95px; line-height:70px; text-align:center;}
	.teaser h2{font-size:80px;line-height:55px; text-align:center;}
	.teaser h3{font-size:65px;line-height:50px; text-align:center;}
	.teaser h4{font-size:50px;line-height:40px; text-align:center;}
	.teaser h5{font-size:40px;line-height:30px; text-align:center;}
	.teaser h6{font-size:30px;line-height:20px; text-align:center;}
	#fancybox-title-over h1,#fancybox-title-over h2,#fancybox-title-over h3,#fancybox-title-over h4,#fancybox-title-over h5,#fancybox-title-over h6{margin-bottom:15px;}
	#fancybox-title-over h1{font-size:18px;line-height:18px;}
	#fancybox-title-over h2{font-size:16px;line-height:16px;}
	#fancybox-title-over h3{font-size:14px;line-height:14px;}
	#fancybox-title-over h4{font-size:12px;line-height:12px;}
	#fancybox-title-over h5{font-size:11px;line-height:11px;}
	#fancybox-title-over h6{font-size:10px;line-height:10px;}
	
	
		/*odd*/
		.page.odd .section-title h1,.page.odd .section-title h2,.page.odd .section-title h3,.page.odd .section-title h4,.page.odd .section-title h5,.page.odd .section-title h6{color:#30110c;}
		.page.odd .section-title h1 a,.page.odd .section-title h2 a,.page.odd .section-title h3 a,.page.odd .section-title h4 a,.page.odd .section-title h5 a,.page.odd .section-title h6 a{color:#30110c;}
		.page.odd .section-title h1 span,.page.odd .section-title h2 span,.page.odd .section-title h3 span,.page.odd .section-title h4 span,.page.odd .section-title h5 span,.page.odd .section-title h6 span{color:#86392e;}
		.page.odd .section-title h1 span a,.page.odd .section-title h2 span a,.page.odd .section-title h3 span a,.page.odd .section-title h4 span a,.page.odd .section-title h5 span a,.page.odd .section-title h6 span a{color:#86392e;}

			

		/*even*/
		.page.even .section-title h1,.page.even .section-title h2,.page.even .section-title h3,.page.even .section-title h4,.page.even .section-title h5,.page.even .section-title h6{color:#444;}
		.page.even .section-title h1 a,.page.even .section-title h2 a,.page.even .section-title h3 a,.page.even .section-title h4 a,.page.even .section-title h5 a,.page.even .section-title h6 a{color:#444;}
		.page.even .section-title h1 span,.page.even .section-title h2 span,.page.even .section-title h3 span,.page.even .section-title h4 span,.page.even .section-title h5 span,.page.even .section-title h6 span{color:#666;}
		.page.even .section-title h1 span a,.page.even .section-title h2 span a,.page.even .section-title h3 span a,.page.even .section-title h4 span a,.page.even .section-title h5 span a,.page.even .section-title h6 span a{color:#666;}
		
		
		/*teaser title*/
		.teaser .info-container .info h1, .teaser .info-container .info h2,.teaser .info-container .info h3, .teaser .info-container .info h4, .teaser .info-container .info h5, .teaser .info-container .info h6, .teaser .info-container .info blockquote{color:#fff;}
		
	.teaser .info-container .info h1 span, .teaser .info-container .info h2 span,.teaser .info-container .info h3 span, .teaser .info-container .info h4 span, .teaser .info-container .info h5 span, .teaser .info-container .info h6 span{color:#fff;}

		
		
/*--------------------------------------------------------
	v.--MISC
--------------------------------------------------------*/		
		
	.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clear{float:none; clear:both;}			
	
/*--------------------------------------------------------
	Footer Nav
--------------------------------------------------------*/	
	
a.handle {
	width:137px;
	height:44px;
	left:47%;
	bottom:0;
	position:relative;
	background-image:url(../images/tab_contactme.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute; top:-44px;
	display:block;
	text-indent:-99999px;
	right:0;
	outline:medium none;
}

.slide-out-div {
	width:100%;
	height:200px;
	min-width:980px;
	margin:auto;
	z-index:6;
	background:#151515;
	position:fixed; bottom:-3px;
	left:0; line-height:1;
}

#contact_wrapper {
	width:1030px;
	padding:10px 0 10px 62px;
	margin:20px 0 0 0;
	background:#151515;
	background-repeat: repeat-y;
	background-position: left top;
}

#contact_sidebar a {
	background:none;
	color:#f2f2f2;
	border-bottom:1px dotted #f2f2f2;
}

#contact_sidebar a:hover {
	background:none;
	border-bottom:1px dotted #FAF6AB;
}

#contact_sidebar {
	width:223px;
	float:left;
	padding:0 35px 0 0;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CCC;
}

#contact_sidebar p {
	color:#f2f2f2;
	padding:0;
}
.footer{
    margin: auto;
    max-width: 930px;
    padding: 50px 0;
    position: relative;
}
.footer-nav {width:30.66%;float:left;}
.footer-nav ul li{ list-style:none;}
.footer-nav ul li a{
	font-family: "QuicksandBook-Regular";
	font-size: 14px;
	color: #fff;
	font-weight:800;
	 line-height: 1.3;}
	 

	 
.map-pin{
	background:url(../images/fimg-1.png) no-repeat;
	 color: #FFFFFF;
    padding: 0 25px;
	font-family: "QuicksandBook-Regular";
	font-size: 14px;
	font-weight:800;}	
	
.midle-nav{
	width:30.66%;
	float:left;
	padding:0 0 0 30px;} 
	
.midle-nav p{
	margin:15px 0;
	}	
.iphone{
	background:url(../images/fimg-2.png) no-repeat;
	 color: #FFFFFF;
    padding: 0 25px;
	font-family: "QuicksandBook-Regular";
	font-size: 14px;
	font-weight:800;
	line-height: 1.3;}	
	
.email{
	background:url(../images/fimg-3.png) no-repeat 0 2px;
	 color: #FFFFFF;
    padding: 0 25px;
	font-family: "QuicksandBook-Regular";
	font-size: 14px;
	font-weight:800;
	white-space:nowrap;}	
	
.fb{
	background:url(../images/fb.png) no-repeat;
	text-indent:-9999px;
	display:block;
	height:29px;
	width:15px;}
		
.pintrest{
	background:url(../images/pintrest.png) no-repeat;
	text-indent:-9999px;
	display:block;
	height:31px;
	width:31px;}	
	
.social-nav li{display: inline-block; margin:0 0 0 25px;}	
.social-nav li:last-child{ margin:0 0 0 15px;}		
.social-nav {margin: -5px 0 0 ;}	
.social-nav{ float:right;}
.social-text{
	float:right;
	font-family: "QuicksandBook-Regular";
	font-size: 18px;
	font-weight:800;
	color:#fff;
	 text-transform: capitalize;}
	 
.copy{
	color:#fde118;
	font-family: "QuicksandBook-Regular";
	font-size: 12px;
	 padding: 10px 0 0;
	 margin:45px 0 10px 0;}	
	 
.aarna-link{color:#fde118;
	font-family: "QuicksandBook-Regular";
	font-size: 12px;}
	
.aarna-link a{padding-left:3px;}		 
	 
.bor-padd{
	padding-bottom:20px;}

.conatct-text{margin-bottom:30px;}	

.folio-thumb-footer, .folio-thumb-footer a, .folio-thumb-footer a .folio-thumb-footer-rollover {
    border-radius: 129px 129px 129px 129px;
    overflow: hidden;
}

.folio-thumb-footer {
    position: relative;
	text-align:center;
}
	
/*.folio-thumb-footer, .folio-thumb-footer a, .folio-thumb-footer a img, .folio-thumb-footer a .folio-thumb-footer-rollover {
    border-radius: 129px 129px 129px 129px;
    overflow: hidden;
}*/

.folio-thumb-footer a {
/*    float: left;
	 margin-left: 23%;*/
}
.folio-thumb-footer a img {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: baseline;
    z-index: -1;
}

/*.folio-thumb-footer, .folio-thumb-footer a, .folio-thumb-footer a img, .folio-thumb-footer a .folio-thumb-footer-rollover {
    border-radius: 129px 129px 129px 129px;
    overflow: hidden;
}*/		  
.folio-thumbfooter {
    float: left;
    margin: 0 0 18px;
    padding: 0 1.5%;
    position: relative;
    width: 30%;
	text-align:center;
}
.text-center{text-align:center;}
.folio-thumbfooter h4{
	font-family: "QuicksandBook-Regular";
	font-size: 22px;
	color:#353535;
	margin:30px 0 0;
	font-weight:normal;
	  line-height: 1;}
	
.folio-thumbfooter h5{
	font-family: "QuicksandBook-Regular";
	font-size: 20px;
	color:#0b8c97;
	font-weight:normal;
	white-space: nowrap;}
	


.drop-line h4{
	font-family: "QuicksandBook-Regular";
	font-size: 22px;
	color:#353535;
	font-weight:normal;
	margin-bottom:15px;
	text-align:left;}
	
.address h4{
	font-family: "QuicksandBook-Regular";
	font-size: 22px;
	color:#353535;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1;
	}
	
.address h3{
	font-family: "QuicksandBook-Regular";
	font-size: 20px;
	color:#0b8c97;
	font-weight:normal;
	margin-bottom:15px;
	line-height:1.2;
	;}	
			
	
.address{text-align:center;}			
.padd-left{padding-left:8%;}
.fb-mar-left{ margin-left:19%;}
.fb-mar-rht{ margin-right:21%;}
	
.bg-grey{
	background-color:#ccc;
	height:90px;
	 margin: 0 auto 30px 21%;
	text-align:center;}	
	
.bg-grey img{
    position: relative;
    top: 31%;}	
	
.mar-none{
	margin-left:-3% !important;}	
	
.padd-none{
	padding-bottom:0 !important;}	
	
.bor-padd{
	padding-bottom:20px;}
	
.bott-padd{
	padding-bottom:70px;}			
	
.bot-border{ border-bottom: 1px solid #FFFFFF;}	

.section-title p{
	color:#fff !important;
	font-size:15px;
	font-family: "QuicksandBook-Regular";
		margin-top:10px;}
	
.fb-nav{
	background:url(../images/nav-fb.png) 0 2px no-repeat;
	text-indent:-9999px;}	

.pint-nav{
	background:url(../images/nav-pint.png) 0 2px no-repeat;
	text-indent:-9999px;}	
	
.servicepage-padd{
	padding-bottom:190px;}
	

/*--------------Tooltip---------------*/

.tooltip{display:inline;position:relative;}
 .tooltip:hover{text-decoration:none}
 .tooltip:hover:after{
  border: 1.5px solid #fff;
   background:#facd11;
     bottom:152px;
   color:#222;
   content:attr(title);
   display:block;
   left:0;
   font:14px Verdana, Geneva, sans-serif ;
   padding:15px 35px;
   position:absolute;
   white-space:nowrap;
   z-index:98;
   -webkit-box-shadow:  1px 1px 0.5px 0.5px #ccc;
   -moz-box-shadow:  1px 1px 0.5px 0.5px #ccc;
   -O-box-shadow:  1px 1px 0.5px 0.5px #ccc;
     box-shadow:  1px 1px 0.5px 0.5px #ccc;
  }
  .tooltip:hover:before{
   border-left: 8px solid transparent;
	border-right: 8px solid  transparent;
	border-top: 8px solid #facd11;
	border-bottom:0;
    bottom:146px;
    content:"";
    display:block;
    left:45%;
    position:absolute;
    z-index:99;
	
   }
	
.footer-mob{display:none;}	
.hexa-bg{background-color:#fcfdf6 !important;}

/*-----------Hexa-css----*/
.section {
}
.section-new{
	text-align:center;
	padding-bottom:35px;
	margin-bottom:20px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.clearfix:after, .container:after, .list-hex-grid:after {
    clear: both;
    content: "";
    display: table;
}

.clearfix:after, .container:after, .list-hex-grid:after {
    clear: both;
    content: "";
    display: table;
}

 .container, .list-hex-grid {
 text-align:center;
}

.clearfix, .container, .list-hex-grid {
 
}

.list-hex-grid {
    font-size: 0;
  
    word-spacing: 0;
}

.no-touch.js .interactive div.hex {
    opacity: 0;
}

.list-hex-grid div.hex {
    display: inline-block;
    float: none;
    font-size: 16px;
    margin-bottom: 37px;
    margin-top: 37px;
    position: relative;
    vertical-align: middle;
    z-index: 10;
}
.list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
    -moz-transition: none 1s ease 0s;
    background-color:#d3eb9f;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 175px;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    text-align: center;
    word-spacing: 1px;
	
}

.list-hex-grid div.hex > a, .list-hex-grid div.hex > div {
    height: 88px;
   /* line-height: 220px;*/
}

.grid-3 {
    width: 154px;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.list-hex-grid div.hex .hex-1:before {
    -moz-transform-origin: 0 0;
	 -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin:  0 0;
    -ms-transform-origin:0 0;
}

.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
    background: inherit;
    content: "";
    left: 0;
    position: absolute;
    z-index: -1;
}

.list-hex-grid div.hex .hex-1:before {
    -moz-transform: rotate(-60deg) translate(-85px, 5px);
	 -webkit-transform: rotate(-60deg) translate(-85px, 5px);
  -o-transform: rotate(-60deg)translate(-85px, 5px);
  transform: rotate(-60deg) translate(-85px, 5px);
    -ms-transform: rotate(-60deg) translate(-85px, 5px);
	}

.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
    height: 170px;
    width:170px;
}
.list-hex-grid div.hex .hex-1 {
    -moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg) ;
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
    z-index: -1;
}

.list-hex-grid div.hex .hex-1, .list-hex-grid div.hex .hex-2 {
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
.list-hex-grid div.hex .hex-2:before {
    bottom: 0;
}

.list-hex-grid div.hex .hex-1:before, .list-hex-grid div.hex .hex-2:before {
    background: inherit;
    content: "";
    left: 0;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 1;)
	 -moz-box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 1;)
     box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 1;)
}

.list-hex-grid div.hex .hex-2:before {
    -moz-transform: rotate(60deg) translate(32px, 28px);
	 -webkit-transform: rotate(60deg) translate(32px, 28px);
  -ms-transform: rotate(60deg) translate(32px, 28px);
  -o-transform: rotate(60deg)translate(32px, 28px);
  transform: rotate(60deg) translate(32px, 28px);

}

.list-hex-grid div.hex .hex-2 {
    -moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg) ;
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.list-hex-grid div.hex .hex-1, .list-hex-grid div.hex .hex-2 {
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
.mq-wide {
    display: block ;
}
.list-hex-grid div.hex .inner {
    color: #FFFFFF !important;
    display: inline-block;
    font-family: "freightsans_regular",sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 22px;
    max-width: 80%;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: normal;
    z-index: 20;
}

.list-hex-grid div.hex .inner {
    top: 8px;
}
/*----------Client-list--*/
.amul{
	background:url(../images/client/amul_L.png) no-repeat;
	height: 66px;
    width: 130px; margin:15px 0 0;}
	
.amul:hover{
	background:url(../images/client/amul_C.png) no-repeat 0 0;
	height: 66px;
    width: 130px;
	 margin:15px 0 0;}	
	 
.hdil{
	background:url(../images/client/hdil_L.png) no-repeat;
	height: 66px;
    width: 130px; margin:15px 0 0;}
	
.hdil:hover{
	background:url(../images/client/hdil_C.png) no-repeat 0 0;
	height: 66px;
    width: 130px;
	 margin:15px 0 0;}	
	 
.viraj{
	background:url(../images/client/viraj_L.png) no-repeat;
	height: 40px;
    width: 120px; margin:22px 0 0;}
	
.viraj:hover{
	background:url(../images/client/viraj_C.png) no-repeat 0 0;
	height: 40px;
    width: 120px;
	 margin:22px 0 0;}	
	 
	 	 
.vadilal{
	background:url(../images/client/vadilal_L.png) no-repeat;
	height: 66px;
    width: 97px; margin:9px 0 0;}
	
.vadilal:hover{
	background:url(../images/client/vadilal_C.png) no-repeat 0 0;
	height: 66px;
    width: 97px;
	 margin:9px 0 0;}	
	 
.landturbo{
	background:url(../images/client/l&t_L.png) no-repeat;
	height: 26px;
    width: 130px; margin:25px 0 0;
	background-size:121px;}
	
.landturbo:hover{
	background:url(../images/client/l&t_C.png) no-repeat 0 0;
	height: 26px;
    width: 130px;
	 margin:25px 0 0;
	 background-size:121px;}	
	 
.mandhana{
	background:url(../images/client/mandhana_L.png) no-repeat;
	height: 80px;
    width: 100px; margin:0;}
	
.mandhana:hover{
	background:url(../images/client/mandhana_C.png) no-repeat 0 0;
	height: 80px;
    width: 100px;
	 margin:0;}	
	 
.tata-steel{
	background:url(../images/client/tatasteel_L.png) no-repeat;
	height: 73px;
    width: 104px; }
	
.tata-steel:hover{
	background:url(../images/client/tatasteel_C.png) no-repeat 0 0;
	height: 73px;
    width: 104px;
	 }
	 
.tata-house{
	background:url(../images/client/tatahousing_L.png) no-repeat;
	height: 66px;
    width: 130px; margin:15px 0 0;
	background-size:120px 40px;}
	
.tata-house:hover{
	background:url(../images/client/tatahousing_C.png) no-repeat 0 0;
	height: 66px;
    width: 130px;
	 margin:15px 0 0;
	 background-size:120px 40px;}	
	 
.pantaloons{
	background:url(../images/client/pantaloons_L.png) no-repeat;
	height: 30px;
    width: 130px; margin:25px 0 0;
	background-size:119px;}
	
.pantaloons:hover{
	background:url(../images/client/pantaloons_C.png) no-repeat 0 0;
	height: 30px;
    width: 130px;
	 margin:25px 0 0;
	 background-size:119px;}	
	  		  	 	 	 	
.ostwl{
	background:url(../images/client/ostwal_L.png) no-repeat;
	height: 66px;
    width: 130px; margin:18px 0 0;}
	
.ostwl:hover{
	background:url(../images/client/ostwal_C.png) no-repeat 0 0;
	height: 66px;
    width: 130px;
	 margin:18px 0 0;}	
	 
.rmc{
	background:url(../images/client/rmc_L.png) no-repeat;
	height: 66px;
    width: 130px; margin:6px 0 0;}
	
.rmc:hover{
	background:url(../images/client/rmc_C.png) no-repeat 0 0;
	height: 66px;
    width: 130px;
	 margin:6px 0 0;}	 
	 
	.landt{
	background:url(../images/client/l&tc_L.png) no-repeat;
	height: 30px;
    width: 130px; margin:25px 0 0;
	background-size:121px;}
	
.landt:hover{
	background:url(../images/client/l&tc_C.png) no-repeat 0 0;
	height: 30px;
    width: 130px;
	 margin:25px 0 0;
	 background-size:121px;}	
	 
	.jindal{
	background:url(../images/client/jindal_L.png) no-repeat;
	height: 91px;
    width: 61px; margin:-15px 0 0;}
	
.jindal:hover{
	background:url(../images/client/jindal_C.png) no-repeat 0 0;
	height: 91px;
    width: 61px;
	 margin:-15px 0 0;}
	 
.irb{
	background:url(../images/client/irb_L.png) no-repeat;
	height: 66px;
    width: 100px; margin:15px 0 0;}
	
.irb:hover{
	background:url(../images/client/irb_C.png) no-repeat 0 0;
	height: 66px;
    width: 100px;
	 margin:15px 0 0;}	 	  	  		  	 	 	 	
	  	 		  	 		   	  		  	 	 	 	
	  	 		  	 	

.list-hex-grid div.hex.secondary1 > a, .list-hex-grid div.hex.secondary1 > div {
   background-color: #f55812 !important;
    border-color: #f55812 !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 195px;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    text-align: center;
    transition: none 1s ease 0s;
    word-spacing: 1px;
}

.list-hex-grid hr {
    background-color: #FFFFFF;
	margin:10px 0;
}

.grid-1 {
    width: 100%;
}
.inner p{margin-bottom:0;}

.client-mar-left{margin-left:10%;}

.mq-small{display:none;}