/*
GRID
 */

body {
    background-color: #fff;
    /*opacity: 0;
    -webkit-transition: opacity .2s ease
    ;-moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;count
    -o-transition: opacity .2s ease;*/
}

body.loaded {
    /*opacity: 1;*/
}

.s-grid {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #f9f9f9;
	position: relative;
    min-width: 1170px;
    /*letter-spacing: 0.0625em;*/
	/*-webkit-transition:  background .35s ease
	;-moz-transition: background .35s ease;
	-ms-transition: background .35s ease;
	-o-transition: background .35s ease;*/
}

/*.s-grid > .s-grid-background*/

.device-desktop, .device-tablet, .device-mobile { display: none; }

.s-editor.mobile .s-grid {
    min-width: 100%;
     /*!important*/
}

.s-grid.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.s-grid > .s-grid-overlay {
	position: relative;
	width: 100%;
	z-index: 2;
}

.s-grid > .s-grid-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    z-index: 0;
}

.s-grid > .s-grid-background.next {
    z-index: 1;
}

.s-grid > .s-junction {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 88;
}

.s-grid > .s-junction.bottom {
    bottom: -100px;
}

.s-grid > .s-junction.top {
    top: -100px;
}

.s-grid > .s-junction.center {
  left: auto;
  right: auto;
}

/*CONTROLS*/
.s-grid > .s-grid-overlay > .s-tabs {
    text-align: center;
    display: inline-block
}
.s-grid > .s-grid-overlay > .s-tabs .tab {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}
.s-grid > .s-grid-overlay > .s-tabs.bottom {
    margin: 40px auto 0 auto
}
.s-grid > .s-grid-overlay > .s-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    vertical-align: middle
}
.s-grid > .s-grid-overlay > .s-arrow.left {
    left: -2px
}
.s-grid > .s-grid-overlay > .s-arrow.left>.arrow {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.s-grid > .s-grid-overlay > .s-arrow.right {
    right: 0
}
.s-grid > .s-grid-overlay > .s-arrow.right>.arrow {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.s-grid > .s-grid-overlay > .s-arrow>.clear {
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle
}
.s-grid > .s-grid-overlay > .s-arrow>.arrow {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    vertical-align: middle;
    padding: 15px;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease
}
.s-grid > .s-grid-overlay > .s-arrow>.arrow img {
    height: 60px;
    width: auto
}
.s-grid > .s-grid-overlay > .s-arrow>.arrow:hover {
    opacity: 1
}
.s-grid > .s-grid-overlay > .s-arrows {
    width: 1170px;
    text-align: center;
    margin: 40px auto 0 auto
}
.s-grid > .s-grid-overlay > .s-arrows>.arrow {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    vertical-align: middle;
    padding: 15px 20px;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease
}
.s-grid > .s-grid-overlay > .s-arrows>.arrow img {
    height: 30px;
    width: auto
}
.s-grid > .s-grid-overlay > .s-arrows>.arrow:hover {
    opacity: 1
}
.s-grid > .s-grid-overlay > .s-dots {
    width: 1170px;
    text-align: center;
    margin: 40px auto 0 auto
}
.s-grid > .s-grid-overlay > .s-dots>div {
    height: 10px;
    width: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin: 0 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.s-grid > .s-grid-overlay > .s-dots>div.active {
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8)
}
.s-grid > .s-grid-overlay > .s-dots>div:hover {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
    cursor: pointer
}

.s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	text-align: center;
	white-space: nowrap;
	word-spacing: -1;
}

.s-grid.full-width > .s-grid-overlay > .s-grid-wrapper > .s-row {
	width: 100%;
	max-width: none;
}

.s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: top;
}

.s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row {
	display: block;
	text-align: center;
	white-space: nowrap;
	word-spacing: -1;
	/*margin: 5px 0;*/
	padding: 0;
	position: relative;
}

.s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: top;
}

.s-grid.vertical-align-middle > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    vertical-align: middle;
}

.s-col.size-1 { width: 4.16%; }
.s-col.size-2 { width: 8.33%; }
.s-col.size-3 { width: 12.5%; }
.s-col.size-4 { width: 16.3%; }
.s-col.size-5 { width: 20.83%; }
.s-col.size-6 { width: 25%; }
.s-col.size-7 { width: 29.16%; }
.s-col.size-8 { width: 33.1%; }
.s-col.size-9 { width: 37.5%; }
.s-col.size-10 { width: 41.66%; }
.s-col.size-11 { width: 45.83%; }
.s-col.size-12 { width: 50%; }
.s-col.size-13 { width: 54.16%; }
.s-col.size-14 { width: 58.33%; }
.s-col.size-15 { width: 62.5%; }
.s-col.size-16 { width: 66.66%; }
.s-col.size-17 { width: 70.83%; }
.s-col.size-18 { width: 75%; }
.s-col.size-19 { width: 79.16%; }
.s-col.size-20 { width: 83.33%; }
.s-col.size-21 { width: 87.5%; }
.s-col.size-22 { width: 91.66%; }
.s-col.size-23 { width: 95.83%; }
.s-col.size-24 { width: 100%; }

.witget-blank {
	border: none !important;
}

#modal > .content > .modal {
    width: 650px;
    position: absolute;
    margin: 50px auto;
    left: 0;
    right: 0;
    background-color: #efefef;
    z-index: 6001;
    border-radius: 10px;
}

#modal > .content > .modal.big {
    width: 940px;
}

#modal > .content > .modal > .header {
    border-bottom: none;
    padding: 35px 20px 50px 20px;
}

#modal > .content > .modal > .header > .close {
    position: absolute;
    right: 20px;
    top: 13px;
}

#modal > .content > .modal > .header > .close > img {
    width: 20px;
}

#modal > .content > .modal > .content {
    padding: 0 100px 50px;
}


#modal > .content > .modal > .action {
    text-align: center;
    padding: 0 0 40px 0;
}

#modal > .content > .modal > .editing-footer {
    text-align: center;
    padding: 0 0 40px 0;
}

.witget-image.clickable {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease
}

.witget-image.clickable:hover {
    opacity: 0.6;
}

.witget-slideshow.clickable .content > .image {
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease
}

.witget-slideshow.clickable .content > .image:hover {
    opacity: 0.6;
}

.video-iframe { display: inline-block; }

.s-grid.background-fixed {
    background-attachment: fixed;
}
/*// INPUT*/

.input.error input,
.input.error textarea {
    border: 2px solid #E75859 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input .error {
    /*position: absolute;*/
    background-color: #E75859;
    padding: 4px 10px;
    z-index: 9999;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px;
    left: -190px;
    opacity: 0.9;
}

.input.validation-list.error .button {
    border: 2px solid #E75859 !important;
}

.input.validation-file.error .button {
    border: 2px solid #E75859 !important;
}

.input.error.validation-radio .error, 
.input.error.validation-checkbox .error,
.input.error.validation-select .error,
.input.error.validation-file .error {
    border-radius: 0 !important;
}


.input.error.validation-select .button,
.input.error.validation-file .button {
    border: 2px solid #E75859 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input.error input,
.input.error textarea {
    border: 2px solid #E75859 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input .success {
    /*position: absolute;*/
    background-color: #5BBD72;
    padding: 4px 10px;
    z-index: 9999;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px;
    left: -190px;
    opacity: 0.9;
}

.input.success .button {
    border: 2px solid #5BBD72 !important;
}

.input.validation-file.success .button {
    border: 2px solid #5BBD72 !important;
}

.input.success.validation-radio .success, 
.input.success.validation-checkbox .success,
.input.success.validation-select .success,
.input.success.validation-file .success {
    border-radius: 0 !important;
}

.input.success.validation-radio, 
.input.success.validation-checkbox, 
.input.success.validation-select,
.input.success.validation-file .button {
    border: 2px solid #5BBD72 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.loading::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.loading::after {
    content: 'Происходит отправка формы..';
    top: 50%;
    left: 0;
    right: 0;
    margin: -25px auto 0;
    font-size: 18px;
    position: absolute;
    padding-top: 40px;
    text-align: center;
    background: url('../images/icon/loader.black.gif') no-repeat top center;
    z-index: 10;
}

.s-cart {
    background-color: rgb(91, 189,114); 
    position: fixed;
    width: 100px;
    height: 100px;
    right: 50px;
    top: 0;
    z-index: 1000;
    border-radius: 100%;
    text-align: center;

    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.s-cart > img {
    width: 50px;
    display: inline-block;
    height: auto;
    margin-top: 32px;
    margin-left: 2px;
}

.s-cart > .count {
    position: absolute;
    top: 0;
    right: 8px;
    padding: 5px 9px;
    z-index: 2;
    background-color: #E96633;
    border-radius: 100%;
    color: #fff;
}

:hover.s-cart {
    background-color: rgb(76, 177, 100);
    cursor: pointer;

}



.modal.cart .action {
    overflow: hidden;
    padding: 0 100px 40px !important;
}

.modal.cart .action > .button {
    float: right;
    font-weight: 300;
}

.modal.cart .action > .price {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    float: left;
    margin-top: 20px;
}

.modal.cart .action > .price > div {
    float: left;
    vertical-align: top;
    display: block;
}

.modal.cart .action > .price > .text {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-transform: uppercase;
}

.modal.cart .action > .price .amount {
    font-size: 28px;
    float: left;
    margin-right: 10px;
}

.modal.cart .action > .price .currency {
    color: #999;
    font-size: 14px;
    padding-top: 5px;
    float: left;
    text-transform: uppercase;
}


.modal.cart .item {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}

.modal.cart .item > .image {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.modal.cart .item > .image > img {
    width: auto;
    max-width: 50px;
    height: auto;
    max-height: 100px;
}

.modal.cart .item > .name {
    width: 310px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.modal.cart .item > .name > .header {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 1.6;
}

.modal.cart .item > .name > .params > div {
    font-size: 14px;
    text-transform: capitalize;
}

.modal.cart .item > .count {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.modal.cart .item > .count span {
    vertical-align: middle;
    display: inline-block;
    padding: 0 5px;
}

.modal.cart .item > .count > input {
    vertical-align: middle;
    display: inline-block;
    max-width: 40px;
    width: auto;
    min-width: 30px;
    border: none;
    border-bottom: 1px dashed #ccc;
    background-color: transparent;
    font-size: 14px;
    text-align: center;
}

.modal.cart .item > .count i {
    border: 2px solid #ccc;
    color: #ccc;

    border-radius: 100%;
    padding: 3px 5px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
}

.modal.cart .item > .count i:hover {
    border: 2px solid #999;
    color: #999;
    cursor: pointer;
}

.modal.cart .item > .price {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    margin-right: 20px;
}

.modal.cart .item > .price > .amount {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
}

.modal.cart .item > .price > .currency {
    color: #999;
    font-size: 14px;
    padding-top: 5px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

.modal.cart .item > .remove {
    display: inline-block;
    vertical-align: middle;
}

.modal.cart .item > .remove i {
    border: 2px solid #ccc;
    color: #ccc;

    border-radius: 100%;
    padding: 3px 5px;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
}

.modal.cart .item > .remove i:hover {
    border: 2px solid #999;
    color: #999;
    cursor: pointer;
}

.modal.cart .item i {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;      
}
/*.input .error::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #E75859;
}*/
/*
.input .error.top {
    left: 10px;
}

.input .error.top::after {
    content: '';
    position: absolute;
    left: 8px;
    top: auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #E75859 transparent transparent transparent;
}*/


/* VIDEO BG*/
.container {
    position: relative
}
.background-video {
    background-position: top center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}
video,
source {
    bottom: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}
.loaded .ytplayer-container {
    display: block;
}
.loaded .placeholder-image {
    opacity: 0;
}
.ytplayer-container {
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.placeholder-image {
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}
.ytplayer-shield {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.ytplayer-player {
    position: absolute;
}
.container {
    border-radius: 6px;
    background: rgba(255, 255, 255, .9);
    padding: 0 30px 0 30px;
    margin: 30px auto;
}

/*ANIMATION*/

.s-editor.animate .witget-text {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-text.animate {
    transform: translateY(0);
    opacity: 1;
}


.s-editor.animate .witget-image {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-image.animate {
    transform: translateY(0);
    opacity: 1;
}

.s-editor.animate .witget-button {
    transform: translateY(20px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-button.animate {
    transform: translateX(0);
    opacity: 1;
}


/* FORM HORIZONTAL ANIMATE */


.s-editor.animate .witget-form {
    opacity: 0;
}

.s-editor.animate .witget-form.horizontal {
    transform: translateX(-20px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-form.horizontal.animate {
    transform: none;
    opacity: 1;
}

.s-editor.animate .witget-form.vertical {
    transform: translateY(-20px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-form.vertical.animate {
    transform: none;
    opacity: 1;
}

/* SLIDESHOW ANIMATION */

.s-editor.animate .witget-slideshow {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-slideshow.animate {
    transform: translateY(0);
    opacity: 1;
}

/* timer ANIMATION */

.s-editor.animate .witget-timer {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-timer.animate {
    transform: translateY(0);
    opacity: 1;
}

/* socials ANIMATION */

.s-editor.animate .witget-socials {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-socials.animate {
    transform: translateY(0);
    opacity: 1;
}

/* socials ANIMATION */
.s-editor.animate .witget-video .capture {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .witget-video .capture.animate  {
    opacity: 1;
    transform: translateY(0);
}

.s-editor.animate .s-element > .video-iframe,
.s-editor.animate .witget-video {
    transform: translateY(-30px);
    opacity: 0;

    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .s-element > .video-iframe.animate,
.s-editor.animate .witget-video.animate {
    transform: translateY(0);
    opacity: 1;
}

.s-editor.animate {
    opacity: 0;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate-complete {
    opacity: 1;
}

.s-editor.animate .s-col-wrapper.animate {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.s-editor.animate .s-col-wrapper.animate.out {
    opacity: 0;
    transform: translateY(20px);
}

.s-editor.animate .s-col-wrapper.animate.in {
    opacity: 1;
    transform: none;
}

/**
.s-grid > .s-grid-background {
    opacity: 0;
    -webkit-transition: transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease;
    -moz-transition: transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease;
    -o-transition: transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease;
    transition: transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease;
}

.s-grid.animate > .s-grid-background {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
*/

/*Модальные фотки*/
.modal_div {
    width: 460px; 
    height: 460px; /* Размеры можно изменять */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed;
    top: 1%; 
    left: 50%; 
    margin-top: -150px;
    margin-left: -150px;
    display: none; 
    opacity: 0; 
    z-index: 5; 
    padding: 20px 10px;
}

.modall_div {
    width: 320px; 
    height: 320px; /* Размеры можно изменять */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed;
    top: 1%; 
    left: 50%; 
    margin-top: -150px;
    margin-left: -150px;
    display: none; 
    opacity: 0; 
    z-index: 5; 
    padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке:) */
.modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: block;
}
/* Подложка */
#overlay {
    z-index: 3;
    position: fixed; 
    background-color: #000; 
    opacity: 0.8; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    cursor: pointer;
    display: none; 
}

.buttonn{
	
	background-color: #1abc9c;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    margin: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.modds{
	    width: 650px;
    position: absolute;
    margin: 50px auto;
    left: 0;
    right: 0;
    background-color: #efefef;
    z-index: 6001;
    border-radius: 10px;
}




#modal_form {
	width: 600px; 
	height: 400px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background-color: rgb(239, 239, 239);
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 5%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px;
	margin-left: -300px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
}
@media (max-width: 760px) {
	#modal_form {
	width: 90%;
	left: 50%;
	margin-left: -49%;
	z-index: 1000!important;
}
#modal_form button.button.huge {width:90%!important}
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}