@import 'https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic';

@import url(http://allfont.net/allfont.css?fonts=bip);

@font-face {
    font-family: 'Frankc';
    src: url('/css/fonts/frankc.woff') format('woff'),
         url('/css/fonts/frankc.ttf') format('truetype'),
         url('/css/fonts/frankc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: 'Open sans', sans-serif;
    height: 100%;
    background-color: white;
    background-size: 100%;
    background: url("/images/main/background.jpg") no-repeat top center;
}

.container {width: 1170px !important;}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.my-header-default {padding-top: 30px; padding-bottom: 30px; font-weight: 400; text-align: center; text-transform: uppercase;}
.header-white {color: white;}

.topbar {
    height: 40px;
    /*background: rgba(0,0,0, 0.65);*/
}

.top-phone {padding: 8px 0;}
.top-phone a {color: white; text-decoration: none; vertical-align: middle; font-size: 1.4em}

.my-navbar {
    padding-top: 50px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.nav-footer {
    margin-top: 32px;
}

.my-nav {
    background: rgb(235,98,166);
    background: -moz-linear-gradient(top,  rgba(235,98,166,1) 0%, rgba(179,48,122,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb62a6', endColorstr='#b3307a',GradientType=0 );
    border-radius: 18px;
}

.my-nav-footer {
    border: dotted 1px #FFF;
    border-radius: 18px;
}
.my-nav-footer > li > a {
    color: white;
    font-weight: bold;
}
.my-nav-footer > li > a:hover, .my-nav-footer > li > a:focus {
    background-color: transparent;
    color: #f7dd9d;
}

.my-nav li a, .nav-footer li a {
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.2em;
    font-weight: 600;
    font-style: italic;
    color: white;
    transition-duration: 0.2s;
}
.nav-footer li a {white-space: nowrap; word-wrap: normal;}
.my-nav > li > a:hover, .my-nav > li > a:focus, .my-nav > li > a.active, .nav-footer > li > a:hover, .nav-footer > li > a:focus, .nav-footer > li > a.active {
    background-color: transparent;
    color: #fce7c2;
}

footer {
    height: 140px;
    background-color: #460e56;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.header-frankc {font-family: 'FrankC', arial;}
.header-bip {font-family: 'Bip', arial;}
.header-main {font-size: 4.7em; margin-top: 50px; text-align: center;}

.header-about {
    text-shadow: 1px 1px 3px rgba(32,32,32 0.4);
    text-transform: uppercase;
    color: rgb(248,224,81);
}
.header-about2 {color: #ffcf84; font-size: 1.6em; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;}

.screen {min-height: 1080px; min-width: 1170px; width: 100%;}

.screen-1 {height: 800px; min-height: 800px;}
.screen-2 {
    height: 700px;
    min-height: 700px;
    background-color: #034476;
    background: url("/images/main/screen2-bg-1.png") no-repeat 0 0,
        url("/images/main/screen2-bg-2.png") no-repeat 0 bottom, #034476;
}

.screen-3 {
    height: 570px;
    min-height: 570px;
    background: url("/images/main/children.png") no-repeat 20% 0,
    url("/images/main/screen3-bg.png") no-repeat 0 0;
}

.bithday-form-wrapper {margin: 50px auto; border: solid 6px #fae6cd; border-radius: 8px; background-color: #ffdfb9;}
#bithday-form {padding: 20px;}
.bithday-form-wrapper .form-header {margin-top: 0; text-align: center; font-size: 1.3em; line-height: 2em; color: #ca3a89; font-weight: bold;}
.bithday-form-wrapper .form-header .header2 {display: block; font-weight: normal; text-align: center; font-size: 2em; text-transform: uppercase; line-height: 1.2em;
color: #679212;
background: rgb(169,191,72);
background: -moz-linear-gradient(top,  rgba(169,191,72,1) 0%, rgba(103,146,18,1) 100%);
background: -webkit-linear-gradient(top,  rgba(169,191,72,1) 0%,rgba(103,146,18,1) 100%);
background: linear-gradient(to bottom,  rgba(169,191,72,1) 0%,rgba(103,146,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9bf48', endColorstr='#679212',GradientType=0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bithday-form-wrapper .form-description {text-align: center; color: #888; font-weight: bold;}
.bithday-form-wrapper .form-controls {margin-top: 24px;}
.bithday-form-wrapper .form-controls input {padding-left: 52px;}
.bithday-form-wrapper .form-controls .sendbutton {
    color: white;
    font-weight: bold;
    width: 100%;
    margin-top: 12px;
    background: rgb(235,98,166);
    background: -moz-linear-gradient(top,  rgba(235,98,166,1) 0%, rgba(179,48,122,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb62a6', endColorstr='#b3307a',GradientType=0 );
}

.sendbutton {
    color: white;
    font-weight: bold;
    background: rgb(235,98,166);
    background: -moz-linear-gradient(top,  rgba(235,98,166,1) 0%, rgba(179,48,122,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,98,166,1) 0%,rgba(179,48,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb62a6', endColorstr='#b3307a',GradientType=0 );
}
.cancelbutton {
    color: black;
    background: #f7f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f2f2 0%, #c9c9c9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7f2f2 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7f2f2 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2f2', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
.bithday-form-wrapper .form-controls input::-webkit-input-placeholder {text-align: center; font-style: italic; font-size: 0.9em;}
.bithday-form-wrapper .form-controls input::-moz-placeholder {text-align: center; font-style: italic; font-size: 0.9em;}
.bithday-form-wrapper .form-controls input:-moz-placeholder {text-align: center; font-style: italic; font-size: 0.9em;}
.bithday-form-wrapper .form-controls input:-ms-input-placeholder {text-align: center; font-style: italic; font-size: 0.9em;}
.form-controls .input-name {background: url("/images/main/input-bg_name.jpg") no-repeat 12px 50%, #fff;}
.form-controls .input-phone {background: url("/images/main/input-bg_phone.jpg") no-repeat 12px 50%, #fff;}

.scroll-icon {margin: 600px auto 0; width: 33px;}
.scroll-icon img {display: block;}
.scroll-icon .scroll-arrow {margin-top: 3px; width: 33px; height: 39px; animation: scrollicon; animation-duration: 3.5s; animation-iteration-count: infinite; background: url("/images/main/scrollicon-arrow.png") no-repeat 0 0}

.about-icon-wrapper {text-align: center;}
.about-text {color: white; font-size: 1.2em; text-align: justify; line-height: 1.9em; font-weight: bold;}
.about-icons {margin-top: 40px;}
.about-icon {border-radius: 68px; box-shadow: 1px 1px 3px rgba(32,32,32, 0.3)}
.about-icon-text {text-align: center; font-size: 1.18em; padding-top: 12px; color: #f7dd9d; font-weight: bold;}


.screen-4 {
    height: 730px;
    min-height: 730px;
    /*background: url("/images/main/screen4-bg.jpg") repeat-y center center, #fff;*/
}
.header-screen4 {color: #1a7dc4; font-size: 4.7em; margin-top: 50px;}
.header-screen5 {color: #f76a3e; font-size: 4.7em; margin-top: 50px;}
.screen-4-description {text-align: center; color: #66c3d0; font-size: 1.8em; font-weight: bold;}
.attraction-gallery-picture {padding: 0px 3px;}

.attraction-wrapper {min-height: 230px;}
.attraction {width: 19.5%; cursor: pointer; display: inline-block; vertical-align: top;}
.attraction .attraction-pic {height: 140px;}
.attraction .attraction-pic img {display: block; margin: 0px auto; width: 100px; padding-top: 16.5px; transition-duration: 0.2s;}
.attraction .attraction-name, .attraction .attraction-arrow {text-align: center; color: #555; font-weight: bold; transition-duration: 0.2s;}
.attraction .attraction-arrow {font-size: 1.8em; display: none;}
.attraction.active .attraction-pic img, .attraction:hover .attraction-pic img {width: 133px; padding-top: 0px;}
.attraction.active .attraction-name, .attraction:hover .attraction-name {margin-top: 16.5px;}
.attraction.active .attraction-arrow {display: block; width: 22px; margin: 10px auto 0;}
.attraction-arrow span {display: block; width: 22px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAYAAAArMezNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNqUk8ErBFEYwN+sKA7rYh0oJdxwocjBYcuRZPegVRyccHXYG3KiHLU52QvrIkK0q8XFRf4UOUhRyvg9fasx3rdjvvrtN/ve9/3evDcznu/75nTuetwYswpJKE0fTOyZGEF/H2kNuuEGNr2TXGWQi0doDNQWYIUF/H9Ih0lX0BYYLib4mQ1JbSzZSZoaIqSjpGpIaiNnxW9K3zwc0dykSNOy7aRj+t2K9+FJkWfhGElLSDpJuoBmpW/Hk4c3IFtKKYW3MMWZv1KbsQ/YcXy12Ib8t1juopd0B51Kw4PsbhcSSs0Gi6/bix+xyLvk3HpM/Mgj3ar9+SUWeQepDP0xpMtIC8GBP2KRp+TdHIoQfsIi0mJ4wikWeSvpEsYU6QcsIC25JlWxyO1rdg5phzSL9EzrrSsWuf1ADiEjQy8wg7Rary9SHFhghNQO90ifo+q/BBgAAZB9j6K4NDsAAAAASUVORK5CYII=") no-repeat center center;}

.slick-prev2 {
    left: 48px;
}

.slick-next2 {
    right: 48px;
}

.slick-prev2, .slick-next2 {
    z-index: 9999;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 44%;
    display: block;
    width: 48px;
    height: 48px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev2.slick-disabled:before, .slick-next2.slick-disabled:before {
    opacity: .45;
}
.slick-prev2:before {
    content: '←';
}
.slick-prev2:before, .slick-next2:before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 1;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next2:before {
    content: '→';
}


@keyframes scrollicon {
    0% {background-position: 0 -39px; opacity: 0.2;}
    20% {opacity: 1;}
    50% {background-position: 0 0; opacity: 1}
    55% {opacity: 0;}
    60% {opacity: 1;}
    65% {opacity: 0;}
    70% {opacity: 1;}
    100% {opacity: 1;}
}

.screen-5 {
    height: 500px;
    min-height: 500px;
    background: url("/images/main/action_background_line.png") repeat-x top center, url("/images/main/action_background_line.png") repeat-x bottom center, url("/images/main/action_background_fruits.png") no-repeat top center, url("/images/main/action_background_fruits.png") no-repeat bottom center, #fddea3;
}


#ymap {
    height: 630px;
    position: relative;
}

#ymap .ymaps-2-1-41-balloon__layout, #ymap .ymaps-2-1-41-balloon__content, #ymap .ymaps-2-1-41-balloon__tail:after {background-color: #C00B50;}

.ymap-header {position: absolute; top: 0; width: 100%; z-index: 1; text-align: center; font-size: 3.8em; color: #1c81c8; text-shadow: 0 0 2px #FFF; margin-top: 50px;}
.ymap-baloon-icon {width: 24px; font-size: 14px; margin-bottom: 6px; margin-left: 12px; display: inline-block; vertical-align: top;}
.ymap-baloon {width: 160px; font-size: 14px; padding-bottom: 6px; display: inline-block; vertical-align: top;}
.contacts-name {font-size: 2.4em; color: #fddea3; font-weight: bold; margin-bottom: 12px;}
.contacts-property {color: #fddea3; margin-bottom: 2px;}
.contacts-property .name {color: white;}



.solial-icons {text-align: right;}
.social-icon {display: inline-block; width: 38px; height: 38px; margin: 4px 2px; background: url("/images/main/social-top.png") no-repeat 0px 0px;}
.social-twitter {background-position: 0 0;}
.social-instagram {background-position: -38px 0;}
.social-vkcom {background-position: -76px 0;}

.action-picture {border-radius: 112px; border: solid 10px #fdedb9;}
.action-picture-wrapper {display: block; margin: 0px auto; width: 220px;}
.main-action-name {padding-top: 28px; font-size: 1.4em; color: #b31154; font-weight: bold;}
.main-action-link {display: block; margin: 12px 0; font-size: 0.9em; color: #313031; font-weight: bold; text-decoration: underline;}
.main-action-link:hover, .main-action-link:active {color: #b31154;}


:focus {
    outline: thin dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0 !important;
}