/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/form.css";

@import url(//fonts.googleapis.com/css?family=Raleway:400,600);

html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden; 
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}
.marBot1{margin-bottom: 20px;}

.border_botom{border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; padding-bottom: 7px;}

.fs12{font-size: 12px;}

.color1{color: #47d4f9;}
.color2{color: #000000;}
.color3{color: #fafafa;}

/* Global properties ======================================================== */
html, body { padding:0; margin:0; height:100%;}

body {
	font:14px/24px Arial, Helvetica, sans-serif ;
	color:#c6c6c6;
	background: #fff;
	min-width:300px;
	}
.main{
	width:100%;
	height: auto;
	padding:53px 0 0 0; 
	background: #fafafa;
}
.div-content{
	width:100%;
	margin:0 auto;
	padding-bottom:0;
}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float:left;
	margin:-8px 0 0 28px;
}
h1 img{max-width: inherit;}
h1 a{display:inline-block;}
h2{
	font:48px/60px 'Raleway', Arial, sans-serif;
	color:#fafafa; 
	text-align: center;
	margin-top: 20px;
	text-shadow: 1px 1px 1px #28b0d8;
	margin-top: 57px;
	margin-bottom: 30px;
	letter-spacing: -2px;
	margin-left: -3px;
}
h2.v2{
	color:#243c3e; 
	text-shadow: 1px 1px 1px #cdd0d0;
	margin-top: 50px;
}
h3{
	font:600 24px/30px 'Raleway', Arial, sans-serif;
	color:#243c3e; 
	text-transform:uppercase;
	text-shadow:1px 1px #dadada;
	padding-bottom: 18px;
}
h3.lett_spacing{
	letter-spacing: -1px;
}
h3.v2{
	padding-bottom: 26px;
}
p{margin-bottom: 16px;}
img{max-width:100%; height:auto; margin-bottom: 30px;}
.img2{margin-bottom: 23px;}
a {
	text-decoration:none; 
	cursor:pointer; 
	color: #47d4f9;
	font-size: 16px;
}
a.link_cntr {
	margin-bottom: 14px;
	display: inline-block;
}
a:hover {
	text-decoration:underline;
	color: #434343;
}

a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/************Header************/
header{
	padding-bottom: 3px;
}
.bot_line{
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #f2f2f2;
	margin-top: 2px;	
	margin-bottom: 42px;	
}
.line_up{
	margin: 0 auto;
	/*width: 1039px;*/
	height: 1px;
	background: url(../images/up_line.png) center 0 no-repeat;
}
.trial_btn{
	float: right;
	display: inline-block;
	font:bold 14px/20px Arial, sans-serif;
	color: #47d4f9;
	text-transform: uppercase;
	text-decoration: underline;
	padding-right: 15px;
	background: url(../images/sign_arr1.png) right 5px no-repeat;
	margin-top: 27px;
	cursor: pointer;
}
.trial_btn:hover{
	color: #000;
}
	
/************Content***********/
.page1_section{
	position: relative;
	margin: 0 auto;
	width: 1039px;
	background: #ffffff;
	border-radius: 20px; 
	/*overflow: hidden;*/
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.02);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.02);
	box-shadow: 0 0 2px rgba(0,0,0,0.02);
	border: 1px solid #f2f1f1;
	padding-bottom: 55px;
	margin-bottom: 45px;
	-webkit-box-sizing: border-box;
}
.gradient {
    background: #47d4f9; /* for old browsers */
    background: -moz-linear-gradient(top, #12b2fb, #47d4f9); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#12b2fb), color-stop(100%,#47d4f9));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #12b2fb, #47d4f9);
    background: -o-linear-gradient(top, #12b2fb, #47d4f9); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #12b2fb, #47d4f9); /* IE10 */
    background: linear-gradient(top, #12b2fb, #47d4f9); /* CSS3 */ 
}

.phone_descr{
	margin-top: 40px;
	margin-bottom: 30px;
	font:600 24px/30px 'Raleway', Arial, sans-serif;
	text-transform: uppercase;
	text-shadow:1px 1px #2db3d7;
}
.phone_descr.descrMarTop{
	margin-top: 36px;
}
.phone_descr span{
	position: relative;
	top: -7px;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	border: 3px solid #fff;
	line-height: 1.5em;
	border-radius: 100px;
	margin-left: 27px;
	margin-right: 5px;
	float: right;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.phone_descr.v2 span{
	margin-left: 8px;
	margin-right: 27px;
	float: left;
}
.more_btn {
	display: inline-block;
	text-decoration:none;
	color:#4f4f4f;
	text-align: center;
	padding:10px 21px;
	font:12px/17px Arial, sans-serif;
	border: 1px solid #ebebeb;
	border-radius: 20px; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);

	background: #ebeced; /* for old browsers */
    background: -moz-linear-gradient(top, #f9f9f9, #e1e4e6); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f9f9f9), color-stop(100%,#e1e4e6));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f9f9f9, #e1e4e6);
    background: -o-linear-gradient(top, #f9f9f9, #e1e4e6); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9, #e1e4e6); /* IE10 */
    background: linear-gradient(top, #f9f9f9, #e1e4e6); /* CSS3 */ 
    margin-top: 7px;
    margin-bottom: 20px;
}
.more_btn:hover, .more_btn .active a{
	color:#fff;
	background: #47d4f9; /* for old browsers */
    background: -moz-linear-gradient(top, #47d4f9, #1ab7fa); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#47d4f9), color-stop(100%,#1ab7fa));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #47d4f9, #1ab7fa);
    background: -o-linear-gradient(top, #47d4f9, #1ab7fa); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #47d4f9, #1ab7fa); /* IE10 */
    background: linear-gradient(top, #47d4f9, #1ab7fa); /* CSS3 */ 
    text-decoration:none;
}

.more_btn2 {
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	color:#848484;
	text-align: center;
	background:#f0f0f0;
	padding:0px 15px;
	font:11px/26px Arial, sans-serif;
	border: 1px solid #e0e0e0;
	border-radius: 20px; 
    margin-bottom: 20px;
    margin-top: 3px;
}
.more_btn2:hover {
	color:#fff;
	background:#2bc2fa;
	border: 1px solid #2bc2fa;
	text-decoration:none;
}
.img1{
	display: inline-block;
}

.address figure.img_inner {
	display: block;
	height: auto;
	line-height: 0;
	padding-bottom: 0px;
	overflow: hidden;
	padding-top: 4px;
	margin-bottom: 25px;
}
.address figure iframe {
	width: 100%;
	max-width:348px;
	height: 281px;
}
address{
	font-style: normal;
	display: inline-block;
}
address dl dt{
	color: #47d4f9;
	font-size: 16px;
}
address dd span{
	position: relative;
	display: inline-block;
	width: 94px;
}
address a, .link1{
	color: #c6c6c6;
	font-size: 14px;
}

/*---------- strart table ----------*/
table{
	width: 100%;
	vertical-align: middle;
	margin-bottom: 20px;
}
table td{
	vertical-align: middle;
}
table th{
	text-align: left;
	font:16px/24px Arial, Helvetica, sans-serif ;
	color:#47d4f9;
	padding-bottom: 14px;
}
.table_col1, .table_col2{
	padding-right: 10px;
	width: 38%;
}
.table_col3{
	width: 24%;
}
table .more_btn{
	margin-bottom: 5px;
	padding:10px 26px;
}
/*---------- end table ----------*/

/************Footer************/
footer{ 
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	background: #fff;
	display: block;
	text-align: center;
	margin-top: 30px;
	}
.main-footer{
	padding-top: 25px; 
	padding-bottom: 21px;
	}
.main-footer p{
	margin:0;
	font-size:13px;
	color: #b3b3b3;
}
footer a{color:#b3b3b3; font-size:13px;}
footer a:hover{color:#000}



/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {	
	.page1_section{
		width: 960px;
	}
}

@media only screen and (max-width: 995px) {
	.page1_section{
		width: 768px;
	}
	.phone_img{
		padding-top: 11px;
	}
	.phone_descr{
		font:600 18px/30px 'Raleway', Arial, sans-serif;
		margin-bottom: 15px;
	}
	.phone_descr span{
		top: -5px;
		width: 30px;
		height: 30px;
		border: 3px solid #fff;
		line-height: 1.5em;
		margin-left: 17px;
		float: right;
	}
	.phone_descr.v2 span{
		margin-right: 17px;
		margin-left: 0px;
	}
	.phone_descr.descrMarTop{
		margin-top: 5px;
	}
	.address figure iframe {
		width: 100%;
		max-width:100%;
	}

	.slider_wrapper {
		height: 388px;
	}


}
@media only screen and (max-width: 767px) {
	.page1_section{
		width: 420px;
	}
	.phone_section{display: none;}
	h2{
		font:36px/60px 'Raleway', Arial, sans-serif;
	}
	.phone_descr{
		margin-top: 7px;
	}
	.phone_descr span{
		float: left;
		margin-right: 17px;
		margin-left: 0;
	}
	#phone_txt_left_side{
		text-align: left;	
		margin-left: 10px;
	}
	.h3_marTop{
		margin-top: 25px;
	}
	.descrMarTop{
		margin-top: 5px;
	}
	.gradient {
		padding-bottom: 40px;
	}
	img{
		width: 100%;
	}
	img.no_resize{
		width: auto;
	}
	.bot_line{
		background: none;
	}
	.slider_wrapper {
		height: 212px;
	}

	/*img:not(.no_resize) {width: 100%;}*/



}


@media only screen and (max-width: 480px) {
	.page1_section{
		width: 95%;
	}
	.slider_wrapper {
		/*height: 152px;*/
		height: auto;
	}
}
@media only screen and (max-width: 320px) {
	.page1_section{
		width: 300px;
	}

}