@charset "utf-8";
#BotBootInput{
font-size: 18px;
 font-family: 'PT Sans'; 
 font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#FFF;
			border:none;
			width:90px;
			height:25px;
			background:url('../images/rec5input.png') 0 0 no-repeat;

}
/*@font-face {font-family: 'PT Sans';
	src: url('pts75f_w.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Sans Bold'), url('pts75f_w.woff') format('woff'),url('pts75f_w.ttf') format('truetype'), url('pts75f_w.svg#PTSans-Bold') format('svg');}

@font-face {font-family: 'PT Sans'; 
	src: url('pts55f_w.eot'); 
	src: local('PT Sans'), url('pts55f_w.woff') format('woff'),url('pts55f_w.ttf') format('truetype'), url('pts55f_w.svg#PTSans-Regular') format('svg');}*/



/* POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP 
POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP 
POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP POP UP */

		*{
		font-family: 'PT Sans';
		}
		.b-container{
			width:200px;
			height:150px;
			background-color: #ccc;
			margin:0px auto;
			padding:10px;
			font-size:30px;
			color: #fff;
		}
		.b-popup{
			width:100%;
			min-height:100%;
			background-color: #ef6262;
			/*overflow:hidden;*/
			/*position:fixed;*/
			top:0px;
			left:0px;
		}

			.b-popup .b-popup-content{
				padding-top: 25px;
			margin: 0 auto;
			width:100%;
			height: 100%;
			//padding:100px;
			//background-color: #c5c5c5;
			//border-radius:5px;
			//box-shadow: 0px 0px 10px #000;
			
			text-align: center;
			position: relative;
			overflow:hidden;

		}
		#close {
			position:absolute; 
			top: 25px;
			right:0;
		}

		#close2 {
			position:absolute; 
			top: 25px;
			right:25px;
		}
		#popupform {
			text-align: center;
			//background-color: blue;
			//visibility:hidden;
			width: 90%;
			margin:0 auto;
			position: relative;
		}
		#formtitle {
			font-size: 48px;
			line-height:normal; 
			font-family: 'PT Sans'; 
			font-weight: bold;
			color: #F5F5F5;		
			/*background-color: blue;*/
			/*padding-bottom: 35px;*/
		}
		.field {
		  //background-color: red;
		  margin-bottom: 20px;
		}
		.fieldtitle {
			font-size: 18px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			color: #F5F5F5;
			//background-color: green;
			padding: 15px 0 8px 0;
		}
		.fieldtext {
			margin-bottom: 20px;
		}
		
		.fieldtext input{
			font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:660px;
			height: 55px;
			background:url('../images/rec5input.png') 0 0 no-repeat;
		}
		
		textarea {
			font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:660px;
			height:130px;
			background:url('../images/rec5input.png') 0 0 repeat;
		}
		
		#sendbutton {
			/*background-image:url('../images/send6.png');*/
			background-color: #FFF;
			border:0;
			width:280px;
			height:80px;
			margin-top:15px;
			color: #ef6262;
			font-size: 24px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			box-shadow: 0 6px #ca5454;
			position: relative;
		}
		#sendbutton:hover {
			top: -2px;
			box-shadow: 0 8px #ca5454;
		}

		#sendbutton:active {
			box-shadow: 0 0 #ab3c3c;
			top: 6px;
		}

			

		#regbutton {
			/*height: 215px;*/
			margin-bottom: 20px;
		}
		
		
		::-webkit-input-placeholder { /* WebKit browsers */
			color:   #ef6262;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:    #ef6262;
			opacity:  1;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:    #ef6262;
			opacity:  1;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:    #ef6262;
		}

.end {
	display: none;
	text-align: center;
	color: #FFF;
	font-size: 48px;	
	line-height:normal; font-family: 'PT Sans'; 
	padding-top: 50px;
}

.end span {
	display: block;
	text-align: center;
	line-height:normal; font-family: 'PT Sans'; 
	font-size: 24px;
	padding-top: 50px;
}


.validationMessage {
	font-size: 14px;line-height:normal; font-family: 'PT Sans'; 
	color:  #FFF/* a84444 */;
	display: block;
}


/*_________________*/
body, html {
	height: 100%;
	width: 100%;
	min-height:577px;
}

body {
	background-image: url(../images/bk_main.png);
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, sans-serif;
	background-color: #F5F5F5;
}
   
body, img, .title, .txt, .contacts, .ima, .loy, .sail, .service, .logo { transition:all .5s linear; -o-transition:all .5s linear; -moz-transition:all .5s linear; -webkit-transition:all .2s linear; }
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}

* {
    margin: 0;
}

html, body {
    height: 100%;
}

.main {
    height: 100%;
    margin: 0 auto -10px; /* the bottom margin is the negative value of the footer's height */
}

.header { 
	background-image: url(../images/rectangle-1.png);
	width: 100%;
	height: 10px;

}

.logo {
	text-align: center;
	height: 22%;
}

.logo img {
	top: 20%;
	position: relative;
}

.info {
	overflow: hidden;
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 23%;
}

.mycontacts {
	text-align:	right;
	width:50%;
	float: left;
}

#tel {
	font-size: 24px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	padding: 7px 50px 27px 9px;	
}

#mail {
	font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	padding: 0px 50px 0px 10px;
	
	
}
#m2 a{
//background-image: url(../images/rectangle-2.png); no-repeat;
background-position: left bottom;
border-bottom: 1px solid #ef6262;

}

#pos {
	height: 2px;
	margin-left: 50px;
	padding: 3px 48px 0px 10px;
}


.myslogan {
	float: left;
	width:50%;
	font-size: 60px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	line-height: 0.8em;
}


.service {
	width: 75%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1%;
	height: 38%;
}
 .ima {
	background-image: url(../images/image_hover.png);
}
/* .ima:hover {
	background-image: url(../images/image_hover.png);
}*/
 .loy {
	background-image: url(../images/loyalty_hover.png);
}
/* .loy:hover {
	background-image: url(../images/loyalty_hover.png);
}*/
 .sail {
	background-image: url(../images/sails_hover.png);
}
 /*.sail:hover {
	background-image: url(../images/sails_hover.png);
}*/
.service .ima, .service .loy, .service .sail {
	background-position: center top;
	text-align: center;
	float: left;
	width: 33%;
	background-repeat: no-repeat;
	padding-top: 200px;
}
.service .title {
	margin-bottom: 10px;
	font-size: 24px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
}

.service .txt {
	margin-bottom: 30px;
	padding-left: 50%;
	font-size: 14px;line-height:normal; font-family: 'PT Sans'; 
	text-align: left;
	color: #999999;
}

.order {
	clear: both;
	margin-right: 50%;
	text-align: right;
	font-size: 24px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	color: #ef6262;
	height: 11%;
}

.order a { 
	color: #ef6262;
	border-bottom: 1px dashed #000000;
}



.copy {
	clear: both;
	margin-left: 50%;
	text-align: left;
	font-size: 12px;line-height:normal; font-family: 'PT Sans'; 
	color: #cccccc;
	//height: 40px;
	height:2%;
	//background-color: yellow;
}


.footer {
  	background-image: url(../images/rectangle-1.png);
	height: 10px;
	clear:both;
	margin-top: -10px;

}


.footer-line {
	width:10px;
  	background-image: url(../images/rectangle-1.png);
  	clear: both;
}

@media screen and (max-width: 1800px) {

.main {
    height: 100%;
    margin: 0 auto -7px; /* the bottom margin is the negative value of the footer's height */
}


.service {
	width: 85%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1%;
	 //background-color: red;
	 height: 38%
}

.header { 
	background-image: url(../images/rectangle-1.png);
	width: 100%;
	height: 7px;

}

.logo {
 //background-color: red;
 	height: 22%;
}
.logo img { width:264px; height: 85px;}

.info {
	//background-color: blue;
	height: 23%;
}


#tel {
	font-size: 16px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	padding: 7px 50px 27px 9px;	
}

#mail {
	font-size: 10px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	padding: 0px 50px 0px 10px;
}

#pos {
	height: 2px;
	margin-left: 50px;
	padding: 3px 48px 0px 10px;
}


.myslogan {
	float: left;
	width:50%;
	font-size: 40px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	line-height: 0.8em;
}



 .ima {
	background-image: url(../images/image_hover6.png);
}
 /*.ima:hover {
	background-image: url(../images/image_hover6.png);
}*/
 .loy {
	background-image: url(../images/loyalty_hover6.png);
}
/* .loy:hover {
	background-image: url(../images/loyalty_hover6.png);
}*/
 .sail {
	background-image: url(../images/sails_hover6.png);
}
/* .sail:hover {
	background-image: url(../images/sails_hover6.png);
}*/
.service .ima, .service .loy, .service .sail {
	background-position: center top;
	text-align: center;
	float: left;
	width: 33%;
	background-repeat: no-repeat;
	padding-top: 134px;
}
.service .title {
	margin-bottom: 10px;
	font-size: 16px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
}

.service .txt {
	margin-bottom: 30px;
	padding-left: 50%;
	font-size: 14px;line-height:normal; font-family: 'PT Sans'; 
	text-align: left;
	color: #999999;
}

.order {
	clear: both;
	margin-right: 50%;
	text-align: right;
	font-size: 16px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
	color: #ef6262;
	height: 11%;
	//background-color: blue;
}

.footer {
  	background-image: url(../images/rectangle-1.png);
	height: 7px;
	clear:both;
	margin-top: -7px;

}


}


@media screen and (max-width: 640px){
.service .ima, .service .loy, .service .sail {
	background-position: center top;
	text-align: center;
	width: 100%;
	background-repeat: no-repeat;
	margin-top: 0px;
	
}	

.info {
overflow: hidden;

	//background-color: green;
		width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	
	height: 23%;
}

.service {
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0%;
	margin-top: 120px;
	height: auto;
	padding-top: 0px;
}

.footer {
	/*visibility:hidden;*/

}
.copy {
	margin-left: 0;
	text-align: center;
	padding-top: 20px;
}



}



.mycontacts2 {
	display: none;
}

@media only screen and (max-width:600px){
       *{
		font-family: 'PT Sans';
		}
		.service .title {
			font-size: 24px;
		}
		.b-container{
			width:200px;
			height:150px;
			background-color: #ccc;
			margin:0px auto;
			padding:10px;
			font-size:30px;
			color: #fff;
		}

		.order a {
			font-size: 24px;
		}
		.b-popup{
			width:100%;
			min-height:100%;
			background-color: #ef6262;
			/*overflow:hidden;
			position:fixed;*/
			top:0px;
			left:0px;
		}

			.b-popup .b-popup-content{
			margin: 0 auto;
			width:100%;
			height: 100%;
			//padding:100px;
			//background-color: #c5c5c5;
			//border-radius:5px;
			//box-shadow: 0px 0px 10px #000;
			
			text-align: center;
			position: relative;
			overflow:hidden;

		}
		#close {
			position:absolute; 
			top: 0;
			right:0;
		}
		#popupform {
			text-align: center;
			//background-color: blue;
			//visibility:hidden;
			width: 90%;
			margin:0 auto;
			position: relative;
		}
		#formtitle {
			font-size: 30px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			color: #F5F5F5;		
			//background-color: blue;
			padding-bottom: 20px;
		}
		.field {
		  //background-color: red;
		}
		.fieldtitle {
			font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			color: #F5F5F5;
			//background-color: green;
			padding: 15px 0 8px 0;
		}
		.fieldtext {
			text-align: center;
		
		}
		
		.fieldtext input{
			font-size: 12px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:350px;
			height:52px;
			background:url('../images/rec5input.png') 0 0 no-repeat;
		}
		
		textarea {
			font-size: 12px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:350px;
			height:100px;
			background:url('../images/rec5input.png') 0 0 repeat;
		}
		
		#sendbutton {
			/*background-image:url('../images/send6.png');*/
			background-color: #FFF;
			border:0;
			width:187px;
			height:52px;
			margin-top:15px;
			color: #ef6262;
			font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			box-shadow: 0 6px #ca5454;
			position: relative;
		}
		#sendbutton:hover {
			top: -2px;
			box-shadow: 0 8px #ca5454;
		}

		#sendbutton:active {
			box-shadow: 0 0 #ab3c3c;
			top: 6px;
		}
		
		::-webkit-input-placeholder { /* WebKit browsers */
			color:   #ef6262;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:    #ef6262;
			opacity:  1;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:    #ef6262;
			opacity:  1;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:    #ef6262;
		}

		.myslogan {
			width: 100%;
			text-align: center;
			float: none;
            margin-top: 20px;
		}

		.mycontacts2 {
			padding-top: 10px;
			width: 100%;
			text-align: center;
			display: block;
		}

		.mycontacts {
			display: none;
		}

		#tel2 {
			font-size: 24px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			padding: 7px 0px 27px 0px;	
			margin-top: 15px;
		}

		#mail2 {
			font-size: 14px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			padding: 0px 0px 0px 0px;
			
			
		}

		.order {
		clear: both;
		margin : 0;
		text-align: center;
		font-size: 16px;
		line-height: normal;
		font-family: 'PT Sans';
		font-weight: bold;
		color: #ef6262;
		height: 11%;
		}

		.info {
			overflow: visible;
		}

		.service .txt {
			width: 100%;

		text-align: center;
		margin: 0 auto; 
		padding: 0;
		width: 200px;
		margin-bottom: 60px;
		 }


		 .fieldtext {
			margin-bottom: 0;
		}

		.field {
			margin-bottom: 0;
			}

			.b-popup .b-popup-content {
			padding-top: 10px;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			text-align: center;
			position: relative;
			overflow: hidden;
			}

            .footer {
                margin-top: 802px;
            }

}

@media only screen and (max-width: 420px){

.fieldtext input{
			font-size: 12px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:250px;
			height:52px;
			background:url('../images/rec5input.png') 0 0 no-repeat;
		}
		
		textarea {
			font-size: 12px;line-height:normal; font-family: 'PT Sans'; font-weight: bold;
			text-align:center;
			line-height:normal;
			color:#ef6262;
			padding:4px 10px 4px 10px;
			border:none;
			width:250px;
			height:150px;
			background:url('../images/rec5input.png') 0 0 repeat;
		}
}


#lastname {
	display: none;
}

#sendbutton {
	cursor: pointer;
}