/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900&subset=latin,cyrillic);
@import url(font-awesome/css/font-awesome.min.css);
@media screen and (max-width: 640px) {#callme{display: none}}
@font-face {
    font-family: "Bebas Neue"; 
    src: url(fonts/BebasNeue-Regular.ttf); 
    src: url(fonts/BebasNeue-Light.ttf) format('truetype'), 
      src: url(fonts/BebasNeue-Book.ttf) format('truetype'), 
       src: url(fonts/BebasNeue-Bold.ttf) format('truetype'), 
    src: url(fonts/BebasNeue-Thin.ttf) format('truetype'); 
   }*/
.cme-template[data-cme=selectTime] {
    display: none!important;
}
/*div#callme::after {
 content: '';
    position: absolute;
    left: 104px;
    bottom: 37px;
    border: 9px solid transparent;
    transform: rotate(-90deg);
    opacity: .5;
    z-index: -10;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.41);
}*/
/*@font-face {
	font-family: 'ubnt';
	src:url('ubnt.eot');
	src:url('ubnt.eot') format('embedded-opentype'),
		url('ubnt.woff') format('woff'),
		url('ubnt.ttf') format('truetype'),
		url('ubnt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


.croot{-webkit-animation: popin .3s 1!important;    
/*font-family: 'ubnt';*/
-moz-animation: popin .3s 1!important;
-o-animation: popin .3s 1!important;
animation: popin .3s 1!important;}
#callme{-webkit-animation: popin .3s 1;
-moz-animation: popin .3s 1;
-o-animation: popin .3s 1;
animation: popin .3s 1;}

.mnenter{
  position: absolute;
    font-size: 12px;
    color: #A0A0A0;
    right: 14px;
    text-decoration: underline;
}

.textix{  color: #fff;
    margin: 6px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    margin-top: 25px;
    text-align: center;
    width: 70px;
    text-shadow: 0 0 5px rgb(199, 199, 199);
    -webkit-animation: popin .3s 1;
    -moz-animation: popin .3s 1;
    -o-animation: popin .3s 1;
    animation: popin .3s 1;
    font-weight: 500;
    letter-spacing: 1px;}





@keyframes toTop{
  0%{

     bottom: 10%;
  }

  100%{
     bottom: 90%;
  }
}

@keyframes toBottom{
  0%{
    
      bottom: 10%;
  }

  100%{
     bottom: -30%;
  }
}

#callme.j {
    transform: rotate(-20deg);
    box-shadow: -30px 0px 30px -22px rgba(0, 0, 0, 0.33)!important;
}
#callme.f {
    transform: rotate(20deg)!important;
         box-shadow: 13px 20px 30px -22px rgba(0, 0, 0, 0.33)!important;
}

@keyframes circle-SS{
  0%{
    transform:rotate(0deg) scale(1) skew(1deg)
  }

  10%{
    transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20%{
    transform:rotate(25deg) scale(1) skew(1deg)
  }

  30%{
    transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40%{
    transform:rotate(25deg) scale(1) skew(1deg)
  }

  50%{
    transform:rotate(0deg) scale(1) skew(1deg)
  }

  100%{
    transform:rotate(0deg) scale(1) skew(1deg)
  }

}

@-moz-keyframes circle-SS{
  0%{
    transform:rotate(0deg) scale(1) skew(1deg)
  }

  10%{
    -moz-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20%{
    -moz-transform:rotate(25deg) scale(1) skew(1deg)
  }

  30%{
    -moz-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40%{
    -moz-transform:rotate(25deg) scale(1) skew(1deg)
  }

  50%{
    -moz-transform:rotate(0deg) scale(1) skew(1deg)
  }

  100%{
    -moz-transform:rotate(0deg) scale(1) skew(1deg)
  }

}

@-webkit-keyframes circle-SS{
  0%{
    -webkit-transform:rotate(0deg) scale(1) skew(1deg)
  }

  10%{
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20%{
    -webkit-transform:rotate(25deg) scale(1) skew(1deg)
  }

  30%{
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40%{
    -webkit-transform:rotate(25deg) scale(1) skew(1deg)
  }

  50%{
    -webkit-transform:rotate(0deg) scale(1) skew(1deg)
  }

  100%{
    -webkit-transform:rotate(0deg) scale(1) skew(1deg)
  }

}

@-o-keyframes circle-SS{
  0%{
    -o-transform:rotate(0deg) scale(1) skew(1deg)
  }

  10%{
    -o-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20%{
    -o-transform:rotate(25deg) scale(1) skew(1deg)
  }

  30%{
    -o-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40%{
    -o-transform:rotate(25deg) scale(1) skew(1deg)
  }

  50%{
    -o-transform:rotate(0deg) scale(1) skew(1deg)
  }

  100%{
    -o-transform:rotate(0deg) scale(1) skew(1deg)
  }

}

.vactor{

 -webkit-animation: Widget_button-icon 5s infinite !important;
 animation: Widget_button-icon 5s infinite !important;
  -moz-animation:Widget_button-icon 5s infinite !important;
  -o-animation:Widget_button-icon 5s infinite !important;
}
@-webkit-keyframes Widget_button-icon {
 47% {transform: rotate(0deg);}
 50% {transform: rotate(15deg);}
 53% {transform: rotate(0deg);}
 54% {transform: rotate(15deg);}
 57% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 63% {transform: rotate(0deg);}
 66% {transform: rotate(15deg);}
 69% {transform: rotate(0deg);}
 72% {transform: rotate(15deg);}
 75% {transform: rotate(0deg);}
}
 
@keyframes Widget_button-icon {
 47% {transform: rotate(0deg);}
 50% {transform: rotate(15deg);}
 53% {transform: rotate(0deg);}
 54% {transform: rotate(15deg);}
 57% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 63% {transform: rotate(0deg);}
 66% {transform: rotate(15deg);}
 69% {transform: rotate(0deg);}
 72% {transform: rotate(15deg);}
 75% {transform: rotate(0deg);}
}
@-moz-keyframes Widget_button-icon {
 47% {transform: rotate(0deg);}
 50% {transform: rotate(15deg);}
 53% {transform: rotate(0deg);}
 54% {transform: rotate(15deg);}
 57% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 63% {transform: rotate(0deg);}
 66% {transform: rotate(15deg);}
 69% {transform: rotate(0deg);}
 72% {transform: rotate(15deg);}
 75% {transform: rotate(0deg);}
}


@-o-keyframes Widget_button-icon {
 47% {transform: rotate(0deg);}
 50% {transform: rotate(15deg);}
 53% {transform: rotate(0deg);}
 54% {transform: rotate(15deg);}
 57% {transform: rotate(0deg);}
 60% {transform: rotate(15deg);}
 63% {transform: rotate(0deg);}
 66% {transform: rotate(15deg);}
 69% {transform: rotate(0deg);}
 72% {transform: rotate(15deg);}
 75% {transform: rotate(0deg);}
}





.stof-ph-img-circle{animation: popinZA .3s infinite ease-in-out;}

@keyframes popinZA {
  from {
    opacity: 1;
  }
  60% {
   opacity: .7;
  }
  95% {
  opacity: .95;
  }
  to {
    opacity: 1;
  }
}





@-webkit-keyframes popin {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(0.005);
    -moz-transform: scale(0.005);
    -ms-transform: scale(0.005);
    -o-transform: scale(0.005);
    transform: scale(0.005);
  }
  95% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes popin {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(0.005);
    -moz-transform: scale(0.005);
    -ms-transform: scale(0.005);
    -o-transform: scale(0.005);
    transform: scale(0.005);
  }
  95% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes popin {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(0.005);
    -moz-transform: scale(0.005);
    -ms-transform: scale(0.005);
    -o-transform: scale(0.005);
    transform: scale(0.005);
  }
  95% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes popin {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(0.005);
    -moz-transform: scale(0.005);
    -ms-transform: scale(0.005);
    -o-transform: scale(0.005);
    transform: scale(0.005);
  }
  95% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}












@-webkit-keyframes crugins {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}

@-moz-keyframes crugins {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}
@-o-keyframes crugins {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}
@keyframes crugins {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(360deg);}
  99%{transform:rotate(0deg);}
  to {
     -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);

  }
}


@-webkit-keyframes cruginsB {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(-360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}

@-moz-keyframes cruginsB {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(-360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}
@-o-keyframes cruginsB {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(-360deg);}
  99%{transform:rotate(0deg);}
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}
@keyframes cruginsB {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
  }
  1%{transform:rotate(0deg);}
  60% {
    -webkit-transform: scale(1.55);
    -moz-transform: scale(1.55);
    -ms-transform: scale(1.55);
    -o-transform: scale(1.55);
    transform: scale(1.55);
    
  }
  61%{transform:rotate(-360deg);}
  99%{transform:rotate(0deg);}
  to {
     -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

  }
}



/*.fromanb{-webkit-animation: cruginsB 1s 1!important;
  -moz-animation: cruginsB 1s 1!important;
  -o-animation: cruginsB 1s 1!important;
  animation: cruginsB 1s 1!important;}*/














span.exclusive{display: none}

  @-moz-keyframes stof-circle-anim{
    0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}
  30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}
  100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}

  @-webkit-keyframes stof-circle-anim{
    0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}
  30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}
  100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}

  @-o-keyframes stof-circle-anim{
    0%{-o-transform:rotate(0deg) scale(0.5) skew(1deg);-o-opacity:.1}
  30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}
  100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}

  @keyframes stof-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}
  30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}
  100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}





#callme:hover{opacity:0.7}





.cme-form {     text-align: left;
    background: #F7F6E7;
    z-index: 109;
    font-family: /*'Roboto',*/ sans-serif;
    height: 407px;
    display: none;
    position: fixed;
    right: 50px;
    top: 150px;
    width: 315px;
    color: #333333;
        box-shadow: -20px 20px 50px rgba(90, 90, 90, 0.4),0px 0px 10px 5px rgba(90, 90, 90, 0.3);
    transition: .3s ease;
    border-radius: 0 40px 0 0;
    max-height: 433px;
    transform-origin: initial!important;
    -webkit-transform-origin: initial!important;
    -ms-transform-origin: initial!important;
    -o-transform-origin: initial!important;}
.cme-form:hover {
  box-shadow:   0px 10px 30px rgba(119, 119, 119, 0.37);
}


.cme-form .has-error { background: #f2dede!important; }



.cme-form span {       padding: 7px 3px 2px 10px;
    display: block;
    color: #7D7D7D;
    font-size: 18px;
    clear: both;
    line-height: 10px;
    font-family: /*'Roboto',*/ sans-serif!important;
    font-weight: 400;}



.cme-form .cme-btn {  
  height: 41px;
  color: white;
  cursor: pointer;
  outline: 0;


 }



.cme-form select { border: 1px solid #ebebeb; background: white; 
  padding: 4px 3px 3px 9px; 
  width: 100%; font-size: 12px; 
  border-radius: 0px; 
  outline-style: none; 
  height: 23px; 
  line-height: 21px; 
  margin: 0 0 5px 0; font-size: 12px; 
  cursor: pointer;  outline: 0;  -webkit-appearance: menulist-button;   min-width: initial;}



.cme-form .cme-select { width: 280px; margin-left: 10px; height: 27px; line-height: 27px; min-width: initial; 
  font-family: 'Open Sans', sans-serif;   font-weight: 400;}

.cme-txt:hover{  border: 1px solid rgba(219, 219, 219, 1)!important;  text-indent: 10px;

}

.cme-form .cme-txt { 
         border: 1px solid rgba(84, 194, 165, 0)!important;
    width: 265px!important;
    height: 20px!important;
    min-width: initial!important;
    border-radius: 0px;
    color: #000!important;
    min-height: initial!important;
    font-size: 17px!important;
    padding: 7px 15px !important;
    margin: 0!important;
    outline: 0!important;
    line-height: 21px!important;
    transition: .2s;
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
    box-shadow: none!important;
    font-family: /*'Roboto',*/ sans-serif!important;
    font-weight: 400!important;
    background: white!important;
    background-color: rgb(255, 255, 255)!important;
    margin-bottom: 6px!important;
    border-radius: 40px!important;
    box-shadow: 0px 0px 13px -5px #333 inset!important;
    text-shadow: 0px 0px 5px #B2CDE2!important;}

 .cme-fields textarea.cme-txt:focus{  border: 1px solid #AAA;  background: #fff;}
.cme-fields input[type='text']:focus{  border: 1px solid #AAA;  background: #fff;}
textarea.cme-txt { resize: horizontal;
  height: 40px!important;
  display: block;  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.to-top-box{display: none!important;}

.cme-fields span label{display: none}

.cme-form span div { float: left; display: inline; margin: 0 5px 0 0; line-height: 19px;font-size: 11px;  font-family: /*'Roboto',*/ sans-serif!important; }

.cme-form .cme-txt::-webkit-input-placeholder {color:#c0392b;}
.cme-form .cme-txt::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
.cme-form .cme-txt:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
.cme-form .cme-txt:-ms-input-placeholder      {color:#c0392b;}
.cme-form .cme-txt:focus::-webkit-input-placeholder {color: transparent;    text-shadow: none;}
.cme-form .cme-txt:focus::-moz-placeholder          {color: transparent;    text-shadow: none;}
.cme-form .cme-txt:focus:-moz-placeholder           {color: transparent;    text-shadow: none;}
.cme-form .cme-txt:focus:-ms-input-placeholder      {color: transparent;    text-shadow: none;}

.cme-form .cme-cls { 
	    color: transparent!important;
    height: 44px;
    width: 29px;
    overflow: hidden;
    text-align: center;
    float: right;
    text-shadow: none;
    cursor: pointer;
    position: relative;
    z-index: 222;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-repeat-y: no-repeat!important;
    background-size: 90%;
    border-bottom: 3px solid #D0CFCF;
}






.cme-form .cme-btn-place span { display: inline; float: right; padding: 7px 12px 0 0 !important; font-size: 8px !important; color: #888 !important; }



.cme-form .cme-btn-place span a { font-size: 11px; color: #888; }



.cme-form .cme-btn-place span a:hover { text-decoration: none; }



.cme-form .callmebody { font-size: 13px; background: #f7f7f7; padding: 5px 10px; }



.cme-form .callmebody .inf { padding: 0 5px; margin: 0 0 10px 0; font-weight: bold; clear: both; }



.cme-form .callme-result {  background: #F7F6E7 url(../images/loading.gif) 10px center no-repeat;
 display: block; clear: both; padding-top: 12px;}



.cme-form .callme-result div { padding: 7px 7px; margin: 4px 0 0 0; }



.cme-form .callme-result div.sending { padding: 7px 0 7px 35px; display: block; color: #333333; clear: both; }



.cme-form .callme-result div.c_success {   background: #54C2A5;  color: #fff;  text-shadow: none;  font-weight: bold;  font-size: 14px; }



.cme-form .callme-result div.c_error { background: #f76363; color: #fffafa; text-shadow: none;   font-size: 16px;}







#viewform {background: url(bttn.html);

border: 0;

padding: 0;

height: 197px;

width: 30px;

cursor: pointer;

outline: 0;

background-size: 30px;}
.otvetit{cursor:pointer;width: 200px;float: left;font-size: 20px;color: #04C33E;}
.otklonit{cursor:pointer;width: 200px;float: left;font-size: 20px;color: #FF0F00;}
.opisanie b{    color: #555;
    font-weight: 700;  font-size: 17px!important;}



.opisanie{             padding: 15px 15px;
    color: #3C3B3B;
    font-family: /*'Roboto',*/ sans-serif!important;
    font-weight: 400;
    font-size: 19px!important;
    line-height: initial;
    text-align: justify;
  
    white-space: normal;visibility: visible;
}

#cme-back { display: none; 
	  z-index: 9415;
	opacity: 0; 
	top: 0; left: 0; width: 100%; height: 100%; position: fixed; 

	background:#FFFFFF; }

.gosnip {
font-size: 10px;
  float: right;
  margin-top: -11px;
  position: absolute;
  margin-left: 148px;
  padding: 0;
  line-height: 25px;
  
}

.gosnip a{ 
          display: block;
          color: #FBFBFB;
          width: 170px;
          margin-left: 0px;
          background: -webkit-gradient(linear, left top, right top, color-stop(0, #2F2F2F), color-stop(0.4, #313131), color-stop(0.5, #fff), color-stop(0.6, #333333), color-stop(1, #333333));
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          text-fill-color: transparent;
          -webkit-animation: slidetounlock 35s infinite;
          animation: slidetounlock 35s infinite;
          transition: none;
          font-family: /*'Roboto',*/ sans-serif !important;
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 0px;
          margin-top: -11px;
          animation-timing-function: linear;
          font-style: italic;
          text-shadow: 0px 1px 2px #7B7B7B;
}



  @-webkit-keyframes slidetounlock{
  0%{
    background-position:-720px 0
  }

  100%{
    background-position:720px 0
  }

}
@keyframes slidetounlock{
  0%{
    background-position:-720px 0
  }

  100%{
    background-position:720px 0
  }

}

.cme-btn:hover {
  background: #C04949;
}

.cme-btn, .cme-form .cme-btn {     
    box-sizing: border-box!important;
    border: 1px solid rgba(255, 255, 255, 0);
    background: #54C2A5;
    border-radius: 0px;
    font-family: /*'Roboto',*/ sans-serif!important;
    font: 15px/0px arial;
    transition: .2s;
    position: relative;
    top: 14px;
    left: -10px;
    border-bottom: 3px solid #D0CFCF;
    padding: 10px;
    margin: 0;
    text-shadow: none;
       box-shadow: 0px 0px 3px 0px #464646;
    float: none;
    min-width: initial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    /*width: 132px;*/
    color: #fff;
    font-size: 15px!important;
    text-indent: -6px;
  }



@keyframes flipInY {
  0% {
   
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
   
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
  
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.cme-form,.animated  {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.gdiv {
    display: inline-block;
    position: relative;
    top: 2px;
}
.cme-form.flipInY{
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;  z-index: 999999999;opacity: 1!important;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}


.cme-form h6 { 
        background: #00C3A5;
    font-size: 24px;
    float: none;
    height: 25px;
    overflow-y: hidden;
    width: 276px;
    line-height: 23px;
    box-sizing: content-box;
    border-radius: 0;
    color: white!important;
    padding: 10px 0 9px 10px;
    border-bottom: 3px solid #D0CFCF;
    margin: 0;
    clear: none;
    text-transform: none;
    font-family: "Bebas Neue"!important;
    text-align: left;
    -webkit-text-stroke: initial;
    font-weight: 100!important;
        word-spacing: 4px;
        letter-spacing: initial;
          
   }

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; background: none;border: none;}
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.html) no-repeat 50% 50%; }
#callme.f div#clbh_phone_div {
    transform: rotate(-20deg);
}
#callme.j div#clbh_phone_div {
    transform: rotate(20deg);
}
#callme {
  position: fixed;
  visibility: visible;
  background-color: transparent;
  width: 100px;
  height: 100px;
  cursor: pointer;
  z-index: 9999999;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition:  bottom .3s linear, transform .3s, box-shadow .3s!important;
  -moz-transition:  bottom .3s linear, transform .3s, box-shadow .3s!important;
  -o-transition:  bottom .3s linear, transform .3s, box-shadow .3s!important;
  transition:  bottom .3s linear, transform .3s, box-shadow .3s!important;
  box-sizing: border-box;
    bottom: 10%;
    right: 80px;
    transform-origin:initial!important;
   -webkit-transform-origin:initial!important;
  -ms-transform-origin:initial!important;
  -o-transform-origin:initial!important;
    box-shadow: 0px 30px 30px -22px rgba(0, 0, 0, 0.33),0px 0px 20px rgba(0, 0, 0, 0.18)!important;
    border-radius: 100px!important;
}
#callme:hover {
  opacity: 1;
  -webkit-animation: crugins none!important;
  -moz-animation: crugins none!important;
  -o-animation: crugins none!important;
  animation: crugins none!important;
}

.callme_viewform{ 
  width: 80px!important;
  height: 80px;
  margin: 10px;
  transition:transform .3s;
  box-sizing: border-box;
  background-color: rgba(110, 210, 141, 0.01)!important;
  border-radius: 100px;

}

#callme:hover {
  transform: scale(1.4,1.4);
  -o-transform: scale(1.4,1.4);
  -moz-transform: scale(1.4,1.4);
  -webkit-transform: scale(1.4,1.4);}



#callme .stof-ph-circle {
  width: 160px;
  height: 160px;
  top: 20px;display: none;
  left: 20px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30,30,30,.4);
  -webkit-animation: stof-circle-anim 2.2s infinite ease-in-out;
  -moz-animation: stof-circle-anim 2.2s infinite ease-in-out;
  -ms-animation: stof-circle-anim 2.2s infinite ease-in-out;
  -o-animation: stof-circle-anim 2.2s infinite ease-in-out;
  animation: stof-circle-anim 2.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
border-color: rgba(0, 137, 99, 1);
  opacity: 1;  box-sizing: border-box;
}
#callme:hover .stof-ph-circle{
  border-color: rgba(117,235,80,1);
}
.callme_viewform:hover .stof-ph-circle-fill{

  -webkit-animation:none!important;
  -moz-animation: none!important;
  -ms-animation: none!important;
  -o-animation: none!important;
}
.stof-ph-circle-fill div{    width: 31px;
  height: 31px;
  border-radius: inherit;
  box-shadow: inherit;
  color: #FFF;
  font-size: 24px;
  background: inherit;
  text-indent: 5px;
  padding-top: 1px;
  border: 1px solid transparent;
  -webkit-transform-origin: inherit;
  box-sizing: inherit;font-family:/*'Roboto',*/ sans-serif!important;font-weight: normal;
height: 31px;
line-height: 24px;
padding-top: 1px;
text-indent: 5px;
transform-origin: 15.5px 15.5px;
visibility: visible;
width: 31px;
  margin-left: 62px;
  margin-top: -5px;}
#callme .stof-ph-circle-fill {
  width: 100px;
  height: 100px;
  margin: -10px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;

 /* -webkit-animation: stof-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: stof-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: stof-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: stof-circle-fill-anim 2.3s infinite ease-in-out;
  animation: stof-circle-fill-anim 2.3s infinite ease-in-out;*/
 
   -webkit-transform-origin:initial!important;
  -ms-transform-origin:initial!important;
  -o-transform-origin:initial!important;
    transition: 0s!important;
  background-image: url('../images/99.png');
  background-size: 118px;
  background-repeat: no-repeat;
  background-position: -11px -11px;

    box-sizing: border-box;
}

.callme_viewform{ transform-origin:initial!important;
   -webkit-transform-origin:initial!important;
  -ms-transform-origin:initial!important;
  -o-transform-origin:initial!important;}
#callme:hover .stof-ph-circle-fill {
  background-color: rgba(117,235,80,.5);
}


.maharu
{  -webkit-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -moz-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -ms-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -o-animation: stof-circle-img-anim 2s infinite ease-in-out;
  animation: stof-circle-img-anim 2s infinite ease-in-out;}

.navbar-right a{font-weight: 700;
    color: #464646;}
.callme_viewform .fa-phone:before {
    /*content: "\e615"!important;*/
    /*font-family: 'ubnt'!important;    */
	font-size: 50px;
}
.callme_viewform .fa-comments-o:before {
    /*content: "\e6c0"!important;*/
    position: relative!important;
    top: 7px!important;
}
.DJZI{        font-size: 50px!important;
    margin: 15px;
    /*font-family: 'ubnt'!important;*/
    margin-left: 20px;line-height: 48px;
    color: #fff;
    -webkit-animation: popin .3s 1;
    -moz-animation: popin .3s 1;
    -o-animation: popin .3s 1;
    animation: popin .3s 1;}
.maharuX
{  -webkit-animation: none!important;
  -moz-animation: none!important;
  -ms-animation: none!important;
  -o-animation: none!important;
  animation: none!important;font-family: /*'Roboto', */sans-serif!important;}



.maharuZ{  -webkit-animation: stof-circle-img-anim 3s infinite ease-in-out;
  -moz-animation: stof-circle-img-anim 3s infinite ease-in-out;
  -ms-animation: stof-circle-img-anim 3s infinite ease-in-out;
  -o-animation: stof-circle-img-anim 3s infinite ease-in-out;
  animation: stof-circle-img-anim 3s infinite ease-in-out;}
#callme .stof-ph-img-circle {
   width: 80px;
  height: 80px; text-align: left!important;

  position: absolute;
-webkit-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -moz-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -ms-animation: stof-circle-img-anim 2s infinite ease-in-out;
  -o-animation: stof-circle-img-anim 2s infinite ease-in-out;
  animation: stof-circle-img-anim 2s infinite ease-in-out;
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;font-family: /*'Roboto', */sans-serif!important;
  border-radius: 100%;
  background-color: transparent!important;box-sizing: border-box;

    transform-origin:initial!important;
   -webkit-transform-origin:initial!important;
  -ms-transform-origin:initial!important;
  -o-transform-origin:initial!important;  
}
#callme:hover .stof-ph-img-circle {
  -webkit-animation:circle-SS 5s infinite ease-in-out;
-moz-animation:circle-SS 5s infinite ease-in-out;
-ms-animation:circle-SS 5s infinite ease-in-out;
-o-animation:circle-SS 5s infinite ease-in-out;
animation:circle-SS 5s infinite ease-in-out;
    background-color: rgba(177, 215, 197, 1);  box-sizing: border-box;
}
@-moz-keyframes stof-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes stof-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes stof-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes stof-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}












@-moz-keyframes stof-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.5}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}}
@-webkit-keyframes stof-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}}
@-o-keyframes stof-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.5}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}}
@keyframes stof-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5}}


@keyframes stof-circle-img-anim{
  0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
30%{transform:rotate(-25deg) scale(1) skew(1deg);opacity: .5}
40%{transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}

@-moz-keyframes stof-circle-img-anim{
  0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);opacity: .5}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}

@-webkit-keyframes stof-circle-img-anim{
  0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
  10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
  30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);opacity: .5}
  40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
  100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);}}


@-o-keyframes stof-circle-img-anim{
  0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg);opacity: .5}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg);opacity: 1}
100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}



.hidden {display:none;}
.box-modal {
  width: 800px;
  position: relative;
  border-radius: 16px;
  background-color: rgba(255,255,255,.85);
  overflow: hidden;
  -webkit-transition: .6s ease-out;
  -moz-transition: .6s ease-out;
  -o-transition: .6s ease-out;
  transition: .6s ease-out;
  margin: 0 auto;
  z-index: 200001;
}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close:hover { color: #666; }
.clear {clear:both}
.box-modal .clbh_banner-exit {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: absolute;
right: 25px;
top: 23px;
height: 15px;
width: 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAAzElEQVR42qyTsRHCMAxFX7xBVoARpFVghKSjhRUyAhmBFVjhMwsDUIgCwwWwA3egOzey35Nt2ZhZa2ariOCbYbdYRAQJOAIHd+/4EO5ueb3cvU3AmOf2c4IJ2AKDpHOSNAIOnLNgWwBXE7CXNAA0EVEyj5L6nO+Affb0uRhPcEkAnGrgG1wQUAMB0mtC0gnYABcggG0J/G/lwpn7uTamGijpXq0qSAVwd29TvoMRWE/ewUPQmFk3147KznaShsbMBNgcWBAALPnlV10HACwiuaGZ5ZweAAAAAElFTkSuQmCC) center center no-repeat;
opacity: .3;
cursor: pointer;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
font-size: 11px;
line-height: 15px;
}
.box-modal .clbh_banner-body {
width: 580px;
height: 100%;
position: relative;
margin: 70px auto;
}
.box-modal .clbh_banner-body .clbh_banner-h1 {
font-size: 24px;
line-height: 34px;
text-align: left;
letter-spacing: normal;
height: auto;
}
.box-modal .clbh_banner-choose-office {
font-size: 14px;
letter-spacing: normal;
text-align: left;
}
.box-modal .clbh_banner-form-row-1 {
position: relative;
top: 22px;
float: left;
width: 100%;
text-align: left;
letter-spacing: normal;
}
.box-modal .clbh_banner-arrow {
width: 37px;
height: 62px;
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAA+CAYAAACsj9JbAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAD50lEQVR42szaeYydUxjH8c+9ndZaqmQ0isYS1aDCqKYJEYJYGqQhYpkqaaolFVIR+x+WP9TyRy1tUWJKEFKxBKkSWxrhLYJGpbGVVGWkWtsos/jjPDe5mO3OvHfmfZKb++bc9z33e59zznOe83tuqampSY62FyZgKibjcEzCDjX0MaMhB5AxmIKzMBujov03bMIn+BV/9bO/jYOB2g2zcFF4BN7GO/gMn+NbbOmtkyzL/tc2UKgrMA8HhwduwWt4D+2DdX2tUEfhHhyLNlyNZ7Ahz4lZC9QcLEEJj+HamDO5W3+hFmE+Nsb7CnW0vqC2w3Kcg7dwMb5WZ+sNamQV0FOx0rYZAusN6o4AehLN6DBEVu6h/TJchZURh4YMqCeoJtyLnzAXfxtiK3cznA9Fe/NQTOr+QM3HEXgQrxomq4Yaj2vQiusMo1WvvvMwLry1eTihylU7/lz8jKcNs1WgjsMBuDOGb9ihGnBBpBwvK4CV0RhZ42p8WhSoieGtN9FZFKhpcV0IL1WgjsTv+LJIUJPwA74qEtSE2Hy3FglqpzgEKBKUGg6KQwpVLhpUJ7YvGlQrRhfJW+UIBY2hmBQGah32iNBQGKj3Q745qEhQq+N6SpGgvgnV5HTsXhSoX/A49q3KGAoRPJ+P9wuLBPUxVuFcSZ0rzN63KK6vLwoUvCJpUM04pihQ7bgJXbhP0qeGHYokNy+RJOjbigJVmVPrQlc4syhQW3B2pMeP4LAiQMFanI+xkmg/ucZ+GzEdh+QJJY7wl2DPWJUn1NDvWNwolUXmSdp7LlDwqKR5jsHrksDfny/YIBUAOvEAnq3F2/3JNltwGn7EUjwc+2R3VgoJ4A8sxikBNAPvxuLZOQ+oSmCdhhdjSNdEkB3Vzb0jqtrXYGY8s0mSwVfi+DygSKLsGTGEI8ODb+DSqoNHV7yqFcK2mAYn4674cauwsKcUvDTAyuj+UsGxoo2uD8AnImnsTXefjLtxolSgXIgVWZa1DRaqYvtJ9Zo5sUo7I859EGn2WnwnyZZbw2t/Strq5Vgg6fTLsTiLimQppxpyGSfFPDs6QsIuNe6f62PFtpRyLmxXbCIOjGHeRxJ6d6z6vCO8NjrumRrtrZjZUAegMr6IV1/33RBJ5Wa8EGn5R3lDlWL19Wa74lapQjYuVuLteCnLsm0MvLDdG1Q5hue/cHtLBfHZMZwfRv7WkmXZv1SfegxfQ6zCCtT4CJ6zYv58H/viUnTk+ReAnqwr8v3OyBROlSryh8b5ckGcBdr7+lV5Q3VJtecrI7i24WYskwrj/XJ1PWyEpDbfj+ciw6hp/OthbbE3LhvIw/8MAEZL3pSMpxnpAAAAAElFTkSuQmCC);
left: -48px;
top: -35px;
opacity: .75;
}
.box-modal .clbh_phone_line {
position: relative;
z-index: 20001;
float: left;
}
.box-modal .clbh_banner-textbox {
min-width: 164px;
width: 164px;
height: 34px;
border: 1px solid #c2c2c2;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: 0 0;
color: #333;
line-height: 30px;
float: left;
display: block;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
margin: 0 15px 0 0;
padding: 0 8px;
text-align: left;
letter-spacing: normal;
}
.box-modal .clbh_banner-button {
width: 158px;
height: 33px;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #333;
color: #fff;
line-height: 30px;
float: left;
cursor: pointer;
margin-right: 10px;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
background: #333;
letter-spacing: normal;
text-indent: 0;
position: static;
}
.box-modal .clbh_banner-button:hover {
background-color: #52aff7;
border-color: #52aff7;
}
.box-modal .clbh_timer {
position: relative;
left: 20px;
text-align: left;
letter-spacing: normal;
float: left;
}
.box-modal .clbh_timer p {
line-height: 30px;
font-size: 36px;
margin: 0;
text-align: left;
letter-spacing: normal;
}

.box-modal .wpcf7-form-control-wrap{
    display: inline-block;
    vertical-align: top;
}
.box-modal .wpcf7-form-control-wrap select{
    height: 34px;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 15px 15px 0;
}


  @-moz-keyframes stof-widget-pulse{0%{-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-ms-transform:translate(0,-20px);-o-transform:translate(0,-20px);transform:translate(0,-20px)}50%{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}
  @-webkit-keyframes stof-widget-pulse{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}
  @keyframes stof-widget-pulse{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
/*  .froman{-webkit-animation:stof-widget-pulse .6s 3!important;
  -moz-animation:stof-widget-pulse .6s 3!important;
  -ms-animation:stof-widget-pulse .6s 3!important;
  -o-animation:stof-widget-pulse .6s 3!important;
  animation:stof-widget-pulse .6s 3!important;}*/