@font-face {
    font-family: 'BentonSans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.svg#BentonSans') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('fonts/BentonSans-Book.eot');
    src: url('fonts/BentonSans-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/BentonSans-Book.woff2') format('woff2'),
        url('fonts/BentonSans-Book.woff') format('woff'),
        url('fonts/BentonSans-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('fonts/BentonSans-Black.eot');
    src: url('fonts/BentonSans-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BentonSans-Black.woff2') format('woff2'),
        url('fonts/BentonSans-Black.woff') format('woff'),
        url('fonts/BentonSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('fonts/BentonSans-Thin.eot');
    src: url('fonts/BentonSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/BentonSans-Thin.woff2') format('woff2'),
        url('fonts/BentonSans-Thin.woff') format('woff'),
        url('fonts/BentonSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('fonts/BentonSans-ExtraLight.eot');
    src: url('fonts/BentonSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/BentonSans-ExtraLight.woff2') format('woff2'),
        url('fonts/BentonSans-ExtraLight.woff') format('woff'),
        url('fonts/BentonSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSans';
    src: url('fonts/BentonSans-Bold.eot');
    src: url('fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BentonSans-Bold.woff2') format('woff2'),
        url('fonts/BentonSans-Bold.woff') format('woff'),
        url('fonts/BentonSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.awards-text {color: #FFF; font-family: 'montserrat_bold'; text-transform: uppercase; letter-spacing: 1px; opacity: 0.6; margin-top: 10px;}
.awards-text:hover {opacity:1;}
.awards-text:hover, .awards-text {transition: all 0.4s ease;}

.work-full .main-nav.white .scroll-nav a {color: #333 !important;}
@media (min-width: 768px) {
	.work-vid {margin-top: 120px;}
}
.btn {outline: 0 !important;}
@media (max-width: 768px) {
	.work-vid {margin-top: 60px; width: 90% !important; height: 350px;}
	#testimonials:before {content: " "; width: 100%; height: 100%; background: rgba(151, 150, 151, 0.75); position: absolute; left: 0; top: 0; z-index: 1;}
	#testimonials .container {z-index: 2;}
	#mobile-spacer {display: none;}
	#mobile-title {font-size: 30px !important;}
	#contacts .section-heading-medium.showing {display: none !important;}
	#work-hero .work-descr {margin-top: -10px; padding-left: 10px; padding-right: 10px;}
	
	/* Testimonials page fix mobile */
	#testimonials .bx-viewport {min-width: 100%;}
	#test-text {min-width: 90%;font-size: 20px !important;letter-spacing: -0.02em !important;line-height: 1.5em !important;}
	#author {font-size: 15px !important; letter-spacing: 0.02em !important; line-height: 1.75em;}
	.tc-arrows {display: none !important;}
	
	
	#awwwards {min-width: 100%;}
	.work-full .mobile-nav {display: none !important;}
	.work-full {margin-top: -25px;}
	
	.work-item:hover .work-intro {top: 33% !important;}
}
.mobile-nav .fa.fa-bars {float: left; margin-left: 20px; margin-top: 20px;}
.header-logo img {width: 100%: height: auto;}
.header-logo {max-width: 50px; float: right; margin-right: 20px; }
.mobile-nav {line-height: 70px !important;}
.inner-nav.desktop-nav.js-opened li {text-align: left;}
.page-section, .sticky-wrapper {box-shadow: none !important; outline: 0 !important;}
.team-description p {font-family: 'BentonSans'; font-weight: 200; letter-spacing: 0; font-size: 20px; line-height: 1.5em;}
#work-hero p {font-family: 'BentonSans'; font-weight: 200;}
/* SCROLLBAR */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
body::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
	
}
body::-webkit-scrollbar-thumb
{
	background-color: #000000;
	min-height: 200px;
}
body::-webkit-scrollbar-thumb:hover {background-color: #eacc42 !important;}
/* END SCROLLBAR */
.work-loader {display: none;}
.team-close-link i {line-height: 35px; margin-left: -3px;}
.team-cv .fa-times:before {margin-left: 3px !important;}
.vtext-left,.vtext-right {font-family: 'montserrat_bold'; text-transform: uppercase; letter-spacing: 3px; font-weight: 100; font-size: 11px; position: absolute; z-index: 9; color: #FFF;}
.vtext-left {left: -20px; top: 50vh; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.vtext-right {right: -20px; top: 50vh; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
@media all and (min-width: 768px) {
#slides {display: block;}
.slider-fittext {display: none;}
/* #awwwards {margin-left: unset !important; margin-right: unset !important; right: unset !important; left: 5px !important;} */
.award-img {max-width: 35px !important;}
}
@media all and (max-width: 768px) {
.vtext-left,.vtext-right {display: none;}
#awwwards {display: block !important; top: unset !important; bottom: 30px;}	
#awwwards:before {content: " "; background: transparent; width: 100%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0;}
#slides {display: none;}
.slider-fittext {display: block !important;}
}
	
/* Awards */
#awwwards {
    left: 0;
	right:0;
	margin-left: auto;
	margin-right: auto;
    position: absolute;
	top: 15px;
	width: 215px;
	text-align: center;
    z-index: 999;
	transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
}
#awwwards:hover .award-text {opacity: 1;}
.award-text {margin-top: 15px;}
.award-img {margin: 2px;}
.award-img, .award-img:hover, #awwwards:hover .award-text, #awwwards .award-text {transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.award-img, #awwwards .award-text {opacity: 0.8;}
.award-img:hover {opacity: 1;}
.award-overlay {position: absolute; z-index: -998; width: 100%; height: 100%; left: 0; top: 0; opacity:0;}
.show-award {opacity: 1 !important; z-index: 998 !important;}
.award-overlay.show-award, .award-overlay {transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
#award-overlay-1 {background-color: #21b8a3; background-image: url('../awards/awwwards.png'); background-size: auto; background-position: center center; background-repeat: no-repeat;}
#award-overlay-2 {background: #fd6ca3; background-image: url('../awards/opl.png'); background-size: auto; background-position: center center; background-repeat: no-repeat;}
#award-overlay-3 {background: #20d3de; background-image: url('../awards/csswinner.png'); background-size: auto; background-position: center center; background-repeat: no-repeat;}
#award-overlay-4 {background: #f2a514; background-image: url('../awards/webdesigner.png'); background-size: auto; background-position: center center; background-repeat: no-repeat;}
#award-overlay-5 {background: #0099d1; background-image: url('../awards/designrush.png'); background-size: auto; background-position: center center; background-repeat: no-repeat;}
/* end awards */
/* NEW HOMEPAGE 10-19-2017 */
.slides-navigation {position: absolute;top: 0;left: 0;z-index: 9;width: 100%;right:  0;height:  100%;z-index: 99;margin-left:  auto;margin:  auto;}
.slides-navigation .next {outline: 0;width: 50%;height: 100%;background: transparent;opacity: 1;top: 0;font-size: 0;right: 0;position:  absolute; cursor: url(right.png), auto !important;}
.slides-navigation .prev {left: 0;outline: 0;top: 0;opacity: 1;width: 50%;background: transparent;height: 100%;position: absolute;font-size: 0; cursor: url(left.png), auto !important;}
/*
.slides-navigation {position: absolute; top: 4%; right: 1%;  z-index: 9; width: 80px;}
.slides-navigation .next {outline: 0; opacity: 0.4; image-rendering: -webkit-optimize-contrast; float: right; width: 25px; height: 47px; font-size: 0; background-image: url('../images/next.png'); background-size: 70%; background-repeat: no-repeat;}
.slides-navigation .prev {outline: 0;  opacity: 0.4; image-rendering: -webkit-optimize-contrast; float: left; width: 25px; height: 47px; font-size: 0; background-image: url('../images/prev.png'); background-size: 70%; background-repeat: no-repeat;}
*/
.slides-pagination {display: none;}
.slides-navigation .next, .slides-navigation .prev, .slides-navigation .next:hover, .slides-navigation .prev:hover {transition:  all 0.4s ease; -webkit-transition:  all 0.4s ease;}
.slides-navigation .next:hover, .slides-navigation .prev:hover {opacity: 1;}
.clever-tagline {position: absolute; z-index: 10; width: 100%; text-align: center; top: 39%; color: #FFF;}
@media all and (max-width: 768px) { .clever-tagline h1 {font-size: 38px; line-height: 1.2em;} }
@media all and (min-width: 769px) {	.clever-tagline h1 {font-size: 38px; line-height: 1.4em;} }
@media all and (min-width: 1300px) { .clever-tagline h1 {font-size: 44px; line-height: 1.5em;} }
@media all and (min-width: 1400px) { .clever-tagline h1 {font-size: 48px; line-height: 1.5em;} }
@media all and (min-width: 1500px) { .clever-tagline h1 {font-size: 50px; line-height: 1.5em;} }
@media all and (min-width: 1750px) { .clever-tagline h1 {font-size: 52px; line-height: 1.5em;} }
@media all and (min-width: 1900px) { .clever-tagline h1 {font-size: 56px; line-height: 1.5em;} }
.clever-tagline h1 {text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0px;}
.clever-tagline h2 {font-size: 20px;}
/* END NEW HOMEPAGE 10-19-2017 */
nav.main-nav.white a {color: #fff !important;}
.navy {
    position: absolute;
    z-index: -99;
	opacity: 0;
}
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.left{float:left;}
.right{float:right;}
.relative{position:relative;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.stick-fixed{
	position: fixed !important;
	top: 0;
	left: 0;
}
::-moz-selection{ color: #fff; background:#f8dc5d; }
::selection{ color: #fff;	background:#f8dc5d; }
::-webkit-selection{ color: #fff;	background:#f8dc5d; }
.animate, .animate *{
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.no-animate, .no-animate *{
	-webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
	 -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.clearlist,
.clearlist li{
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}
.full-wrapper{
	margin: 0 2%;
}
#process-d, #services-d {display: none;}
#process-m, #services-m {display: none;}
	
.hiding {display: none !important;}
.showing {display: block !important;}
.margin-top{
	margin-bottom: 70px;
}
.margin-bot{
	margin-bottom: 70px;
}
.margin-top-null{
	margin-top: 0 !important;
}
.margin-bot-null{
	margin-bottom: 0 !important;
}
.padding-top-null{
	padding-top: 0 !important;
}
.padding-bot-null{
	padding-bottom: 0 !important;
}
html, body{
	height: 100%;
	
	-webkit-font-smoothing: antialiased;
}
nav.main-nave.gray a {color: #333 !important; }
nav.main-nave.white a {color: #FFF !important;}
/*
body{
	overflow: hidden;
}
.no-js body{
	overflow: visible;
}
*/
body{
	overflow-y: scroll;
	overflow-x: hidden;
}
.page{
	overflow: hidden;
}
a, b, div, ul, li{
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-tap-highlight-color: transparent; 
	-moz-outline-: none;
}
a:focus,
a:active{
	-moz-outline: none;
	outline: none;
}
img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}
/* Page loader */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 10000;	
}
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 10000;	
}
.page-loader b{
  	content: "";
  	display: block;
	width: 99px;
	height: 98px;
	background: #fff url(../images/page-loader.gif) no-repeat center center;
	margin: -30px 0 0 -50px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.no-js .page-loader{
	/*display: none;*/
}
/* ==============================
   Typography
   ============================== */
body{
	color: #333333;
	font-size: 14px;
	font-family: 'montserrat_bold', arial, sans-serif;
	line-height: 1.6;	
	-webkit-font-smoothing: antialiased;
}
a{
	color: #333333;
	text-decoration: none;
	transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; 
}
a:hover{
	color: #ccc;
	transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; 
}
a:hover{
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'montserrat_bold', arial, sans-serif;
	line-height: 1.4;
}
h1{
	font-size: 32px;
}
h2{
	font-size: 28px;
}
.uppercase{
	text-transform: uppercase;
	letter-spacing: 1px;
}
.color{
	color: #e54028;
}
.serif{
	font-family: Lora, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
}
p{
	margin: 0 0 1.3em 0;
}
.text{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #777;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{
	color: #212121;
}
blockquote{
	margin: 1em 0 1.5em 0;
	border-width: 1px;
	border-color: #e54028;
	background: #fafafa;
	text-align: left;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #777;
}
blockquote p{
	margin-bottom: 0.5em;
	font-size: 15px;
	font-style: italic;
	color: #212121;	
	letter-spacing: 1px;
	line-height: 1.6;
}
blockquote footer{
	font-size: 12px;
}
dl dt{
	margin-bottom: 5px;
}
dl dd{
	margin-bottom: 15px;
}
pre{
	background-color: #f9f9f9;
	border-color: #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* ==============================
   Buttons
   ============================== */
  
.btn-spacia,
a.btn-spacia{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  	 background: none repeat scroll 0 0 #FFF;
    border: medium none;
    border-radius: 5px;
    color: #696969;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
}
.btn-spacia:hover,
.btn-spacia:focus{
	  background: #eee;
	  border: medium none;
	  transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
 
}
.btn-spacia:active{
	cursor: pointer !important;
}
.btn-spacia.btn-small{
  	padding: 5px 10px;
	font-size: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.btn-spacia.btn-medium{
    font-size: 21px;
    letter-spacing: 3px;
    padding: 16px 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.btn-spacia.btn-large{
  	 padding-bottom: 13px;
    padding-top: 13px;
	padding-left: 20px;
	padding-right:20px;
	font-size: 12px;
} 
.btn-spacia.btn-glass{
  	color: rgba(255,255,255, .75);
  	background: rgba(0,0,0, .40);
}
.btn-spacia.btn-glass:hover,
.btn-spacia.btn-glass:focus{
  	color: rgba(255,255,255, 1);
  	background: rgba(0,0,0, 1);
}
.btn-spacia.btn-border{
  	color: #333333;
	border: 2px solid #333333;
  	background: transparent;
}
.btn-spacia.btn-border:hover,
.btn-spacia.btn-border:focus{
  	color: #fff;
	border-color: transparent;
  	background: #333333;
}
.btn-spacia.btn-border-c{
  	color: #e54028;
	border: 2px solid #e54028;
  	background: transparent;
}
.btn-spacia.btn-border-c:hover,
.btn-spacia.btn-border-c:focus{
  	color: #fff;
	border-color: transparent;
  	background: #e54028;
}
.btn-spacia.btn-border-w{
  	color: #fff;
	border: 2px solid rgba(255,255,255, .75);
  	background: transparent;
}
.btn-spacia.btn-border-w:hover,
.btn-spacia.btn-border-w:focus{
  	color: #f6e98f;
	border-color: transparent;
  	background: #fff;
}
.btn-spacia.btn-w{
  	color: #333333;
  	background: #fff;
	cursor: pointer;
}
.btn-spacia.btn-w:hover,
.btn-spacia.btn-w:focus{
  	color: #333333;
  	background: #fff;
	cursor: pointer;
}
.btn-spacia.btn-w-color{
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 4px solid #FFF;
    color: #FFFFFF;
	cursor: pointer;
	border-radius: 0;
}
.btn-spacia.btn-w-color:hover,
.btn-spacia.btn-w-color:focus{
	color: #333333;
  	background: #fff;
}
.btn-spacia.btn-color{
  	color: #fff;
  	background: rgba(229,64,40, 1);
}
.btn-spacia.btn-color:hover,
.btn-spacia.btn-color:focus{
  	color: #fff;
  	background: rgba(229,64,40, .9);
}
.btn-full{
	width: 100%;
}
/* ==============================
   Forms fields
   ============================== */
   .section-text strong {font-weight: bold; font-family: 'BentonSans'; letter-spacing: -0.03em;}
.form input[type="text"],
.form input[type="email"],
.form input[type="phone"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form select, #captcha {
	background: #fff;
	width:100%;
	height: 60px;
	font-size: 16px;
	font-weight: 400;
	color: #696969;
	border: medium none;
	padding:5px 5px 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	font-family: 'BentonSans';
	transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
	
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="phone"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form select:hover, #captcha:hover {
	border: medium none;
	
	background: #eee;
	outline: none;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="phone"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form select:focus, #captcha:focus {
	color: #696969;
	outline: none;
	border: medium none;
	
}
.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="phone"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form select.input-lg{
	height: 48px;
	border: medium none;
	outline: none;
}
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="phone"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form select.input-sm{
	height: 28px;
	width:100%;	
	outline: none;
	border: medium none;
}
.form textarea{
	font-size: 16px;
	background: #fff;
	font-weight: 400;
	color: #696969;
	padding:10px 5px 0px 10px;
	border: medium none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;	
	font-family: 'BentonSans';
	outline: none;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.form textarea:hover{
	border: medium none;
	width:100%;
	background: #eee;
	outline: none;
transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
}
.form textarea:focus{
	border: medium none;
	outline: none;
}
.form .small-section-heading{
	margin-bottom: 30px;
}
.form .form-group{
	margin-bottom: 10px;
}
.form-success {
 background: none repeat scroll 0 0 rgba(240, 211, 82, 0.4);
    border: 12px solid #FFFFFF;
    border-radius: 3px;
    color: #FFFFFF;
    display: none;
    font-size: 50px;
    font-weight: normal;
    margin: 0 auto 10px;
    max-width: 60%;
	text-align:center;
    padding: 27px 50px 40px;
    text-transform: uppercase;
}
.form-success h1 {
     font-size: 70px;
    font-weight: normal;
    letter-spacing: 4px;
    margin-top: 0;
}
.form-success h2 {
  font-size: 19px;
    font-weight: normal;
    margin-top: -28px;
    padding-top: 0;
}
.main-nav.mobile-on .clearlist.scroll-nav { padding-left: 0 !important; width: 100% !important;}
.mobile-on .desktop-nav ul > li > a, .mobile-on .desktop-nav ul  {padding-left: 0px !important; margin: 0px !important;}
/* ==============================
   Home section
   ============================== */
  
/*
 * Header style
 */
.home-section{
	display: block;
	width: 100%;
	margin-bottom: 100px;
}
.image-bg{
  background-attachment: fixed;
    background-color: #222222;
    background-position: center left;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    width: 100%;
    background-size: cover;
}
.slide-item-1 {background-image: url("../images/full-width-images/home-image-1.jpg"); }
.slide-item-2 {background-image: url("../images/full-width-images/home-image-2.jpg"); }
.slide-item-3 {background-image: url("../images/full-width-images/home-image-3.jpg"); }
.slide-item-4 {background-image: url("../images/full-width-images/home-image-4.jpg"); }
.image-color-bg{
  background-color: #E54028;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    width: 100%;
}
.bg-scroll{
	background-attachment: scroll;
}
.home-content{
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
/* Home content */
.home-content{
	position: relative;
}
.home-text{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	color: #fff;
}
.headings{
	font-size: 60px;
	font-weight: normal;
	text-transform: uppercase;
	/* text-shadow: 0 1px 0 rgba(0,0,0, .35); */
	color: #fff;
}
.headings li,
.headings h1{
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	letter-spacing:2px;
	
}
.home-description{
	margin-top: 0;
	font-family: Lora, Arial, Sans-serif;
	font-size: 20px;
	font-weight: 100;
	font-style: italic;
	color: #fff;
}
.home-description.large{
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 1em;
}
.home-call-action{
	padding-top: 50px;
	padding-bottom: 10px;
}
/* Image Slider */ 
.slider-fittext{
	font-size: 20px;
}
.home-image-slider{
	font-size: 1em;
}
.home-image-slider .headings{
   font-size: 3.5em !important;
    margin-top: 10px;
}
.home-image-slider .home-description{
	font-size: 1.15em !important;
	opacity: 0.8;
}
.home-content.container {
    margin-top: -50px;
}
.home-image-slider .home-description.large{
	font-size: 1.55em !important;
	font-weight: 400;
	margin-bottom: 1em;
}
.home-image-slider,
.home-image-slider li{
	margin: 0;
	padding: 0;
}
/* Logo (in header)*/
.logo-wrap{
	width: 100%;
	position: absolute;
	top: 6%;
	left: 0;
	text-align: center;
	z-index: 99;
}
.logo{
	display: inline-block;
	position: relative;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
a.logo:hover{
	color: #fff;
	text-decoration: none;
}
.logo:before,
.logo:after{
	content: " ";
	display: block;
	width: 32px;
	height: 2px;
	position: absolute;
	top: 50%;
	opacity: 0;
	margin-top: -1px;
	background: #fff;
	background: rgba(255,255,255, .75);
}
.logo:before{
	left: -42px;
}
.logo:after{
	right: -42px;
}
/* Logo (in navigation panel)*/
.nav-logo-wrap{
	float: left;
	margin-right: 20px;
}
.nav-logo-wrap .logo{
	display: table-cell;
	vertical-align: middle;
	max-width: 100px;
	max-height: 100%;
}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after{
	display: none;
}
.logo.dark,
a.logo.dark:hover{
	color: #333333;
}
/* ==============================
   Main menu
   ============================== */
/*
 * Desktop nav
 */
 
@media screen and (min-width: 768px) {
.sticky-wrapper {
    margin-top: -160px;
}
}
@media screen and (min-width: 1025px) {
.sticky-wrapper {
    margin-top: -160px;
}
}
@media screen and (min-width: 1920px) {
.sticky-wrapper {
    margin-top: -160px;
}
}
.sticky-wrapper a {
	color: #FFF; 
}
.sticky-wrapper.is-sticky a {
	color: #333; 
}
.sticky-wrapper.is-sticky .main-nav {
 		 left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
}
.main-nav {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    margin: -20px auto 0;
    padding-top: 0px;
    position: relative;
    text-align: center;
    top: -95px;
    width: 100%;
    z-index: 99;
	 transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
.main-nav li {opacity: 0.5; transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;}
.main-nav li:hover {opacity: 1;transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;}
	.inner-nav li {opacity: 1;
	transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;}
	
	.inner-nav li:hover {
		opacity: 0.5;
		transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;}
	
@media screen and (min-width: 768px) {
.main-nav:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.);
    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
}
@media screen and (min-width: 1025px) {
.main-nav:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
}
@media screen and (min-width: 1920px) {
.main-nav:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
}
.inner-nav{
	display: inline-block;
	position: relative;
}
.sticky-wrapper.is-sticky .main-nav {
	  transition: all 1.4s ease 0s;
	    -o-transition: all 1.4s ease 0s;
        -moz-transition:  all 1.4s ease 0s;
        -webkit-transition: all 1.4s ease 0s;
}
.sticky-wrapper.is-sticky .main-nav:hover {
    background: none repeat scroll 0 0 rgba (0,0,0,0.7);
	  transition: all 0.5s ease 0s;
	    -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
}
/* Make menu items white when top nav bar becomes black */
.main-nav:hover .clearlist.scroll-nav a { color: #fff !important; }
.sticky-wrapper.is-sticky .main-nav:hover .clearlist.scroll-nav > li a {
    color: #FFFFFF ;
	  transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
}
.inner-nav ul{  
	float: left;
	margin: auto;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
}
.inner-nav ul > li{
	float: left;
	width: 120px;
}
.inner-nav ul > li > a{
	color: #FFF;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
}
.inner-nav ul > li > a.active{
	/* opacity: 0.6; */
	text-decoration: none;
}
.nav-menu ul > li > a:hover {
	opacity: 1;
	text-decoration: none;
	    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
.inner-nav.desktop-nav li a:hover {
	opacity: 1 !important;
    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;}
.sticky-wrapper.is-sticky a:hover {
    opacity: 0.5;
	    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
.inner-nav ul > li > a{
	height: 55px;
	letter-spacing: 0px;
	line-height: 55px;
	    transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
@media (min-width: 768px) {
	.inner-nav ul > li > a { font-size: 12px; }
}
@media (min-width: 1450px) {
	.inner-nav ul > li > a { font-size: 13px; }
}
@media (min-width: 1700px) {
	.inner-nav ul > li > a { font-size: 14px; }
}
/*  DROPDOWN MENU  */
@media screen and (min-width: 768px) {
	.clearlist.scroll-nav ul { top: 86px; }
	.inner-nav ul{ 	font-size: 14px; }
}
@media screen and (min-width: 1400px) {
	.clearlist.scroll-nav ul { top: 86px; }
	.inner-nav ul{ 	font-size: 14px; }
	.page-section #benefits {
    margin: 0 auto;
    width: 80%;
}
}
@media screen and (min-width: 1920px) {
	.clearlist.scroll-nav ul { top: 96px; }
	.inner-nav ul{ 	font-size: 15px; }
}
.clearlist.scroll-nav ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: -6px;
    line-height: 1.1em;
    margin: 0;
    position: absolute;
    opacity: 0;
	transition: all 0.4s ease 0.3s;
	-webkit-transition: all 0.4s ease 0.3s;
	-o-transition: all 0.4s ease 0.3s;
	-moz-transition: all 0.4s ease 0.3s;
}
.clearlist.scroll-nav #drop:hover ul {
    opacity: 1;
	transition: all 0.4s ease 0.3s;
	-webkit-transition: all 0.4s ease 0.3s;
	-o-transition: all 0.4s ease 0.3s;
	-moz-transition: all 0.4s ease 0.3s;
}
.clearlist.scroll-nav ul li {
    float: none;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0;
    padding: 0;
    text-align: left;
}
.clearlist.scroll-nav ul li a {
    height: 16px !important;
    line-height: 16px !important;
    font-weight: 100 !important;
    font-size: 11px;
    letter-spacing: 1px;
}
#highlight {
    font-family: 'BentonSans';
    font-weight: 700;
}
	#test-text {
			color: #FFFFFF;
			font-family: 'BentonSans';
			font-weight: 200;
			margin-left: 6%;
			letter-spacing: -1px;
			text-align: left;
			}
.page-section #benefits {
    margin: 0 auto;
    width: 80%;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.mobile-on .mobile-nav {min-height: 85px;}
.award-img, #awwwards .award-text {opacity: 1 !important;}
.award-text {margin-top: 5px !important;}
.mobile-nav .fa.fa-bars {margin-top: 27px !important;}
.header-logo {margin-top: 7px;}
.mobile-on .desktop-nav ul {top: -1px !important;}
	
	.home-text h1 { font-size: 52px !important; }
	.home-image-slider .headings {margin-top: -30px !important;}
.image-bg{ 	background-position: center top !important;background-size: contain !important; background-image: url("../images/full-width-images/home-image-1-land.jpg") !important;}
	.works-grid li {width: 25% !important;}
	#process-d, #services-d {display: block !important;}
	#process-m, #services-m {display: none !important;}
	#about-us .section-text  {font-size: 34px !important;}
	.teamwrap.go-fade-in .section-text {font-size: 34px !important;}
	#about-us { margin-top: 100px !important; padding-bottom: 30px !important; }
	
	#team { padding-bottom: 70px !important;}
	
	
	#testimonials {background: url("../images/wow-ipad.jpg") !important; background-size: auto !important; }
	#testimonials .section-heading-medium { text-align: left; padding-left: 89px; margin-top: 30px;}
	#test-text {   font-size: 26px !important;   line-height: 1.4em !important;   margin-top: 6% !important;   width: 400px !important;  text-align: left !important;padding-bottom: 50px !important; padding-left: 11px !important; height: 500px !important;}
	.tc-slider.twitter-slider > li { overflow: hidden; width: 400px !important; height: 500px; }
	#testimonials .bx-wrapper {width: 600px !important; margin: 0 !important; height: 500px !important;}
	#mobile-spacer {display: none;}
		#testimonials.page-section {height: 710px !important; background-position: 0px -50px !important; padding-left: 5px !important; padding-top: 70px !important;}
		
		
		.section-heading-medium, .section-heading-medium-center {font-size: 35px !important;}
#services .section-heading-medium-center {
   background: url("../images/d4.jpg") repeat;
    color: #333333 !important;
    opacity: 1 !important;
    padding-top: 85px;
	z-index: 11;
}
#works .section-heading-medium {padding-top: 60px;}
.section-heading-medium, .section-heading-medium-center { display: block !important; }
#process .section-heading-medium-center {
   background: url("../images/d4.jpg") repeat;
    color: #333333;
    padding-top: 85px;z-index: 11;
}
		.service-full {  padding: 0px !important;  }
		.service-item { height:900px !important; }
		.service-item-inner { height:100% !important; padding: 0 !important;}
		.service-title{font-size:70px !important; }
		.service-grid{ height: 900px !important; }
		.service-icon {font-size: 40px !important; }
		#process.page-section {  height: 710px; }
		.process-section {  height: 710px; padding-top: 0px !important; }
		.process-section .service-item { height: 710px !important; }
		
		.process-section .service-title { font-size: 24px !important; }
		#process-text {  font-size: 22px !important; padding-bottom: 30px !important; padding-top: 10px !important; font-family: 'BentonSans' !important; line-height: 1.4em !important;}
		
	 .work-navigation.clearfix {top: -30px !important;}
#works.page-section {padding-top: 0px;}
.work-full-title {top:120px !important;}
.work-descr {top: 180px !important; }
#work-item .text {
    font-size: 18px !important; 
	font-weight: 100;
    top: 230px !important; 
    width: 80% !important; 
	line-height: 1.5em !important; 
}	
.work-full-text h6 {font-size: 17px !important;}
		.work-full-text .text {  font-size: 16px !important; }
		.work-full-load {padding-bottom: 0px !important;  padding-top: 41px !important;}
		#work-hero {  height: 700px;  margin-top: 30px !important;}
		#hero-overlay1, #hero-overlay2 { height: 700px; }
	
		#imac {  padding-bottom: 140px !important; }
		#imac-overlay {  padding-top: 93px !important;  width: 80% !important; }
		#imac-screen { padding-top: 101px !important;  width: 78% !important; }
		#ipad img { width: 80% !important; }
		.page-section.contacts {    padding-top: 170px !important; padding-bottom: 0px !important;}
		
		
		
		
		
		#qqq {
    font-size: 200px !important;
    height: 190px !important;
    letter-spacing: -23px !important;
    margin-left: -94px !important;
    margin-top: -70px !important;
    opacity: 0.13 !important;
    position: absolute !important;
    transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	
    width: 150px !important;
}
#contacts {padding-top: 100px !important;}
#contacts .section-heading {font-size: 50px !important;}
.contact-text { font-size: 16px; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	
	.home-text h1 {font-size: 40px !important;}
	.benefit-item.go-fade-in.span4 {float:left !important; clear: none !important; width: 33% !important;}
	
	.image-bg{ 	background-position: center top !important;background-size: contain !important; background-image: url("../images/full-width-images/hero-m.jpg") !important;}
	
	#process {background-image: url("../images/process-bg.jpg") !important;}
		#process-d, #services-d {display: block !important;}
	#process-m, #services-m {display: none !important;}
	#work-hero {  height: 750px;  margin-top: 30px !important;}
		#hero-overlay1, #hero-overlay2 { height: 750px; }
		
		#about-us .section-text {font-size: 38px !important; padding-top: 20px !important; padding-bottom: 30px !important;}
		#team .section-text {font-size: 38px !important;}
		.team-description {font-size: 18px;}
		.benefit-title {font-size: 20px !important;}
		#featured { padding-bottom: 40px !important;  }
		
#imac {  padding-bottom: 80px !important; }
		#imac-overlay {  padding-top: 53px !important;  width: 80% !important; }
		#imac-screen { padding-top: 61px !important;  width: 78% !important; }
		#ipad img { width: 80% !important; }
#process-d, #services-d {display: block !important;}
	#process-m, #services-m {display: none !important;}
	
	#about-us { margin-top: 140px !important; ; padding-bottom: 80px !important; }
	
	#team { padding-bottom: 70px !important;}
	
	.tc-slider.twitter-slider > li { width: 500px !important; height: 500px !important; }
	#testimonials .bx-wrapper {width: 370px !important; margin: 0 !important;}
	#testimonials {background: url("../images/wow-ipad.jpg") !important; background-size: auto !important; }
	#testimonials .section-heading-medium { text-align: left; padding-left: 50px; font-size: 40px !important;}
	#test-text {   font-size: 26px !important;   line-height: 1.4em !important;   margin-top: 1.5% !important; width: 100% !important;  text-align: left !important;padding-bottom: 50px !important; padding-left: 50px !important; }
	#mobile-spacer {display: none;}
		#testimonials.page-section {height: 1000px !important; background-position: -140px bottom !important; padding-left: 5px !important; padding-top: 50px !important;}
		
		
		.section-heading-medium, .section-heading-medium-center {font-size: 55px !important;}
#services .section-heading-medium-center {
   background: url("../images/d4.jpg") repeat;
    color: #333333 !important;
    opacity: 1 !important;
    padding-top: 85px;
	z-index: 11;
}
.section-heading-medium, .section-heading-medium-center { display: block !important; }
#process .section-heading-medium-center {
   background: url("../images/d4.jpg") repeat;
    color: #333333;
    padding-top: 85px;z-index: 11;
}
		.service-full {  padding: 0px !important;  }
		.service-item { height:1000px !important; }
		.service-item-inner { height:100% !important; padding: 0 !important;}
		.service-title{font-size:70px !important; }
		.service-grid{ height: 1000px !important; }
		.service-icon {font-size: 40px !important; }
		#process.page-section {  height: 1000px; }
		.process-section {  height: 1000px; padding-top: 0px !important; }
		.process-section .service-item { height: 1000px !important; }
		
		.process-section .service-title { font-size: 24px !important; }
		#process-text {  font-size: 22px !important; padding-bottom: 30px !important; padding-top: 10px !important; font-family: 'BentonSans' !important; line-height: 1.4em !important;}
		
	 .work-navigation.clearfix {top: -30px !important;}
#works.page-section {padding-top: 0px !important;}
.work-full-title {top:120px !important;}
.work-descr {top: 180px !important; }
#work-item .text {
    font-size: 18px !important; 
	font-weight: 100;
    top: 230px !important; 
    width: 80% !important; 
	line-height: 1.5em !important; 
}	
.work-full-text h6 {font-size: 17px !important;}
		.work-full-text .text {  font-size: 16px !important; }
		.work-full-load {padding-bottom: 0px !important;  padding-top: 41px !important;}
		#work-hero {  height: 700px;  margin-top: 30px !important;}
		#hero-overlay1, #hero-overlay2 { height: 700px; }
	
		#imac {  padding-bottom: 140px !important; }
		#imac-overlay {  padding-top: 93px !important;  width: 80% !important; }
		#imac-screen { padding-top: 101px !important;  width: 78% !important; }
		#ipad img { width: 80% !important; }
		.page-section.contacts {    padding-top: 170px !important; padding-bottom: 0px !important;}
		
		
		
		
		
		#qqq {
    font-size: 200px !important;
    height: 190px !important;
    letter-spacing: -23px !important;
    margin-left: -74px !important;
    margin-top: -70px !important;
    opacity: 0.13 !important;
    position: absolute !important;
    transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	
    width: 150px !important;
}
#contacts {padding-top: 100px !important;}
#contacts .section-heading {font-size: 50px !important;}
.contact-text { font-size: 16px; }
}

	
		
@media all and (min-width:1025px) {
	
	.section-heading-medium, .section-heading-medium-center { display: none !important; }
	
.work-full .main-nav {
	background: rgba(255,255,255,0.9) !important;
}
 .fa-times:before { margin-left: -1px !important; margin-top: 3px !important; }
		.main-nav{ height: 156px; }
		#test-text {   font-size: 25px;   line-height: 1.4em;   margin-top: 14%;   width: 600px; letter-spacing: 0px;}
		#testimonials {background: url("../images/wow.jpg"); background-size: cover; min-height: 710px; background-position: right top;}
		.tc-arrows{ margin-left: 6%; text-align: left;}
		#about-us {padding-top: 180px;  padding-bottom: 0px;}
		#about-us .section-text {width: 85%; margin: 0 auto; font-size: 24px;}
		.page-section { padding: 59px 0; }
		#featured { margin-top: 30px; }
		.page-section #benefits { margin-top: 20px; padding-bottom: 120px; padding-top: 50px; }  
		.section-text{ font-size: 31px; padding-bottom: 30px;  padding-left: 80px;  padding-right: 80px; } 
		.accordion > dt > a{  font-size: 27px; padding: 3px 20px; }
		.service-full {  padding: 0px;  }
		.service-item{ height:750px; }
		.service-title{font-size:60px; }
		.service-item-inner { padding-top: 10px;}
		.service-grid{ height: 750px; }
		
		.accordion > dd {font-size: 14px; }
		#team { background-image: url(../images/team-bg.jpg);  background-size: cover; background-position: center center; }
		.team-section{ height: 750px; 	padding-top: 180px;}
		.process-section {  height: 750px !important; padding-top: 0px;  }
		.process-section .service-title { font-size: 24px; }
		#process-text {  font-size:18px; padding-bottom: 40px; padding-top: 10px; }
		.service-wrap { padding-bottom: 70px;padding-top: 20px; }
		.dark-bg .section-text {font-size: 30px; padding-bottom: 100px; padding-left: 20px; padding-right: 20px; line-height: 1.6em;}
		.work-full-text h6 {font-size: 17px;}
		.work-full-text .text {  font-size: 22px; }
		.work-full-load {padding-bottom: 0px;  padding-top: 84px;}
		.team-item {  width: 150px; }
		.team-section {   background-position: left -30px;   background-size: cover;}
		.team-name { font-size:  15px; }
		.team-opened  { padding-top: 30px;max-width: 50%; }
		.team-description { font-size: 15px; }
		.teamwrap { width: 75%;}
		.works-grid { 	margin:95px 0 0px; }
		.page-section.contacts {    padding-top: 180px; padding-bottom: 0px;}
		#contacts .section-text { margin: 0 auto; width: 60%;padding-top: 30px;}
				.contact-text {font-size: 16px; }
		
	#work-item .text { font-size: 17px; width: 60%; top: 270px; font-weight: 400;}
	#work-hero {  height: 520px;  }
	#hero-overlay1, #hero-overlay2 { height: 520px; }
	.work-full-title {font-size: 50px; margin-bottom: 30px;}
	.work-full .main-nav:hover {background: rgba(0,0,0,0.85) !important;}	
		}
@media screen and (min-width: 1600px) {
	
.work-full .main-nav {
	background: rgba(255,255,255,0.9) !important;
}
		.main-nav{ height: 156px; }
		#test-text { font-size: 30px; line-height: 1.5em; width: 600px; margin-top: 14%;}
		#testimonials {background: url("../images/wow.jpg"); background-size: cover; min-height: 710px; background-position: right top;}
		.tc-arrows{ margin-left: 6%;text-align: left; }
		#about-us {padding-top: 180px;  padding-bottom: 0px;}
		#about-us .section-text {width: 85%; margin: 0 auto;}
		
		.page-section { padding: 59px 0; }
		#featured { margin-top: 30px; }
		.page-section #benefits { margin-top: 40px; padding-bottom: 120px; padding-top: 50px; }  
		.section-text{ font-size: 31px; padding-bottom: 30px;  padding-left: 80px;  padding-right:80px; } 
		.accordion > dt > a{  font-size: 27px; padding: 0px 20px; }
		.service-full {  padding: 0px;  }
		.service-item{ height:750px; }
		.service-title{font-size:100px; }
		.service-item-inner { padding-top: 70px;}
		.service-grid{ height: 750px; }
	
		.accordion > dd {font-size: 18px;}
		.team-section{ height: 750px; 	padding-top: 180px;}
		.process-section {  height: 750px; padding-top: 0px; }
		.process-section .service-title { font-size: 30px; }
		#process-text {  font-size: 18px; padding-bottom: 40px; padding-top: 10px; }
		.service-wrap { padding-bottom: 70px;padding-top: 20px; }
		.dark-bg .section-text {font-size: 33px; padding-bottom: 105px; padding-left: 140px;  padding-right: 140px; line-height: 1.6em;}
		.work-full-text h6 {font-size: 17px;}
		.work-full-text .text {  font-size: 22px; }
		.work-full-load {padding-bottom: 0px;  padding-top: 84px;}
		#team { background-image: url(../images/team-bg.jpg);   background-size: cover;  }
		.team-item {  width: 150px; }
		.team-section {   background-position: left -30px;   background-size: cover;}
		.team-name { font-size:  16px; }
		.team-opened  { padding-top: 30px;max-width: 50%; }
		.team-description { font-size: 17px; }
		.teamwrap { width: 75%;}
		.works-grid { 	margin:95px 0 0px; }
		.page-section.contacts {    padding-top: 190px;  padding-bottom: 0px;}
		#contacts .section-text { margin: 0 auto; width: 65%;padding-top: 30px;}
		#work-item .text { font-size: 17px; width: 60%; top: 270px; font-weight: 400;}
	#work-hero {  height: 520px;  }
	#hero-overlay1, #hero-overlay2 { height: 520px; }
	.work-full-title {font-size: 60px; margin-bottom: 30px;}
	.work-full .main-nav:hover {background: rgba(0,0,0,0.6) !important;}	
		}
@media screen and (min-width: 1900px) {
	
.work-full .main-nav {
	background: rgba(255,255,255,0.9) !important;
}
	
		    .main-nav{ height: 166px; }
		#test-text { font-size: 34px; line-height: 1.3em; width: 700px; margin-top: 13%;  letter-spacing: 0px;}
		#testimonials {background: url("../images/wow.jpg"); background-size: cover; min-height: 710px; background-position: right top;}
		.tc-arrows{ margin-left: 6%;text-align: left; }
		#about-us {padding-top: 220px;  padding-bottom: 60px;}
		#about-us .section-text {width: 65%; margin: 0 auto;}
		.page-section { padding: 70px 0; }
		#featured { margin-top: 60px; }
		.witem {padding-top: 20px;}
		.page-section #benefits { margin-top: 110px; padding-bottom: 120px; padding-top: 20px;}
		.section-text{ font-size: 44px; padding-bottom: 10px;  width: 75%; margin: 0 auto;} 
		.accordion > dt > a{  font-size: 30px; padding: 5px 20px;}
		.service-full {  padding: 5px;  }
		.service-item{ height:980px; }
		.service-title{font-size:80px; }
		.service-item-inner { padding-top: 70px;}
		.service-grid{ height: 980px; }
		
		.accordion > dd {font-size: 17px;}
		.team-section{ height: 980px; 	padding-top: 210px;}
		.service-wrap { padding-bottom: 70px;padding-top: 20px; }
		.process-section {  height: 980px !important; padding-top: 0px; }
		.process-section .service-title { font-size: 34px; }
		#process-text {  font-size: 19px; padding-bottom: 40px; padding-top: 20px; }
		.dark-bg .section-text { font-size: 32px; line-height: 1.5em; margin-top: 30px; padding-bottom: 130px; padding-left: 40px; padding-right: 40px;}
		.work-full-text h6 {font-size: 21px;}
		.work-full-text .text {  font-size: 24px; }
		.work-full-load {padding-bottom: 0px; padding-top: 74px;}
		#team { background-image: url(../images/team-bg.jpg);  background-size: cover;  }
		.team-item {  width: 200px; }
		.team-section {  background-position: left top;  background-size: cover;}
		.team-name { font-size:  17px; }
		.team-opened  { padding-top: 60px; max-width: 50%;}
		.team-description { font-size: 22px; }
		.teamwrap { width: 75%;}
		.works-grid { 	margin:96px 0 0px; }
		.page-section.contacts {    padding-top: 190px;  padding-bottom: 0px;}
		#contacts .section-text { margin: 0 auto; width: 60%; padding-bottom: 30px;padding-top: 30px;}
		#contacts .section-heading{ font-size: 90px;  margin-bottom: 20px; }
		.contact-text {font-size: 16px; }
		
	#work-item .text { font-size: 22px !important; width: 57%; top: 290px;}
	#work-hero {  height: 600px;  }
	#hero-overlay1, #hero-overlay2 { height: 600px; }
	.work-full-title {font-size: 60px; margin-bottom: 30px;}	
	.work-full .main-nav:hover {background: rgba(0,0,0,0.6) !important;}	
}
#team {
	background-repeat: no-repeat;
}
#testimonials {
   background-repeat: no-repeat;
   background-position: left top;
    padding-top: 0;
}
.teamwrap {   margin: 0 auto; }
#author {
    font-family: 'montserrat_bold',arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.04em;
    margin-top: 27px;
    opacity: 0.5;
    text-transform: uppercase;
}
#test-text strong {
    font-family: 'BentonSans';
    font-weight: 700;
   
}
#qqq {
font-family: Georgia;
    font-size: 300px;
    height: 190px;
    letter-spacing: -23px;
    margin-left: -74px;
    margin-top: -30px;
    opacity: 0.13;
    position: absolute;
    transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	
    width: 150px;
}
#about-us {
	 background: url("../images/d4.jpg") repeat;
}
#services {padding-top: 0px; }
#services-slide {
    background: none repeat scroll 0 0 #FFF;
    width: 100%;
}
/*
 * Mobile nav
 */
.main-nav #mhome {   display: none; }
.main-nav.mobile-on #mhome {   display: block; }
.main-nav.mobile-on .clearlist.scroll-nav #drop ul {opacity: 1 !important;}
.main-nav.mobile-on .clearlist.scroll-nav #drop > ul {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    box-shadow: none;
    padding: 0 5px 5px !important;
    position: static;
}
.main-nav.mobile-on .clearlist.scroll-nav #drop > ul li a {
    font-size: 20px;
    letter-spacing: 1px;
}
.main-nav.mobile-on .clearlist.scroll-nav #drop > ul li {   margin-bottom: 10px;}
.mobile-on .desktop-nav {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;	
}
.mobile-on .desktop-nav ul{
	 background: none repeat scroll 0 0 rgba(0,0,0,0.9);
    border: 1px solid #EEEEEE;
    font-size: 26px;
    margin-top: 0;
    width: 290px;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-left: 22px;
    padding-bottom: 20px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.mobile-on .desktop-nav ul > li{
	display: block;
	float: none;
	width: 100%;
}
.mobile-on .desktop-nav ul > li > a{
	 -moz-box-sizing: border-box;
    border-left: medium none;
    border-right: medium none;
    display: block;
	float:left;
    padding-bottom: 0;
    padding-right: 10px;
    text-align: center;
    width: 100%;
 	 height: 45px !important;
    line-height: 45px !important;
}
.main-nav.mobile-on .clearlist.scroll-nav > li:nth-child(4) {  display: none; }
.mobile-on .desktop-nav ul > li:last-child > a{
	border-bottom: none;
}
.mobile-on .desktop-nav ul > li img {   width: 45%;}
.mobile-nav{ 
    background: transparent;
    cursor: pointer;
    display: none;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle;
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	-o-user-select: none;
	user-select: none;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	
	-webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property:  background, color;
}
.sticky-wrapper .main-nav.mobile-on.main-nav {
    position: absolute;
    top: 20px;
	
}
canvas {
    position: absolute;
    top: 0;
    z-index: 9;
}
.mobile-nav:hover,
.mobile-nav.active{
	background: #fff;
	color: #777;
}
.mobile-nav:active{
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
	-moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
	box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}
.no-js .mobile-nav{
	width: 55px;
	height: 55px;
	background: rgba (255,255,255,0.8);
}
.mobile-on .mobile-nav{ 	display: table;background: rgba (255,255,255,0.8); }
.mobile-nav .fa{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
}
.mobile-on .desktop-nav #drop ul > li:nth-child(3) {
    display: block;
}
/* ==============================
   Inside sections
   ============================== */
.page-section{
	text-align: center;
}
.section-title{
	display: inline-block;
	position: relative;
	padding: 4px 24px;
	margin-bottom: 22px;
	border: 1px solid #e9e9e9;
	vertical-align: middle;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #999;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.section-title:before,
.section-title:after{
	content: " ";
	display: block;
	width: 32px;
	height: 2px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	background: #e9e9e9;
}
.section-title:before{	left: -33px;}
.section-title:after{right: -33px;}
.section-heading{
   font-size: 70px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
	
	
}
.section-heading-medium {
	display: none;
  font-size: 36px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 10px;
	letter-spacing: 3px;
}
.section-heading-medium-center{
	display: none;
  font-size: 36px;
    font-weight: normal;
    padding-top: 50px;
	padding-bottom: 30px;
	position: absolute;
	text-align:center;
	width: 100%;
	letter-spacing: 3px;
	 z-index: 99999;
}
.section-text{
 font-family: 'BentonSans';
    letter-spacing: 0;
    line-height: 1.8em;
	font-weight: 200;
    margin-top: 0;
	
}
#featured {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 100%;
}
.small-section{
	 margin-top: -30px;
    padding: 70px 0;
    text-align: center;
}
.small-section-heading{
	margin-top: 0;
	margin-bottom: 45px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
.bg-overlay-1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
	z-index: 0;
}
.bg-overlay-1b {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
	z-index: 0;
}
.bg-overlay-2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.85;
}
#bg-overlay-x {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0;
}
.bg-content{
	position: relative;
	z-index: 1;
}
/*
 * Sections whith dark background
 */
.dark-bg{	color: #fff;}
.dark-bg a{	color: #bbb;}
.dark-bg .section-title{	color: #999;	border: 1px solid rgba(255,255,255, .141);}
.dark-bg .section-title:before,
.dark-bg .section-title:after{	background: rgba(255,255,255, .141);}
.dark-bg .section-text{
	    opacity: 1;
    letter-spacing: 0.02em;
    font-family: 'BentonSans';
    font-weight: 200;
}
/* Section with lightgray background */
.gray-bg{	background: #f5f5f5;}
.count-number{
	font-size: 60px;
	font-weight: normal;
	line-height: 1.4;
}
.count-icon{
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
.count-icon .fa{
	font-size: 14px;
	color: #fff;
}
.count-icon:before,
.count-icon:after{
	content: " ";
	width: 72px;
	height: 1px;
	display: block;
	position: absolute;
	top: 50%;
	background: #fff;
}
.count-icon:before{
	left: -82px;
}
.count-icon:after{
	right: -82px;
}
.count-title{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 1px;
}
.count-separator{
	height: 30px;
	clear: both;
	float: none;
	overflow: hidden;
}
.process-section {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}
.process-section .bg-overlay-2{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;
	
}
.process-section .service-item-inner:hover {
    background: none repeat scroll 0 0 rgba(252, 220, 75, 0.8);
    transition: all 0.4s ease 0.1s;
}
.process-wrap {
    float: left;
	width: 25%;
}
.service-close-link:hover {background: #fdde77; border-color: #fdde77 !important;}
#process-text { 
    color: #FFFFFF;
    font-family: 'BentonSans';
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 auto;
    width: 80%;
}
#darken {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    opacity: 0.2;
    width: 100%;
		transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.process-section .service-item {
    width: 100%;
}
.process-section .service-item-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*
 * Team section
 */
.team-section .bg-overlay-2{	background: rgba(0,0,0,0) !important;}
.team-grid{
	text-align: center;
	vertical-align: top;
}
.team-item {
	display: inline-block;
	margin: 0 0 40px 20px;
	vertical-align: top;
	/*cursor: pointer;*/
}
.team-item:after{
background: none repeat scroll 0 0 #FFFFFF;
    content: " ";
    display: block;
    height: 1px;
    margin-left: 0;
    width: 0;
    margin: 20px auto !important;
	-webkit-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
   	-moz-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     -o-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410);
}
.team-item:hover:after{
	background: none repeat scroll 0 0 #fde26c;
    margin-left: -16px;
    width: 32px;
    height: 2px;
}
.team-photo {
	margin: 0 auto 20px;
	position: relative;
	overflow: hidden;
	transform: scale(0.9,0.9);
	-o-transform: scale(0.9,0.9);
	-moz-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
	
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.team-photo:hover {
    transform: scale(1,1);
	-o-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.team-photo img {
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
@media screen and (min-width: 768px) {
	.team-photo {  width: 120px; height: 120px; }
	.team-photo img { width: 120px, height: 120px; }
}
@media screen and (min-width: 1400px) {
	.team-photo {  width: 120px; height: 120px; }
	.team-photo img { width: 120px, height: 120px; }
}
@media screen and (min-width: 1920px) {
	.team-photo {  width: 150px; height: 150px; }
	.team-photo img { width: 150px, height: 150px; }
}
.team-photo:after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, .1.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 2;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-name{
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #bbb;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-status{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 1px;
	color: #777;
	font-weight: 100;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-item:hover .team-photo:after{	background: transparent;}
.team-item:hover .team-name{	color: #fff;}
.team-item:hover .team-status{color: #bbb;}
/* Opened item description */
.js-clickable{	cursor: pointer;}
.team-opened-wrap{	display: none;	text-align: center;}
.service-item.js-hovered #darken {
    opacity: 0;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.process-wrap. .service-wrap:hover {background: none repeat scroll 0 0 rgba(252, 220, 75, 0.8) !important;}
.team-opened{
	display: block;
	width: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	background: transparent;
	cursor: default;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.team-opened .team-close-link:nth-child(1) { display: none; }
.team-opened a{	color: #777;}
.team-close-link{
	display: none;
	padding-top: 1px;
   border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    font-size: 21px;
    height: 40px;
    margin: 0 auto;
	padding-left: 1px;
    position: relative;
    width: 40px;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.team-close-link:hover{	 border: 1px solid rgba(255, 255, 255, 0.5);}
.team-opened .team-close-link{	display: block; }
.team-opened .team-photo:after{ 	display: none;}
.team-cv{ 	display: none; }
.team-opened .team-cv{	display: block;}
.team-description{
 font-family: 'BentonSans';
    letter-spacing: 0;
	font-weight: 400;
	width: 90%;
    line-height: 1.8em;
	   text-align: center;
	margin: 18px auto;
}
.team-opened .team-name,.team-opened:hover .team-name{	color: #fff;}
.team-opened .team-status,.team-opened:hover .team-status{	color: #a7a7a7;}
/* Team item contacts */ 
.team-contacts {
   font-family: 'BentonSans';
    font-size: 13px;
    letter-spacing: 0;
    line-height: 0.4em;
	font-weight: 200;
    margin-top: 0;
    padding-bottom: 20px;
}
.team-contacts a {
	color: #a7a7a7;
    text-decoration: none;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.team-contacts a:hover {
    color: #FFFFFF;
    text-decoration: none;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
/*
 * Services section
 */
.services-wrap {width: 50%; float: left; }
.service-grid{
	margin-bottom: 70px;
	margin-top: 0px;
	background: url("../images/full-width-images/services-grid.jpg");
	background-size: cover;
	width:100%;
}
.service-item{
	margin: 0;
	position: relative;
	text-align: center;
	cursor: pointer;
	z-index: 10;
}
.service-item-inner{
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252,220,75, 0.80);
	vertical-align: middle;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.service-item-inner:hover {background: transparent; transition: all 0.4s ease 0.1s;	-webkit-transition: all 0.4s ease 0.1s;	-o-transition: all 0.4s ease 0.1s;	-moz-transition: all 0.4s ease 0.1s;}
#blue {
	background: none repeat scroll 0 0 rgba(252, 220, 75, 0.8);
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
#blue:hover {background: transparent; transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	}
.service-wrap{
	width: 100%;
	height: 100%;
	display: table-cell;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	overflow: hidden;
	padding-bottom: 0 !important;
}
.service-icon{
	
	position: relative;
	font-size: 45px;
	color: #FFF;
	z-index: 1;
}
.service-title{
	position: relative;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #fff;
	z-index: 1;
}
.service-title:hover {color: #fff;}
.service-more{
	width: 100%;
	padding: 15px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 1;
	cursor: pointer;
}
.js-fade .service-more{ 	cursor: default;}
.sm-icon{	margin-right: 2px;	font-size: 15px;}
.sm-more{	position: relative;	top: -2px;}
.service-more:hover .sm-icon, .service-more:hover .sm-more{	color: #555;}
/* Service item hover state */
.service-item-inner,
.service-item-inner2,
.service-icon,
.service-title,
.service-more,
.service-more:before,
.sm-icon,
.sm-more{
	-webkit-transition: all 0.55s cubic-bezier(0.300, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.55s cubic-bezier(0.300, 0.000, 0.580, 1.000); 
    -o-transition: all 0.55s cubic-bezier(0.300, 0.000, 0.580, 1.000);
    -ms-transition: all 0.55s cubic-bezier(0.300, 0.000, 0.580, 1.000); 
    transition: all 0.55s cubic-bezier(0.300, 0.000, 0.580, 1.000);
}
.js-fade{	cursor: default; }
.js-fade .service-item-inner
.js-fade .service-item-inner2
{
	border-color: #999;
}
.js-fade .service-icon,
.js-fade .service-title,
.js-fade .service-more{
	color: #FFF;
}
.js-fade .service-more:before{	background: #FFF; }
/* Service full description  */
.service-opened{	cursor: default;	z-index: 9999999999;
transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s; }
	
.service-full {
	
	display: none;
	font-size: 12px;
	color: #444;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.sf-list{
	margin: 0 -20px 20px;
	text-transform: uppercase;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
.sf-list li{
	padding: 7px 20px;
	list-style: none;
	border-bottom: 1px solid #f0f0f0;
}
.sf-list li:first-child{	border-top: 1px solid #f0f0f0;}
.sf-list li:nth-child(even){	background: #fefefe;}
.sf-description{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 12px;
	letter-spacing: 1px;
}
.service-close-link{
	padding-top: 1px;
   border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 37px;
    margin: 0 2px;
    position: relative;
    width: 37px;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.service-close-link:hover{   border: 1px solid rgba(255, 255, 255, 0.5); 
transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
/*
 * Banner section
 */
.banner-heading{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.banner-text{	text-align: left;}
.banner-decription{
	margin-top: 7px;
	font-size: 16px;
	color: #999;
}
.work-contact-bottom .banner-button {margin-top: 15px;}
.image-color-bg .banner-decription{
 color: #FFFFFF;
    opacity: 0.5;
	font-family: 'BentonSans';
}
.contact-banner-text {  text-align: left;  float: left; width: 60%;}
.banner-button { float: right; margin-top: 3px; width: 35%; }
.work-contact-bottom {
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center;
    width: 40%;
}
/*
 * Portfolio section
 */
/* Works filter */
.works-filter{
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 70px 0;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: #333333;
	border-top: 1px solid #333333;
	cursor: default;
}
.works-filter li{
	display: inline-block;
	margin: 0 17px;
	padding: 15px 0 0;
	border-top: 3px solid transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.works-filter li:first-child{	margin-left: 0;}
.works-filter li:last-child{	margin-right: 0;}
.works-filter li:hover{	color: #777;}
.works-filter li.active{	border-top: 3px solid #333333;	cursor: default;}
.works-filter li.active:hover{	color: #333333;}
.works-filter a{	color: #333333;	text-decoration: none;}
/* Works grid */
#works {    background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.works-grid{	list-style: none;	padding: 0;}
@media all and (min-width: 768px) {
	.work-item { width: 33.3333%; }
}
@media all and (min-width: 1100px) {
	.work-item { width: 25%; }
}
@media all and (min-width: 1400px) {
	.work-item { width: 20%; }
}
.work-item{
	display: inline-block;
	float: left;
	margin: 0;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.work-item > a{
	display: block;	
	padding: 0;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
.work-item a,.work-item a:hover{	color: #333333;	border: none;}
.work-img{	position: relative;}
.work-img img{
	width: 100%;
	display: block;
	overflow: hidden;
}
.work-intro{
	height: 84px;
    left: 0;
    padding: 18px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    top:35%;
    margin-top: 0;
    z-index: -1;
	-moz-box-sizing: border-box;
}
.work-title{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
/* Work item hover state */
.work-item .work-img:after,
.work-intro{
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .work-intro{
	bottom: auto;
    color: #FFFFFF;
    margin-top: 0;
    top: 43%;
    z-index: 3;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.work-item:hover .work-title,.work-item:hover .work-descr{	color: #fff;}
.work-item .work-img:after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}
.work-item:hover .work-img:after{		background: rgba(0,0,0, .7);}
/* Filtering */
.work-item.mix {    opacity: 0;    display: none;}
/* Works full view */
.work-full{
    display: none;
 	background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    position: absolute;
    top: 156px;
    width: 100%;
    z-index: 10000;
}
.work-full .main-nav a {
    color: #333333 !important;
}
.work-loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10000;
}
.work-loader:after{
	display: block;
	content: " ";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	background: url(../images/loader.gif) no-repeat;
}
/*
 * Work navigation
 */
.work-full .main-nav {    background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);	
transition: all 0.5s ease 0.1s;
-o-transition: all 0.5s ease 0.1s;
-webkit-transition: all 0.5s ease 0.1s;
-moz-transition: all 0.5s ease 0.1s;
}
.work-full .main-nav:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
}
.witem { width: 100%; text-align:center;}
.work-navigation{
	width: 100%;
	height: 51px;
	position: relative;
	top: -60px;
	background: #fff;
	border-bottom: 1px solid #e9e9e9;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 99999;
}
.work-navigation .fa{	font-size: 21px;	vertical-align: middle;}
.work-navigation .fa-times{
 border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    height: 35px;
    margin: 0 2px;
    padding-top: 6px;
    padding-left: 3px;
    position: relative;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
    width: 35px;
	margin-top: 18px;
}
.work-prev .fa-chevron-left {
	border: 2px solid rgba(255,255,255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 35px;
    margin: 18px 2px 0;
    padding-top: 5px;
    position: relative;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
    width: 35px;
	text-align:center;
	color: #fff;
}
.fa-chevron-left {
	 border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 40px;
    margin: 18px 2px 0;
    padding-top: 8px;
    position: relative;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
    width: 40px;
	text-align:center;
}
.fa-chevron-right {
	border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 40px;
    margin: 18px 2px 0;
    padding-top: 8px;
    position: relative;
    transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
    width: 40px;
	text-align:center;
	padding-left: 4px;
}
.work-all .fa-times:hover, .work-next .fa-chevron-right:hover, .work-prev .fa-chevron-left:hover { border: 2px solid rgba(255,255,255, 0.8);  transition: all 0.4s ease 0.1s;-o-transition: all 0.4s ease 0.1s;-moz-transition: all 0.4s ease 0.1s;-webkit-transition: all 0.4s ease 0.1s; }
.work-all .fa-times {  border: 2px solid rgba(255,255,255, 0.3); transition: all 0.4s ease 0.1s;	-o-transition: all 0.4s ease 0.1s;	-moz-transition: all 0.4s ease 0.1s;	-webkit-transition: all 0.4s ease 0.1s;}
.work-next .fa-chevron-right {
	 border: 2px solid rgba(255,255,255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 35px;
    margin: 18px 2px 0;
    padding-top: 5px;
    position: relative;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
    width: 35px;
	text-align:center;
	padding-left: 4px;
	color: #fff;
}
.work-navigation a{
	display: block;
	float: left;
	width: 45px;
	overflow: hidden;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #fff;
}
.work-navigation a,.work-navigation a:visited{ 	color: #333333; }
.work-navigation a:hover{ 	color: #333333; }
.work-navigation.clearfix {    background: none repeat scroll 0 0 #333333;    height: 80px;}
.work-navigation a span{
	display: inline-block;
	height: 65px;
	line-height: 49px;
	padding: 0 4%;
	background: transparent;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.work-full-text .text {    margin: 30px auto 0;    width: 70%;}
@media all and (min-width: 1100px) {
	.work-navigation.clearfix {margin-top:20px; }
}
.work-navigation.clearfix {
	 border-bottom: medium none;
	 top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute !important;
    right: 0;
    width: 135px;
	background: transparent;
}
.work-back-link{
	margin: 20px 0 0;
	display: block;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333333; 
}
.work-prev{	text-align: left;}
.work-all{	text-align: center;}
.work-next{	text-align: right;}
.work-container{	padding: 0;}
.work-full-media{ margin-top: 30px;   width: 100%;}
/* .bx-clone {    width: 50% !important;} */
.work-full-slider{	position: relative;}
.work-full-slider li{	overflow: hidden;}
.work-full-media img{	max-width: 100%;	height: auto;}
.work-full-text{
	margin: 30px auto;
    text-align: center;
    width: 100%;
}
.work-full-text h6 {    font-weight: normal;}
.work-full-text .text {  
    font-family: "BentonSans";
    letter-spacing: 0px;
    padding-top: 10px;
	color: #333333;
}
.work-full-text h6{ 	margin-top: 5px;}
.work-detail{
	margin-bottom: 30px;
	background: #f7f7f7;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.work-detail h6{	margin-top: 0; }
.work-detail p:last-child{	margin-bottom: 0;}
.work-full-detail{
	font-size: 10px;
	color: #777;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.work-full-detail p{ 	margin: 4px 0;}
.work-full-action{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e9e9e9;
	text-align: center;
}
/*
 * Benefits (features) section
 */
.clearlist.scroll-nav li:nth-child(3):hover {opacity: 1 !important;}
.benefits-grid{
    margin-top: 10px;
	text-align: center;
	vertical-align: top;
}
.benefit-item{
	display: inline-block;
	padding: 0 15px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	cursor: default;
}
.benefit-item .scroll-nav a {
	letter-spacing: 1px;
	font-size:20px;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
}
.benefit-item .scroll-nav a:hover {
    text-decoration: none;
    letter-spacing: 3px;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
}
.benefit-icon{
	margin-bottom: 6px;
	font-size: 32px;
	color: #e54028;
}
.benefit-title{
	margin: 0 0 7px;
	padding: 0;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.benefit-item.go-fade-in ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.benefits-descr{
	 color: #929292;
    font-family: Lora,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0;
}
/* Benefit item hover state */
.benefit-item:after{
	content: " ";
	display: block;
	width: 0;
	margin-left: 0;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	background: #fff;
	-webkit-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
   	-moz-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     -o-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410);
}
.benefit-item:hover:after{
	background: none repeat scroll 0 0 #fde26c;
    margin-left: -16px;
    width: 32px;
    height: 2px;
}
/*
 * Text carousel section (twitter, reviews, etc...)
 */
.tc-icon{
	margin-bottom: 30px;
	font-size: 48px;
	color: rgba(255,255,255, .15);
}
.tc-icon a,
.tc-icon a .fa{
	color: rgba(255,255,255, .15);
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.tc-icon a:hover,.tc-icon a:hover .fa{	color: rgba(255,255,255, .25);}
#test-overlay {  
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.tc-content{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 1px;
	color: #ababab;
}
.tc-slider{
	padding: 0;
	margin: 0;
	list-style: none;
}
.tc-slider li{
	display: block;
	margin: 0;
	padding: 0;
}
.tweet_join{	display: none;}
.tc-author{
	margin-top: 30px;
	font-family: 'montserrat_bold', arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777;
}
.tc-author a{	color: #777;}
.tc-arrows{  padding-top: 30px;    }
.tc-arrows a{	text-decoration: none !important;}
.tc-arrow-left,.tc-arrow-right,.tc-arrow-left:active,.tc-arrow-right:active{
   border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 40px;
    margin: 0 2px;
    position: relative;
    width: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.tc-arrow-left .fa,
.tc-arrow-right .fa{
	width: 40px;
	height: 40px;
	position: absolute;
	top: -1px;
	line-height: 40px !important;
	display: block;	
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.tc-arrow-left .fa{	left: -2px;}
.tc-arrow-right .fa{ right: -2px;}
.tc-arrow-left:hover,.tc-arrow-right:hover{	border-color: rgba(255,255,255, .5);	color: #fff;}
.tc-arrow-left:hover .fa,.tc-arrow-right:hover .fa{	color: #fff;}
.gray-bg .tc-icon{	color: #ddd;}
.gray-bg .tc-icon a{	color: #ddd;}
.gray-bg .tc-icon a:hover{	color: #ccc;}
.gray-bg .tc-content{	color: #333333;}
.gray-bg .tc-content a{	color: #555;}
.gray-bg .tc-author,.gray-bg .tc-author a{	color: #777;}
.gray-bg .tc-arrow-left,.gray-bg .tc-arrow-right,.gray-bg .tc-arrow-left:active,.gray-bg .tc-arrow-right:active{	border-color: #ddd;}
.gray-bg .tc-arrow-left .fa,.gray-bg .tc-arrow-right .fa{	color: #777;}
.gray-bg .tc-arrow-left:hover,.gray-bg .tc-arrow-right:hover{	border-color: #bbb;}
.gray-bg .tc-arrow-left:hover .fa,.gray-bg .tc-arrow-right:hover .fa{	color: #333333;}
/*
 * Contacts section
 */
 #contacts {background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
/* Phone */
.phone{
	position: relative;
	margin-top: 22px;
	margin-bottom: 70px;
	padding: 55px 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #333333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.phone-title{
	width: 98px;
	margin-left: -49px;
	position: absolute;
	top: -22px;
	left: 50%;
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.phone-icon{
	font-size: 24px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	color: #e54028;
}
.phone-number{	font-size: 40px;}
/* Other contact blocks (email, address) */
.contact-icon{
	margin-bottom: 10px;
	font-size: 20px;
	height: 35px;
	color: #333333;
}
.fa.fa-map-marker {
    font-size: 22px;
	padding-top: 7px;
}
.fa.fa-envelope {
    font-size: 17px;
	padding-top: 7px;
}
.contact-icon a{	color: #333333;}
.contact-text{
	padding: 0 45px;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1px;
}
.contact-text a{	color: #333333;}
.page-section.contact {
    padding-top: 220px;
}
/* Google maps */
.google-map{	
	  background: #333;
    height: 670px;
}
#map-canvas{
height: 680px;	background-color: #FDE26B;
}
.gm-style-cc{
	display: none !important;
}
.gm-style-iw div{
	color: #777;
}
/* Contacts form */ 
.map-fix{
	margin-top: 7px;
}
.contact-overspace{
	margin-top: -30px;
	height: 30px;
	background: #fff;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.contact-form-wrap {
    -moz-box-sizing: border-box;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -550px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    z-index: 9;
}
.contact-form{
	max-width: 670px;
	margin: 0 auto;
}
.contact-row {
    margin: 0 auto;
    width: 80%;
}
/* ==============================
   Footer
   ============================== */
.footer{
	background: none repeat scroll 0 0 #1e1e1e;
    clear: both;
    font-size: 22px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
}
.footer a, .footer a:visited, .footer a:active {color: #ccc; font-size: 22px; padding-left: 2px; padding-right: 2px;}
.footer a:hover {color: #333333; }
.footer-text{
	max-width: 370px;
	margin: 0 auto 20px;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}
.footer-text:before,
.footer-text:after{
	content: " ";
	display: block;
	width: 150px;
	height: 1px;
	position: absolute;
	top: 50%;
	background: #ddd;
}
.footer-text:before{
	left: -175px;
	background-image: -webkit-gradient(linear,left top,	right top, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));
	background-image: -o-linear-gradient(right, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -moz-linear-gradient(right, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -ms-linear-gradient(right, #FFFFFF 0%, #DDDDDD 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #DDDDDD 100%);
}
.footer-text:after{
	right: -175px;
	background-image: -webkit-gradient(	linear, left top, right top, color-stop(0, #DDDDDD), color-stop(1, #FFFFFF));
	background-image: -o-linear-gradient(right, #DDDDDD 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(right, #DDDDDD 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(right, #DDDDDD 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(right, #DDDDDD 0%, #FFFFFF 100%);
	background-image: linear-gradient(to right, #DDDDDD 0%, #FFFFFF 100%);
}
/* Social links */
.footer-right {
    padding-right: 40px;
    text-align: right;
}
#line2 {
    color: #707070;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-left: 22px !important;
    padding-top: 8px;
    text-transform: uppercase;
}
.footer-social-links{
	margin-bottom: 20px;
}
.social-links{	
	display: inline-block;
}
.social-links a{
	float: left;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
}
.social-links a:hover{
	text-decoration: none;
}
.social-links a .fa{
	width: 32px;
	height: 32px;
	display: block;
	line-height: 32px;
	position: relative;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	background: #eee;
	color: #333333;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.social-links a .fa:after{
	content: " ";
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid transparent;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0); 
	-webkit-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
   	-moz-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     -o-transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410); 
     transition: all 0.4s cubic-bezier(0.805, 0.075, 0.315, 1.410);
}
.social-links a:hover .fa{
	background: #fff;
}
.social-links a:hover .fa:after{
	border-color: #333;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, .45);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0, .45);
	box-shadow: 0px 0px 2px rgba(0,0,0, .45);
}
.footer-copy{
	color: #707070;
    font-size: 13px;
    font-weight: normal;
    padding-left: 30px;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
}
#footer-mid0 .contact-icon {
    color: #707070;
    font-size: 16px;
	text-align: left;
	padding-left:30px;
}
#footer-mid1 .contact-icon {
    color: #707070;
    font-size: 20px;
	text-align:left;
}
#footer-mid2 .contact-icon {
    color: #707070;
    font-size: 20px;
    margin-top: -2px;
}
#footer-mid2 p {
    color: #707070;
    font-family: 'montserrat_bold';
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}
#footer-mid1 p {
    color: #707070;
    font-family: 'montserrat_bold';
    font-size: 11px;
	float:right;
    font-weight: 100;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 2px;
}
#footer-mid0 {
    color: #707070;
    font-family: 'montserrat_bold';
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 2px;
    padding-left: 40px;
    margin-top: 5px;
	text-align:left;
	text-transform: uppercase;
}
#footer-mid1 a{
    color: #707070;
    float: right;
    font-family: 'montserrat_bold';
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-left: 5px;
	text-transform: uppercase;
}
.footer-right .fa.fa-facebook, .footer-right .fa.fa-twitter, .footer-right .fa.fa-linkedin {
 
    padding: 8px 10px 10px 10px;
    border: 2px solid #333;
	background: #333;
    border-radius: 50%;
    height: 43px;
	color:#707070;
    text-align: center;
    width: 43px;
}
#footer-mid2 .contact-icon {
    float: left;
}
#footer-mid2 {
    text-align: left;
}
#footer-mid2 p {
    padding-left: 10px !important;
}
#footer-mid0 .row-fluid, #footer-mid1 .row-fluid, #footer-mid2 .row-fluid {
    height: 25px;
}
#footer-mid1 .fa.fa-mobile-phone {
	color:#333;
}
#footer-mid1 .fa.fa-envelope {
    font-size: 12px;
	color:#333;
}
#footer-mid2 .fa.fa-map-marker {
    font-size: 18px;
	color:#333;
}
.contact-row {
padding-bottom: 20px; padding-top: 20px;
}
/* ==============================
   Shortcodes
   ============================== */
.text-block{
	margin-bottom: 30px;
	text-align: left;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #777;
}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6{
	color: #212121;
}
.margin-block{	margin-bottom: 30px;}
.button-holst{
	padding-top: 40px;
	background: #e5e5e5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/*
 * Tabs
 */
.spasia-tabs{
	border-color: #ddd;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;	
}
.spasia-tabs > li > a{
	text-decoration: none;
}
.spasia-tabs > li > a:hover{
	background-color: #f5f5f5;
}
.spasia-tabs li.active a{
	color: #212121;
}
.spasia-tabs-cont{
	padding: 15px 0;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #777;
}
/*
 * Accordion
 */
.accordion > dt{
	margin-bottom: 0px;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.accordion > dt > a{
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	border: none;
	 font-family: 'montserrat_bold',arial,sans-serif;
    font-weight: normal;
	background: transparent;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a:hover{
	text-decoration: none;
	border: none;
	background: transparent;
	color: #fce16b;
}
.accordion > dt > a.active{
	color: #fce16b;
	border: none;
	background: transparent;
	cursor: default;
}
.accordion > dt > a:hover:after{	color: #444;}
.accordion > dd{
color: #FFFFFF;
    font-family: 'BentonSans';
    letter-spacing: 0.02em;
	font-weight: 400;
    line-height: 1.4em;
    margin: 0 auto;
    padding: 0 20px 11px;
    width: 65%;
	font-size: 16px;
}
/*
 * Toggle
 */
.toggle > dt{
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.toggle > dt > a{
	display: block;
	position: relative;
	color: #777;
	text-decoration: none;
	padding: 14px 20px;
	background:transparent;
	border: none;
	
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a:hover{
	text-decoration: none;
	border-color: #ddd;
	background: transparent;
	color: #fce16b;
}
.toggle > dt > a.active{
	color: #e54028;
	border-color: #ddd;
	background-color: #f9f9f9;
}
.toggle > dt > a:hover:after{	color: #444;}
.toggle > dd{
	margin-bottom: 10px;
	padding: 0 20px;
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #777;
}
/* Pagination */
.pagination{
	font-size: 12px;
}
.pagination a{
	display: inline-block;
	min-width: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 2px 5px 0;
	padding: 5px 7px;
	border: 1px solid #e9e9e9;
	color: #888;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.pagination .fa{
	margin-top: 1px;
	font-size: 16px;
}
.pagination a:hover{
	text-decoration: none;
	border-color: rgba(229,64,40, .5);
	color: #e54028;
}
.pagination a.active,
.pagination a.active:hover{
	border-color: #e9e9e9;
	color: #444;
	cursor: default;
}
/*
 * Sidebar
 */
.sidebar{
	margin-top: 10px;
}
.widget{
	margin-bottom: 50px;
}
.widget-title{
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	color: #212121;
}
.widget-body{
	font-size: 12px;
	color: #777;
}
.widget-text{
	font-family: Lora, "Times New Roman", Times, serif;
	line-height: 1.7;
	letter-spacing: 1px;
}
/* Search widget */
.search-wrap{
	position: relative;
}
.search-field{
	width: 100% !important;
	height: 40px !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search-button{
	width: 42px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	right: 1px;	
	overflow: hidden;
	background: transparent;
	border: none;
	outline: none;
	color: #777;
	
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.search-button:hover{
	color: #212121;
}
.search-button:hover + .search-field{
	border-color: #ccc;
}
/* Widget menu */
.widget-menu{
	font-size: 12px;
	font-style: italic;
	letter-spacing: 1px;
}
.widget-menu li{
	padding: 5px 0;
	font-family: Lora, "Times New Roman", Times, serif;
	
}
.widget-menu li a{
	color: #555;
	text-decoration: none;
	padding-bottom: 2px;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-menu li a:hover{
	border-color: rgba(229,64,40, .4);
	color: #e54028;
}
.widget-menu li small{
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #999;
}
/* PORTFOLIO NEW STYLES INDIVIDUAL */
.work-full-load {    background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#work-hero {
	background-position: center center;
    width: 100%;
    background-size: cover;
}
.work-full-title {
  color: #FFFFFF;
    font-weight: normal;
    left: 0;
    letter-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 95px;
    z-index: 1;
}
#work-item .text {
	color: #FFFFFF;
   font-family: 'BentonSans', sans-serif;
    font-size: 17px;
    font-weight: 300;
	
    left: 0;
    letter-spacing: 0px;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-transform: none;
	top: 280px;
    width: 70%;
    z-index: 2;
}
.work-next .fa-chevron-right, .work-prev .fa-chevron-left {display: none !important;}
#work-item .text:after {
    height: 20px;
    width: 20px;
    content: "\f063";
    font-family: "fontawesome";
    font-size: 20px;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.work-descr {
	color: #FFFFFF;
    font-family: Lora,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    left: 0;
    letter-spacing: 0.04em;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 192px;
    z-index: 1;
	opacity: 0.6;
}
#hero-overlay1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: none repeat scroll 0 0 rgba(31,31,31, 0.7);
	z-index: 0;
}
#hero-overlay2 {
	width: 100%;
	position: absolute;
	left: 0;
	opacity: 0.60;
	z-index: 0;
}
#imac {
	width: 100%;
	text-align: center;
	padding-bottom: 120px;
	}
#imac-overlay {
 	left: 0;
    margin: 0 auto;
    max-width: 1067px;
    padding-top: 93px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 55%;
    z-index: 9;
}
#imac-screen {
  margin: 0 auto;
    padding-top: 118px;
    width: 54%;
}
#ipad {
    background: none repeat scroll 0 0 #e7e7e7;
    margin-top: 0px;
padding-bottom: 30px;
    padding-top: 90px;
    width: 100%;
}
#ipad img {     width: 70%; height: auto; max-width: 905px;}
#pix {   margin-top: 100px; }
#process .service-item {
    border: medium none !important;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
/* STYLE-RESPONSIVE.CSS COMBINED */
/* iPHONE */
.mobile-nav {z-index: 99999999 !important;}
.page-section.mobile {background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);  padding-bottom: 50px;}
#process.page-section.mobile.row-fluid, #services.page-section.mobile.row-fluid {  padding-bottom: 40px !important; }
.mobile-row.row-fluid { margin-bottom: 20px; }
#mobile-spacer {
	background: #333;
	height: 55px;
	clear:both;
	width:100%;
}
#mobile-title {
	font-family: 'montserrat_bold',arial,sans-serif;
    background: none repeat scroll 0 0 #FDE26C;
    color: #FFFFFF;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 11px;
}
.mobile-row .fa.fa-lightbulb-o,
.mobile-row .fa.fa-pencil,
.mobile-row .fa.fa-code,
.mobile-row .fa.fa-rocket,
.mobile-row .fa.fa-print,
.mobile-row .fa.fa-laptop
 {
    font-size: 40px;
    font-weight: 100;
	color: #333333;
}
.mobile-row.row-fluid > h1 {
	font-family: 'montserrat_bold',arial,sans-serif;
    margin-top: 30px;
 	font-size: 28px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
	color: #333;
}
 
#mobile-text {
    color: #333;
    font-family: 'BentonSans';
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 auto;
	padding-bottom: 50px;
    width: 85%;
}
/* PORTRAIT */
@media all  
and (min-width : 300px)
and (max-width : 844px)
{
	
	.home-section {margin-bottom: 0px;}
	.home-text h1 {font-size: 30px; margin-top: 50px;}
	.page-section  {padding: 0px 0 30px 0 !important; }
	.process-section {height: 1600px;}
	
	#about-us .section-heading-medium {margin-top: 60px;}
	#team { background: #333333; padding-top: 80px !important;} 
	#about-us  { padding-top: 20px !important;}
	#contacts  { padding-top: 80px !important; }
	#testimonials  { padding-top: 20px !important; }
	#works {padding-top: 55px; }
	.footer { padding: 170px 0 50px 0 !important; }
	#featured img {width: 80%;}
	
	#services.page-section {height: 1100px !important;}
	.accordion > dt > a.active {color: #f9da5a !important;}
	.accordion > dt > a {color: #b8b8b8 !important; font-size: 26px;}
	.accordion > dd {width: 85% !important; color: #333 !important;}
	
.page-section.dark-bg.image-color-bg.process-section.row-fluid {
    background: url("../images/d4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
	#services-m {height: 2000px; clear: both; padding-bottom: 50px;}
		.team-description {font-family: 'BentonSans';}
	.section-heading-medium, .section-heading-medium-center { display: block; }
	#testimonials .section-heading-medium {font-size: 30px;}
	/* Homepage image */
.image-bg{ 	background-position: top left; 	background-size: contain !important; background-image: url("../images/full-width-images/hero-m.jpg");}
#team .bg-overlay-2 {display: none;}
#testimonials{background-image: url(../images/wow.jpg); height: 100vh !important; background-size: auto 100%; background-position: center center;}
#test-overlay {display: none !important; }
.tc-slider.twitter-slider > li { overflow: hidden;height: 600px; }
#testimonials .bx-viewport {width: 90% !important;}
#qqq {font-size: 100px; margin-left: -40px;}
#featured { margin-top: 30px !important; margin-bottom: 10px !important;}
#test-text {   font-size: 26px;  text-align:center; line-height: 1.4em; padding-bottom: 10px;  margin: 40px auto !important;  width: 75% !important }
.page-section #benefits {  margin-top: 0px !important; padding-top: 0px !important;}
#about-us .section-text {font-size: 22px;  width: 90%;  line-height: 1.4em !important;   margin: 0 auto; }
#team .section-text {font-size: 20px;  width: 80%;  line-height: 1.4em !important; margin: 0 auto; padding-bottom: 40px;}
.benefit-title { margin: 30px 0 0; font-size: 24px;}
.benefit-item.go-fade-in.span4 {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}
.team-cv {display: block;}
.team-item {  margin: 0 auto;  width: 90%; }
#process-text { font-size: 18px !important; width: 90% !important; font-family: 'BentonSans' !important; }
#test-text {   font-size: 22px;  text-align:center; line-height: 1.4em; padding-bottom: 10px;  margin: 55px auto !important;  width: 75% !important; }
#qqq { font-size: 144px; margin-top: -117px; letter-spacing: -13px; font-weight: bold; }
.accordion > dt { font-size: 20px; }
#contacts .section-text { margin: 0 auto; width: 70%; font-size: 22px; padding-bottom: 10px !important;}
#contacts .section-heading {font-size: 44px !important;}
.google-map {display: none; }
.contact-form-wrap {margin-top: 0px; padding-bottom: 50px; }
.span4.contact-block.go-fade-in {margin-top: -10px; }
.contact-block {margin-top: 0px; }
.contact-row {
    margin: 0 auto;
    width: 90%;
}
.contact-form-wrap {margin-top: 0px !important; }
.footer{ margin-top: 350px; }
.service-item { border: 1px solid rgba(252, 220, 75, 0.6); padding: 0px !important; margin: 0 !important; }
#services {padding-bottom: 0px !important;}
#pix {  margin-top: 70px !important; }
.span4.contact-block.go-fade-in {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}
.contact-form-wrap {padding: 60px 20px !important; background: #fde26c;}
.fa.fa-mobile-phone { font-size: 60px !important; }
.fa.fa-map-marker { font-size: 50px !important; }
.fa.fa-envelope { font-size: 40px !important; }
.contact-text { font-size: 16px;}
.contact-icon { margin-bottom: 30px; }
#footer-mid1, #footer-mid2 { display: none;}
#footer-mid0.span4 {width:100%; clear:both; float: none; text-align:center; padding-bottom: 30px;}
#footer-mid1 a {margin-left: 0px !important; }
.footer-right { clear: both; float: none; padding-right: 0; width: 100%; text-align:center; }
#footer-mid0 {padding-left: 0px !important;}
.works-grid li {width: 100%;}
.form-success {
    max-width:90%;
}
.form-success h1 {
     font-size: 26px;
	 letter-spacing: 0px;
	 padding-bottom:20px;
}
.form-success h2 {
  font-size: 16px;
}
}
@media all 
and (min-width : 300px)
and (max-width : 800px)
and (orientation : landscape) {
.tc-slider.twitter-slider > li { overflow: hidden; width: 10% !important; height: 300px; }
#testimonials .bx-viewport {width: 90% !important;}
#works .section-heading-medium {padding-top: 100px !important;}
.home-text h1 {
    padding-top: 70px;
	font-size: 28px;
}
}
@media all 
and (min-width : 300px)
and (max-width : 800px)
and (orientation : portrait) {
#works .section-heading-medium {padding-top: 80px !important;}
}
@media all 
and (min-width : 300px)
and (max-width : 1024px)
and (orientation : landscape) {
.image-bg{ 	background-position: top left; 	background-size: auto !important; background-image: url("../images/full-width-images/iphone-hor.jpg") !important;}
#pix {margin-top: 150px !important;}
}
/* LANDSCAPE */
@media all 
and (min-width : 801px)
and (max-width : 1024px)
 { 
	.home-text h1 { font-size: 30px; padding-top: 60px; }	
	.home-section {margin-bottom: 0px;}
	.page-section  {padding: 0px 0 30px 0 !important; }
	.process-section {height: 1600px;}
	#team { background: #333333 !important; padding-top: 10px !important;} 
	#about-us  { padding-top: 10px 0 0 0 !important;}
	#contacts  { padding-top: 10px; }
	#testimonials  { padding-top: 20px !important; }
#works.page-section {padding-top: 90px;}
	.footer { padding: 170px 0 50px 0 !important; }
	#featured img {width: 80%;}
	
	
	
#team .bg-overlay-2 {display: none;}
#services.page-section {height: 1000px !important;}
	.accordion > dt > a {color: #b8b8b8 !important; font-size: 26px;}
	.accordion > dd {width: 85% !important; color: #333 !important;}
	.accordion > dt > a.active {color: #f9da5a !important;}
	
.team-description {font-family: 'BentonSans';}
.section-heading-medium, .section-heading-medium-center { display: block; }
/* Homepage image */
.home-content.container {margin-top: 10px;}
#featured > img {
    width: 65%; margin-top: 30px;
}
#team{ background-position: top left; 	background-size: auto;background-image: url("../images/team-bg-ipad.jpg");}
#testimonials{ background: #333; min-height: 400px !important; height: 400px !important;}
#test-overlay {display: none !important; }
.section-heading-medium {padding-top: 110px;}
.tc-slider.twitter-slider > li { max-width: 10% !important; overflow: hidden; width: 570px !important; height: 300px; }
#testimonials .bx-viewport {width: 90% !important;}
#qqq {font-size: 100px; margin-left: -40px;}
.tc-arrows {  display: none; }
	
#test-text {margin:30px auto !important; width: 570px;}
#about-us .section-text {font-size: 22px;  width: 80%;  line-height: 1.4em !important;   margin: 0 auto; }
#team .section-text {font-size: 20px;  width: 80%;  line-height: 1.4em !important; margin: 0 auto; padding-bottom: 40px; padding-top: 10px;}
.benefit-item.go-fade-in:nth-child(3) {margin-top: 20px; }
.page-section #benefits {  margin-top: 0px !important; padding-top: 0px !important;}
.benefit-title { margin: 30px 0 0; font-size: 28px;}
.benefit-item.go-fade-in.span4 {
    margin: 15px auto;
 
}
#process-text { font-size: 18px !important; width: 90% !important; font-family: 'BentonSans' !important;}
.accordion > dt { font-size: 20px; }
#contacts .section-text { margin: 0 auto; width: 70%; font-size: 22px; padding-bottom: 10px !important;}
#contacts .section-heading {font-size: 44px;}
.google-map {display: none; }
.contact-form-wrap {margin-top: 0px; padding-bottom: 50px; }
.span4.contact-block.go-fade-in {margin-top: -10px; }
.contact-block {margin-top: 0px; }
.footer{ margin-top: 350px; }
.service-item { border: 1px solid rgba(252, 220, 75, 0.6); }
#work-hero, #hero-overlay2 { height: 450px; }
#contacts .section-text {width: 70%;}
.span4.contact-block.go-fade-in {
   
    margin-bottom: 20px;
   
}
.contact-form-wrap {padding: 60px 20px; background: #fde26c;}
.fa.fa-mobile-phone { font-size: 60px !important; }
.fa.fa-map-marker { font-size: 50px !important; }
.fa.fa-envelope { font-size: 40px !important; }
.contact-text { font-size: 16px;}
.contact-icon { margin-bottom: 20px; }
#footer-mid1, #footer-mid2 { display: none;}
#footer-mid0.span4 {width:100%; clear:both; float: none; text-align:center; padding-bottom: 30px;}
#footer-mid1 a {margin-left: 0px !important; }
.footer-right { clear: both; float: none; padding-right: 0; width: 100%; text-align:center; }
#footer-mid0 {padding-left: 0px !important;}
.works-grid li {width: 50%;}
.form-success h1 {
     font-size: 40px;
}
 }
.mobile-nav:hover, .mobile-nav.active, .mobile-nav {
    background: none repeat scroll 0 0 #FCDC4B;
    color: #FFFFFF;
    width: 100% !important;
}
.main-nav.mobile-on .mobile-nav:hover {}
mobile-nav {height: 45px !important; line-height: 45px !important;}
.mobile-on .desktop-nav ul > li > a {
    -moz-box-sizing: border-box;
    border-left: medium none;
    border-right: medium none;
    color: #FFFFFF !important;
    display: block;
    height: 45px !important;
    line-height: 45px !important;
    padding-bottom: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
.mobile-on .desktop-nav ul > li > a, .mobile-on .desktop-nav ul {
    color: #FFFFFF !important;
}
.mobile-on .desktop-nav ul {
    background: none repeat scroll 0 0 #FCDC4B !important;
    font-size: 22px;
    left: 0;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    width: 100%;
}
/* MOBILE MENU STYLES */
@media only screen and (max-width: 1024px) {
	.clearlist.scroll-nav { padding-left: 0 !important; }
	.work-full .sticky-wrapper {
    height: 0 !important;
}
	.mobile-on .mobile-nav{
	height: 55px !important;
}
	#drop li a , #drop > ul {
   display: none;
}
.full-wrapper {margin: 0 !important;}
*:before, *:after {
    -moz-box-sizing: border-box;
}
*:before, *:after {
    -moz-box-sizing: border-box;
}
.mobile-on .desktop-nav ul > li > a, .mobile-on .desktop-nav ul {
    border: medium none !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}
	ul, ol {margin-bottom: 0px;}
  	.page-section {
        padding: 80px 0;
    }
	
	#process.page-section {padding: 0 0;}
	#works.page-section {padding: 0 0;}
	process-text { font-size: 10px !important; line-height: 1.1em !important;}
	
	#services {padding-top: 0px; padding-bottom: 0px;}
	.service-item.js-hovered.service-opened.no-animate {
    background: url("../images/process-bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    left: 0;
    position: absolute;
    z-index: 9999;
	transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
}
.work-container {
    padding: 0 !important;
}
.work-full .sticky-wrapper.is-sticky {
    height: 0 !important;
}
.work-navigation.clearfix {
    left: auto !important;
    margin-left: 0;
    margin-right: 0;
    right: 15px !important;
}
.work-navigation {margin-top: 60px;}
.work-navigation.clearfix {
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 135px !important;
}
.work-full-title {top: 120px;}
.sticky-wrapper.is-sticky .main-nav { height: 0px; }
.work-full {top: 0px; }
#work-item h1 {  font-size: 24px; padding-left: 5px; padding-right: 5px; letter-spacing: 2px;}
#work-hero { height: 550px; }
#work-item .text {  font-size: 15px;  line-height: 1.4;  top: 240px;  width: 90%; }
#hero-overlay2 { height: 550px; opacity: 0.75; }
#imac-overlay {padding-top: 14px; width: 85%; }
#imac-screen {  padding-top: 22px; width: 84%; }
#imac {    padding-bottom: 0; }
#pix {    margin-top: 110px; }
#ipad {   margin-top: 0px;  padding-bottom: 40px;  padding-top: 40px; }
#ipad img {  width: 80%; }
.section-heading, .banner-heading {   margin-bottom: 0px !important;  font-size: 18px;}
.contact-banner-text {
    float: none;
    text-align: center;
    width: 100%;
}
.banner-heading {  font-size: 17px !important; }
.btn-spacia.btn-large {
    font-size: 16px;
    padding: 14px 60px;
}
.banner-button {
    clear: both;
    float: none;
    padding-top: 20px;
    width: 280px;
}
.work-contact-bottom {
    text-align: center;
    width: 100%;
	
}
.small-section {
    height: 230px;
    margin-top: -30px;
    padding-top: 50px;
}
.banner-button { margin: 0 auto; }
.service-item.js-hovered.service-opened.no-animate #process-text { padding-bottom: 20px !important; padding-top: 20px !important;}
	
	.service-item{ height:550px; }
	#services {height: 550px; }
	.service-item-inner { padding-top:10px;}
	.service-grid{ height: 550px; }
		
		#services .service-title {font-size: 34px;}
		#test-text {   font-size: 22px;  text-align:center; line-height: 1.4em;   margin: 210px auto;  width: 75% !important; }
		#testimonials {height: 800px;  }
		
	
	
		.tc-arrows {    bottom: 50px !important; padding-top: 0px !important; left: 0;  margin-left: auto;  margin-right: auto;  position: absolute !important; right: 0; text-align: center; z-index: 99999;}
		#test-overlay { height: 800px; opacity: 1 !important; }
		#author {font-size: 18px; }
		
		
    .margin-bot{
        margin-bottom: 40px;
    }
	.section-heading,
	.banner-heading{
		margin-bottom: 40px;
	}
	.section-text{
		margin-bottom: 40px;
	}
    .service-grid {
        margin-bottom: 40px;
    }
	.works-filter{
		margin-bottom: 40px;
	}
	.works-filter li{
       border-top: none;
    }
    .works-filter li.active{
       border-top: none;
	   color: #e54028;
    }
    .works-filter li:first-child,
	.works-filter li:last-child {
        margin: 0 10px;
    } 
	
	.benefit-item{
		width: 264px;
		padding: 0 15px;
	}
	
	.phone{
		margin-bottom: 40px;
	}
	
    #map-canvas {
        height: 300px;
    }
	
    .blog-container {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .blog-item {
        margin-bottom: 50px;
    }
	.blog-item-date{
		top: 0;
		left: -100px;
	}
	.blog-item-title{
		font-size: 34px;
	}
	.blog-item-body{
		font-size: 15px;
	}
	
	.home-image-slider .headings {
        font-size: 2.35em !important;
    }
}
#captcha {
 border: medium none;
    border-radius: 4px;
    float: right;
    font-family: 'BentonSans';
    font-size: 16px;
    height: 60px;
    padding: 5px 5px 5px 10px;
    transition: background 0.25s ease-in-out 0s;
	-webkit-transition: background 0.25s ease-in-out 0s;
    width: 75%;
    margin-bottom: 10px;
}
.contact-cleverbirds {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    width: 670px;
}
#captcha-text {
    float: left;
    font-size: 23px;
    font-weight: 100;
    height: 60px;
    letter-spacing: 3px;
    padding-top: 12px;
    width: 15%;
}