/* =============================================================================
	BODY
	========================================================================== */
body {
	margin: 0;
	color: #232323;
	font: 15px/23px Helvetica, HelveticaNeue, Arial, sans-serif;
	background: #f7f7f7;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
/* =============================================================================
	HTML5
	========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; display:inline;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
figure {margin:0;}
iframe {border:0;}
/* =============================================================================
	IMAGES
	========================================================================== */
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:top;}
/* =============================================================================
	LINKS
	========================================================================== */
a {color:#333; text-decoration:none; outline:none;transition: color 0.5s; -webkit-transition: color 0.5s; -moz-transition: color 0.5s;}
a:hover {color:#ff867f;; text-decoration: none;}
a:focus {outline:none;}
a:hover, a:active {outline:0;}
a:active {background-color:transparent;}
/* =============================================================================
	FORMS
	========================================================================== */
form, fieldset {margin:0; padding:0; border-style:none;}
label {cursor:pointer;}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance: none;
}
input {outline:none;}
button[disabled], input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button {padding:0}
input[type="checkbox"], input[type="radio"] {width:15px; height:16px; padding:0; margin:0;}
input, textarea, select {font:100% Arial, Helvetica, sans-serif; vertical-align:middle; color:#000;}
textarea {resize:vertical; margin:0; padding:0; overflow:auto; vertical-align:top; outline:none;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
:-moz-placeholder {color:#000;}
::-moz-placeholder {color:#000;opacity:1;}
::-webkit-input-placeholder {color:#000;}
:-ms-input-placeholder {color:#000;}
input::-ms-clear {display:none;}
/*Iphone Border Radius Fix*/
input {-webkit-border-radius:0;}
textarea {-webkit-border-radius:0;}
/* =============================================================================
	TABLES
	========================================================================== */
table, caption, tbody, tfoot, thead, tr, th, td {border-collapse:collapse; border-spacing:0;}
td {text-align:left; vertical-align:top;}
th {text-align:center; vertical-align:middle;}
/* =============================================================================
	QUOTES
	========================================================================== */
q {quotes:none;}
q:before {content:''}
q:after {content:''}
/* =============================================================================
	LISTS
	========================================================================== */
ul, ol {list-style:none; margin:0 0 10px; padding:0;}
dl {margin:0 0 10px;}
nav ul, nav ol {margin:0;}
ul li {list-style:none; list-style:none outside;}
/* =============================================================================
	SEMANTIC TAG
	========================================================================== */
h1 {font-size:30px; line-height:1.25; margin:0 0 20px; color: #333;}
h2 {font-size:28px; line-height:1.25; margin:0 0 18px;}
h3 {font-size:26px; line-height:1.2; margin:0 0 16px;}
h4 {font-size:24px; line-height:1.2; margin:0 0 14px;}
h5 {font-size:22px; line-height:1.1; margin:0 0 12px;}
h6 {font-size:20px; line-height:1.1; margin:0 0 10px;}
blockquote {margin:0 0 10px;}
b, strong {font-weight:bold;}
sub, sup, small {font-size:75%;}
sub, sup {line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}
svg:not(:root) {overflow:hidden;}
p {margin:0 0 10px;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:0; padding:0;}
*+html hr {margin:-7px 0;}
mark {background:#ff0;}
ins {text-decoration:none; background:#ff9;}
del {text-decoration:line-through;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word}
pre, code, kbd, samp {margin:0 0 10px; font:10px/13px Lucida Console, Monaco, monospace}
/* =============================================================================
	HasLayot
	========================================================================== */
.clearfix:after {
	display:block;
	content:"";
	clear:both;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position: relative;
}
.container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
}
.header {
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: 27px 0 23px;
}
.logo {
	float: left;
}
.nav {
	float: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 26px;
	padding: 10px 0 0;
}
.nav li {
	float: left;
	margin: 0 40px 0 0;
}
.nav li:last-child{
	margin: 0;
}
.nav li a {
	color: #232323;
}
.nav li a:hover,
.nav li .active {
	color: #ff867f;
	text-decoration: none;
}
.btn {
	display: inline-block;
	background: #ff867f;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	border: none;
    font-weight: bold;
	padding: 16px 5px 17px;
	min-width: 300px;
	transition: background .5s;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
}
.btn:hover{
	background: #f5afab;
	color: #fff;
}
.btn.big {
	width: 100%;
	font-size: 18px;
}
.main {
	padding: 55px 0 150px;
}
.main-text {
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 50px;
}
.main-text p {
	margin: 0;
}
.title {
	font-size: 17px;
	line-height: 25px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 0 24px;
}
.block-info {
	margin: 0 0 79px;
}
.block-info img{
	max-width: 100%;
}
.content {
	float: left;
	width: 66%;
	margin: 0 11% 0 0;
}
.sidebar {
	float: right;
	width: 23%;
}
.sidebar .btn {
	width: 100%;
	min-width: 0;
}
.sidebar .title {
	margin: 0;
}
.block-holder {
	padding: 0 0 50px;
}
.two-col .col {
	float: left;
	width: 48%;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.two-col .col:first-child{
	margin: 0 4% 0 0;
}
.radio,
.checkbox {
	position: relative;
	margin: 0 0 5px;
}
.radio label,
.checkbox label {
	padding: 15px 43px 15px 17px;
	position: relative;
	font-weight: normal;
	margin: 0;
	font-size: 16px;
	line-height: 19px;
	border: 1px solid #e0e0e0;
	background: #fff;
	border-radius: 5px;
}
.radio input[type=radio],
.checkbox input[type=checkbox] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    visibility: hidden;
	position: absolute;
	right: 16px;
    top: 9px;
}
.radio label:before {
    content: "";
    font-size: 0;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 18px;
    top: 50%;
    text-align: center;
    color: #000;
    vertical-align: middle;
    background: #fff;
    border: 2px solid #e4e4e4;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    border-radius: 50%;
}
.radio input[type=radio]:checked+label,
.checkbox input[type=checkbox]:checked+label {
	border-color: #00a5ff; 
	box-shadow: 1px 2px 0px 0px #e4e4e4;
	-webkit-box-shadow: 1px 2px 0px 0px #e4e4e4;
	-moz-box-shadow: 1px 2px 0px 0px #e4e4e4;
}
.radio input[type=radio]+label:after {
    content: "";
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 50%;
    right: 24px;
	box-shadow: 1px 1px 1px 1px #066ba3;
	-webkit-box-shadow: 1px 1px 1px 1px #066ba3;
	-moz-box-shadow: 1px 1px 1px 1px #066ba3;
    -webkit-transform: translate(0,-50%) scale(0);
    transform: translate(0,-50%) scale(0);
    -ms-transform: translate(0,-50%) scale(0);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 0;
}
.radio input[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: translate(0,-50%) scale(1);
    transform: translate(0,-50%) scale(1);
}
.radio input[type=radio]:checked+label:before {
	background: #00a5ff;
	border-color:  #00a5ff; 
}
.checkbox label:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 50%;
    text-align: center;
    color: #000;
    vertical-align: middle;
    border: 2px solid #00a5ff;
    border-radius: 2px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.checkbox label:after {
	content: "\2713";
	font-size: 0;
	position: absolute;
    top: 50%;
    right: 18px;
    color: #fff;
     transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
	-webkit-transition: font .2s ease-in-out;
    transition: font .2s ease-in-out;
}
.checkbox [type=checkbox]:checked+label:after {
    font-size: 13px;
	line-height: 15px;
}
.checkbox [type=checkbox]:checked+label:before {
	background: #00a5ff;
} 
label {
	font-weight: bold;
	margin: 0 0 10px;
	display: block;
}
label span {
	color: #ff867f;
}
.form-control {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	width: 100%;
	height: 50px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.form-control{
	min-height: 150px;
	padding-top: 10px;
}
.form-group {
	margin: 0 0 20px;
}
.home .form-bottom {
	padding: 0 0 73px;
}
.form-bottom {
	border-bottom: 1px solid #e0e0e0;
	margin: 0 0 23px;
	padding: 0 0 34px;
}
.text-center {
	text-align: center;
}
.form-group .info {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.form-group .info .form-control {
	width: 190px;
}
.form-group .info:first-child {
	float: left;
}
.form-group .info:last-child {
	float: right;
}
.text-holder {
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 23px;
}
.text-holder p {
	margin: 0;
}
.footer {
	padding: 0 0 40px;
}
.footer .container {
	border-top: 1px solid #e0e0e0;
	padding-top: 10px;
	color: #999;
}
.copyright {
	float: left;
}
.list-credit {
	float: right;
}
.list-credit li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}
.list-credit li a{
	display: block;
}
.list-credit li:last-child {
	margin: 0;
}
.order-holder{
	padding: 18px 0;
	border-bottom: 1px solid #e0e0e0;
}
.order-holder .description {
	overflow: hidden;
}
.order-holder .description strong {
	display: block;
}
.order-holder .img-holder {
	float: right;
} 
.order-list li {
	border-bottom: 1px solid #e0e0e0;
	padding: 12px 0 8px;
}
.order-list li:last-child{
	margin: 0 0 20px;
}
.order-list strong {
	float: left;
}
.order-list span {
	display: block;
	overflow: hidden;
	text-align: right;
}
.big-img-holder {
	background: #fff;
	text-align: center;
	padding: 42px 0;
	margin: 0 0 23px;
}
.block-about {
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 11px;
	margin: 0 0 33px;
	border-bottom: 1px solid #e0e0e0;
}
.list-issues {
	margin: 0 -30px 0 0;
}
.list-issues li {
	display: inline-block;
	vertical-align: top;
	margin: 0 17px 31px 0;
	font-weight: bold;
}
.list-issues li img{
	margin: 0 0 5px;
}
.list-issues li span {
	display: block;
}
.info .btn {
	margin: 32px 0 0;
}
.price {
	font-size: 30px;
	line-height: 33px;
}
.info .price {
	margin: 10px 0 0;
    display: inline-block;
}
.mobile-menu-btn {
	display: none;
	float: right;
	width: 32px;
	height: 24px;
	margin: 4px 5px 0 0;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.mobile-menu-btn:before,
.mobile-menu-btn:after,
.mobile-menu-btn span {
	background: #ff867f;
	display: inline-block;
	vertical-align: top;
	height: 3px;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
}
.mobile-menu-btn:before, 
.mobile-menu-btn:after {
	content: '';
	top: 0;
}
.mobile-menu-btn:after {
	bottom: 0;
	top: auto;
}
.open .mobile-menu-btn:after,
.open .mobile-menu-btn:before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11px;
	left: 0;
	right: 15%;
}
.open .mobile-menu-btn:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.open .mobile-menu-btn span{
	display: none;
}
.open .nav {
	display: block;
	position: absolute;
	top: 88px;
	left: 0;
	width: 100%;
	text-align: left;
}
.open .nav li {
	float: none;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
}
.open .nav li a{
	display: block;
	width: 100%;
	padding: 10px 15px;
}
.open .nav li .active,
.open .nav li a:hover {
	background: #ff867f;
	color: #fff;
}

@media all and (max-width: 998px) {
	.info-holder .info {
		float: right;
	}
	.info-holder .info:first-child {
		float: left;
	}
	.info-holder .info:last-child {
		float: none;
		width: 100%;
		padding: 10px 0 0;
	}
	.list-issues {
		text-align: center;
	}
	.btn {
		min-width: 200px;
	}

	.form-group .info,
	.form-group .info:first-child {
		width: 48%;
		padding: 0 0 20px;
	}
	.form-group .info:first-child{
		margin: 0 4% 0 0;
	}
	.form-group .info:last-child  {
		float: left;
		width: 100%;
	}
	.form-group .info .form-control {
		width: 100%;
	}
}

@media all and (max-width: 769px) {
	.main{
		padding: 30px 0;
	}
	.main-text{
		margin: 0 0 25px;
		font-size: 20px;
		line-height: 28px;
	}
	.block-holder{
		padding: 0 0 25px;
	}
	.block-info{
		margin: 0 0 30px;
	}
	.info-holder{
		padding: 0 0 37px;
	}
	.two-col .col {
		width: 100%;
		float: none;
	}
	.two-col .col:first-child{
		margin: 0 0 5px;
	}
	.radio-holder .radio:first-child {
		margin: 0 0 5px;
	}
	.order-holder {
		text-align: center;
	}
	.order-holder .img-holder {
		float: none;
	}
	.info .btn {
		margin: 0;
	}
	.mobile-menu-btn {
		display: block;
	}
	.nav {
		display: none;
	}
}

@media all and (max-width: 480px) {
	.header {
		text-align: center;
	}
	.sidebar {
		float: none;
		width: 100%;
		padding: 0 0 20px;
	}
	.content {
		float: none;
		width: 100%;
	}
	.footer {
		text-align: center;
	}
	.copyright {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	.list-credit {
		float: none;
		width: 100%;
	}
	.form-group .info,
	.form-group .info:first-child, 
	.form-group .info:last-child {
		float: none;
		width: 100%;
	}
	.form-group .info .form-control {
		width: 100%;
	}
}