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

	Theme Name:  Appster
	Version: 1.0.4
	Description: Appster is a responsive app landing page theme to advertise and sell your application featuring a sleek clean and minimal design. Appster was crafted using the latest html5 / css3 techniques and built to include every possible element what a marketing app landing page should ever contain! 
	
	Author: ErikTailor
	Author URI:  http://themeforest.net/user/eriktailor
	Theme URI:   http://eriktailor.com/appster
	
	Tags: light, gray, right-sidebar, one-column, responsive-layout, custom-colors, custom-menu, featured-images
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

@import url("assets/css/layout.css");
input.wpcf7-form-control.wpcf7-submit:not(:hover),a.button.color.restrict:not(:hover) {
    background-color: #00b8e3;
border: none;
}
input.wpcf7-form-control.wpcf7-submit:hover,a.button.color.restrict:hover
 {
    background-color: #0096b9;
border: none;
}
@media screen and (max-width:765px){
	#lang_sel {
		height: 23px !important;
		position: relative !important;
		font-family: verdana, arial, sans-serif !important;
		display: block !important;
		/* display: none !important; */
		color: #fff !important;
		font-size: 33px !important;
		float: left !important;
		margin: 0px 0 !important;
		cursor: pointer !important;
		margin-top: -30px !important;
		width: 100%;
	}
}
.intl-tel-input > * {
    display: inline-block !important;
    position: relative !important;
}
.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    top: 17px;
}
.wpcf7-form {
    max-width: 426px !important;
}
.wpcf7-form-control.wpcf7-intl-tel {
    max-width: 382px !important;
}
@media screen and (max-width:500px) and (min-width:401px)
{
	.showcase-content h1, .page-heading h1 {
		font-size: 65px;
		letter-spacing: -5px;
		color: #727171;
		font-weight: 700;
		font-size: 50px;
	}
}
@media screen and (max-width:400px) and (min-width:301px)
{
	.showcase-content h1, .page-heading h1 {
		font-size: 40px;
	}
}
@media screen and (max-width:300px) and (min-width:201px)
{
	.showcase-content h1, .page-heading h1 {
		font-size: 30px;
	}
}
@media screen and (max-width:200px) and (min-width:101px)
{
	.showcase-content h1, .page-heading h1 {
		font-size: 20px;
	}
}
.nav-lang {
    float: none;
    height: auto;
    width: 100%;
    background: #424242;
    display: table;
}
.menu_lang a {
    color: #DAD7D7;
    letter-spacing: -0.5px;
}
.menu_lang > li {
    float: left;
    line-height: 20px;
    padding: 40px 10px;
    font-size: 13px;
    text-transform: uppercase;
}
.menu_lang li {
    float: none;
    display: block;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px dotted #848484;
    padding: 0px 10px 10px;
    margin: 10px 40px 0;
}
.menu_lang {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header.stuck .lang-menu {
    margin-top: 13px !important;
}
.lang-menu {
    font-size: 33px;
    float: right;
    margin: 33px 0;
    cursor: pointer;
	margin-right:15px !important;
	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.menu_lang{
	display:none;
}
.header.stuck #lang_sel {
    margin-top: 13px !important;
}
#lang_sel {
    height: 32px;
    position: relative;
    font-family: verdana, arial, sans-serif;
    display: inline-block;
    /* display: none !important; */
    color: #fff;
    font-size: 33px;
    float: right;
    margin: 33px 0;
    cursor: pointer;
    margin-right: 15px;
    padding-top: 4px;
}
@media screen and (min-width:960px){
	.slide-model {
    /* position: relative; */
		position: absolute;
		width: 75%;
		height: 680px;
		display: block;
		float: right;
		z-index: -1;
		margin-left: 25%;
	}
	.slide-content {
		min-width: 25%;
		float: left;
		height: 450px;
		padding-top: 250px;
		max-width: 100%;
		width: auto;
	}
}
@media screen and (max-width:959px)
{
	.slide-model {
		position: relative;
		width: 57%;
		height: 680px;
		display: block;
		float: right;
	}
	.slide-content {
		width: 25%;
		float: left;
		height: 450px;
		padding-top: 250px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.slider .container {
		width: 100% !important;
	}
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, select {
    width: 400px;
    padding: 12px;
}

input[type="tel"]
{
	width: 400px !important;
	padding: 12px !important;
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}
input[type="tel"]:focus{
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}
@media screen and (max-width:765px)
	{
		.header .four.columns .logo
		{
			width:60%;
		}
		.header .four.columns .fa.mobile-menu
		{
			
		}
		.header.stuck .logo img{
			max-height:100px !important;
			padding:20px 0 !important;
			max-width:100% !important;
			
		}
		.header .logo img{
			max-height:60px;
			padding:0px !important;
			max-width:50%
		}
		.fa.mobile-menu
		{
			color:black !important;
		}
	}
	@media screen and (min-width:765.01px)
	{
		.header .logo img
		{
			max-height: 100%;
			top: auto;
			bottom: auto;
			padding:20px 0;
			max-width:100% !important;
		}
		.header.stuck .logo img{
			max-height:100px !important;
			max-width:100% !important;
			
		}
	}