/*-----------------------------------------------------------------------------------

Theme Name: Timessquare
Theme URI: http://themeforest.net/user/ABdev/portfolio?ref=ABdev
Description: Timessquare - Premium HTML5 Responsive Landing Page
Author: ABdev
Author URI: http://www.ab-themes.com
Version: 1.2
License: Teamforest licence

---------------------------------- Stylesheet Guide ---------------------------------

01. CSS RESET
02. Global Styles
	a. Columns
	b. Buttons
03. Header
	a. Logo
	b. Menu
04. Slider
05. Features
06. Collaborate
07. Plans & Pricing
08. Call to action
09. Get In Touch
	a. Map
	b. Contact Info
	c. Social Buttons
	d. Contact Form
10. Footer

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* 01. CSS RESET
/*-----------------------------------------------------------------*/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video, a {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		outline: 0px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.clearfix:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
		font-size:0;
		height:0;
	}

	html { 
		min-height: 100%;
		margin: 0;
		padding: 0;
	}

	img {
		height:auto;
		max-width: 100%;
		vertical-align: middle;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}


/*-----------------------------------------------------------------*/
/* 02. Global Styles
/*-----------------------------------------------------------------*/
	body {
		color: #868686;
    	font-family: 'Arimo', sans-serif;
    	font-weight: 400;
		font-size: 15px;
		line-height: 2em;
		background: #fff;
	}

	.container {
		width: 940px;
		margin: 0 auto;
		padding-bottom: 7px;
		padding-top: 8px;
		text-align: center;
	}

	.columns-container {
		width: 960px;
		margin: 0 auto;
	}

	section {
		/*padding-top: 60px;*/
		position: relative;
		/*border-bottom: 1px solid #DCDCDC;*/
	}
	
	h2 {
		font-size: 23px;
		line-height: 23px;
		font-weight: 400;
		margin-bottom: 15px;
		text-align: center;
	}

	h3 {
		color: #595959;
		font-size: 29px;
		margin-top: 25px;
	}
	
	section > .container > p {
		font-size: 17px;
		line-height: 15px;
		text-align: center;
		margin-top: 20px;
	}

	.placeholder{
		color: #b7b7b7!important;
	}

	::-moz-selection { 
		background: #536270; 
		color: #fff; 
		text-shadow: none; 
	}

	::selection { 
		background: #536270;
		color: #fff;
		text-shadow: none;
	}

/*-------- 02.a. Columns --------*/
	.half { 
		width: 48%; 
		margin: 0 1%;
	}

	.third { 
		width: 31.3333333333333%;
		margin: 0 1%;
	}

	.fourth { 
		width: 23%;
		margin: 0 1%;
	}

	.fifth { 
		width: 18%;
		margin: 0 1%;
	}

/*-------- 02.b. Buttons --------*/
	.button {
		font-size: 15px;
		font-weight: 600;
		padding: 20px 25px;
		color: #FFF;
		text-transform: uppercase;
		background: #D8D6D7;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.button.green {
		background: #98b82e;
	}
	
	.button.green:hover {
		background: #67A327;
	}
	
	.button.blue {
		background: #526271;
	}
	
	.button.blue:hover {
		background: #3D4954
	}

	.price-table:hover > .button.green-hover {
		background: #98b82e;
	}
	
	.price-table:hover > .button.blue-hover {
		background: #3D4954;
	}


/*-----------------------------------------------------------------*/
/* 03. Header
/*-----------------------------------------------------------------*/
	body > header { 
		width: 100%; 
		/*position: fixed; */
		top : 0px;
		z-index: 999;
		background: #fff; 
		/*-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
		opacity: .9;
		filter: alpha(opacity = 90);*/
	}

/*-------- 03.a. Logo --------*/
	#logo h1 { 
		display: none;
	}

/*-------- 03.b. Menu --------*/

	.main-menu-select{
		display: none;
	}

	nav ul {
		list-style: none;
		float:right;
		margin-top: 26px;
	}
	
	nav ul li {
		float: left;
		font-size: 15px;
		color: #999898;
		margin: 0 15px;
	}

	nav ul li:last-child {
		margin-right: 0;
	}
		
	nav ul li a { 
		text-decoration: none;
		color: inherit;
	}

	nav ul li a:hover { 
		color: #333333;
	}
	
	nav ul li.highlight {
		background: #98b82e;
		padding: 2px 15px;
		margin: 0;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		border: 2px solid #adc98f;
		color: #FFFFFF;
		cursor: pointer;
		position: relative;
		top: -4px;
	}
	nav ul li.highlight:hover { 
		background: #67A327;
	}
	nav ul li.highlight a { 
		color: #FFFFFF;
	}


/*-----------------------------------------------------------------*/
/* 04. Slider
/*-----------------------------------------------------------------*/
	#slider {
		border: 0px;
		padding: 0px;
		height: 785px;
	}
	
	.flexslider:before {
		display: block;
		content: "";
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: url("../images/slider-inner-shadow.png") no-repeat center bottom transparent;
	}

	.slides:before {
		display: block;
		content: "";
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: url('../images/bg-overlay-pattern.png');
		opacity: .4;
		filter: alpha(opacity = 40);
	}

	.slide {
		position: relative;
		top: 0px;
		left: 0px;
	}

	.slide img {
		height: 100% !important;
		width: 1920px !important;
		max-width: 1920px;
		background: #888;
		position: relative;
		left:-960px;
		margin-left:50%;
	}

	.slide-caption {
		color: #FFFFFF;
		position: absolute;
		top:366px;
		width: 700px;
		z-index: 99;
		background-color: rgba(0,0,0,0.18);
		box-shadow: 0px 0px 80px 80px rgba(0,0,0,0.18);
    }
    	
    .slide .slide-caption h2 {
	    font-size: 50px;
	    margin-bottom: 31px;
	    text-shadow:0px 1px #000000;
		text-align:left;
	}
		
	.slide .slide-caption p {
	    font-size: 21px;
	    line-height: 24px;
	    margin-bottom: 54px;
	    text-shadow:0px 1px #000000;
	}
	
	
	.slide .slide-caption .button-underline {
	    border-bottom: 3px solid #98b82e;
	    color: #FFFFFF;
	    font-size: 15px;
	    font-weight: 600;
	    margin-left: 20px;
	    padding: 16px 0 1px;
	    text-decoration: none;
	    text-shadow: none;
	    text-transform: uppercase;
	    text-shadow: 0 0px 5px #000000;
	}
	
	#slider:after {
		display:block;
		content: "";
		background: url("../images/slider-outer-shadow.png") no-repeat center bottom;
		height: 25px;
		width: 100%;
	}


/*-----------------------------------------------------------------*/
/* 05. Features
/*-----------------------------------------------------------------*/
	#features {
		/*background: url("../images/features-bg.png") no-repeat scroll center bottom;
		box-shadow: 0 1px 1px #C2C2C2;
		-moz-box-shadow: 0 1px 1px #C2C2C2;
		-webkit-box-shadow: 0 1px 1px #C2C2C2;*/
		padding-bottom: 0px;
		/*padding-top: 107px;*/
	}
	
	#features .fourth {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 20px 0px;
		float:left;
		text-align: center;
		margin-top: 55px;
	}
	
	#features .fourth:hover {
		-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
		-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
		box-shadow: 0 0 12px rgba(0, 0, 0, 0.13), 0 0 0 1px #D8D8D8 inset;
		transition: all 0.2s linear 0s;
	}
	
	#features .fourth p {
		margin-top: 20px;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		line-height: 18px;
	}



/*-----------------------------------------------------------------*/
/* 06. Collaborate
/*-----------------------------------------------------------------*/
	#collaboration {
		text-align: center;
		background: -moz-linear-gradient(135deg,  rgba(255,255,255,0) 22%, rgba(255,255,255,0) 39%, rgba(255,255,255,0.65) 75%, rgba(255,255,255,1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
		background: -webkit-gradient(linear, left bottom, right top, color-stop(22%,rgba(255,255,255,0)), color-stop(39%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.65)), color-stop(94%,rgba(255,255,255,1))), url('../images/collaborate-bg.jpg') repeat 0 0;
		background: -webkit-linear-gradient(135deg,  rgba(255,255,255,0) 22%,rgba(255,255,255,0) 39%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
		background: -o-linear-gradient(135deg,  rgba(255,255,255,0) 22%,rgba(255,255,255,0) 39%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
		background: -ms-linear-gradient(135deg,  rgba(255,255,255,0) 22%,rgba(255,255,255,0) 39%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
		background: linear-gradient(135deg,  rgba(255,255,255,0) 22%,rgba(255,255,255,0) 39%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,1) 94%), url('../images/collaborate-bg.jpg') repeat 0 0;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	}
	
	#collaboration p {
		margin-bottom: 45px;
	}
	
	#collaboration img {
		margin-top: 75px;
	}


/*-----------------------------------------------------------------*/
/* 07. Plans & Pricing
/*-----------------------------------------------------------------*/
	#plans {
		padding-top: 212px;
		background: url("../images/pricing.png") no-repeat center top;
	}
	
	.price-table {
		border: 1px solid #D8D8D8;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		margin-top: 60px;
		margin-bottom: 60px;
		padding: 5px 5px 35px;
		text-align: center;
	}
	
	.table-title {
		background: #D8D7D7;
		color: #A09F9F;
		font-size: 17px;
		line-height: 40px;
		font-weight: 700;
		margin-top: 0;
		padding: 15px;
		text-transform: uppercase;
	}

	.price-table.green:hover .table-title { 
		background: #76BA2F; 
		color: #FFFFFF;
		transition: all 0.2s linear 0s;
	}

	.price-table.blue:hover .table-title { 
		background: #506171; 
		color: #FFFFFF; 
		transition: all 0.2s linear 0s;
	}
	
	.table-price {
		display: block;
		font-size: 60px;
		line-height: 65px;
		margin: 20px 0 0;
	}
	
	.table-price.green { 
		color: #76BA2F; 
	}

	.table-price.blue { 
		color: #506171; 
	}

	.table-price span { 
		font-weight: 700; 
	}

	.table-price small { 
		font-weight: 700;
		font-size: 20px;
		position: relative;
		text-transform: uppercase;
		top: -13px;
	}
		
	.price-table p {
		color: #989898;
		font-size: 14px;
		line-height: 15px;
		margin-top: 0px;
		padding: 0 60px 40px;
	}


/*-----------------------------------------------------------------*/
/* 08. Call to action
/*-----------------------------------------------------------------*/
	#call-to-action {
		background: #F5F5F5;
		padding: 40px 0px;
	}
	
	#call-to-action p {
		font-size: 20px;
		line-height: 42px;
		margin-top: 5px;
		margin-left: 20px;
	}
	
	#call-to-action .button {
		margin-right: 20px;
	}


/*-----------------------------------------------------------------*/
/* 09. Get In Touch
/*-----------------------------------------------------------------*/
	#get-in-touch {
		/*padding-top: 212px;
		background: url("../images/get-in-touch.png") no-repeat center top;*/
		padding-bottom: 230px;
		border-bottom: none;
	}
	
	#get-in-touch #contact {
		margin-top: 80px;
	}
	
/*-------- 09.a. Map --------*/
	#map {
		height: 330px;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
		margin-top: 30px;
		position: relative;
	}

	#map div {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	#map img {
		max-width: none;
	}
	
	#map:after {
		display: block;
		content: "";
		background: url("../images/slider-inner-shadow.png") no-repeat center center transparent;
		position: absolute;
		z-index: 3;
		left: 0px;
		bottom: 0px;
		height: 25px;
		width: 100%;
	}
	
/*-------- 09.b. Contact Info --------*/
	#company-details {
		background: #F5F5F5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-size: 20px;
		line-height: 42px;
		margin-bottom: 10px;
		padding: 49px 35px;
	}
	
	#company-details strong {
		font-weight: 700;
	}
	
	#company-details p {
		font-size: 18px;
   		line-height: 42px;
	}
	
	#company-details p a {
		color: #98b82e;
	}

/*-------- 09.c. Social Buttons --------*/
	.social-buttons a { 
		width: 49%;
		text-align: center;
		margin-bottom: 20px;
		height: 55px;
		padding-top: 15px;
	}

	.social-buttons a.facebook { 
		background: #D8D6D7 url("../images/facebook.png") 5px 7px no-repeat;
	}

	.social-buttons a.twitter { 
		background: #D8D6D7 url("../images/twitter.png") 5px 7px no-repeat;
	}

	.social-buttons a.facebook:hover { 
		background-color: #3B5997; 
	}

	.social-buttons a.twitter:hover { 
		background-color: #00C0FF; 
	}
	
/*-------- 09.d. Contact Form --------*/
	#get-in-touch form .input, 
	#get-in-touch form .textarea {
		border: 1px solid #D8D8D8;
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #555555;
		font-size: 14px;
		font-family: inherit; 
		height: 40px;
		line-height: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#get-in-touch form .textarea { 
		height: 175px;
		vertical-align: top;
	}
	
	.captcha{
		border: 1px solid #D8D8D8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		position: relative;
		padding: 10px 0 11px 0;
		margin-bottom: 10px;
	}

	#recaptcha_image span a{
		text-decoration: none;
		color:#aaa;
	}

	#recaptcha_image span:hover a{
		color:#98b82e;
	}


	#recaptcha_image span a#recaptcha_audio_play_again{
		position: absolute;
		top: 8px;
		left: 8px;
	}

	#recaptcha_image span a#recaptcha_audio_download{
		position: absolute;
		top: 38px;
		left: 8px;
	}

	.captcha .recaptcha_reload,
	.captcha .recaptcha_only_if_image,
	.captcha .recaptcha_only_if_audio,
	.captcha .recaptcha_help{
		position: absolute;
		right: 8px;
	}

	.captcha .recaptcha_reload{
		top: 0;
	}

	.captcha .recaptcha_only_if_image,
	.captcha .recaptcha_only_if_audio{
		top: 23px;
	}

	.captcha .recaptcha_only_if_image{
		right: 7px !important;
	}

	.captcha .recaptcha_help{
		top: 46px;
	}

	button#contact-submit {
		border: 0px;
		margin-bottom:10px;
	}
	
	.submit_note{
		clear:both;
	}
	
	.alert-warning,
	.alert-success{
		display:block;
		padding:15px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-align:center;
	}
	
	.alert-warning{
		background:#fb7973;
		color:#fff;
	}

	.alert-success{
		background:#98b82e;
		color:#fff;
	}


/*-----------------------------------------------------------------*/
/* 10. Footer
/*-----------------------------------------------------------------*/
	footer {
	    background: #fff;
	    font-size: 15px;
	    margin-top: 0px;
	    padding: 23px 0 20px;
	    color: #fff;
	}
	
	footer p { 
		margin-top: 0px; 
	}

	footer a {
		color: #fff;
		text-decoration: none;
	}
	
	footer a:hover {
		color: #444;
	}
	
	footer .right {
		text-align: right;
	}
	
	footer .footer-links a {
	    padding: 0 10px;
	    border-right: 1px solid #acabab;
	}

	footer .footer-links a:last-child{
		padding-right: 0;
		border-right: none;
	}

	footer .footer-links a:first-child{
		padding-left: 0;
	}

	.left-foot {
		width: 30%;
		float: left;
	}
	.right-foot {
		width: 65%;
		float: left;
		margin-left: 5%;
	}
	.email-i {
		padding-top: 5px;
	}
	.soc-links, .soc-links a {
		font-size: 17px;
		text-align: left;
		margin-top: 44px;
	}
	.soc-links {
		font-size: 20px;
	}
	.soc-links h2 {
		text-align: left;
	}


	.login-card {
  padding: 10px;
  width: 100%;
  background-color: #F7F7F7;
  margin: 0 auto 10px;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.login-card h1 {
  font-weight: 100;
  text-align: center;
  font-size: 2.3em;
}

.login-card h4 {
  font-weight: 100;
  text-align: center;
  color: #444;
}

.login-card input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.login-card input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.login-card input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.login {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.login-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #737a82;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.login-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #656c6b;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.login-card a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
}

.login-card a:hover {
  opacity: 1;
}

.login-help {
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.email-l {
	color: #868686 !important;

}
.email-l:hover {
	color: #98b82e !important;
}

#col-left {
	width: 30%;
	float: left;
}

#col-right {
	width: 65%;
	float: left;
	margin-left: 5%;
}

.acceda {
	text-align: justify;
}
.jquery-slider-wrapper .caption {
	font-size: 19px !important;
	font-family: walkaway !important;
	background: transparent !important;
}
.droid {
	font-family: DroidSans !important;
	color: #707479 !important;
}

@font-face {
    font-family: DroidSans; /* Имя шрифта */
    src: url(DroidSans.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family: walkaway; /* Имя шрифта */
    src: url(walkway_bold.ttf); /* Путь к файлу со шрифтом */
   }

@media only screen and (max-width: 768px) {
  	#col-right {
	    width: 100%;
	    float: left; 
	    margin-left: 0;
	    clear: left !important;
  	}
  	#col-left {
  		width: 100%;
  	}
  	.container{
		width:760px;
	}
  	body > header {
		/*position: fixed !important;*/
	}
	.acceda {
		text-align: center;
	}
	.jquery-slider-wrapper {
		margin: 0 auto;
	}
	#logo {
		margin-top: 15px;
	}
	#features {
		/*padding-top: 135px;*/
	}
}

@media only screen and (max-width: 736px) {
  	.container{
		width:726px !important;
	}
	#features {
		padding-top: 0px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
	.soc-links{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 667px) {
  	.container{
		width:660px !important;
	}
	#features {
		padding-top: 0px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
	.soc-links{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 568px) {
  	.container{
		width:560px !important;
	}
	#features {
		padding-top: 0px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
	.soc-links{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 414px) {
  	.container{
		width:404px !important;
	}
	#features {
		padding-top: 0px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
	.soc-links{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 375px) {
  	.container{
		width:370px !important;
	}
	#features {
		padding-top: 0px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
	.soc-links{
		padding-left: 20px;
	}
}

@media only screen and (max-width: 320px) {
	.container{
		width:316px !important;
	}
  	#col-right {
	    width: 100%;
	    float: left; 
	    margin-left: 0;
	    clear: left !important;
  	}
  	#col-left {
  		width: 100%;
  	}
  	body > header {
		position: fixed !important;
	}
	.acceda {
		text-align: center;
	}
	.jquery-slider-wrapper {
		margin: 0 auto;
	}
	#logo {
		margin-top: 15px;
	}
	#features {
		padding-top: 135px;
		padding-bottom: 0px !important;
	}
	.left-foot {
		width: 100%;
		float: none; 
		clear: right;
		padding-bottom: 20px;
		margin: 0 !important;
	}
	.right-foot {
		width: 100%;
		float: none; 
		padding-bottom: 40px;
		margin: 0 !important;
	}
}