#gorodsreda {}
#addgorodsreda {margin-bottom: 120px;}
#gorodsreda .page-title-area, #addgorodsreda .page-title-area {
    background-image: url(../img/planetadetstva-fon.jpg);
    background-size: cover;
    background-position: center bottom;
    padding-top:10vw;
    padding-bottom:15vw;
}

#addgorodsreda .page-title-area {padding-top:30px;padding-bottom:160px;}
#addgorodsreda .page-title-area h1 {margin-top:50px;}

#gorodsreda .page-title-area h1 {margin-bottom:40px;}
#gorodsreda .page-title-area p {font-size:1.4em;font-weight:400;margin-bottom:14px;}

#gorodsreda .action-btn, #gorodsreda-banner .action-btn {margin-top:54px;font-weight:800;}
#gorodsreda .action-btn .main-color, #gorodsreda .action-btn .bg-main-color, #gorodsreda-banner .action-btn .main-color, #gorodsreda-banner .action-btn .bg-main-color {color:#fff;border-radius:6px;font-size:18px;padding:7px 24px 8px 24px;}
#gorodsreda .action-btn .main-color, #gorodsreda-banner .action-btn .main-color {background:#24273e;border-color:#24273e;}
#gorodsreda .action-btn .main-color:hover, #gorodsreda-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);}
#gorodsreda .action-btn .bg-main-color {}
#gorodsreda .action-btn .bg-main-color:hover, #gorodsreda-banner .action-btn .bg-main-color:hover {background-color:#fff;color:#ee2050;border-color:#fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}

#gorodsreda .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;}

#addgorodsreda .pd-addinfo-name, #addgorodsreda .pd-addinfo-age, #addgorodsreda .pd-addinfo-nazvanie, #addgorodsreda .pd-addinfo-tehnika, #addgorodsreda .pd-addinfo-story, #addgorodsreda .pd-addinfo-mail {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    position: relative;
}

#addgorodsreda .pd-addinfo-name span, #addgorodsreda .pd-addinfo-age span, #addgorodsreda .pd-addinfo-nazvanie span, #addgorodsreda .pd-addinfo-tehnika span, #addgorodsreda .pd-addinfo-story span, #addgorodsreda .pd-addinfo-mail span {
	color: #ee2050;
    margin-left: 4px;
}

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

#addgorodsreda 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;
    background-color: #fff;
}

#addgorodsreda 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;
}

#addgorodsreda .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;
}

#addgorodsreda #category {margin-bottom:40px;}
#addgorodsreda #category h4 {display:inline-block;margin-right:15px;}
#addgorodsreda .form_radio_btn {display:inline-block;margin-right:15px;}
#addgorodsreda .form_radio_btn input[type=radio] {display: none;}
#addgorodsreda .form_radio_btn label {
    position: relative;
    top: -2px;
    left: 0;
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 34px;
    border: 1px solid #ee2050;
    color: #ee2050;
    border-radius: 6px;
    user-select: none;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 18px;
    padding: 8px 14px;
    margin-bottom: 14px;
}
#addgorodsreda .form_radio_btn input[type=radio]:checked + label {background:#ee2050;color:#fff;}
#addgorodsreda .form_radio_btn label:hover {color:#ee2050;background:#fafbfa;}
#addgorodsreda .form_radio_btn input[type=radio]:disabled + label {background: #efefef;color: #666;}


#gorodsreda-banner {
    background-image: url(../img/planetadetstva-fon.jpg);
    background-size: cover;
    background-position: center bottom;
}
#gorodsreda-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;
}
#gorodsreda-banner h3, #gorodsreda-banner h1 {margin:0;}
#gorodsreda-banner p {font-weight:800;line-height:18px;margin: 10px 0 10px;}
#gorodsreda-banner .action-btn {margin-top: 18px;font-size: 14px;}
#gorodsreda-banner .action-btn .main-color, #gorodsreda-banner .action-btn .bg-main-color {font-size: 14px;padding: 4px 18px 4px 18px;}




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

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


@media (max-width: 899px) {
    #addgorodsreda .page-title-area {padding-top:70px;text-align:center;}
    #addgorodsreda .page-title-area h1 {margin-top:0;font-size:22px;}
    #addgorodsreda .page-title-area p {line-height:16px;}
    #addgorodsreda #category {text-align:center;}
    #addgorodsreda #category h4 {display:block;}
    #addgorodsreda .bottom-msg {text-align:center;}
    
    #gorodsreda .page-title-area {text-align:center;padding-top:100px;padding-bottom:250px;}
    #gorodsreda .page-title-area h1 {margin-bottom:25px;margin-top:0;}
    #gorodsreda .action-btn {margin-top:30px;}
    
}
@media (max-width: 767px) {
    #gorodsreda-banner .col-md-12 {padding:360px 0 0 0;background-position:50% 80px;background-size:280px;text-align:center;}
    #gorodsreda-banner h1 {display:none;}
}
@media (max-width: 499px) {
    #gorodsreda .page-title-area h1 {font-size: 28px;}
}