/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    min-width: 1200px;
    color: #444450;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.container:after {
    clear: both;
    display: block;
    content: "";
}
.clearfix {
    clear: both;
}

.s1 .container{
    padding: 15px 0px;
    background: url(../img/s-bg1.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.s1 .logo{
    margin-top: 7px;
}
.s1 .right{
    float: right;
    width: 760px;
    padding: 0px 20px;
    font-style: italic;
    font-size: 22px;
}

.s1 .right .text1{
    text-align: left;
    
}
.s1 .right .text2{
    text-align: center;
    color: #cc1b73;
    margin: 5px 0px;
}
.s1 .right .text3{
    text-align: right;
}

.s2 {
    padding: 50px 0px 60px;
    background: url(../img/bg_01.jpg);
	text-align:center;
}

.s2  .text1 {
    font-size: 22px;
    color: #281b73;
}

.s2 .text2 {
	font-size: 28px;
    color: #fff;
    font-weight: 700;
    background: #d81677;
    padding: 7px 10px;
    border-radius: 7px;
    margin-top: 10px;
    display: inline-block;
	margin-bottom: 10px;
}

.s2  .text3 {
    font-size: 30px;
    color: #d81677;
    margin-bottom: 10px;
    font-weight: 700;
}

.s2 .video {
    width: 68%;
    margin: 0 auto;
    position: relative;
	margin-top:10px;

}

.video-responsive {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px;
}

.s3{
	background: url(../img/s-bg3.jpg);
    padding: 50px 0px 30px;
    background-size: cover;
}
.s3 form{
width: 430px;
    margin: 0 auto;
    text-align: center;
}
.s3 .text1{
	font-size:25px;
	text-align:center;
	color:#fff;
	width: 700px;

	    margin: 0 auto;
margin-top:15px;
}
.s3 .text2 span{
	color:#d81677;
	font-size:28px;
	display:inline-block;
	margin-top:2px;
	
}
.s3 .text2{
		font-size:22px;
	text-align:center;
	color:#fff;
	    width: 700px;
    margin: 0 auto;
	margin-bottom:15px;
	line-height:34px;
}
.s3 .text4{
	font-size:28px;
	text-align:center;
	color:#fff;
	margin-top:10px;
}
.s3 .text5{
	font-size:20px;
	text-align:center;
	color:#fff;
	margin-top:10px;
    line-height: 22px;
}

.s3 .text3{
		font-size:22px;
	text-align:center;
	color:#fff;

}
.s3 ul {
    margin: 10px auto;
    width: 490px;
}
.s3 ul li {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}
.s3 ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; 
}
.s3 ul li div {
    display: inline-block;
    vertical-align: middle;
    padding-top: 19px;
    width: 410px;
}
.s3 .left{
	float: left;
    width: 540px;
}
.s3 .right{
	float: right;
    width: 540px;
}
.s4{
	padding:20px 0px;
}
.s4 .text1{
	font-size: 22px;
	text-align:center;
	color: #281b73;
		margin-bottom:10px;
}
.s4 .text2{
	font-size: 16px; 
	text-align:center;
	color: #281b73;

}
.s4 .comments {
    text-align: center;
    padding-top: 20px;
}

.s4 .comments>div {
    display: inline-block;
    width: 500px;
    margin-right: 40px;
    vertical-align: top;
}
.s4 .comments>div:last-child {
    margin-right: 0px;
}

.s4 .comments .comment-title {
    width: 100%;
    padding: 15px 0px;
    font-size: 16px;
    color: #fff;
    background: #4267b2;
    margin-bottom: 5px;
}
.s4 .comments .vk .comment-title {
    background: #507299;
}
.fb-like {
	    margin-left: 78px;
}
form input[type="text"],form input[type="email"] {
    width: 83%;
    font-size: 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 14px 10px 13px 10px;
    margin-bottom: 20px;
   
    text-align: center;
    color: #d81677;
}

::-webkit-input-placeholder {color:#d81677;}
::-moz-placeholder          {color:#d81677;}/* Firefox 19+ */
:-moz-placeholder           {color:#d81677;}/* Firefox 18- */
:-ms-input-placeholder      {color:#d81677;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

form button, form input[type="submit"], .btn {
    width: 89%;
    height: 70px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb348f+0,cd1e75+100 */
    background: #eb348f; /* Old browsers */
    background: -moz-linear-gradient(top,  #eb348f 0%, #cd1e75 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eb348f 0%,#cd1e75 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eb348f 0%,#cd1e75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb348f', endColorstr='#cd1e75',GradientType=0 ); /* IE6-9 */
    border: 0px;
    border-bottom: 3px solid #860f4a;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.btn {
    width: 376px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
    line-height: 70px;
}
form button:hover, form input[type="submit"]:hover, .btn:hover{
	background:#a50253;
	border: 0px;
    border-top: 3px solid #860f4a;
}


.footer{
    padding: 20px 0px;
    background: #ea75b3;
}

.footer .logo {
    display: block;
    float: left;
    margin-right: 150px;
    margin-left: 15px;
}

.footer .right {
    float: left;
}

.footer .info>span {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin-right: 45px;
	font-weight:400;
}
.footer .info span>span{
    display: inline-block;
    vertical-align: middle;
}
.footer .info span>span>span{
    color: #271a72;
    font-size: 12px;
    display: block;
}
.footer .info img{
    vertical-align: middle;
    margin-right: 7px;
}

.footer .links {
    margin-top: 25px;
}

.footer .links a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-right: 70px;
    text-decoration: none;
	font-weight:400;
}
.footer .links a:hover{
	text-decoration:underline;
}


.modal_div {
    width: 80%;
	position: fixed;
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    top: 45%;
    left: 50%;
    margin-left: -40%;
    display: none;
    opacity: 0;
    z-index: 5;
    padding: 20px 10px;
	height: 700px;
    overflow-x: hidden;
}
.modal_div2 {
    width: 855px;
    position: fixed;
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    top: 10%;
    left: 50%;
    margin-left: -450px;
    z-index: 5;
    padding: 20px 20px;
    height: 481px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */

.modal_div .modal_close {
    position: absolute;
    right: 7px;
    font-size: 40px;
    top: 7px;
    color: #fff;
    background: #d81677;
    height: 40px;
    width: 40px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%;
    cursor: pointer;
}

.modal_div2 .modal_close2 {
    position: absolute;
    right: 7px;
    font-size: 40px;
    top: 7px;
    color: #fff;
    background: #d81677;
    height: 40px;
    width: 40px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%;
    cursor: pointer;
}
/* Пoдлoжкa */

#overlay {
    z-index: 3;
    /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position: fixed;
    /* всегдa перекрывaет весь сaйт */
    background-color: #000;
    /* чернaя */
    opacity: 0.8;
    /* нo немнoгo прoзрaчнa */
    -moz-opacity: 0.8;
    /* фикс прозрачности для старых браузеров */
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    /* рaзмерoм вo весь экрaн */
    top: 0;
    /* сверху и слевa 0, oбязaтельные свoйствa! */
    left: 0;
    cursor: pointer;
    display: none;
    /* в oбычнoм сoстoянии её нет) */
}
#overlay2 {
    z-index: 4;
    /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position: fixed;
    /* всегдa перекрывaет весь сaйт */
    background-color: #000;
    /* чернaя */
    opacity: 0.8;
    /* нo немнoгo прoзрaчнa */
    -moz-opacity: 0.8;
    /* фикс прозрачности для старых браузеров */
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    /* рaзмерoм вo весь экрaн */
    top: 0;
    /* сверху и слевa 0, oбязaтельные свoйствa! */
    left: 0;
    cursor: pointer;

    /* в oбычнoм сoстoянии её нет) */
}
.modal_div h1,
.modal_div h2 {
    color: #d81677;
    margin-bottom: 15px;
    text-align: center;
    font-size: 22px;
}
.modal_div h1 span {
    color: #000;
    font-size: 16px;
}
.modal_div p { 
    margin-bottom: 10px;
    line-height: 21px;
}
.modal_div .seporator {
    width: 280px;
    height: 19px;
    background: url(../img/sep.png);
    margin: 25px auto;
    background-position: 50%;
}

.footer .cop{
    color: #fff;
    font-size: 10px;
    clear: both;
    margin-left: 15px;
} 

@media (max-width: 1750px){
	.s2 {
		padding: 50px 0px 50px;
		background: url(../img/bg_01.jpg);
		text-align: center;
		background-position: -163px 0px;
	}
}