@media (min-width: 1200px) {
  .container {
    max-width: 1327px;
  }
}

body{
	font-family: 'Optima';
	font-size: 21px;
	background: rgba(128,128,131,1);
	background: -moz-linear-gradient(left, rgba(128,128,131,1) 0%, rgba(207,209,210,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,128,131,1)), color-stop(100%, rgba(207,209,210,1)));
	background: -webkit-linear-gradient(left, rgba(128,128,131,1) 0%, rgba(207,209,210,1) 100%);
	background: -o-linear-gradient(left, rgba(128,128,131,1) 0%, rgba(207,209,210,1) 100%);
	background: -ms-linear-gradient(left, rgba(128,128,131,1) 0%, rgba(207,209,210,1) 100%);
	background: linear-gradient(to right, rgba(128,128,131,1) 0%, rgba(207,209,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808083', endColorstr='#cfd1d2', GradientType=1 );
	/*padding:  70px 0 80px 0;*/
	color: #fff;
	line-height: 28px;
	height: 100vh;
	display: flex;
	align-items: center;
}
.wrapper{
	max-width: 1327px;
	margin: auto;
}
.content-row {
    margin: 0 -54px;
    overflow: auto;
    margin-bottom: 75px;
}
.content, .form{
	width: 50%;
	padding: 0 54px;
	float: left;
}
.logo{
	width: 132px;
	display: block;
	margin: auto;
	margin-bottom: 39px;
	height: auto;
}

.cities ul{
	padding:0;
	list-style: none;
	text-align: center;
	margin-bottom: 58px;
}
.cities li{
	display: inline-block;
	padding:0 32px;
	margin-right: -6px;
	letter-spacing: 8px;
	font-size:18px;
}

h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 55px;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
h2 br{
	display: none;
}
h2 i{
	display: inline-block;
	margin: 0 32px;
	font-size: 8px;
}
p{
	text-align: justify;
	margin-bottom: 23px;
}
.content p:last-child{
	margin-bottom: 0px;
}
input, textarea{
	display: block;
	background-color: transparent;
	line-height: 30px;
	border:transparent;
	border-bottom: 2px solid #fff;
	width: 100%;
	margin-bottom: 39px;
	text-indent: 4px;
	color: #fff;
	font-family: 'Optima';
	font-size: 18px;
	padding: 0;
}
textarea{
	margin-bottom:32px;
	height: 70px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder{ /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
.button{
	line-height: 42px;
	border: 1px solid #fff;
	border-radius: 6px;
	width: 135px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	margin-right: auto;
	letter-spacing: 5px;
	cursor: pointer;
	margin-bottom: 0;
}
.button:hover{
	color: #838386;
	background-color: #fff;
}
.copyright{
	font-size: 16px;
	
}
.copyright p{
	text-align: center;
	margin-bottom: 6px;
}
.copyright p:last-child {
    margin: 0;
}
/*MAIL CHIMP*/
#mc_embed_signup{
	background-color: transparent!important;
	font-family: 'Optima'!important;
	font-size: 21px!important;
	color: #fff;
}
#mc_embed_signup label{
	display: none;
}
#mce-success-response {
    margin-bottom: 20px;
}
#mc_embed_signup input.mce_inline_error{
	margin-bottom: 10px;
}
#mc_embed_signup div.mce_inline_error{
	font-size: 16px;
}
@media (max-width: 1919px){
	body{
		font-size: 16px;
	}
	.logo{
		width: 110px;
		margin-bottom: 30px;
	}
	.cities ul{
		margin-bottom: 45px;
	}
	.cities li{
		font-size: 16px;
	}
	h2{
		margin-bottom: 45px;
		font-size: 25px;
	}
	.content-row{
		margin-bottom: 60px;
	}
	input, textarea{
		margin-bottom: 30px;
		font-size: 16px;
	}
	.button{
		line-height: 37px;
		font-size: 16px;
	}
}
@media (max-width: 1399px){
	body{
		line-height: 25px;
		font-size: 18px;
	}
	.wrapper {
	    max-width: 1100px;
	    margin: auto;
	}
	.logo{
		width: 125px;
		margin-bottom: 25px;
	}
	.cities ul{
		margin-bottom: 35px;
	}
	.cities li{
		padding: 0 32px;
		font-size: 15px;
	}
	h2{
		margin-bottom: 40px;
		font-size: 24px;
	}
	/*.content-row{
		margin: 0 -40px 60px -40px;
	}*/
	.content-row {
	    margin: 0 -25px 40px -25px;
	}
	/*.content, .form{
		padding: 0 40px;
	}*/
	.content, .form {
	    padding: 0 25px;
	}
	p{
		margin-bottom: 18px;
	}
	input, textarea{
		line-height: 28px;
		margin-bottom: 25px;
		font-size: 17px;
	}
	.button{
		line-height: 39px;
		font-size: 17px;
	}
	.copyright p{
		margin-bottom: 0;
	}
}
@media (max-width: 1200px){
	.wrapper {
	    max-width: 900px;
	    margin: auto;
	}
	.content-row{
		margin: 0 -30px 60px -30px;
	}
	.cities li{
		padding: 0 26px;
	}
	.content, .form{
		padding: 0 30px;
	}
	body{
		font-size: 18px;
	}
	.content-row {

	    margin: 0 -20PX 40px -20px;

	}
	.content, .form {
	    padding: 0 20px;
	}
	.logo{
		width: 120px;
		margin-bottom: 30px;
	}
	.cities ul{
		margin-bottom: 40px;
	}
	.cities li{
		font-size: 16px;
	}
	h2{
		margin-bottom: 40px;
		font-size: 25px;
	}
	input, textarea{
		font-size: 16px;
		margin-bottom: 30px;
	}
}

@media (max-width: 991px){
	.wrapper{
		max-width: 650px;
	}
	.content, .form{
		width: 100%;
		float: unset;
	}
	.content {
	    margin-bottom: 40px;
	}
	.cities li{
		padding: 0 18px;
		/*font-size: 23px;*/
	}
	#mce-success-response {
	    margin-bottom: 30px;
	}
	.cities ul{
		/*margin-bottom: 68px;*/
		margin-bottom: 50px;
	}
}

@media (max-width: 767px){
	body{
		padding: 40px 0;
		height:auto;
	}
	.wrapper {
	    max-width: calc(100% - 60px);
	}
	.cities ul{
		margin-bottom: 40px;
	}
	/*.cities li{
		padding:0;

	}
	.cities li:first-child{
		padding-right: 43px;
		margin-bottom: 10px;
	}*/
	.copyright {
	    font-size: 17px;
	}
	span{
		display: block;
	}
}
@media (max-width: 575px){
	body{
		padding: 30px 0 !important;
		height: 100% !important;
	}

	h2 {
	    font-size: 25px;
	}
	h2 i{
		display: none;
	}
	h2 br{
		display: block
	}
	/*body, #mc_embed_signup {
	    font-size: 20px;
	}*/
	p{
		margin-bottom: 30px;
	}
	.logo{
		width: 140px;
	}
	/*.cities ul{
		margin-bottom: 70px;
	}*/
	.cities li{
		display: block;
		width: 100%;
		margin-right: 0;
		padding: 0;
	}
	/*.cities li:first-child {
	    padding-right: 0;
	    margin-bottom: 0;
	}
	.form {
	    margin-bottom: 85px;
	}*/
	.button{
		margin: auto;
	}

}
@media (max-width: 359px){

	.logo{
		width: 150px;
	}
	.cities ul {
	    margin-bottom: 60px;
	}
	/*.cities li, .cities li:first-child{
		font-size: 20px;
		margin-bottom: 5px;
	}*/
	.button{
		font-size: 19px;
	}
	.copyright {
	    font-size: 15px;
	}
	input, textarea{
		margin-bottom: 30px;
	}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  font-size: 18px;
	}
	input::-moz-placeholder, textarea::-moz-placeholder{ /* Firefox 19+ */
	  font-size: 18px;
	}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
	  font-size: 18px;
	}
	input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
	  font-size: 18px;
	}
}


/*heigth*/
@media (max-height: 769px){
	body{
		padding: 60px 0;
		height: 100%;
	}
}

@media (max-height: 659px){
	body{
		font-size: 16px;
		padding: 0;
		height: 100vh;
	}
	.logo{
		width: 90px;
	}
	.cities ul {
	    margin-bottom: 20px;
	}
	.cities li {
	    padding: 0 32px;
    	font-size: 14px;
	}
	h2 {		
	    margin-bottom: 20px;
	    font-size: 22px;		
	}
	.content-row {
	    margin: 0 -15px 27px -15px;
	}
	.content, .form {
	    padding: 0 15px;
	}
	p {
	    margin-bottom: 16px;
	}
	input, textarea {
	    line-height: 26px;
	    margin-bottom: 20px;
	    font-size: 16px;
	}
	.copyright {
	    font-size: 14px;
	}
}
@media (max-height: 569px){
	body{
		padding:30px 0;
		height: 100%;
	}
}