#marafontalantov {
    
}
#zayavka {margin: 30px 0 120px 0;
    border-top: 1px solid darkgrey;
    padding-top: 40px;}
#marafontalantov .page-title-area, #zayavka .page-title-area {
    background-image: none;
    padding-top: 1vw;
    padding-bottom: 3vw;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(204,204,204,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#cccccc",GradientType=1);
}
#marafontalantov .page-title-area h1 {margin-bottom: 24px;margin-top: 90px;font-size: 32px;line-height: 36px;color:#473186;}
#marafontalantov .page-title-area h1 span {font-size:54px;line-height:64px;}
#marafontalantov .page-title-area h1 span span {font-size:36px;display:block;line-height:36px;}
#marafontalantov .page-title-area p {font-size:1.4em;font-weight:400;margin-bottom:14px;}

#zayavka .page-title-area {padding-top:40px;padding-bottom:20px;}
#zayavka .page-title-area h1 {color: #ee2050;margin-top: 50px;margin-bottom: 50px;font-size:52px;text-align:right;font-weight:600;}
#zayavka .page-title-area h2 {font-size:22px;color:#24273e;font-weight:900;letter-spacing:0;margin-top:35px;}
#zayavka .page-title-area h2 span {font-size:52px;}

#marafontalantov .action-btn, #marafontalantov-banner .action-btn {margin-top:24px;font-weight:800;}
#marafontalantov .action-btn .main-color, #marafontalantov .action-btn .bg-main-color, #marafontalantov-banner .action-btn .main-color, #marafontalantov-banner .action-btn .bg-main-color {color:#fff;border-radius:6px;font-size:18px;padding:7px 24px 8px 24px;}
#marafontalantov .action-btn .main-color, #marafontalantov-banner .action-btn .main-color {background:#24273e;border-color:#24273e;}
#marafontalantov .action-btn .main-color:hover, #marafontalantov-banner .action-btn .main-color:hover {background-color:#fff;color:#24273e;border-color:#fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
#marafontalantov .action-btn .bg-main-color { background-color: #c6187b;border-color: #c6187b; }
#marafontalantov .action-btn .bg-main-color:hover, #marafontalantov-banner .action-btn .bg-main-color:hover {background-color:#fff;color:#c6187b;border-color:#fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}

#marafontalantov .vnimanie {font-size: 18px;text-align:center;border:2px solid #ee2050;color:#ee2050;font-weight:700;padding:8px 24px 10px 24px;border-radius:8px;margin-bottom:60px;}

#marafontalantov .tab-content p {font-size: 24px;}

#marafontalantov .kak-prinyt-uchastie {border-radius: 20px;
    padding: 6vh 12vh;
    margin: 12vh;
    background: #ee2050;
    color: #fff;
    box-shadow: 0 0 30px #ff86a2;}
#marafontalantov .kak-prinyt-uchastie h3 {margin-bottom:24px;font-size: 32px;color:#fff;text-align:center;}
#marafontalantov .kak-prinyt-uchastie p {margin-bottom:18px;text-indent:0;}
#marafontalantov .kak-prinyt-uchastie a {color: #fff;text-decoration: underline;}
#marafontalantov .kak-prinyt-uchastie .button.bg-main-color, .button.main-color:hover {background-color: #ffffff;color: #ee2050;font-weight: 900;margin-bottom: 16px;}
#marafontalantov .kak-prinyt-uchastie .button.bg-main-color:hover {background-color:#24273e;color:#ffffff;}

#zayavka .addinfo-name, #zayavka .addinfo-organizaciya, #zayavka .addinfo-nomer, #zayavka .addinfo-text, #zayavka .addinfo-hron, #zayavka .addinfo-video, #zayavka .addinfo-nazvanie, #zayavka .addinfo-organizaciya, #zayavka .addinfo-rukovod, #zayavka .addinfo-phone, #zayavka .addinfo-photo {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    position: relative;
}

#zayavka .addinfo-name span, #zayavka .addinfo-organizaciya span, #zayavka .addinfo-nomer span, #zayavka .addinfo-hron span, #zayavka .addinfo-text span, #zayavka .addinfo-video span, #zayavka .addinfo-nazvanie span, #zayavka .addinfo-organizaciya span, #zayavka .addinfo-rukovod span, #zayavka .addinfo-phone span, #zayavka .addinfo-photo span {
	color: #ee2050;
    margin-left: 4px;
}

#zayavka label {
	display: inline-block;
    width: auto;
    margin-bottom: 0;
    line-height: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    position: absolute;
    top: -8px;
    left: 12px;
    padding: 0 8px;
    background: #fff;
}

#zayavka input {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #a9a9a9;
    border-radius: 6px;
    background-color: #fff;
}

#zayavka textarea {
    resize: vertical;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-radius: 6px;
}

#zayavka .bottom-msg {
	font-size: 12px;
    line-height: 16px;
    margin: 15px 0 45px 0;
}

#xfupload_pd-photo {
	width: 262px !important;
    height: 170px !important;
    background-color: #e3e8ea;
    background-image: url(../img/icon-photo.png);
    background-size: 120px 120px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
#xfupload_pd-photo .info {display: none;}

#xfupload_pd-photo .btn.disabled {display: none;}

#xfupload_pd-photo img {
	width: 262px !important;
    height: 170px !important;
    max-height: 300px !important;
    max-width: 300px !important;
}

#zayavka #nominaciya, #zayavka #kolvo {margin-bottom:20px;}
#zayavka #category {margin-bottom:50px;}
#zayavka #nominaciya h4, #zayavka #category h4 {display:block;}
#zayavka .form_radio_btn {display:inline-block;margin-right:6px;}
#zayavka .form_radio_btn input[type=radio] {display: none;}
#zayavka .form_radio_btn label {
	position: relative;
    top: -2px;
    left: 0;
    display: inline-block;
    cursor: pointer;
    border: 2px solid #a9a9a9;
    color: #757575;
    border-radius: 6px;
    user-select: none;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 18px;
    padding: 8px 14px;
    margin-bottom: 14px;
    letter-spacing: 0;
}
#zayavka .form_radio_btn input[type=radio]:checked + label {background: #e71c21;border-color: #e71c21;color: #fff;}
#zayavka .form_radio_btn label:hover {background:#a9a9a9;color:#24273e;}
#zayavka .form_radio_btn input[type=radio]:disabled + label {background: #efefef;color: #666;}


#marafontalantov-banner {
    background-image: url(../img/planetadetstva-fon.jpg);
    background-size: cover;
    background-position: center bottom;
}
#marafontalantov-banner .col-md-12 {
    padding: 70px 25px 60px 40%;
    background-image: url(/templates/ddn193/img/planetadetstva-logo.png);
    background-repeat: no-repeat;
    background-position: 17% 70%;
    background-size: 280px;
}
#marafontalantov-banner h3, #planetadetstva-banner h1 {margin:0;}
#marafontalantov-banner p {font-weight:800;line-height:18px;margin: 10px 0 10px;}
#marafontalantov-banner .action-btn {margin-top: 18px;font-size: 14px;}
#marafontalantov-banner .action-btn .main-color, #planetadetstva-banner .action-btn .bg-main-color {font-size: 14px;padding: 4px 18px 4px 18px;}




@media (min-width: 900px) and (max-width: 1199px) {
	#zayavka .page-title-area {padding-top:120px;padding-bottom:120px;}
    #marafontalantov .page-title-area h1 {margin-bottom:30px;}
    #marafontalantov .page-title-area .action-btn {margin-top:30px;}
    #marafontalantov .page-title-area p {padding-right:20px;}
}

@media (max-width: 1023px) {
    #marafontalantov-banner .col-md-12 {padding: 70px 25px 60px 42%;background-position: 5% 50%;}
    #marafontalantov-banner h3 span {display: block;}
    #marafontalantov-banner h1 {display:none;}
	#marafontalantov-banner p {font-size: 13px;}
}


@media (max-width: 899px) {
    #zayavka .page-title-area {padding-top:30px;text-align:center;}
    #zayavka .page-title-area h1 {margin-top:10px;text-align: center;}
    #zayavka .page-title-area h2 {margin-top:10px;text-align: center;}
    #zayavka .page-title-area p {line-height:16px;}
    #zayavka #category, #zayavka #kolvo {text-align:center;}
    #zayavka #category h4 {display:block;}
    #zayavka .bottom-msg {text-align:center;}
    
    #marafontalantov .page-title-area {text-align:center;padding-top:40px;padding-bottom:40px;}
    #marafontalantov .page-title-area h1 {margin-bottom:25px;margin-top:0;}
    #marafontalantov .page-title-area h1 span {font-size: 34px;line-height: 42px;padding-top: 4px;padding-bottom: 4px;}
    #marafontalantov .page-title-area h1 span span {font-size: 24px;line-height: 16px;}
    
    #marafontalantov .action-btn {margin-top:30px;}
    
    #marafontalantov .tab-content p {font-size: 18px;margin: 0 -15px;}
    #marafontalantov .kak-prinyt-uchastie {padding: 12px 36px;margin: 24px -15px;}
	#marafontalantov .kak-prinyt-uchastie h3 {margin-bottom:24px;}
	#marafontalantov .kak-prinyt-uchastie p {margin-bottom:12px;text-align: left;}
    
}
@media (max-width: 767px) {
    #marafontalantov-banner .col-md-12 {padding:360px 0 0 0;background-position:50% 80px;background-size:280px;text-align:center;}
    #marafontalantov-banner h1 {display:none;}
}
@media (max-width: 499px) {
    #marafontalantov .page-title-area h1 {font-size: 28px;}
}