/* BASIC */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clear { clear: both; height: 0; overflow: hidden; }



/* TYPO */
body { color:#000000; font-size:16px; font-family: "PT Sans", arial, sans-serif; }

h1, h2, h3, h4, h5 { color:#000000; margin:1em 0 .5em 0; line-height:1.1; font-family: "Roboto"; }
h1, h2, h3, h4 { font-weight: bold; }


p, ol, ul { margin:0 0 1.4em; line-height: 1.3; }
li { margin-bottom:.5em; }

a:link, a:visited { color:#1870b7; }
a:hover { color:#ff6600; }
a, button { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

p a:link, p a:visited { border-bottom:1px solid #1870b7; }
h1 a, h2 a, h3 a, h4 a, p a, li a { border-bottom:1px solid #1870b7; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, li a:hover { border-bottom:1px solid #ff6600; text-decoration: none; }


/* ELEMENTS */
.btn_m { background:#ffca3b; padding:15px 28px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.btn_m { border:0; color:#000000; font-weight: bold; text-decoration: none; }
a:hover.btn_m { text-decoration: none; }
button.btn_m { border:0; color:#000000; font-weight: bold; }

input[type="submit"].btn_m { color:#ffffff; border:none; font-weight: bold; }


/* LAYOUT */
body {  }
.layout { background:#ffffff; margin:0 auto; width:100%; max-width: 1280px;  }


/* MAIN CONTENT */
.content {  }
.content .sub-header { line-height:1.5; font-size:22px; }
.content h2, .content .sub-header { text-align: center; margin-left:auto; margin-right: auto; }

.content .sub-header { color:#585858; line-height:1.3; font-size:22px; }
.content p, .content li { max-width: 730px; }

.content .list p { margin-bottom:1em; font-weight: bold; }
.content .list ul { list-style: none; }
.content .list ul { padding-left:1em;}
.content .list ul>li:before { 
	content: '\2014\a0';
	float: left;
	margin-left: -1.25em;
	color: #078ece;
	font-weight: bold; }


section { padding:80px 0; }
section.hrline { border-top:1px solid #baadad; }
section h1, section h2 { margin-top:0; font-size:36px; }
section.zebra { border-top:1px solid #dddddd; background: #f4f5f0; }






/* HEADER */
header { padding:25px 0 35px; }

.logo {  }
.logo p { margin:0; }
.logo a:link, .logo a:visited { text-transform: uppercase; border:none !important;}
.description { color:#9a9a9a; line-height:1.2; }

audio { margin:1em 0; }

.work-info { margin:0 auto; max-width: 360px; }
.work-info p { margin:0; }
.work-info-time { width:50%; float:left;  }
.work-info-time .fa { position: absolute; top:3px; }
.work-info-time p { margin-left: 20px; }

.work-info-phones { width:50%; float:left;  }
.work-info-phones .fa { position: absolute; top:3px; }
.work-info-phones p.phone { margin-left:20px; color:#000000; font-weight: bold; }

.work-info-phones .email { margin-left:20px; }


/* phone */
@media screen and (max-width: 736px) {
	.logo { text-align: center; }
	.description { margin:.5em auto 1em; }
}

/* ipad? */
@media screen and (max-width: 767px) {
	.logo { text-align: center; }
	.description { margin:.5em auto 1em; }
}


/* VIDEO BLOCK */
.sec_videobg { position:relative; max-height:400px; min-height:400px; overflow: hidden; }

.sec_videobg .bgvideo { margin-top:-180px; width:100%; height:auto; z-index: -9999; }

.sec_videobg .wrap { position: absolute; top:0; left:0; height:100%; width:100%; }

.sec_videobg .wrap1280 { position:relative; margin:0 auto; height:100%; width:100%; max-width: 1280px; }

.sec_videobg .left, .sec_videobg .right { width:50%; min-height:100px; float:left; }

.sec_videobg .left {  }
.sec_videobg .right { text-align: right;}

.sec_videobg .textblock { padding:0 20px;  }
.textblock .date { display:inline-block; float:right; margin:2em 0 1em; padding:5px 10px; color:#b20505; font-weight:bold; font-size:1.6em; background:#ffffff; text-transform: uppercase; letter-spacing: 2px; }

.textblock h1 { margin:0; color:#ffffff; text-align:right; font-size:4em; font-family:"PT Sans"; }
.textblock h1 span { background:#fff; color:#000000;}


.sec_videobg .right .gift { max-width:500px; margin-top:80px; }

/* ipad? */
@media screen and (max-width: 768px) {
	.sec_videobg { max-height:none; }
	.sec_videobg .bgvideo { margin-top:0; width:150%; }
	.sec_videobg .left, .sec_videobg .right { display:block; width:100%; float:none; }
	.sec_videobg .right { text-align: center; }
	.textblock h1 { text-align:center; font-size:3em; }
	.sec_videobg .right img { margin-top:0; }
}

@media screen and (max-width: 550px) {
	.sec_videobg .bgvideo { width:200%; }
	.sec_videobg .right img { margin-top:0; width:300px; }
}


/* Анимация */
.gift { 
	animation-duration: 5s; -moz-animation-duration: 5s; -webkit-animation-duration: 5s;
 }

.celeb { animation-duration: 5s; -moz-animation-duration: 5s; -webkit-animation-duration: 5s; }

.date { animation-duration: 2s; -moz-animation-duration: 2s; -webkit-animation-duration: 2s; }



.sec_promotext {  }
.sec_promotext .btn_m { font-size:1.6em; }
.poem { margin:50px 0; text-align:center; font-size:1.4em; }



.sec_share { padding-top:20px; }

.sharepage { background:#ffffff;padding:15px;}
.sharepage p { margin:0 0 .3em; font-size:1.4em; }

.wrapper { margin-top:30px; max-width:600px; padding:10px; border-radius: 5px; 
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


/* FOOTER */
footer { border-top:5px solid #ffca3b; background:#171717; color:#9fa4af; padding:50px 0 0; }
footer h2, footer h3, footer h4 { color:#ffffff; margin-top:0; text-transform: uppercase; letter-spacing: 1px; }

footer p a:link, footer p a:visited, footer ul a:link, footer ul a:visited{ color:#dddddd; border-bottom:1px solid #666; font-weight: bold; }
footer p a:hover, footer li a:hover { color:#ffffff; border-bottom:1px solid #ffffff; }
footer p.copyright { margin-top:2em; }



footer .contacts { color:#9fa4af; }
footer .contacts ul { margin:0 0 0 1em; padding:0; list-style: square;}
footer .copyright { margin-top:1em; }

footer .fa { font-size:16px; }

footer b { color:#ffffff; }

.addinfo { margin-top:20px; background: #000000; color:#666666; }
.addinfo p { margin:1em 0; }
footer .addinfo p a:link, footer .addinfo p a:visited { color:#dddddd; }
footer .addinfo p a:hover { color:#ffffff; border-bottom:1px solid #ffffff; }





/* MODAL */
.modal {  }
.modal .form-control { font-size:1.2em;  }
.modal input.form-control { height:40px; }
.modal input[type="text"].form-control, .modal textarea.form-control { border: 1px solid #aaaaaa; }
.modal input[type="submit"].form-control { max-width: 250px; }
.modal-header { border:none; }
.modal-header h4 { line-height:1.2; font-size:2em; }
.modal-content { padding:25px; }
.modal-content p { color:#666666; font-style: italic; }

@media screen and (max-width: 736px) {
	.modal-header h4 { text-align: center; }
	.modal-header .spacer { display:none; }
	.modal-content { padding:5px 10px; }
}