#koktemnury {
    background-image: url(https://kazakhstan.travel/static/images/main-bg-1.svg);
    background-size: 2000px;
    background-position: -88% 0%;
    background-repeat: repeat-y;
}
#addkoktemnury, #addslovo {margin-bottom: 120px;}
#koktemnury .page-title-area, #addkoktemnury .page-title-area, #addslovo .page-title-area {
    background-image: none;
    padding-top: 3vw;
    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);
}
#koktemnury .page-title-area h1 {margin-bottom: 60px;margin-top: 90px;font-size: 32px;line-height: 36px;}
#koktemnury .page-title-area h1 span {font-size:90px;line-height:90px;color: #ee2050;}
#koktemnury .page-title-area h1 span span {font-size:48px;}
#koktemnury .page-title-area p {font-size:1.4em;font-weight:400;margin-bottom:14px;}

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

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

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

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

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

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

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

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

#addkoktemnury label, #addslovo 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;
}

#addkoktemnury input, #addslovo 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;
}

#addkoktemnury textarea, #addslovo 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;
}

#addkoktemnury .bottom-msg, #addslovo .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;
}

#addkoktemnury #nominaciya, #addkoktemnury #kolvo {margin-bottom:20px;}
#addkoktemnury #category {margin-bottom:50px;}
#addkoktemnury #nominaciya h4, #addkoktemnury #category h4 {display:block;}
#addkoktemnury .form_radio_btn {display:inline-block;margin-right:6px;}
#addkoktemnury .form_radio_btn input[type=radio] {display: none;}
#addkoktemnury .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;
}
#addkoktemnury .form_radio_btn input[type=radio]:checked + label {background: #e71c21;border-color: #e71c21;color: #fff;}
#addkoktemnury .form_radio_btn label:hover {background:#a9a9a9;color:#24273e;}
#addkoktemnury .form_radio_btn input[type=radio]:disabled + label {background: #efefef;color: #666;}


#koktemnury-banner {
    background-image: url(../img/planetadetstva-fon.jpg);
    background-size: cover;
    background-position: center bottom;
}
#koktemnury-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;
}
#koktemnury-banner h3, #planetadetstva-banner h1 {margin:0;}
#koktemnury-banner p {font-weight:800;line-height:18px;margin: 10px 0 10px;}
#koktemnury-banner .action-btn {margin-top: 18px;font-size: 14px;}
#koktemnury-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) {
	#addkoktemnury .page-title-area, #addslovo .page-title-area {padding-top:120px;padding-bottom:120px;}
    #koktemnury .page-title-area h1 {margin-bottom:30px;}
    #koktemnury .page-title-area .action-btn {margin-top:30px;}
    #koktemnury .page-title-area p {padding-right:20px;}
}

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


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