/*html {font-size: 62.5%;}*/
body{
	background-color: #f9f9f9;
	color: #333;
	font-family: font-family: "ProximaNovaRegular";
    font-weight: normal;
	height: 100%;
}
a:focus {
  outline: none;
}
ul{list-style-type: none; padding: 0;}
img{max-width: 100%;}
.navbar {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  margin-bottom: 0;
  text-transform: uppercase;
}
.logo{float: left; padding: 20px 0; text-align: left;}
.navbar-right{margin: 20px 0 0 0;}
.navbar-right a{color: #fff;}
.content{margin-top: 80px;}
.banner-home{
	background: #000 url(../images/bg-home.jpg) no-repeat 0 30px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;		
}
.video-wrapper{border: 10px solid rgba(255,255,255,0.3); height: 259px; margin: 60px auto 0 auto; width: 442px;}

/* ===== FILTER SIDEBAR ===== */

/* IE9 hack */
:root input[type="checkbox"]{ margin-top: 6px \0/IE9; }

/* IE10 hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	input[type="checkbox"] {
	  margin: 6px 0 0 0;
	}
}
.gs-oc-sidebar h2 {
  font-family: "ProximaNovaSemibold";
  font-size: 14px;
  margin-top: 0;
  text-transform: uppercase;
}
.gs-oc-sidebar h2 span a{color: #333; font-size: 12px; text-decoration: none;}
.gs-oc-sidebar h2 span a:hover{color: #333;}
.sidebar-accordion h3{
	font-family: "ProximaNovaLight";
	font-size: 15px;
	margin: 0;
}

.sidebar-accordion.accordion-block{
	float:left;
	width: 100%;	
}
.sidebar-accordion.ui-widget,
#gs-filter-accordion.ui-widget{
	font-family: "ProximaNovaLight";
	font-size: 15px;
}
.sidebar-accordion .ui-accordion-icons,
#gs-filter-accordion .ui-accordion-icons{
	font-family: "ProximaNovaSemibold";
	font-size: 15px;
	padding: 0;
}
.sidebar-accordion .ui-accordion-header,
#gs-filter-accordion .ui-accordion-header{
	margin-top: 0;
}
.sidebar-accordion .ui-accordion-content,
#gs-filter-accordion .ui-accordion-content{
	/*border-bottom: 1px solid #e6e6e6 !important;*/
	padding: 0 0 10px 0;
}

.sidebar-accordion .ui-widget-content,
#gs-filter-accordion .ui-widget-content{
	background: transparent none;
	border:0; position:relative;
}

#gs-filter-accordion .ui-widget-content{
	/*min-height: 175px;
	overflow: hidden; */
}

/* Corner radius
----------------------------------*/
.sidebar-accordion .ui-corner-all, 
.sidebar-accordion .ui-corner-top, 
.sidebar-accordion .ui-corner-left, 
.sidebar-accordion .ui-corner-tl,
#gs-filter-accordion .ui-corner-all,
#gs-filter-accordion .ui-corner-top, 
#gs-filter-accordion .ui-corner-left, 
#gs-filter-accordion .ui-corner-tl{border-top-left-radius: 0;}

.sidebar-accordion .ui-corner-all, 
.sidebar-accordion .ui-corner-top, 
.sidebar-accordion .ui-corner-right, 
.sidebar-accordion .ui-corner-tr,
#gs-filter-accordion .ui-corner-all,
#gs-filter-accordion .ui-corner-top,
#gs-filter-accordion .ui-corner-right,
#gs-filter-accordion .ui-corner-tr{border-top-right-radius: 0;}

.sidebar-accordion .ui-corner-all, 
.sidebar-accordion .ui-corner-bottom, 
.sidebar-accordion .ui-corner-left, 
.sidebar-accordion .ui-corner-bl,
#gs-filter-accordion .ui-corner-all,
#gs-filter-accordion .ui-corner-bottom,
#gs-filter-accordion .ui-corner-left,
#gs-filter-accordion .ui-corner-bl{border-bottom-left-radius: 0;}

.sidebar-accordion .ui-corner-all, 
.sidebar-accordion .ui-corner-bottom, 
.sidebar-accordion .ui-corner-right, 
.sidebar-accordion .ui-corner-br,
#gs-filter-accordion .ui-corner-all, 
#gs-filter-accordion .ui-corner-bottom, 
#gs-filter-accordion .ui-corner-right, 
#gs-filter-accordion .ui-corner-br{border-bottom-right-radius: 0;}

/* Interaction states
----------------------------------*/
.sidebar-accordion .ui-state-default,
.sidebar-accordion .ui-widget-content .ui-state-default, 
.sidebar-accordion .ui-widget-header .ui-state-default,
#gs-filter-accordion .ui-state-default,
#gs-filter-accordion.ui-widget-content .ui-state-default, 
#gs-filter-accordion .ui-widget-header .ui-state-default{	
	background: transparent none;
	border-bottom: 1px solid #e6e6e6;
	border-top:0;
	border-right:0;
	border-left:0;	
	color: #333;
	padding: 5px 0;
}
.sidebar-accordion .ui-state-hover,
.sidebar-accordion .ui-widget-content .ui-state-hover,
.sidebar-accordion .ui-widget-header .ui-state-hover,
.sidebar-accordion .ui-state-focus,
.sidebar-accordion .ui-widget-content .ui-state-focus,
.sidebar-accordion .ui-widget-header .ui-state-focus,

#gs-filter-accordion .ui-state-hover,
#gs-filter-accordion .ui-widget-content .ui-state-hover,
#gs-filter-accordion .ui-widget-header .ui-state-hover,
#gs-filter-accordion .ui-state-focus,
#gs-filter-accordion .ui-widget-content .ui-state-focus,
#gs-filter-accordion .ui-widget-header .ui-state-focus{
	background: transparent none;
	border-bottom: 1px solid #e6e6e6;
	border-top:0;
	border-right:0;
	border-left:0;
	color: #333;
	padding: 5px 0;
}
.sidebar-accordion .ui-state-active, 
.sidebar-accordion .ui-widget-content .ui-state-active, 
.sidebar-accordion .ui-widget-header .ui-state-active,

#gs-filter-accordion .ui-state-active, 
#gs-filter-accordion .ui-widget-content .ui-state-active, 
#gs-filter-accordion .ui-widget-header .ui-state-active{
	background: transparent none;
	border: 0;
	color: #333;
	padding: 5px 0;
}

.sidebar-accordion h3.ui-state-active, 
.sidebar-accordion h3.ui-state-active, 
.sidebar-accordion h3.ui-state-active,

#gs-filter-accordion h3.ui-state-active, 
#gs-filter-accordion h3.ui-state-active, 
#gs-filter-accordion h3.ui-state-active{
	border-bottom: 0px solid #e6e6e6;
	color: #333;
	padding: 5px 0;
}

.sidebar-accordion .ui-accordion-header-icon,
#gs-filter-accordion .ui-accordion-header-icon{
    display: none;
	left: auto !important;
	right: 0;
    margin-top: -8px;
    top: 50%;
}
.sidebar-accordion .ui-state-default .ui-icon,
#gs-filter-accordion .ui-state-default .ui-icon{
	background-image: url(../images/icon-acc-plus.png); 
	background-position: left 4px;
}
.sidebar-accordion .ui-state-hover .ui-icon,
#gs-filter-accordion .ui-state-hover .ui-icon{
	background-image: url(../images/icon-acc-plus.png);
	background-position: left -29px;
}
.sidebar-accordion .ui-state-active .ui-icon,
#gs-filter-accordion .ui-state-active .ui-icon{
	background-image: url(../images/icon-acc-minus.png);
	background-position: left 4px;
}
.sidebar-accordion ul,
#gs-filter-accordion ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar-accordion ul li,
#gs-filter-accordion ul li{
	color: #333;
	float: left;
	width: 100%;
}
.sidebar-accordion ul li a:link,
.sidebar-accordion ul li a:visited,
#gs-filter-accordion ul li a:link,
#gs-filter-accordion ul li a:visited{
	color: #333;
	display: block;
	padding: 5px 0;
	text-decoration: none;
}
.sidebar-accordion ul li a:hover,
#gs-filter-accordion ul li a:hover{
	color: #333;
}
span.gs-filter-reset{float: right; margin-right: 24px;}
span.gs-filter-reset a{color:#AAA !important;}
span.gs-filter-reset a:hover{color:#333 !important;}

ul.gs-filter{list-style-type: none; margin: 0; padding: 0;}
ul.gs-filter li{float: left; width: 100%;}
ul.gs-filter li span{
	display: inline-block;
    font-weight: 700;
    margin: 3px 0 0 5px;
    vertical-align: top;
    width: 162px;
}

/* ===== HEADER ===== */

.navbar-right ul li{float: left; margin-left: 20px;}
.navbar-right ul li:first-child{margin-left: 0;}
.btn-user{
	font-family: "ProximaNovaRegular";
	padding: 9px 10px 6px;
}

.navbar-search-bar {
  width: 100%;
}
.navbar-search {
  font-size: 16px;
  height: 2.3em;
  line-height: 2em;
  overflow: hidden;
  position: relative;
  width: 100%;
}
input.navbar-search-box {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #666;
  color: #FFF;
  font-family: "ProximaNovaRegular";
  font-size: inherit;
  height: 100%;
  line-height: 35px !important;
  margin: 0;
  outline: medium none;
  padding: 0 10px 0 2.5em;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
button.search-submit {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #ababab;
  font-size: inherit;
  height: 100%;
  left: 0;
  outline: medium none;
  padding: 0 1em;
  position: absolute;
  top: 0;
}
button.search-submit:before{
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: 12px;
}

/* ===== WORK ===== */

h1.page-title{font-family: "ProximaNovaLight"; margin-bottom: 0;}
.updated{font-size: 12px; margin-top: 15px;}
.work > li{background-color: #FFF; border-bottom: 0px dotted #ccc; margin-top: 25px; padding: 15px; box-shadow: 0 12px 24px rgba(0,0,0,0.4); -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.4);}
.work > li:first-child{margin-top: 0;}
.work > li:nth-child(2n){padding-top: 15px;}
.project-screen{border: 1px solid #efefef;}
.client-name{font-family: "ProximaNovaSemibold"; font-size: 18px; text-transform: uppercase;}
.client-name span{display: block; font-family: "ProximaNovaRegularItalic"; font-size: 14px; text-transform: none;}
.project-type{font-family: "ProximaNovaRegularItalic";}
.project-brief{font-family: "ProximaNovaLight"; margin-top: 15px;}
.project-info ul li{background-color: transparent; border-bottom: 0; float: left; font-family: "ProximaNovaRegularItalic"; margin: 10px 10px 0 0; padding: 0 0 0 10px; position: relative;}
.project-info ul li:first-child{margin-top: 10px;}
.project-info ul li:nth-child(2n){background-color: transparent; padding-top: 0; }
.project-info ul li:before{
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: -4px;
    left: 0;
}
.project-info ul li span{font-family: "ProximaNovaSemiboldItalic";}
.project-info ul li:last-child{margin-right: 0;}

.project-links ul li {
  background-image: url(../images/os-store.png);
  background-repeat: no-repeat;
  background-color: transparent; 
  border-bottom: 0 none;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
.project-links ul li a{
	cursor: pointer;
	display: block;
	height: 43px;
	width: 123px;
}
.project-links ul li:nth-child(2n){background-color: transparent; padding-top: 0; margin-top: 0;}
.project-links ul li.web {background-position: 0 0;}
.project-links ul li.web.active {
  margin: 20px 0 5px;
  width: 100%;
}
.project-links ul li.appstore {background-position: 0 -54px;}
.project-links ul li.googleplay {
  background-position: -139px -54px;
  margin-right: 0;
}
.project-links ul li.pdf {
  background-position: -138px 0;
  margin-right: 0;
}
.project-links li {
  width: 49% !important;
  margin: 5px 1% 0 0 !important;
}
/* ===== PAGINATION ===== */
.general-pagination { height:29px; margin: 20px auto; text-align:center; clear:both; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; margin-right:5px; line-height:28px; width:29px; height:29px; text-align:center; color:#555; border: 1px solid #9e9c9c; font-size:11px; text-align:center; }
.general-pagination a:hover { color:#000; text-decoration:none; border-color: #777; }
.general-pagination a.selected { color:#ffffff; border-color: #1f1f1f; background: #1f1f1f; }

/* ===== SIGN IN ===== */

#signin{font-family: "ProximaNovaRegular";}
.authFlowError {
  color: red;
  margin: 4px 0;
  min-height: 18px;
  overflow: visible;
  white-space: nowrap;
}
.small-header {
  font-size: 16px;
}
.dlgInputRow {
  margin-bottom: 15px;
  overflow: hidden;
}
#signin .form-control, 
#signin input[type="text"], 
#signin input[type="password"] {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  color: #333;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 1.42857;
  padding: 4px 6px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-primary {
  background: #55a32a none repeat scroll 0 0;
  border: 1px solid #55a32a;
  color: #fff;
}

/* Banner */

.banner{
	background-size: cover;
	color: #fff;
	height: 750px;
	margin-top: 75px;
}
.why-us{
	color: #fff;
	margin-top: 60px;
}
.why-us h1{
	font-family: "ProximaNovaSemibold";
	font-size: 48px;
	margin-bottom: 0;
	text-align: center;
}
.why-us h3{
	font-family: "ProximaNovaLight";
	font-size: 19px;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: center;
}
.why-us ul li{
	font-family: "ProximaNovaRegular";
	font-size: 20px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
}
.why-us ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: 0;
}
.why-us ul li:last-child{margin-bottom: 0;}
.portfolio {
  margin-top: 20px;
  text-align: center;
}
a.btn-portfolio {
  background-color: #43a2e4;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-family: "ProximaNovaRegular";
  font-size: 14px;
  letter-spacing: 1px;
  padding: 15px 20px 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
a.btn-portfolio:hover,
a.btn-portfolio:focus {
	background-color: #3b87cd;
	border: 1px solid transparent;
	color: #fff;
}
.client-base {
  border-top: 1px dotted rgba(255, 255, 255, 0.3);
  margin: 30px 0 0 0;
  padding-top: 20px;
  text-align: center;
}
.client-base ul{text-align: center;}
.client-base ul li{cursor: pointer;}
.client-base h4{font-family: "ProximaNovaSemibold"; font-size: 14px; text-transform: uppercase;}
.client-base ul li{display: inline-block; margin: 0 10px 10px 0; width: 42px;}
.client-base ul li:last-child{margin-right: 0;}

.rotator{
  display: block;
  margin: 30px auto 0 auto;
  width: 100%;
}
#text-rotator .item{
  color: #ffffff;
  display: inline-block;
  font-family: "ProximaNovaThin";
  font-size: 36px;
  line-height: 125%;
  margin: 0;
  word-wrap: break-word;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.fontbold1 {
  color: #00baef;
  font-family: "ProximaNovaSemibold";
  font-size: 1em;
  letter-spacing: 0.5px;
  line-height: 22px;
}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #333;}
.tooltip-inner {background-color: #333;}
.w2ui-grid {height: 1000px; margin: 50px auto 0; max-width: 1140px; width: 100%;}
.style_prevu_kit {width: auto !important;}
.w2ui-popup .w2ui-popup-body {background-color: #fff !important;}

/* -------------------------------------------------------- */
/* Media Queries									    	*/
/* -------------------------------------------------------- */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	.logo{padding: 20px 0 10px 0; width: 100%;}
	.navbar-right {float: left; margin: 0 0 20px; width: 100%;}
	.content {margin-top: 110px;}
	h1.page-title{margin-bottom: 20px;}
	.gs-oc-sidebar{float: left; margin-bottom: 40px; width: 100%;}
	.work li{padding-bottom: 20px;}
	.client-name{margin-top: 10px;}
	.project-brief{margin-top: 0;}
	.ss-pull-left{float: left;}	
	.ss-pull-right{float: right;}
	.project-links ul li.web.active {margin: 15px 0 5px 0;}
	.project-links ul li{margin-right: 5px;}
	.why-us h1{font-size: 28px;}
	.why-us h3{font-size: 11px;}.why-us ul li{font-size: 14px; padding-left: 20px;}
	.why-us ul li:before {font-size: 14px;}
	.navbar-right ul li {margin-left: 7px;}
	.btn-user{font-size: 12px; padding: 10px 10px 8px;}
	.video-wrapper{width: 280px; height: 168px;;}
	.video-wrapper #video{height: 100% !important; width: 100% !important;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.work li{padding-bottom: 20px;}
	.project-links{margin-top: 20px;}
	.project-links ul li{margin-right: 5px;}
	.project-links ul li.web.active {margin: 0 5px 5px 0; width: auto;}
	.client-name{margin-top: 20px;}
	.project-brief{margin-top: 0;}
	.project-info ul li:first-child {margin-top: 10px;}
	.navbar-right ul li {margin-left: 7px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.project-links ul li{margin-right: 5px;}
	.project-links ul li.web.active {margin: 20px 0 5px;}
	.project-brief{margin-top: 10px;}
	/*.project-info ul li {margin: 0; width: 100%;}
	.project-info ul li:first-child {margin-top: 10px;}*/

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}