/*----------------------------------
	
	Theme Name: MaxOne
	Theme URI: http://webnus.net/maxone
	Description: SkyDream is a Modern multi-purpose HTML5-CSS3 one Page template with many different options, and is fully responsive.  
	Author: MaxOne
	Author URI: http://themeforest.net/user/WEBNUS
	Version: 1.0
	
	------------------------------------------------------------------------*/
	@import url('./main-menu.css'); /* Import Menu Stylesheet */
	@import url('./base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */
	@import url('./scaffolding.css'); /* Import Skeleton (Responsive Grid System) Stylesheet */
	@import url('./elements.css'); /* Import Elements stylesheet */
	@import url('./blox.css'); /* Import Full width Sections + Parallax Stylesheet */
	/* @import url('./blog.css'); /* Import Blog stylesheet */
	/* @import url('./portfolio.css'); /* Import Portfolio Stylesheet */
	/* @import url('./widgets.css'); /* Import Widgets stylesheet */
	/* @import url('./prettyPhoto.css'); /* Import prettyPhoto Stylesheet */
	@import url('./slide1.css'); /* Import Florida Custom LayerSlider Stylesheet */
	/* @import url('./flexslider.css'); /* Import Flex Slider Stylesheet */
	@import url('./icomoon.css'); /* Import Vector Icons Stylesheet */
	@import url('./bigfoot-number.css'); /* Import Footnotes Stylesheet */
	
	/*-----------------------------------------------------------------------------------*/
	
	
	/* #Site Styles
	================================================== */
	/* WRAPPER */ 
	#wrap { display: block; margin: 0 auto; position: relative; padding: 0; background: #fff; }
	#headline{ width: 100%; margin-top:60px; height: 82px; padding: 16px 0 20px; background: #f7f7f7; display: table; }
	#headline h3{ color: #424748; font-size: 56px; line-height:1.3; margin: 20px 10px; position: relative; text-transform: capitalize; font-weight: 100; letter-spacing: 0; }
	#headline h3 small { font-size: 56%; color: rgba(255,255,255,0.8); font-weight: 300; margin-left: 10px; letter-spacing: -0.07em; text-transform: capitalize; }
	/* HEADER  */
	
	#header { display: block; position: fixed; top: 0; left: 0; z-index: 1000000; width: 100%; height: 60px; background: #fff; border-bottom: 1px solid #d6d6d6; padding: 14px 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.27); }
	.logo { height: auto; }
	.logo img { max-width: 100%; max-height: 100%; min-height: 40px; margin-top: 10px; }
	.logo { float: left; }
	
	/*  sticky menu */
	@-webkit-keyframes header-anim {
	from {
	padding: 14px 0;
	}
	to {
	padding:0;
	}
	}
	@-o-keyframes header-anim {
	from {
	padding: 14px 0;
	}
	to {
	padding:0;
	}
	}
	@-moz-keyframes header-anim {
	from {
	padding: 14px 0;
	}
	to {
	padding:0;
	}
	}
	@keyframes header-anim {
	from {
	padding: 14px 0;
	}
	to {
	padding:0;
	}
	}
	
	
	/* ------- */
	
	@-webkit-keyframes logo-anim {
	from {
	height:auto;
	}
	to {
	height:40px;
	}
	}
	@-o-keyframes logo-anim {
	from {
	height:auto;
	}
	to {
	height:40px;
	}
	}
	@-moz-keyframes logo-anim {
	from {
	height:auto;
	}
	to {
	height:40px;
	}
	}
	@keyframes logo-anim {
	from {
	height:auto;
	}
	to {
	height:40px;
	}
	}
	/* ----*/
	#header.sticky { -webkit-animation: header-anim .2s ease .01s both; -moz-animation: header-anim .2s ease .01s both; -o-animation: header-anim .2s ease .01s both; animation: header-anim .2s ease .01s both; }
	#header.sticky .logo img { height: 40px; width: auto; margin-top: 10px; -webkit-animation: logo-anim .2s ease .01s both; -moz-animation: logo-anim .2s ease .01s both; -o-animation: logo-anim .2s ease .01s both; animation: logo-anim .2s ease .01s both; }
	/* end sticky */
	
	
	/* General
	================================================== */
	#wrap > section { width: 100%; padding: 40px 0; }
	section#hero { margin-top: 0; background: #232628; padding: 0; border-bottom: 4px solid #e9e9e9; }
	.sub-h h1 { font-size: 30px; font-weight: 300; text-transform: uppercase; letter-spacing: 1.6px; }
	.nomargin-x { margin:0 !important;}
	/*.sub-h h1:first-letter { color: #1bbc9b; font-weight: 400; font-size: 35px; }*/
	.sub-h h5 { margin: 0 auto; margin-bottom: 80px; padding: 0 70px; font-size: 1.2em; line-height: 1.7; color: #797979; font-weight: normal; max-width: 660px; }
	.sub-h { text-align: center; margin-top:50px; }
	/*.brk-line { margin: 30px auto 0; width: 270px; height: 0; display: block; position: relative; border-bottom: 2px solid #1bbc9b; }
	.brk-line:before, .brk-line:after { width: 10px; height: 10px; display: block; content: ""; position: absolute; top: -6px; left: -12px; border: 2px solid #1bbc9b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	.brk-line:after { left: 270px; } */
	.sub-h1 { margin-bottom: 12px; }
	.sub-h1 h5 { padding: 12px 0 14px; margin: 16px 0 20px 1px; border-bottom: 2px solid #1bbc9b; text-transform: uppercase; font-size: 14px; color: #777; letter-spacing: 1.2px; font-weight: bold; }
	.bg-black .sub-h { margin-top: 50px; }
	.bg-black .sub-h h1 { color: #fff; }
	.bg-black .sub-h .bo-l, .bg-black .sub-h .bo-r { background: transparent; border-color: #fff; }
	.bg-black .sub-h h5 { color: #808080; }
	
	
	/* Services
	================================================== */
	a.readmore { position: relative; margin: 4px 0 3px 1px; -webkit-transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -ms-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out; border: 2px solid #e5e5e5; padding: 6px 32px 6px 22px; border-radius: 4px; color: #363f46; box-shadow: 0 0 0 0; font-size: 12px; text-transform: capitalize; }
	a.readmore:after, a.magicmore:after, a.addtocart:before, a.select-options:before { position: absolute; right: 10px; top: 9px; font-family: 'icomoon'; font-size: 11px; color: #363f46; content: "\e3c2"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
	a.readmore:hover { border-color: #363f46; }
	a.readmore:active { background-color: #fafafa; color: #999; }
	a.magicmore, a.addtocart, a.select-options { position: relative; padding: 3px 14px 2px 0; color: #0093d0; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; }
	a.magicmore { font-size: 13px; line-height: 20px; color: #1bbc9b; }
	a.magicmore:hover { color: #eb7348; background-position: 100% 69%; }
	a.magicmore:after { content: "\e3b0"; color: inherit; top: 10px; right: 1px; font-size: 9px; }
	a.magicmore:hover:after { right: 0; }
	a.addtocart, a.select-options { padding: 4px 2px 2px 18px; color: #7f7f7f; float: right; display: inline-block; font-size: 12px; font-weight: bold; }
	a.select-options { float: left; }
	a.addtocart:hover, a.select-options:hover { color: #85bc36; cursor: pointer; }
	a.addtocart:before, a.select-options:before { content: "\e0ca"; color: inherit; top: 8px; left: 1px; font-size: 13px; }
	a.select-options:before { content: "\e08f"; }
	.services { text-align: center; }
	.icon-box1 { text-align: left; overflow: hidden; margin-bottom: 30px; }
	.icon-box1 i { font-size: 32px; color: #9B0A4F; background: #f2f2f2; float: left; padding: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 8px 30px 80px 0; }
	.icon-box1 h4 { font-weight: 400; font-size: 17px; color: #282828; margin-bottom: 12px; }
	.icon-box1 p { font-weight: 300; font-size: 14px; color: #898989; margin-bottom: 14px; }
	.icon-box1 a { color: #9B0A4F; font-size: 13px; }
	.icon-box1 a:hover { color: #eb7348; }
	.icon-box1 ul { margin: 0; margin-bottom: 20px; padding: 0; }
	.icon-box1 li { font-size: 12px; color: #999; line-height: 20px; margin: 0; }
	.icon-box1:hover i { color: #fff; background: #ff5d5e; border-color: #ff5d5e; }
	

	
	
	
	/* #Page Sections Styles
	================================================== */
	

	
	/* TESTIMONIALS
	================================================== */
	#testimonials-slider li { width:1100px; float:left; overflow:hidden}
	article.quote-slider {  min-height: 360px; position:relative; background: url('../images/quote-bg.jpg') center fixed; margin-top: 0px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
	.quote-slider .jcarousel-next, .quote-slider .jcarousel-prev  { background: #fff ; text-shadow: none; top:50px;  }


	/*.testimonial { margin-bottom:94px; clear:both; min-width:220px; }*/		
	.testimonial { margin-bottom:94px; clear:both; min-width:220px; }
	.testimonial-content { padding:12px; position:relative; border:1px solid #f6f6f6; background:#f4f4f4;  border-radius:4px;}
	.container .testimonial-content p { margin:6px;}
	.testimonial-content h4 { padding:10px; line-height:1.7; color:#595959; margin-top:7px; font-family:"Roboto Slab"; }
	.testimonial-content h4 q { font-size:inherit;}
	.testimonial-arrow { position:absolute; width:127px; height:14px; background: url(../images/nav-bott1.png) no-repeat; left:50px;bottom:-14px;}
	.testimonial-brand { position:relative; margin:12px 16px 8px 0px;}
	.testimonial-brand img { width:90px; height:90px; border-radius:45px; float:left;}
	.testimonial-brand h5 { float:left; clear:right; margin:20px; color:#6f6f6f; }
	.testimonial-brand h5 strong { font-weight:600;}
	.testimonial-brand h5 em { font-size:14px; font-style:normal; font-family:Arial, Helvetica, sans-serif; }
	
	/* TESTIMONIALS Slider */
	
	.quote-slider .testimonial {  margin-top:100px; text-align:center; }
	.quote-slider .testimonial-content { background:none; border:none;}
	.quote-slider .testimonial-content h4 q { color:#fff; font-size:29px; font-weight:500; line-height:1.4;}
	.quote-slider .testimonial-brand h5 { color:#fff; margin:5px 0 0;}
	.quote-slider .testimonial-arrow { display:none; }
	.quote-slider .testimonial-brand h5, .quote-slider .testimonial-brand img { float:none;}
	
	
	
	
	
	/* the team
	================================================== */
	.the-team { color: #515f67; }
	.the-team { background-color: #f0f0f0; }
	.the-team article { text-align: center; }
	.img-team { position: relative; margin-bottom:16px; margin-top:20px }
	.the-team figure { position: relative; margin: 0 auto 40px; width: 265px; height: 265px; overflow: hidden; border: 5px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

	.the-team figure img { width: 100%; height: 100%; }
	.img-team i { position: absolute; bottom: 100px; left: 50%; bottom: 0; z-index: 1; padding: 13px; color: #fff; font-size: 23px; border: 3px solid #f0f0f0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display:none; }
	.img-team i.icomoon-twitter { background: #00a0d1; margin-left: -92px; }
	.the-team i.icomoon-facebook { background: #3b5998; margin-left: -22.5px; bottom: -22.5px; }
	.the-team i.icomoon-linkedin { background: #0073B2; margin-left: -22.5px; bottom: -22.5px; }
	.the-team i.icomoon-google-plus { background: #db4a39; margin-left: 47px; }
	.the-team article h2 { font-size: 28px; }
	.the-team article h5 { color: #ef7a49; margin-bottom: 10px; font-weight: 400; }
	.the-team article p { padding: 5px 15px; color: #989898; }
	.the-team article:hover figure { border-color: #f0f0f0; }
	.the-team article:hover i { display:block; }
	
	
	/* OUR PROCESS SECTION */
	
	.our-process-wrap { min-height: 260px; margin-bottom: 40px; }
	.our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 160px; }
	.our-process:before, .our-process:after, .our-process-item:after { content: "\e285"; position: absolute; left: -8px; bottom: -4px; font-family: 'icomoon'; font-size: 16px; color: #ccc; }
	.our-process:after { left: auto; bottom: -11px; right: -8px; content: "\e278"; }
	.our-process.proc4level .our-process-item { width: 25%; }
	.our-process.proc5level .our-process-item { width: 20%; }
	.our-process.proc3level .our-process-item { width: 33.33%; }
	.our-process-item { height: 160px; float: left; position: relative; }
	.our-process-item:before { width: 1px; background: #e5e5e5; height: 82px; float: left; position: absolute; bottom: 0; left: 39px; content: ""; }
	.our-process-item:after { bottom: -12px; left: 60%; content: "\e3b4"; font-size: 16px; background: none; }
	.our-process-item .our-process-content { position: absolute; left: 85px; overflow: hidden; }
	.our-process-item i { width: 32px; height: 32px; color: #7d7d86; font-size: 32px; float: left; padding: 20px; border-radius: 39px; border: 3px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	.our-process-item:hover i { background: #e84a52; color: #fff; border-color: #f28d93; }
	.our-process-item h5 { font-weight: 400; font-size: 17px; margin: 16px 10px 8px 0; }
	
	@media only screen and (max-width: 767px) {
	.our-process.proc4level { height: 640px; }
	.our-process.proc5level { height: 800px; }
	.our-process.proc3level { height: 480px; }
	.our-process { border: none }
	.our-process:before { display: none; }
	.our-process:after { left: 31px; }
	.our-process.proc4level .our-process-item, .our-process.proc5level .our-process-item, .our-process.proc3level .our-process-item { width: 100%; }
	.our-process-item:after { content: "\e3b5"; left: 31px; bottom: 30px; }
	.our-clients-wrap { padding-top: 110px; }
	}
	
	
	
	/* Plans & Pricing
	================================================== */
	.plan-wrap { display: block; width: 940px; margin: 0 auto; border: 4px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.plan-wrap article { width: 25%; clear:right; float: left; text-align: center; margin: 12px 0; background: #fff; border-right: 1px solid #EDEDED; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	article.ultimate { border: none; }
	.plan-wrap h2 { font-size: 38px; font-weight: 900; letter-spacing: -2px; color: #ef7b49; margin: 20px 0 0; }
	.plan-wrap h3 { color: #777; font-weight: 900; margin-bottom: 20px; }
	.plan-wrap ul { list-style:none; text-align: left; margin: 0 12px; margin-bottom: 30px; border-top: 1px solid #ededed; }
	.plan-wrap li { padding: 10px 0; margin: 0; font-size: 13px; font-weight: 400; border-bottom: 1px solid #ededed; }
	.premium h2 { color: #19bc9b; }
	.ultimate h2 { color: #35a4da; }
	.plan-wrap article i { margin: 0 10px 0 15%; }
	.plan-wrap .icomoon-checkmark { color: #19bc9b; }
	.plan-wrap .icomoon-close { color: #fe5742; }
	.starter button, .basic button { background: #ef7b49; }
	.premium button { background: #19bc9b; }
	.ultimate button { background: #35a4da; }
	.plan-wrap button { color: #fff; font-size: 14px; font-family: Arial; padding: 14px 36px; border: none; margin-bottom: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); }
	.plan-wrap article:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	.plan-wrap article.basic:hover, .plan-wrap article.starter:hover { -webkit-box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; box-shadow: 0 0 0 5px #ef7b49, 0 4px 12px #000; }
	.plan-wrap article.premium:hover { -webkit-box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; box-shadow: 0 0 0 5px #19bc9b, 0 4px 12px #000; }
	.plan-wrap article.ultimate:hover { -webkit-box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; -moz-box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; box-shadow: 0 0 0 5px #35a4da, 0 4px 12px #000; }
	
	@media only screen and (max-width: 959px) {
	.plan-wrap { width: 100%; }
	}
	
	@media only screen and (max-width: 767px) {
	.plan-wrap article { width: 50%; }
	}
	
	@media only screen and (max-width: 479px) {
	.plan-wrap article { width: 100%; }
	}
	
	
	
	/* our work
	================================================== */
	
	#wrap > section.our-work { padding-bottom:0; }
	.project-view-wrap { display: none; }
	.project-view { margin-bottom: 20px; display: none; position: static; }
	.project-view h3 { text-align: center; font-weight: 300; margin: 20px 0; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 45px; padding-bottom: 20px; }
	.project-view .img-item-big { border-bottom: 130px solid #1bbc9b; border-radius: 1px; background: #fff; padding: 0; margin: 0 10px; margin-bottom: 20px; text-align: center; }
	.project-view .img-item-big img { margin: 0 auto; display: block; margin-bottom: -60px; border: 4px solid #fff; max-width: 100%; }
	.project-view .img-item-big .flexslider { max-width:700px; margin:0 auto;}
	.project-view .img-item-big .flexslider img { border:none;}
	.ctrl-bar { padding-bottom: 14px; margin: 14px auto 30px; display: block; clear: both; width: 172px; }
	.ctrl-bar i { display: inline; padding: 15px; border: 2px solid #656d78; color: #656d78; cursor: pointer; margin: 0 3px; }
	.ctrl-bar i.icomoon-arrow-left.disable, .ctrl-bar i.icomoon-arrow-right-2.disable { opacity: 0.3; cursor: default; }
	.ctrl-bar i.icomoon-close { display: inline; color: #fff; background: #ee3b16; border-color: #ee3b16; }
	.ctrl-bar i.icomoon-arrow-left:hover, .ctrl-bar i.icomoon-arrow-right-2:hover { color: #fff; background: #656d78; }
	.ctrl-bar i.icomoon-close:hover { background: #656d78; border-color: #656d78; }
	.project-detail time { display: block; margin-bottom: 20px; }
	.project-detail p a:hover { color: #ffbf00; }
	.project-detail p, .project-detail time, .project-detail span { font-size: 13px; font-weight: 400; color: #666; }
	.tag-wrap span { float: left; width: 40px; height: 250px; }
	.tag a { display: inline-block; padding: 2px 7px; border: 2px solid #e9e9e9; margin: 0 5px 5px 0; font-size: 11px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; color: #888; }
	.tag a:hover { color: #ffbf00; border-color: #ffbf00; }
	.projects { width: 100%; }
	.ctrl-pro { text-align: center; margin: 15px 0 35px; }
	.ctrl-pro a { display: inline-block; color: #777; padding: 4px 24px; margin: 5px 4px; font-size: 11px; border: 2px solid #fff; font-weight: 700; text-transform: uppercase; border: 2px solid #cfcfcf; }
	.ctrl-pro a:hover { color: #1bbc9b; border-color: #1bbc9b; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); }
	/* portfolio project */
	.projects .ctrl-bar { border: none; }
	.portfolio article { float: left; width: 24.9%; height: auto; position: relative; overflow: hidden; }
	.portfolio article figure { width: 100%; height: 100%; }
	.project-hov { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: #1bbc9b; background: rgba(27,188,155,.8); opacity: 0; z-index: 1; color: #fff; -webkit-transition: all .3s ease; ``  -moz-transition: all .3s ease;
	-ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
	.pad { padding: 14% 30px 0; }
	.project-hov i { font-size: 50px; cursor: pointer; }
	.project-hov span { display: block; font-size: 60px; margin-bottom: 15px; }
	.project-hov h3 { font-weight: 700; letter-spacing: -1.5px; margin-bottom: 15px; color: #fff; -webkit-transform: scale(1, 1.3); -moz-transform: scale(1, 1.3); -ms-transform: scale(1, 1.3); -o-transform: scale(1, 1.3); transform: scale(1, 1.3); }
	.portfolio article:hover .project-hov { opacity: 1; }
	.portfolio-page .ctrl-bar i { float: right; color: #1bbc9b; border-color: #1bbc9b; }
	.portfolio-page .ctrl-bar i.icomoon-arrow-left:hover, .portfolio-page .ctrl-bar i.icomoon-arrow-right-2:hover { background: #1bbc9b; }
	/* ISOTOPE */
	.isotope-item { z-index: 2; }
	.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
	.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
	.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
	.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
	.ctrl-pro .selected { color: #1bbc9b; border: 2px solid #1bbc9b; }
	
	
	/* Latest from blog
	================================================== */
	.blog { background: #232628; margin: 50px 0; }
	.blog article { width: 50%; height: 306px; border: 12.5px solid transparent; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
	.post-img { float: left; width: 210px; margin-right: 30px; margin-bottom: 100px; }
	.post-img figure { width: 194px; height: 194px; border: 1px solid #4b4d4f; padding: 7px; background: #2f3234; }
	.post-img img { width: 100%; height: 100%; }
	.post-img p { height: 50px; line-height: 50px; font-size:13px; font-weight:400; color: #727272; margin: 0; border-bottom: 1px solid #4b4d4f; }
	.post-img span { color: #aaa; display: inline-block; height: 24px; line-height: 24px; padding: 10px 13px 0; cursor: pointer; }
	.post-img span i { margin-right: 5px; font-size: 20px; font-weight:normal; }
	.post-img .center-icon { border-left: 1px solid #4b4d4f; border-right: 1px solid #4b4d4f; }
	.post-img .center-icon i { margin: 0; color: #fff; }
	.post-img .icomoon-clock-6 { font-size: 20px; margin-right: 10px; position: relative; top: 3px; }
	.post-img .icomoon-bubble { color: #c33737; }
	.post-img .icomoon-eye { color: #33b5e5; }
	.post-detail { width: auto; margin-bottom:20px; }
	.post-detail h5 { font-weight: 500; color: #fff; margin-bottom: 10px; }
	.post-detail a { color: #c33737; }
	.post-detail h5 a { color: #fff; }
	.blog a.button.bordered-bot { color: #b2b2b2; border-color:#b2b2b2;}
	.blog a.button.bordered-bot:hover { color: #fff; border-color:#fff;}
	.post-detail h5 a:hover { text-decoration:underline;}
	.post-detail a.author { color: #fff; }
	.post-detail p { color: #727272; margin-bottom: 14px; font-size:13px; font-weight:400; }
	.post-detail a.blogmore { padding: 7px 10px; background: transparent; color: #fff; font-size: 13px; background: #2f3234; border: 1px solid #4b4d4f; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.post-detail a.blogmore i { margin-left: 8px; color: #c33737; position: relative; top: 1px; font-size: 12px; }
	.post-detail a.blogmore:hover {background: #222;}


	

	
	
	/* Twitter
	================================================== */
	/*.twitter { width: 100%; background: #00a0d1; text-align: center; margin: 50px 0; }*/
	.twitter { width: 100%; background: #00a0d1; text-align: center;}
	.twitter i { display: inline-block; font-size: 32px; color: #fff; padding: 15px; background: #13afdf; margin: 10px 0 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	.twitter h3 { font-size: 20px; color: #fff; padding: 0 150px; margin-bottom: 30px; line-height: 1.5; }
	.twitter a { color:#111;}
	.twitter a:hover { text-decoration:underline;}
	.twitter a.follow-twitter {  color:#fff; display: inline-block; text-decoration:none; border: 2px solid #fff; font-size: 17px; margin-bottom: 0; padding: 8px 33px; font-family: arial; font-weight: 300; letter-spacing: 2px; color: #fff; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.twitter a.follow-twitter:hover { background: #13afdf; }
	
	
	/* Contact
	================================================== */
	.contact .container { max-width: 960px; }
	#map-canvas { margin: 0 12.5px 50px; height: 300px; }
	.contact-form { display:block; margin-top:30px;}
	.contact-form h6 { font-weight: 700; margin: 15px 0; }
	.contact-form p { color: #555; }
	.contact-form input { width: auto; display: block; height: 45px; padding-left: 15px; background: #F7F7F7; }
	.contact-form textarea { display: block; width: 100%; height: 110px; padding: 5px 15px; background: #F7F7F7; }
	.contact-form textarea:focus, .contact-form input:focus { background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #aaa; }
	.contact-form input, .contact-form textarea { border: 1px solid #E3E3E3; color: #555; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.contact-form button { width: 100%; color: #fff; font-size: 15px; border: none; height: 45px; background: #9B0A4F; font-weight: 400; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.contact-form input, .contact-form textarea, .contact-form button {  }
	.contact-form button:hover { background: #9B0A4F; }
	.contact h5 { margin-bottom: 15px; }
	.contact p { margin: 0; font-size: 13px; padding: 7px 0; font-weight:400; color: #555;}
	.contact p i { font-size: 17px; margin-right: 10px; color: #eb7348; }

	
	
	
	/* Clients
	================================================== */
	.clients-wrap { background: url('../images/client-img2.jpg'); text-align: center; }
	.clients-wrap  .sub-h h5 { color: #fff; }
	.jcarousel-container { max-width: 100%; padding: 0; display: block; position: relative; }
	.jcarousel-clip { position: relative; overflow: hidden; width: 100%; }
	ul.jcarousel-list { overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; }
	ul.jcarousel-list li { float: left; list-style: none; }
	ul.jcarousel-list li img { max-width: 100%; }
	.jcarousel-item { display: block; }
	.jcarousel-next, .jcarousel-prev { background-color: transparent; width: 20px; border: 1px solid transparent; height: 20px; padding: 5px; border: 2px solid #9B0A4F; border-radius: 50%; position: absolute; right: 50%; opacity: 0.7; margin-right: -34px; top: 120px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	.jcarousel-prev { right: 50%; margin-right: 10px; }
	.jcarousel-next:after, .jcarousel-prev:after { position: absolute; top: 9px; right: 9px; font-family: 'icomoon'; font-size: 12px; color: #9B0A4F; content: "\e3b0"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
	.jcarousel-prev:after { content: "\e3b2"; right: 10px; }
	.jcarousel-next:hover, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:active { opacity: 1; }
	.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover { opacity: 0.3; background-color: transparent; cursor: auto; }
	.related-works .jcarousel-next, .related-works .jcarousel-prev { margin-right: 10px; }
	.related-works p { text-transform: uppercase; font-size: 12px; }
	ul.our-clients { display: block; padding-left: 3px; margin: 20px 0; height: 190px; vertical-align:middle; box-shadow: 0px 2px 4px -3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.1); }
	ul.our-clients li { float: left; display: inline; margin-left: 65px; text-align: center; vertical-align: middle; width: 168px; height: 90px; line-height:90px; }
	ul.our-clients li img { line-height: 90px; }
	ul.our-clients li:first-child { margin-left: 0; }
	ul.our-clients li:hover { /*background:#fdfdfd;*/
	}
	ul.our-clients:after { clear: both; }
	ul.our-clients img {  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); opacity: .6; }
	ul.our-clients img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); opacity: 1; }
	
	/*	jCarousel */
	
	.jcarousel-container { max-width: 100%; padding: 0; display: block; position: relative; }
	.jcarousel-clip { position: relative; overflow: hidden; width: 100%; }
	ul.jcarousel-list { overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; }
	ul.jcarousel-list li { float: left; list-style: none; }
	ul.jcarousel-list li img { max-width: 100%; }
	.jcarousel-item { display: block; }
	
	
	/* Footer
	================================================== */
	#footer { background: #222; text-align: center; }
	.footer-navi { color: #fff; padding: 45px 0; }
	.socialfollow { padding: 15px 0 50px; }
	.socialfollow i { display: inline-block; color: #fff; font-size: 22px; padding: 13px; background: #313131; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 5px; }
	.socialfollow i.icomoon-facebook:hover { background: #3b5996; }
	.socialfollow i.icomoon-twitter:hover { background: #00acee; }
	.socialfollow i.icomoon-vimeo:hover { background: #0dadd6; }
	.socialfollow i.icomoon-dribbble:hover { background: #d53e68; }
	.socialfollow i.icomoon-youtube:hover { background: #cb322c; }
	.socialfollow i.icomoon-pinterest-2:hover { background: #cb2027; }
	.socialfollow i.icomoon-google-plus-2:hover { background: #c3391c; }
	.socialfollow i.icomoon-linkedin:hover { background: #0073b2; }
	.socialfollow i.icomoon-rss:hover { background: #f29a1d; }

	
	
	
	
	
	/* #Misc
	================================================== */
	
	/* EXTRAS */
	
	.brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5; padding-right: 19px; }
	.brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5; padding-left: 19px; }
	.brdr-r2 { padding-right: 27px; }
	.brdr-l2 { padding-left: 27px; }
	.pad-r27 { padding-right: 27px; }
	.pad-l27 { padding-left: 27px; }
	.alignright { text-align: right; }
	img.alignright { float: right; }
	.alignleft { text-align: left; }
	img.alignleft { float: left; }
	.aligncenter { text-align: center; }
	.wp-caption { display: block; color: #444; }
	.wp-caption-text { font-size: 15px; }
	.sticky { color: #555; }
	.gallery-caption { display: inline; }
	.bypostauthor { font-size: 13px; }
	.moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; }
	.alignright { text-align: right; }
	img.alignright { float: right; }
	.alignleft { text-align: left; }
	img.alignleft { float: left; }
	.aligncenter { text-align: center; }
	.wp-caption { display: block; color: #444; }
	.wp-caption-text { font-size: 15px; }
	.sticky { color: #555; }
	.gallery-caption { display: inline; }
	.bypostauthor { font-size: 13px; }
	/* Scroll to top */
	#scroll-top a { width: 16px; height: 16px; padding: 6px 8px 9px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; }
	#scroll-top a i { font-size: 16px; color: #fff; }
	#scroll-top a:hover { background-color: #ffcc00; cursor: pointer; }
	
	
		/* #Column Shortcodes
	----------- */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 4%; float: left; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.one_fifth { width: 16.8%; }
	.two_fifth  { width: 37.6%; }
	.column-last { margin-right: 0 !important; clear: right; }
	
	
	.easyPieChart { position: relative; text-align: center; }
	.easyPieChart canvas { position: absolute; top: 0; left: 0; }
	.pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; }
	.pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;}
	.container .pie p { margin-bottom:0;}
	

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


	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.ctrl-pro a { padding: 4px 9px; margin: 5px 0px; }
	.portfolio article { width: 374px; height: 280px; }
	.blog article { width: 100%; }
	.plan-wrap { width: 100%; }
	.sub-h h5 { padding: 0; }
	.blog-content .post-img { margin-bottom: 20px; }
	.blog-expression { width: 100%; }
	.img-team { margin-top:40px }
	#main-content-pin .container { width: auto; }
	.blog-date-sec { width: auto; display:block; margin:0; text-align:left; background:#fdfdfd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 2px solid #e3e3e3; margin-bottom: 5px; }
	.blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 10px; line-height: 50px; }
	.blog-date-sec span { font-size: 20px; font-weight: 300; }
	.blog-date-sec h3 { font-size: 32px;}
	.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;}
	.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none;}
	
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.pad { padding-top: 8%; }
	.blog-line img { float: none; }
	#boxed-wrap { width: 828px; }
	#tline-content { width: 800px; }
	.tline-box { width: 335px; }
	#testimonials-slider li { width:750px;}	
	}
	
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#boxed-wrap { width: 460px; }
	.pin-box { width: 166px; width: 164px\9; }
	#tline-content { width: 460px; }
	.tline-box { width: 165px; }
	#testimonials-slider li { width:400px;}

	
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	#header { height: auto; position: relative; }
	#headline { margin-top:0;}
	.sticky { position: absolute; }
	.logo { text-align: center; float:none; margin-bottom:15px; width:100%; }
	#nav { display: none; }
	.portfolio article { width: 100%; height: 300px; }
	.blog article { width:auto; height:auto; float:none; }
	.plan-wrap article { width: 50%; }
	.twitter h3 { padding: 0; }
	.blog-post figure img { width: 100%; height: 100%; }
	.post-img { width:100%; float:none; clear:both; margin:0; margin-bottom:30px;}
	.post-img figure { width:auto; height:auto; float:none; clear:both;}
	.project-view .img-item-big img { border:none; margin-bottom:-14px;}
	.proj-title-x h2 { font-size:28px;}
	.ctrl-pro { padding:0 30px;}
	.icon-box1 { text-align:center;}
	.icon-box1 i { display:inline-block; float:none; margin:20px 0; }
	
	
	input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px; }
	.pin-box { width: 256px; }
	
	.tline-box .blog-date-sp { width: 80%; }
	.tline-box .blog-com-sp { width: 0; display: none; }
	.tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; }
	.tabs-left > .nav-tabs > li > a { border-right:0 none;}
	.tabs-left > .tab-content { border:0 none;}
	.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }
	
	.container hr { margin-left:0; margin-right:0;}
	.blog-post { border-bottom-width:3px;}
	.author-detail { margin: 20px 0; }
	
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	
	

	.date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; }
	.blog-line .blog-date-sec { height: auto; }
	.v-shadow-r, .v-shadow-l { min-height: inherit; background: none; }
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	.latest-f-blog, .qot-week { margin:0;}
	.callout { margin:10px 0px 20px; }
	.brdr-l1, brdr-r1 { padding:0; border:0 none; }
	.brdr-l1 { margin-top:30px;}
	.tab-content p, .tab-content li { font-size: 12px; }
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	#boxed-wrap { width: 340px; }
	.ctrl-pro { text-align: left; }
	.ctrl-pro a { border-color: #eee; }
	.pad { padding-top: 2%; }
	.post-img { margin-bottom: 20px; }
	.plan-wrap article { width: 100%; }
	.commentin { width: 92%; }	
	#tline-content { width: 300px; }
	.tline-box { width: 250px; }
	.tline-row-l, .tline-row-r { display: none }
	.tline-box.rgtline { float: left; left: 0; }
	#testimonials-slider li { width:280px;}
	.quote-slider .testimonial-content h4 q { font-size:19px;}
	}
	
	
	@media only screen and (min-width: 1200px) {	
	
	 #boxed-wrap { width:1180px;}
	 .white-space { height:110px;}
	  h4.subtitle { margin:39px 0 21px 0; }
	 #main-content-pin .container { padding:0 40px; }
	 .sidebar.leftside { background-position: 295px; padding-right:70px; }
	 .blog-date-sec h3 { font-size:36px;}
	
	 } 
	
	
	/* ---------------------