body {font-family: arial; margin: 0;}
input:active, input:focus {outline: none;}

.shadow-bot {-webkit-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.31);box-shadow: 0px 6px 28px 0px rgba(0,0,0,0.31);}
.math-bgr {background-image: url(../img/math-bgr.png); background-repeat:no-repeat;  background-size: cover;}
.container-border {border: 1px solid #21343a;}
.relative {position: relative;}
.bord-bottom-orange {border-bottom: 4px solid #f35d53;}
.bord-gray-light {border-bottom: 2px solid #d7d8d9;}
.gray-bgr {background-color: #f0f1f5;}
.form-last-border {border-bottom: 1px solid #e8e8e8;}
.clr-bt {width: 100%; clear: both;}
.wh-back-ground {background-image: url(../img/white-back-ground.jpg);  background-repeat:no-repeat;  background-size: cover;}
.border-bot-blue {border-bottom: 1px solid #44cae6;}
.pad-bot-45px {padding-bottom: 45px;}
.math-bottom-bg {background-image: url(../img/math-bgr-footer.png);  background-repeat:no-repeat;  background-size: cover;}

.wrapper {width: 100%;}

.container {width: 1140px; margin: 0 auto;  }



.header {padding: 40px;}

.top-img {  }
.central-logo {margin: 0px 0px 0px -234px; padding: 0px 0px 15px 0px; position: absolute; bottom: -50px; left: 50%; display: block; width: 468px; min-height: 113px; background-image: url(../img/header-img.png); background-position: bottom center; background-repeat:no-repeat; text-align: center; font-family: 'opensans-extrabold', arial; line-height: 35px; font-size: 46px; color:#002a5c; text-transform: uppercase;}
.top-blue {font-size: 28px; color: #06b3d5!important; font-family: 'pobeda-bold', arial; text-transform: none;}

.rasschet-table { width: 910px; margin: 0 auto; text-align: center;  padding: 40px 0px 40px 0px;}

.rasschet-cell {display: inline-block; width: 445px; height: 170px; 
    border-left: 2px solid #40616d!important;border-top: 2px solid #40616d!important; border-bottom: 2px solid #060a0a!important;border-right: 2px solid #060a0a!important; font-family: georgia; color: #fff; font-size: 25px; text-align: center; vertical-align: top; padding: 30px 0px 0px 0px;}

.rasschet-cell-big {display: inline-block; width: 898px; height: 170px; 
    border-left: 2px solid #40616d!important;border-top: 2px solid #40616d!important; border-bottom: 2px solid #060a0a!important;border-right: 2px solid #060a0a!important; font-family: georgia; color: #fff; font-size: 25px; text-align: center; vertical-align: top; padding: 30px 0px 0px 0px;}

.rasch-button {display: inline-block; color:#fff;   border: 1px solid #097e96; border-bottom: 2px solid #000000 !important; font-family:'helveticaneuecyr-roman', arial; font-size: 14px; padding:  12px 18px; margin-top: 18px; letter-spacing: 2px; cursor: pointer; outline:none;
background: rgb(6,180,213);
background: -moz-linear-gradient(left, rgb(6,180,213) 0%, rgb(0,229,254) 100%);
background: -webkit-linear-gradient(left, rgb(6,180,213) 0%,rgb(0,229,254) 100%);
background: linear-gradient(to right, rgb(6,180,213) 0%,rgb(0,229,254) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b4d5', endColorstr='#00e5fe',GradientType=1 );
}
.skoro-img {margin-top: 15px;}
.orange-arrow {position: absolute; bottom: -60px; left: 50%; margin-left: -191px; z-index: 9999999;}

.gray-pic {text-align: left; width: 420px; margin: 0 auto; position: relative; min-height: 280px; padding: 70px 0px 0px 65px;}
.gray-pic img {float: left; position: absolute; left: -200px;}
.gray-big {font-family: 'opensans-extrabold', arial;   font-size: 30px; color:#002a5c;}

.gray-pic ul {padding: 0px 0px 0px 18px;}
.gray-pic li {color:#06b3d5; padding: 5px 0px;  margin: 0;} 
.gray-pic a { font-family: 'opensans', arial;   font-size: 18px; color:#06b3d5;}
 
.forma-wrap {width: 710px; margin: 0 auto;}
.forma-raschet {padding: 5px 0 70px 0px; text-align: center;}
.form-left { display: inline-block; vertical-align: middle; width: 200px; height: 80px; text-align: right; margin-right: 16px; font-family: 'opensans', arial;   font-size: 18px; color:#3c464d; border-top: 1px solid #e8e8e8; padding: 10px 0px 0px 0px;}
.height-60 {height: 60px!important;}
.height-70 {height: 70px!important;}
.height-80 {height: 80px!important;}
.height-95 {height: 95px!important;}
.height-120 {height: 120px!important;}
 
.form-right {display: inline-block; position: relative; vertical-align: middle; width: 470px; text-align: left; padding: 10px 5px 0px 5px; background-color: #f0f1f5; border-top: 1px solid #e8e8e8; font-family: 'opensans', arial; font-size: 18px; color: #3c464d;}
.form-right p {margin: 3px 0px; color: #3c464d; font-family: 'opensans', arial; font-size: 18px;}

.podskazka {display: none; width: 314px; height: 134px; background-image: url(../img/podskazka.png); background-repeat: no-repeat; text-align: center; padding: 25px 0px 25px 0px; font-family: georgia, arial; font-size: 13px; color: #000;}
.podskazka-wrap {width: 200px; margin: 0 auto; text-align: left; padding: 5px 0px 0px 70px;}
.podskazka-wrap a {color: #06b3d5; text-decoration: underline;}
.form-right:hover .podskazka {display: inline-block; position: absolute; right: -150px; bottom: -70px; z-index: 999999;}

.date-inp {font-family: 'opensans', arial; display: inline-block;  /*font-size: 18px;*/ color:#3c464d; border: 1px solid #d8d8d8;  background: #fff url(../img/calendar.png) right center no-repeat; padding: 9px 9px;}
.date-inp:hover {background:none; background-color: #fff;}
.date-inp:focus {background:none; background-color: #fff;}
.date-inp:active {background:none; background-color: #fff;}

.fio-inp { width: 90%; height: 66px; display: inline-block;vertical-align: middle; padding: 0px 5px; font-family: 'opensans', arial; font-size: 18px; color:#3c464d;}
.day-inp {width: 60px; height: 46px; display: inline-block;vertical-align: middle; padding: 5px 0px; text-align: center; font-family: 'opensans', arial; font-size: 18px; color:#3c464d; margin-right: 14px;}
.reason-inp {height: 46px; display: inline-block;vertical-align: middle; padding: 5px 0px; font-family: 'opensans', arial; font-size: 18px; color:#3c464d; margin-right: 14px;} 
.form-header {font-family: georgia, arial; font-size: 25px; color: #3c464d; margin: 44px 0px; padding-left: 225px; text-align: left;}
.margin-r-20 {/*margin-right: 20px;*/}
.padding-left-10 {padding-left: 10px!important;}
.dobavit-period {color: #06b3d5; font-family: 'opensans-semibold', arial; font-size: 15px; text-decoration: none; display: inline-block; margin-top: 5px;}
.orange-input {background-color: #ff7b66; border: 8px solid #fff; width: 212px; height: 86px; border-radius: 43px; color: #fff; font-size: 18px; position: absolute; bottom: -110px; left: 50%; margin-left: -106px; z-index: 999; cursor: pointer; outline: 0;}
#ui-datepicker-div {z-index:9999!important;}

.list {width: 500px; margin: 0 auto 50px auto; text-align: left;padding-top: 60px; border: 1px dashed #a4a4a8; border-top: 0;
 background-color: #fff;
-webkit-box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.43);
box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.43);
}
.list-1 {font-family: 'opensans', arial; font-size: 18px; color: #2d353a; padding-left: 55px;}
.list-2 {font-family: georgia, arial; font-size: 30px; color: #06b3d5; padding-left: 55px;}
.stripe {background-image: url(../img/stripe.png); background-repeat: repeat-x; width: 100%; height: 3px; margin-bottom: 27px;}
.list-shadow-img {position: absolute; top:0;}
.list-shadow-bottom {position: absolute; bottom: -66px;}

.gray-list {width: 444px;   background-color: #f0f1f5; margin: 0 auto 20px; text-align: left; border: 1px solid #e8e8e8; padding: 20px 0 0 30px;}
.gray-list-head {color: #06b3d5; font-family: 'opensans-bold', arial; font-size: 18px; /*padding: 30px;*/}

.gray-list ol {color: #06b3d5; font-family: 'opensans-bold', arial; font-size: 18px; padding-left: 52px;}
.gray-list li {color: #2d353a; font-family: 'opensans', arial; font-size: 18px; padding: 7px 0px;}


.gray-list ol { counter-reset: item; list-style-type: none; }
.gray-list ol li:before {
    margin-left: -20px; font-family: 'opensans-bold', arial;
            content: counter(item) ". ";
            counter-increment: item;
            color: #06b3d5;
        }
.gray-list b {font-family: 'opensans-bold', arial;}
.pub-small {margin: 21px; text-align: center; color: #2d353a; font-size: 12px; font-family: 'opensans', arial;}
.ok-vk-fb {position: absolute; bottom: -30px; left: 50%; margin-left: -80px;}

.padding-90-0 {padding: 90px 0px;}
.ta-c {text-align: center;}

.bott-hrefs a {color: #06b3d5; font-family: georgia, arial; font-size: 18px; text-decoration: underline; margin-bottom: 25px; display: block; text-decoration: underline; text-align: left; width: 440px;}
.bott-hrefs a:hover {color: #06b3d5; text-decoration: underline;}
.bott-hrefs a:active {color: #06b3d5; text-decoration: underline;}
 
.lapt-inline {display: inline-block; width: 49%; vertical-align: top;}

.padding-140-0 {padding: 140px 0px;}

.footer-href {display: inline-block; color: #fff; padding: 25px 30px; border: 8px solid #fff; border-radius: 40px; text-decoration: none; font-family: 'opensans', arial; font-size: 18px;
    background: rgb(12,178,210);
background: -moz-linear-gradient(left, rgb(12,178,210) 0%, rgb(0,227,252) 100%);
background: -webkit-linear-gradient(left, rgb(12,178,210) 0%,rgb(0,227,252) 100%);
background: linear-gradient(to right, rgb(12,178,210) 0%,rgb(0,227,252) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb2d2', endColorstr='#00e3fc',GradientType=1 );color: #fff;
}

   @font-face {
    font-family: 'opensans-extrabold'; 
    src: url('../font/OpenSans-ExtraBold.ttf'); 
   }

   @font-face {
    font-family: 'opensans'; 
    src: url('../font/OpenSans-Regular.ttf'); 
   }

   @font-face {
    font-family: 'opensans-semibold'; 
    src: url('../font/OpenSans-Semibold.ttf'); 
   }

   @font-face {
    font-family: 'opensans-bold'; 
    src: url('../font/OpenSans-Bold.ttf'); 
   }


   @font-face {
    font-family: 'pobeda-bold'; 
    src: url('../font/pobeda-bold.ttf'); 
   }

   @font-face {
    font-family: 'pobeda-regular'; 
    src: url('../font/pobeda-regular.ttf'); 
   }

   @font-face {
    font-family: 'helveticaneuecyr-roman'; 
    src: url('../font/HelveticaNeueCyr-Roman.otf'); 
   }


#button {   text-decoration: none; }
#effect,#effect3 {   position: relative; }
 

.radio-line {display: inline-block; margin-bottom: 4px; color: #3c464d;  font-family: 'opensans', arial;}
 .radio label {  
    margin-right: 10px;
 width: 21px; /* Ширина рисунка */
 height: 20px; /* Высота рисунка */
 display: inline-block; /* Блочный элемент */
 position: relative; /* Относительное позиционирование */
}


 .radio input[type="radio"] + span {
 position: absolute; /* Абсолютное позиционирование */
 left: -1px; top: 0;
 width: 100%; height: 100%;
 background: url(../img/radio-button.png) no-repeat; /* Фоновый рисунок */
 cursor: pointer; /* Курсор в виде руки */
}

 .radio input[type="radio"]:checked + span   {
 background-position: -21px  0px;
}
/*======================================================*/
.rx{
    
    float:right;
}

._header
{
    text-align: center;
}

.body
{
    text-align: center;
    color:#06b3d5;
}

.footer
{
    text-align: center;
}

#error
{
    padding:10px;
    color:yellow;
    text-align:center;
    background-color: #FF5555;
}

div[data-name="body1"]
{
    padding-bottom:10px;
    border-bottom:1px dashed gray;   
}
#response
{
    padding:10px 5px 10px 30px;
}
#response h1
{
    text-align:center;
    }
#report
{
    margin: 5px 20px;
}


.circle
{
    float: left;
    border-radius:50%;
    padding:5px;
    margin:10px auto;
    background-color: silver;
    border:2px solid gray;
}