/* Окна */
.wc_modal_div {
	    min-width: 100px;
	text-align: left;
	border-radius: 5px;
	border: 3px #000000a1 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5001; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
	padding-top: 30px;
}

textarea#user_mess {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 7px;
    position: relative;
    box-sizing: border-box;
}

/* Кнопка закрыть для тех кто в танке) */
.wc_modal_close {    
    background: url(dell.png) no-repeat scroll 0 0 transparent;
    background-size: cover;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}

.wc_modal_close:hover{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
/* Подложка */
#wc_overlay {
    z-index: 5000;
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}
#user_name, #user_phone{
	
}

#FromGoBron{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    height: auto;
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    width: auto;
    opacity: 1;
}

#FromGoBron label{
	font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;	
	color: #238680;
}
#FromGoBron select{
    border: 1px solid #CCC;
    background-color: #fefefe;
    width: 100%;
    display: block;
    margin: 0 10px 0 0;
    padding: 7px;
}

#FromGoBron input{
	box-sizing: border-box;
	border: 1px solid #CCC;
    background-color: #fefefe;
    margin: 0px 0px 7px 0;
    padding: 0 7px;
    height: 30px;
	width: 100%;
}
#FromGoBron subm{
    color: #fff;
    background: #dc687c;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px 50px;
    margin: 7px auto;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #c8213f;
    position: relative;
    overflow: hidden;
    font-size: 13px;
}

#FromGoBron subm:hover{
	background: #c8213f;
}

#FromGoBron a{
	font-size: 9px;
    color: slategrey;
    text-decoration: none;
}

#FromGoBron a:hover{
	color:#000;
}

#FromGoBron b{
    font-weight: 100;
}



/*Спинер*/

.bokeh {
    font-size: 33px;
    float: left;
    width: 0;
    height: 0;
    left: 34px;
    top: 17px;
    position: absolute;
    margin: 0 auto;
    border-radius: 50%;
    /* border: .01em solid rgba(150,150,150,0.1); */
    list-style: none;
}

.bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #00C176;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: 
	rota 1.13s linear infinite,
	opa 3.67s ease-in-out infinite alternate;
    -moz-animation: 
	rota 1.13s linear infinite,
	opa 3.67s ease-in-out infinite alternate;
    -ms-animation: 
	rota 1.13s linear infinite,
	opa 3.67s ease-in-out infinite alternate;
    -o-animation: 
	rota 1.13s linear infinite,
	opa 3.67s ease-in-out infinite alternate;
    animation: 
	rota 1.13s linear infinite,
	opa 3.67s ease-in-out infinite alternate;
}

.bokeh li:nth-child(2) {
    top: 50%; 
    right: 0;
    margin: -.1em 0 0 0;
    background: #FF003C;
-webkit-transform-origin: -150% 50%;
-moz-transform-origin: -150% 50%;
-ms-transform-origin: -150% 50%;
-o-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-moz-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-ms-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-o-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
}

.bokeh li:nth-child(3) {
left: 50%; 
bottom: 0;
margin: 0 0 0 -.1em;
background: #FABE28;
-webkit-transform-origin: 50% -150%;
-moz-transform-origin: 50% -150%;
-ms-transform-origin: 50% -150%;
-o-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-moz-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-ms-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-o-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
}

.bokeh li:nth-child(4) {
top: 50%; 
left 0;
margin: -.1em 0 0 0;
background: #88C100;
-webkit-transform-origin: 250% 50%;
-moz-transform-origin: 250% 50%;
-ms-transform-origin: 250% 50%;
-o-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-moz-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-ms-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-o-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rota {
to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
to { -o-transform: rotate(360deg); }
}

@keyframes rota {
to { transform: rotate(360deg); }
}

@-webkit-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}

@-moz-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}

@-ms-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}

@-o-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}

@keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}

/*Зебра*/

.Zebra_DatePicker_Icon_Wrapper{
	    width: 100%;
}