/* Ogopogo Labs CSS Document */
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
body{	
	margin:0;
	padding:0;
	background:#505a5e url(../images/bg_body.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
}
*:focus {outline: none;}
*::-moz-focus-inner {border: none; }
img{
	border:none;
	vertical-align:bottom;
}
.block{
	display:block;
}
.float_l{
	float:left !important;
}
.float_r{
	float:right !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}
.txt_l{
	text-align:left !important;
}	
form{
	margin:0;
}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{	
	color:#000;
}
a, a span{
	cursor:pointer;
}
div{
	margin:0; 
	padding:0;
}
ul,ol,li{
	padding:0;
	margin:0;
	list-style:none;
}
/*-----*/
div, a, span {
  	/*-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;*/
}
/*------*/
.w_auto{
	width:auto !important;
}
.w_100{
	width:100% !important;
}
.w_50{
	width:50% !important;
}
.rel{
	position:relative;
}
/*------*/
.margin_0{
	margin:0 !important;
}
/*------*/
.padding_0{
	padding:0 !important;
}
/****************** Preloader ******************/
body {
    overflow: hidden;
}
/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:90000;
	
	background: #4b5662; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YjU2NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmUzNjNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #4b5662 0%, #2e363f 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4b5662), color-stop(100%,#2e363f)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #4b5662 0%,#2e363f 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #4b5662 0%,#2e363f 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #4b5662 0%,#2e363f 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #4b5662 0%,#2e363f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5662', endColorstr='#2e363f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
#status {
    width:200px;
    height:35px;
    position:absolute;
    left:50%;
    top:50%;
	padding:45px 0 0 0;
    background:url(../images/preloader.gif) center top no-repeat;     
    margin:-40px 0 0 -100px;
	
	text-align:center;
	font-size:14px;
}
#preloader {
   filter: none;
}
/********** wrappers ***********/
.master_wrapper{
	width:100%;
	float:left;
	min-width:300px;
}
.master_wrapper .aside{	
	width:300px;
	float:left;	
	overflow:hidden;
}
.sticky_sidebar_wrap{
	width:100%;
	float:left;
}
.master_wrapper .section{
	overflow:hidden;
	position:relative;
	z-index:1;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.5);
}
/********** Header ***********/
.header{
	float:left;	
	background:#f6f6f6;		
	border-bottom:1px solid #fff;
	height:77px;	
	padding:0;
	position:fixed;
	right:0;
	top:0;
	
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	
	text-align:center;
	z-index:100;
}
.logo{	
	width:226px;
	height:67px;
	background:url(../images/icons.png) 0 0 no-repeat;
	margin:7px 15px 0 15px;
	position:relative;
	z-index:1;
	display:inline-block;	
}
.logo .arrow{
	display:none;
	width:24px;
	height:8px;
	float:left;
	background:url(../images/icons.png) 0 -68px no-repeat;
	position:absolute;
	left:18px;
	bottom:-11px;
}
.header .phone_num{
	float:right;		
	position:absolute;
	right:15px;
	top:5px;
	
	font-family: 'Fjalla One', sans-serif;
	font-size:30px;
	color:#ddd;
	line-height:68px;
	z-index:101;
}
.header .phone_num .icon{
	float:left;
	width:30px;
	height:67px;
	margin:0 6px;
	background:url(../images/icons.png) -820px 0 no-repeat;
}
.header .phone_num .txt{
	float:left;
}
/************** Nav *****************/
.aside *{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.aside ul, nav, .navigation li{
	width:100%;
	float:left;
}
.to_top_ul{
	display:none;
}
.navigation li{
	width:100%;
	min-width:300px;
	float:left;
	border-bottom:1px solid #5e6970;
}
.navigation a{
	width:100%;
	float:left;
	border-bottom:1px solid #3b424b;	
	position:relative;
	z-index:1;
}
.navigation a.toggle_nav{
	background:url(../images/bg_black_15.png) repeat;
}
.navigation a .icon{
	width:74px;
	height:76px;
	float:left;
	margin:0 6px;
	opacity:0.3;
	background:url(../images/icons.png) -227px 0 no-repeat;	
	position:relative;
	z-index:2;
}
.navigation a .txt{
	float:left;
	position:relative;
	z-index:2;
	padding:25px 0 0 0;
	
	font-family: 'Fjalla One', sans-serif;
	font-size:22px;
	color:#848a8d;
	text-transform:uppercase;
}
.navigation a .bg_shade{
	width:6px;
	height:100%;
	background:#30373c;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.navigation li:hover a .txt, .navigation  a.active .txt{
	color:#fff;
}
.navigation li:hover a .icon, .navigation  a.active .icon{
	opacity:1;
}
.navigation li:hover a .bg_shade, .navigation  a.active .bg_shade{
	width:100%;
}
/*---*/
.navigation a.nav_1 .icon{
	background-position:-301px 0;
}
.navigation a.nav_1 .bg_shade{
	background:#d36ba1;
}
.navigation a.nav_2 .icon{
	background-position:-375px 0;
}
.navigation a.nav_2 .bg_shade{
	background:#9675c0;
}
.navigation a.nav_3 .icon{
	background-position:-449px 0;
}
.navigation a.nav_3 .bg_shade{
	background:#759ac8;
}
.navigation a.nav_4 .icon{
	background-position:-523px 0;
}
.navigation a.nav_4 .bg_shade{
	background:#4ecdc4;
}
.navigation a.nav_5 .icon{
	background-position:-597px 0;
}
.navigation a.nav_5 .bg_shade{
	background:#b7d86c;
}
.navigation a.nav_6 .icon{
	background-position:-671px 0;
}
.navigation a.nav_6 .bg_shade{
	background:#ffa351;
}
.navigation a.to_top .icon{
	background-position:-745px 0;
}
.navigation a.to_top .bg_shade{
	background:#ff6b6b;
}
/*----*/
.navigation.mob{
	float:left;
	display:none;
}
.navigation.mob li{
	min-width:inherit;
	border:0;
}
.navigation.mob a{
	border:0;
}
.navigation.mob a .icon{
	height:77px;
	opacity:1;
}
.navigation.mob a .bg_shade{
	background:#999;
}
.navigation.mob a.toggle_nav{
	background:#ccc;
}
/*--------*/
.social_wrap{
	width:100%;
	float:left;
	padding:20px 0;
	text-align:center;	
}
.social_wrap a{
	width:50px;
	height:50px;
	display:inline-block;
	margin:0 8px 8px 8px;
	background:url(../images/icons.png) no-repeat;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	border:1px solid;
	
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out; 
}
.social_wrap a.fb{
	background-position:0 -77px;
	background-color:#3b5998;
	border-color:#5777bb;
}
.social_wrap a.tw{
	background-position:-50px -77px;
	background-color:#33cefe;
	border-color:#7be3ff;
}
.social_wrap a.in{
	background-position:-100px -77px;
	background-color:#006699;
	border-color:#008acf;
}
.social_wrap a.pin{
	background-position:-150px -77px;
	background-color:#cb2027;
	border-color:#eb3a41;
}
.social_wrap a:hover{
	-webkit-transform:rotate(360deg) scale(1.07,1.07);
    -moz-transform:rotate(360deg) scale(1.07,1.07);
    -o-transform:rotate(360deg) scale(1.07,1.07);
	/*-webkit-filter: blur(1px);*/
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.6);
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.6);
}
/****************************** Right Section *********************************/
.section_contents, .section_wrap{
	width:100%;
	float:left;
}
.section_slide{
	width:100%;	
	float:left;	
	background-attachment: fixed;
	position:relative;	
	z-index:1;	
	padding:78px 0 0 0;
}
.section_slide h2{
	display:block;
	margin:0 5% 20px 5%;
	
	font-size:50px;
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-weight:normal;	
	line-height:50px;	
	text-align:center;
}
.section_slide p{
	display:block;
	margin:0 0 15px 0;
	
	font-size:14px;
	color:#fff;
	line-height:20px;
}
/*---------------- Intro ------------------*/
.intro_wrap{	
	min-height:1000px;	
	background:#50a5d6 url(../images/bg_intro.png) repeat;	
	
	text-align:center;
	text-shadow: 1px 1px 2px #3a779a;
	
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.intro_cont{
	padding:5% 0;
}
.intro_wrap h1{
	display:block;
	margin:0 5% 10px 5%;
	
	font-size:42px;
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-weight:normal;	
	line-height:70px;	
}
.intro_wrap h1 span{
	display:block;
}
.intro_wrap h1 .font_76{
	line-height:85px;
}
.font_76{
	font-size:76px;
}
.font_70{
	font-size:70px;
}
.font_60{
	font-size:54px;
}
.intro_wrap p{
	display:block;
	margin:3% 10% 35px 10%;
	
	font-family: 'Fjalla One', sans-serif;	
	font-size:22px;
	line-height:32px;
}
/*----*/
.intro_wrap .slideshow{
	width:100%;
	padding:20px 0 30px 0;
	background:url(../images/bg_black_15.png) repeat;
}
.intro_wrap .slideshow_cont{
	padding:0 10px;
	
	font-family: 'Fjalla One', sans-serif;	
	font-size:42px;
	text-transform:uppercase;
}
.intro_wrap .slideshow_cont img{
	height:auto;
	margin:0 20px -10px 0;
}
/*-----*/
.scroll_down{
	width:100%;
	padding:30px 0 0 0;
}
.scroll_down .icon{
	width:90px;
	height:90px;
	display:inline-block;
	background:url(../images/icons.png) -290px -77px no-repeat;
}
/*
==============================================
floating
==============================================
*/
.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(10%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(10%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
/*---------------- Portfolio ------------------*/
.folio_wrap{		
	background:#363842;	
	padding:0;
}
.folio_cont{
	position:relative;
	z-index:1;
}
.folio_wrap h2{
	width:100%;
	float:left;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	background:url(../images/bg_black_40.png) repeat;
	z-index:2;
	
	font-size:22px;
	text-indent:15px;
	text-align:left;
}
.folio_wrap h2 a{
	float:right;
	padding:0 20px;
	background:#be578d url(../images/bg_stripes.png) 0 0 repeat;
	
	font-size:18px;
	text-indent:0;
	text-shadow: 1px 1px 1px #781f4e;
}
.folio_wrap h2 a, .folio_wrap h2 a *{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.folio_wrap h2 a:hover{
	color:#fff;
	background-color:#aa4379;
}
.folio_wrap h2 a .icon{
	display:inline-block;
	width:12px;
	height:15px;
	background:url(../images/icons.png) -201px -104px no-repeat;
	margin:0 0 0 4px;
}
.folio_wrap h2 a:hover .icon{
	margin:0 -6px 0 10px;
}
/*----*/
.folio_wrap ul{
	width:100%;
	float:left;
}
.folio_wrap ul li{
	width:25%;	
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
	background:#272b2e;
}
.folio_wrap ul li img{
	min-height:250px;
	background:url(../images/ajax_loader.gif) center no-repeat;
}
/*---*/
.folio_wrap ul li a.main_img{
	width:100%;
	float:left;
}
.folio_wrap ul li img{
	float:left;
	width:100%;
	height:auto;
	
	-webkit-transition: all 0.5s ease-in-out;
   	-moz-transition: all 0.5s ease-in-out;
   	-o-transition: all 0.5s ease-in-out;
   	-ms-transition: all 0.5s ease-in-out;
   	transition: all 0.5s ease-in-out;
}
.folio_wrap ul li:hover img{
	-webkit-transform: translateX(326px);
   	-moz-transform: translateX(326px);
   	-o-transform: translateX(326px);
   	-ms-transform: translateX(326px);
   	transform: translateX(326px);
}
.folio_wrap ul li .mask{
	width:100%;
	height:100%;
	float:left;
	background:#272b2e;
	position:absolute;
	left:0;
	top:0;
	/*display:none \8;*/
	
	-webkit-transform: translateX(-420px);
   	-moz-transform: translateX(-420px);
   	-o-transform: translateX(-420px);
   	-ms-transform: translateX(-420px);
   	transform: translateX(-420px);
   	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-transition: all 0.6s ease-in-out;
   	-moz-transition: all 0.6s ease-in-out;
   	-o-transition: all 0.6s ease-in-out;
   	-ms-transition: all 0.6s ease-in-out;
   	transition: all 0.6s ease-in-out;
}
.folio_wrap ul li:hover .mask{
	/*display:block \8;*/
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
	
	-webkit-transform: translateX(0px);
   	-moz-transform: translateX(0px);
   	-o-transform: translateX(0px);
   	-ms-transform: translateX(0px);
   	transform: translateX(0px);
}
/*----*/
.folio_wrap .mask .contents{
	display:block;
	padding:70px 20px 0 20px;
}
.folio_wrap .mask h5, .folio_wrap .mask h6{
	display:block;
	margin:0 0 10px 0;
	
	font-family: 'Fjalla One', sans-serif;	
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
}
.folio_wrap .mask h6{
	margin-bottom:5px;
	font-size:13px;
}
.folio_wrap .mask p{
	display:block;
	margin:0 0 15px 0;
	font-size:13px;
	color:#CCC;
}
.folio_wrap .btn{
	display:block;
	height:40px;
	background:#34393d;
	border-color:#3c4247;
	
	font-size:16px;
	color:#7d878e;
	line-height:40px;
}
.folio_wrap .btn:hover{
	background:#3c4247;
	color:#7d878e;
}
/*----*/
.folio_wrap .icon_wrap{
	float:left;
	padding:10px 5px;
	background:url(../images/bg_black_40.png) repeat;
	position:absolute;
	left:0;
	bottom:0;
}
.folio_wrap .icon_wrap .icon{
	float:left;
	height:20px;
	background:url(../images/icons.png) no-repeat;
}
.folio_wrap .icon_wrap .icon.mag{
	width:32px;
	margin-right:5px;
	background-position:-218px -102px;
	border-right:1px solid #d8d8d4;
}
.folio_wrap .icon_wrap .icon.desk{
	width:31px;
	background-position:-201px -77px;
}
.folio_wrap .icon_wrap .icon.tab{
	width:26px;
	background-position:-233px -77px;
}
.folio_wrap .icon_wrap .icon.mob{
	width:21px;
	background-position:-260px -77px;
}
.folio_wrap .open_tab{
	width:40px;
	height:40px;
	background:url(../images/icons.png) -247px -128px no-repeat;
	float:left;	
	position:absolute;
	right:0;
	bottom:0;
	
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.folio_wrap .open_tab:hover{
	background-color:#000;
}
/*----------*/
.folio_viewall{
	width:100%;
	float:left;
	padding:10px;
	background:#be578d url(../images/bg_stripes.png) 0 0 repeat;
	border-bottom:1px solid #ca6499;	
	
	text-align:center;
	font-size:18px;
	font-family: 'Fjalla One', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #781f4e;
}
.folio_viewall .icon{
	display:inline-block;
	width:12px;
	height:15px;
	background:url(../images/icons.png) -201px -104px no-repeat;
	margin:0 0 0 4px;
}
.folio_viewall:hover .icon{
	margin:0 -6px 0 10px;
}
.folio_viewall, .folio_viewall *{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.folio_viewall:hover{
	color:#fff;
	background-color:#aa4379;
}
/*---------------- Who we are ------------------*/
.who_wrap{		
	background:#557192;			
}
.who_cont{
	padding:3% 0 4% 0;
}
.who_wrap h2{
	text-shadow: 1px 1px 2px #213044;
	margin-bottom:30px;
}
.who_wrap .left{
	width:40%;
	float:left;
	padding-left:5%;
}
.who_wrap .right{
	width:40%;
	float:right;
	padding-right:5%;
}
.who_wrap p{
	color:#b5ceec;
}
.who_wrap ul{
	width:100%;
}
.who_wrap ul li{
	margin-bottom:10px;
	padding:0 0 0 30px;
	background:url(../images/icon_tick.png) 0 2px no-repeat;
	min-height:18px;
	
	color:#b5ceec;
	font-size:14px;
	line-height:20px;
}
/*---*/
.luv_hate{
	width:100%;
	position:relative;
	z-index:1;
	padding:0 0 0 0;
	
	font-family: 'Fjalla One', sans-serif;
	letter-spacing:1px;
	line-height:45px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #213044;
}
.luv_hate h5{
	font-size:35px;
	color:#b5ceec;
	font-weight:normal;
	margin:0 0 30px 0;
}
.luv_hate .slides_luv, .luv_hate .slides_hate{
	width:100% !important;	
	position:absolute;
	left:0;
}
.luv_hate .slides_luv h6, .luv_hate .slides_hate h6{
	display:block;
	background:#557192;
	width:90% !important;
	
	font-weight:normal;
	margin:0;
	font-size:35px;
	color:#e2efff;
}
.luv_hate .slides_luv h6, .luv_hate .slides_hate h6{
	margin-left:100px;
}
.luv_hate .slides_luv{	
	top:0px;
}
.luv_hate .slides_hate{	
	top:113px;
}
.luv_hate .sep{
	width:100%;
	height:1px;
	border-bottom:2px dashed #b5ceec;
	position:relative;
	margin-bottom:35px;
}
.luv_hate .refresh{
	width:40px;
	height:40px;
	float:left;
	background:url(../images/icons.png) -237px -327px no-repeat;
	position:absolute;
	left:50%;
	top:-18px;
	margin-left:-20px;
	
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out; 
}
.luv_hate .refresh:hover{
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
/*---------------- Our Clients ------------------*/
.clients_wrap{		
	background:#50acd6;
	overflow:hidden;
}
.clients_cont{	
	padding:3% 0 240px 0;
}
.clients_wrap .skyline{
	position:absolute;
	bottom:-200px;
	left:0 !important;
	width:100%;
	float:left;	
	
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
.clients_wrap .skyline img{
	width:100%;
	height:auto;
	min-width:900px;
}
.clients_wrap h2{
	text-shadow: 1px 1px 2px #2378ae;
}
.clients_wrap p{
	margin:0 5% 40px 5%;
	text-align:center;
}
.clients_wrap ul.clients{
	padding:0 5% 10px 5%;
	text-align:center;
}
.clients_wrap ul.clients li{
	display:inline-block;
	margin:0 30px 30px 30px;
}
/*---------------- Our Services ------------------*/
.services_wrap{		
	background:#fff;
	text-align:center;
}
.services_cont{	
	padding:3% 0 4% 0;
}
.services_wrap h2{
	color:#555;
}
.services_wrap p{
	margin:0 5% 50px 5%;
	color:#666;
}
.services_wrap ul li{
	display:inline-block;
	margin:0 3% 25px 3%;
}
/*-----*/
.services_wrap ul li .icon_wrap{
	display:inline-block;
	width:145px;
	height:145px;	
	border:2px solid #fff;
	-webkit-border-radius: 300px;
	border-radius: 300px;
	text-align:center;
}
.services_wrap ul li .icon_wrap .icon{
	display:inline-block;
	height:145px;
	background:url(../images/icons.png) no-repeat;
}
.services_wrap ul li .web .icon{
	width:103px;
	background-position:-381px -77px;
}
.services_wrap ul li .mob .icon{
	width:52px;
	background-position:-485px -77px;
}
.services_wrap ul li .mag .icon{
	width:85px;
	background-position:-538px -77px;
}
.services_wrap ul li .ecom .icon{
	width:88px;
	background-position:-624px -77px;
}
.services_wrap ul li .fb .icon{
	width:46px;
	background-position:-713px -77px;
}
.services_wrap ul li .gog .icon{
	width:88px;
	background-position:-760px -77px;
}
.services_wrap ul li .brand .icon{
	width:103px;
	background-position:-381px -223px;
}
.services_wrap ul li .des .icon{
	width:101px;
	background-position:-485px -223px
}
/*-----*/
.services_wrap ul li .web, .services_wrap ul li .mag, .services_wrap ul li .fb, .services_wrap ul li .brand{
	margin-right:-40px;
	z-index:2;
	position:relative;
}
/*-----*/
.services_wrap h3{
	display:block;
	margin:0 0 18px 0;
	
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif;	
}
.services_wrap ul li.one h3{
	color:#d36ba1;
}
.services_wrap ul li.one .icon_wrap{
	background-color:#f4a0cc;
}
.services_wrap ul li.two h3{
	color:#759ac8;
}
.services_wrap ul li.two .icon_wrap{
	background-color:#97b8e0;
}
.services_wrap ul li.three h3{
	color:#b0d851;
}
.services_wrap ul li.three .icon_wrap{
	background-color:#bfe565;
}
.services_wrap ul li.four h3{
	color:#ff6b6b;
}
.services_wrap ul li.four .icon_wrap{
	background-color:#ff8c8c;
}
/*---------------- Our Process ------------------*/
.process_wrap{		
	background:#998296;
	text-align:center;
}
.process_cont{	
	padding:3% 0 4% 0;
}
.process_wrap h2{
	text-shadow: 1px 1px 2px #664d62;
}
.process_wrap p{
	margin:0 5% 40px 5%;
}
.process_wrap h4{
	display:block;
	margin:0;
	
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif;	
}
.process_wrap ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}
/*----*/
.process_wrap ul .icon_wrap{
	display:inline-block;
	width:130px;
	height:130px;
	-webkit-border-radius: 300px;
	border-radius: 300px;	
	background:#c0a6bd;
	margin:0 0 10px 0;
	text-align:center;
}
.process_wrap ul .icon_wrap .icon{
	height:130px;
	display:inline-block;
	background:url(../images/icons.png) no-repeat;
}
.process_wrap ul .one .icon{
	width:69px;
	background-position:0 -128px;
}
.process_wrap ul .two .icon{
	width:82px;
	background-position:-70px -128px;
}
.process_wrap ul .three .icon{
	width:83px;
	background-position:-153px -128px;
}
.process_wrap ul .four .icon{
	width:65px;
	background-position:0 -259px;
}
.process_wrap ul .five .icon{
	width:43px;
	background-position:-66px -259px;
}
.process_wrap ul .six .icon{
	width:46px;
	background-position:-110px -259px;
}
.process_wrap ul .seven .icon{
	width:36px;
	background-position:-157px -259px;
}
/*----*/
.process_wrap ul .arrow{
	display:inline-block;
	width:42px;
	height:130px;
	background:url(../images/icons.png) -194px -259px no-repeat;
}
/*---------------- Contact us ------------------*/
.contact_wrap{	
	background:#666;
	padding:0;
}
.contact_cont{	
}
.contact_wrap .toggle{
	float:left;
	width:27px;
	height:51px;
	position:absolute;
	right:0;
	top:50%;
	margin:-26px 0 0 0;
	background:url(../images/icons.png) -247px -169px no-repeat;
}
.contact_wrap .toggle.minimized{
	background-position: -247px -221px;
	right:inherit;
	left:0;
}
.contact_wrap .left{
	width:100%;	
	height:350px;
	max-width:345px;
	float:left;
	overflow:hidden;
	border-right:1px solid #608641;
	position:relative;
	z-index:1;
	background:#9ac07e;
}
.contact_wrap .right{
	overflow:hidden;	
	height:350px;
}
.contact_wrap .left_cont{
	padding:30px 20px 30px 40px;
	min-width:220px;
}
.contact_wrap .left_cont p{
	font-size:16px;
	font-weight:bold;
}
.contact_wrap .left_cont p a{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.contact_wrap .left_cont p .label{
	display:inline-block;
	width:55px;
	font-weight:normal;
}
.contact_wrap h2{
	font-size:30px;
	margin:0 0 10px 0;
	text-align:left;
	text-shadow: 1px 1px 2px #628d43;
}
.contact_wrap h5{
	display:block;
	margin:0;
	
	font-size:17px;
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-weight:normal;	
	letter-spacing:1px;
}
.contact_form .thank_you{
	padding:15px 0 0 0;
	border-top:1px solid #fff;
	
	line-height:20px;
}
/*-----*/
ul.form_list{
	padding:15px 0 0 0;
	border-top:1px solid #fff;
}
ul.form_list li{
	padding:0 0 12px 0;
}
ul.form_list label{
	display:block;
	padding:0 0 3px 0;
	font-size:12px;
}
ul.form_list li.fields .inputbox{
	width:48%;
	float:right;
}
ul.form_list li.fields .inputbox:first-child{
	float:left;
}
ul.form_list .input_txt{
	width:94%;
	padding:0 3%;
	height:25px;
	border:1px solid #7aa35b;
	background:#fff;	
	
	font-size:13px;
	color:#7aa35b;
}
ul.form_list .input_txt:focus{
	color:#456d27;
	border-color:#456d27;
}
ul.form_list textarea.input_txt{
	height:70px;
	width:94%;
	padding:3%;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:inherit;
}
.btn{
	display:inline-block;
	padding:0 18px;
	height:30px;
	border:1px solid #507334;
	background:#608641;
	
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	line-height:31px;
	letter-spacing:1px;
	
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.btn:hover{
	background:#507334;
	color:#fff;
}
.btn_wrap .btn{
	float:right;
}
.slide_unlock{
	display:none;
}
/************************ QapTcha CSS ******************************/
.QapTcha {float:left;width:100%; position:relative; z-index:1; margin:14px 0 0 0;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {width:100%; max-width:100px; height:2px;float:left;background-color:#fff;}
.QapTcha .Slider{width:40px;height:17px;background:#608641 url(../images/icons.png) -279px -169px no-repeat;cursor:e-resize;position:relative;top:-9px !important;left:0;
	border:1px solid #507334;
}
.QapTcha .Slider:hover{
	background-color:#507334;
}
.QapTcha .TxtStatus {width:100%;text-align:left;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;clear:both;
	position:absolute;
	left:0;
	bottom:-41px;
	line-height:12px;
}
.QapTcha .dropSuccess {color:#fff}
.QapTcha .dropError {color:#fff}
.QapTcha .ui-draggable-disabled{
	opacity:1 !important;
	cursor:default !important;
	background-color:#aeaeae;
	border-color:#878787;
}
.QapTcha .ui-draggable-disabled:hover{
	background-color:#aeaeae !important;
}
/*---------------- Portfolio ------------------*/
.portfolio_list{
	padding:78px 0 0 0;	
}
.portfolio_list *{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.portfolio_list, .portfolio_list li, .portfolio_list li a{
	width:100%;	
	float:left;
	overflow:hidden;	
}
.portfolio_list li{
	min-height:90px;
 	cursor:pointer;
	background:#272b2e url(../images/ajax_loader.gif) center no-repeat;
	position:relative;
	z-index:1;
	color:#272b2e;
}
.portfolio_list li a > img{
	width:100%;
	height:auto;
	min-width:300px;
}
.portfolio_list .client{
	width:15%;
	height:100%;
	padding:5%;
	float:right;
	background:url(../images/bg_black_70.png) repeat;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
}
.portfolio_list .client img{
	max-width:100%;
	height:auto;	
}
.portfolio_list .details{
	width:65%;
	height:100%;
	padding:5%;
	float:left;	
	background:url(../images/bg_black_70.png) repeat;
	position:absolute;
	left:-75%;
	top:0;
}
.portfolio_list li:hover .details{
	left:0;
}
.portfolio_list .details h2{
	display:block;
	margin:0 0 15px 0;
	
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-weight:normal;
}
.portfolio_list .details .btn{
	background:#000;
	border-color:#333;
}
.portfolio_list .details .btn:hover{
	background:#222;
}
.portfolio_list .details p{
	line-height:20px;
	margin:0 0 20px 0;
	color:#c7c7c7;
}
/************* Footer **************/
footer{
	width:100%;
	float:left;
	padding:12px 0;
	background:#4d575c;
	border-top:1px solid #e8e8e8;
}
footer .copyright{
	display:block;
	text-align:center;
	
	font-size:11px;
	color:#c4c4c4;
}
/************** Fonts ***************/

/************************************* Fancy Box Contents *****************************/
.fbox_wrap, .fbox_cont, .fbox_folio_head, .fbox_gallery, .fbox_folio_details, .fbox_gallery_cont{
	width:100%;
	float:left;
	box-sizing:border-box;
}
.fbox_folio{
	background:#1d2326;
}
.fbox_folio_head{
	padding:10px 80px 6px 10px;
	border-bottom:1px solid #22343f;
	cursor:pointer;
	
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.fbox_folio_head:hover{
	background:#27333a;
}
.fbox_folio_head .name{
	/*width:100%;
	float:left;
	border-bottom:1px solid #22343f;
	margin:0 0 5px 0;*/
	float:left;
	padding:0;
	margin:0 10px 0 0;
	
	color:#7791a1;
	font-family: 'Fjalla One', sans-serif;
	font-size:25px;
	text-transform:uppercase;
}
.fbox_folio_head .details, .fbox_folio_head .more_less{
	display:inline-block;	
	float:left;
	font-size:12px;
	color:#617886;
	padding:14px 0 0 0;
	margin:0 20px 0 0;
}
.fbox_folio_head .more_less{
	margin:0;
	float:right;
	text-transform:uppercase;		
	color:#ff6b6b;
	font-size:11px;
}
.fbox_folio_head .less, .fbox_folio_head.active .more{
	display:none;
}
.fbox_folio_head.active .less, .fbox_folio_head .more{
	display:block;
}
.fbox_gallery{
	position:relative;
	z-index:30;
	overflow:hidden;
}
.fbox_folio_details{
	padding:20px;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:200;
	height:100%;
	overflow:auto;
	background:url(../images/bg_black_90.png) repeat;
	
	color:#fff;
}
.fbox_folio_details p{
	display:block;
	margin:0 0 18px 0;
}
.fbox_folio_details h4{
	display:block;
	padding:0 0 5px 0;
	margin:0 0 18px 0;
	border-bottom:1px solid #30434e;
	
	color:#fff;
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
	background:#16252e;
}
.fancybox-skin {
	position: relative;	
	color: #444;
	text-shadow: none;	
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close{
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 8040;
	width:50px;
	height:50px;
	background:url(../images/icons.png) -279px -192px no-repeat;
	
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.fancybox-close:hover{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);	
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/********************************* Flex Slider Contents ************************************/
.fbox_gallery_cont ul.slides, .fbox_gallery_cont .slides li{
	width:100%;
	float:left;
}
.fbox_gallery_cont li img{
	width:100%;
	height:auto;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/*--------*/
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 50px; height: 59px; margin: -30px 0 0; display: block; background: url(../images/icons.png) no-repeat -279px -243px; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.5; 
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; }
.flex-direction-nav .flex-next {background-position: -279px -304px; right: -10px; }
.flex-direction-nav .flex-prev {left: -10px;}
.flexslider:hover .flex-next {right: 0px;}
.flexslider:hover .flex-prev {left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; display:none;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; height:10px; overflow:hidden; background:url(../images/bg_black_70.png) repeat; padding:5px 0;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #212b30; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border:1px solid #a5de28; 
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out; 
}
.flex-control-paging li a:hover { background: #3c4547; border-color:#d3fc7a; }
.flex-control-paging li a.flex-active { background: #a5de28; border-color:#d3fc7a; cursor: default; }
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev, .flexslider:hover .flex-prev {opacity: 0.5; left: -10px;}
  .flex-direction-nav .flex-next, .flexslider:hover .flex-next {opacity: 0.5; right: -10px;}
}
/******************************* Responsive Styles *******************************/
@media only screen and (max-width: 1700px) {
	.process_wrap ul li{
		margin-right:0;
		margin-left:0;
	}
}
@media only screen and (max-width: 1550px) {
	.process_wrap ul .arrow{
		width:22px;
		background-position:-214px -259px;
	}	
	/***********/
	.clients_wrap .skyline{
		bottom:-200px;
	}
}
@media only screen and (max-width: 1400px) {
	.folio_wrap .mask p{
		line-height:16px;
	}	
	.process_wrap ul li.arrow_li{
		display:none;
	}
	.process_wrap ul li{
		margin-right:5px;
		margin-left:5px;
	}	
	/***********/
	.clients_cont{
		padding-bottom:140px;	
	}
	.clients_wrap .skyline{
		bottom:-100px;
	}
}
@media only screen and (max-width: 1200px) {		
}
@media only screen and (max-width: 1100px) {
	.logo{
		float:left;
	}
	.header .phone_num{
		font-size:25px;
	}
	/*********************/
	.folio_wrap .mask p, .folio_wrap .mask h6{
		display:none;
	}
	/*********************/
	.who_wrap .right, .who_wrap .left{
		width:90%;
		padding:0 5%;
	}
	.who_wrap .right{
		padding-top:15px;
	}
	.luv_hate h5{
		margin-bottom:15px;
	}
	.luv_hate .sep{
		margin-bottom:20px;
	}
	.luv_hate .slides_hate{
		top:83px;
	}
	.luv_hate h5, .luv_hate .slides_luv h6, .luv_hate .slides_hate h6{
		font-size:25px;
	}
	.luv_hate .slides_luv h6, .luv_hate .slides_hate h6{
		margin-left:75px;
	}
	/*********************/
	.portfolio_list .details p{
		line-height:16px;
		font-size:13px;
		margin:0 0 15px 0;
	}
	/***************/
	.clients_wrap .skyline{
		bottom:50px;
	}
}
@media only screen and (max-width: 999px) {	
	.master_wrapper .aside{
		width:80px;
	}
	/*********************/
	.folio_wrap .mask p, .folio_wrap .mask h6{
		display:block;
	}
	/******************/
	.portfolio_list .details h2{
		font-size:24px;
		margin-bottom:10px;
	}
	.portfolio_list .details{
		padding:2%;
		width:66%;
	}
	.portfolio_list .client{
		padding:2%;
		width:26%;
	}
}
@media only screen and (max-width: 959px) {
	.folio_wrap ul li{
		width:50%;
	}	
	.folio_wrap .mask .contents{
		padding:20px;
	}
	.folio_wrap h2{
		position:static;
	}
}
@media only screen and (max-width: 849px) {	
	.clients_wrap .skyline{
		bottom:0px;
	}			
}
@media only screen and (max-width: 799px) {	
}
@media only screen and (max-width: 767px) {	
	.header .phone_num{
		display:none;
	}
	.logo{
		float:none;
		margin:5px 5px 0 5px;
	}
	/*********************/	
	.who_wrap ul li{
		font-size:12px;
		line-height:17px;
	}
	/********************/
	.section_slide h2{
		font-size:35px;
		margin-bottom:15px;
	}
	.services_wrap h3{
		font-size:18px;
	}
	.folio_wrap h2{
		font-size:18px;
		margin:0;
		line-height:43px;
	}
	.folio_wrap h2 a{
		font-size:14px;
	}
	.section_slide p{
		font-size:12px;
		line-height:17px;
	}
	.services_wrap p{
		margin-bottom:25px;
	}
	.services_wrap h3{
		margin-bottom:12px;
	}
	/******************/
	.intro_wrap p{
		font-size:18px;
		line-height:22px;
	}
	.intro_wrap h1{
		font-size:30px;
		line-height:55px;
	}
	.font_60{
		font-size:43px;
	}
	.font_76{
		font-size:60px;
	}
	.intro_wrap h1 .font_76{
		line-height:68px;
	}
	.intro_wrap .slideshow_cont img{
		width:80px;
		margin:0 5px -7px 0;
	}
	.intro_wrap .slideshow_cont{
		font-size:28px;
	}
	.font_70{
		font-size:50px;
	}
	.intro_wrap .slideshow{
		padding:15px 0 25px 0;
	}
	/*************/
	.portfolio_list .details{
		display:none;
	}	
	.portfolio_list li:hover .client{
		width:96%;
	}
	.portfolio_list .client img{
		max-height:80px;
		width:auto;
	}
	/**************/
	.clients_wrap .skyline{
		bottom:250px;
	}
	/*************/
	.fbox_folio_head .details{
		display:none;
	}
	/*************/
	.contact_form .thank_you{
		font-size:12px;
		line-height:17px;
	}
}
@media only screen and (max-width: 599px) {	
	.header{
		width:100% !important;
	}
	.master_wrapper .aside{
		width:0px;
	}	
	.navigation.mob{
		display:block;
	}
	.social_wrap a{
		margin:0 1px 8px 1px;
	}
	.navigation a .txt{
		font-size:18px;
		padding-top:15px;
	}
	.logo{
		width:150.5px;
		height:44.5px;
		background-size:566.5px 266.5px;
	}
	.logo .arrow{
		display:none;
	}
	.header{
		height:52px;
	}
	.navigation a .icon{
		width:50px;
		height:51px;
		background-size:566.5px 266.5px;
		background-position:-150px 0;
	}
	.navigation.mob a .icon{
		height:51px;
		margin:1px 0 0 0;
	}
	/*---*/
	.navigation a.nav_1 .icon{
		background-position:-199px 0;
	}
	.navigation a.nav_2 .icon{
		background-position:-247px 0;
	}
	.navigation a.nav_3 .icon{
		background-position:-296px 0;
	}
	.navigation a.nav_4 .icon{
		background-position:-346px 0;
	}
	.navigation a.nav_5 .icon{
		background-position:-395px 0;
	}
	.navigation a.nav_6 .icon{
		background-position:-444px 0;
	}
	.navigation a.to_top .icon{
		background-position:-493px 0;
	}
	/*---*/
	.social_wrap a{
		width:33px;
		height:33px;
		background-size:566.5px 266.5px;
	}
	.social_wrap a.fb{
		background-position:0 -51px;		
	}
	.social_wrap a.tw{
		background-position:-34px -51px;
	}
	.social_wrap a.in{
		background-position:-66px -51px;
	}
	.social_wrap a.pin{
		background-position:-100px -51px;
	}
	/*************************/
	.intro_wrap .slideshow_cont img{
		width:45px;
		margin:0 5px -3px 0;
	}
	.intro_wrap .slideshow_cont > span{
		display:inline-block;
	}
	.font_70{
		font-size:30px;
	}
	.intro_wrap .slideshow_cont{
		font-size:20px;
	}
	.intro_wrap .slideshow{
		padding:10px 0 12px 0;
	}
	.intro_wrap p{
		margin:0 5% 15px 5%;
	}
	.intro_cont{
		padding-top:0;
	}
	.scroll_down{
		padding-top:15px;
	}
	.scroll_down .icon{
		width:60px;
		height:60px;
		background-size:566.5px 266.5px;
		background-position:-193px -51px;
	}
	/**********************/
	.portfolio_list{
		padding-top:53px;
	}
	/**********************/
	.clients_wrap .skyline{
		display:none !important;
	}
	.clients_cont{
		padding-bottom:10px;
	}
}
@media only screen and  (max-width: 479px) {
	.folio_wrap ul li{
		width:100%;
	}	
	/*****************/
	.services_wrap ul li{
		margin-right:0;
		margin-left:0;
	}
	.services_wrap ul li .icon_wrap{
		width:109px;
		height:109px;
	}
	.services_wrap ul li .icon_wrap .icon{
		height:109px;
		background-size:638px 300px;
	}
	.services_wrap ul li .web .icon{
		width:77px;
		background-position:-285px -57px;
	}
	.services_wrap ul li .mob .icon{
		width:39px;
		background-position:-364px -57px;
	}
	.services_wrap ul li .mag .icon{
		width:64px;
		background-position:-403px -57px;
	}
	.services_wrap ul li .ecom .icon{
		width:66px;
		background-position:-468px -57px;
	}
	.services_wrap ul li .fb .icon{
		width:35px;
		background-position:-534px -57px;
	}
	.services_wrap ul li .gog .icon{
		width:66px;
		background-position:-569px -57px;
	}
	.services_wrap ul li .brand .icon{
		width:77px;
		background-position:-285px -170px;
	}
	.services_wrap ul li .des .icon{
		width:71px;
		background-position:-364px -167px;
	}
	/*****************/
	.contact_wrap .left_cont{
		padding:15px 20px;
	}
	/****************/
	.intro_wrap .slideshow_cont .skip{
		display:none;
	}
	.intro_wrap p{		
		font-size:15px;
		line-height:21px;
	}
	.intro_wrap h1{
		font-size:25px;
		line-height:35px;
	}
	.font_60{
		font-size:40px;
		line-height:45px;
	}
	.intro_wrap h1 .font_76{
		font-size:50px;
		line-height:55px;
	}
	/****************/
	.fbox_folio_head{
		padding:5px 55px 5px 5px;
	}
	.fbox_folio_head .more_less{
		float:left;
		padding-top:5px;
		width:100%;
	}
	.fbox_folio_head .name{
		font-size:20px;
	}
	.fbox_folio_details{
		padding:10px;
	}
	.fbox_folio_details p{
		font-size:12px;
	}
	.fbox_folio_details h4{
		font-size:16px;
		margin-bottom:10px;
	}
	/*****************/	
}
@media only screen and  (max-width: 319px) {
		
}
/*Retina graphics!*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx),
only screen and (                     max-width: 767px) {   	
.logo .arrow, .header .phone_num .icon, .folio_wrap h2 a .icon, .folio_wrap .icon_wrap .icon, .folio_wrap .open_tab, .folio_viewall .icon, .process_wrap ul .icon_wrap .icon, .process_wrap ul .arrow, .contact_wrap .toggle, .QapTcha .Slider, .fancybox-close, .flex-direction-nav a, .luv_hate .refresh{
	background-image:url(../images/icons2x.png);
	background-size:850px 400px;
}
#status {
	background-image:url(../images/preloader2x.gif);
	background-size:30px 30px;
}
.folio_wrap ul li img, .portfolio_list li{
	background-image:url(../images/ajax_loader2x.gif);
	background-size:20px 20px;
}
.who_wrap ul li{
	background-image:url(../images/icon_tick2x.png);
	background-size:16px 14px;
}
}
/********************************************************************************************/
.toggle_wrap_nav, div.toggle_wrap_contact, .intro_wrap *{
	-o-transition: none !important;
	-ms-transition: none !important;	
	-moz-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}
.clearfix:after, .intro_cont:after, .who_cont:after, .left_cont:after, .fields:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{
	clear:both;
	height:0;
	line-height:0;
}