﻿       /* @font-face {
            font-family: 'Open Sans Condensed';
            font-style: normal;
            font-weight: normal;
            src: url('../fonts/OpenSans-CondLight.ttf') format('truetype'), url('../fonts/OpenSans-CondLight-webfont.eot') format('embedded-opentype');
        }*/
        @font-face {
            font-family: 'Roboto';
            src: url('../fonts/Roboto-Regular.ttf') format('truetype');
        }
        /* cyrillic */
        @font-face {
          font-family: 'Open Sans Condensed';
          font-style: normal;
          font-weight: 300;
          src: url('../fonts/Open Sans Condensed  Light.ttf') format('truetype'), url('../fonts/OpenSansCondensedLight.eot') format('embedded-opentype');
          
        }

        body{
            font-family: 'Roboto'
        }

        .carousel-caption {

              text-align:left;
        }

        .navbar {
            border: 1px none transparent;
            border-bottom-style: solid;
            border-bottom-width: 3px;
            border-radius: 0px;
            min-height: 40px;
            margin-bottom:11px;
        }
        .navbar-nav > li > a {
            padding-bottom: 9px;
            padding-top: 9px;
        }

        .navbar-right{
            margin-right:10px;
        }
        .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
            background-color: #A9C239;
        }
        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            color: #2a2a2a;
            background-color: #A9C239;
        }
        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            color: #2a2a2a;
            background-color: #A9C239;
        }

        .navbar-default {
            background-color: #a9c239;
            border-color: #a9c239;
            font-family: 'Open Sans Condensed', Arial;
            font-size:18px;
            background:none;
            clear: both;
        }

        .navbar-default .navbar-nav > li > a {
            color: #2a2a2a;
        }

        .kvorum_logo{
            background-image: url('../Images/kvorum.png');
            width: 500px;
            height: 93px;
            background-repeat: no-repeat;
            float:left;
            margin-bottom: 10px;
        }

        @media (min-width: 750px) {
          div.kvorum_logo {
             background-image: url('../Images/kvorum.png');
             height: 76px;
             width: 320px;
          }
        }

        .slogan_panel {
            display: none;
        }

        @media (min-width: 995px) {
            .slogan_panel {
                display: inline-block;
                margin-top: 0px;
                height: 76px;
                padding-top: 17px;
                padding-left: 20px;
                width: 315px;
                border-left: 4px solid #8fbe3e;
            }
        }

        .slogan1 {
            color: #303030;
            font-weight: bold;
            font-size: 13px;
        }
        .slogan2{
            color:black;
            font-size: 15px;
        }

     /*   .logo_ua{
            background-image: url('../Images/logo_kvorum_mobile_ua.png');
        }

        @media (min-width: 480px) {
          div.logo_ua {
             background-image: url('../Images/logo_kvorum_ua.png');
          }
        }

        .logo_en{
            background-image: url('../Images/logo_kvorum_mobile_en.png');
        }

        @media (min-width: 480px) {
          div.logo_en {
             background-image: url('../Images/logo_kvorum_en.png');
          }
        }*/


        .hot_line_panel{
            background-image: url('../Images/phone.png');
            height: 53px;
            background-repeat: no-repeat;
            margin-top: 7px;
        }

        .hot_line_panel > div {
            margin-left: 65px;
            color: #A9C239;
            font-weight: bold;
            font-size: 11px;
            padding-top: 5px;
        }
        div.hot_line_phone{
            font-size: 25px;
            padding-top: 0px;
        }

        a.language {
            color: #DCE2C1;
            margin-right: 10px;
            font-size: 11px;
            font-weight: bold;
        }
        
        a.lang_selected {
            color: #A9C239;
        }

        div.right_panel{
            width: auto;
            float: left;
            margin-bottom: -50px;
        }
        @media (min-width: 750px) {
          div.right_panel {
            float: right;
            margin-bottom: 0px;
          }
        }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #A9C239;
        }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #A9C239;
        }
        .navbar-default .navbar-toggle {
            border-color: #A9C239;
        }
        .navbar-default .navbar-toggle {
            border-color: #A9C239;
        }

        div.masthead {
            float: left;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        div.hend-icon{
            background-image: url('../Images/hand_icon.png');
        }

        div.money-icon{
            background-image: url('../Images/money_icon.png');
        }

        div.coin-icon{
            background-image: url('../Images/coin_icon.png');
        }

        div.document-icon{
            background-image: url('../Images/document_icon.png');
        }

        div.adventages{
            background-repeat:no-repeat;
            padding-left: 76px;
            margin-bottom: 20px;
            min-height: 80px;
        }

        div.adventages-row {
            padding-left:15px;
        }

        hr{
            margin-top:0px;
        }

        .btn-success {
            background-color: #A9C239;
            border-color: #A9C239;
        }
        .btn-success:hover {
            background-color: #8FAB14;
            border-color: #A9C239;
        }
        .btn-success:focus,
        .btn-success.focus {
            background-color: #8FAB14;
            border-color: #A9C239;
        }
        .btn-success .badge {
            background-color: #8FAB14;
            border-color: #A9C239;
        }

        .btn-success.disabled,
        .btn-success[disabled],
        fieldset[disabled] .btn-success,
        .btn-success.disabled:hover,
        .btn-success[disabled]:hover,
        fieldset[disabled] .btn-success:hover,
        .btn-success.disabled:focus,
        .btn-success[disabled]:focus,
        fieldset[disabled] .btn-success:focus,
        .btn-success.disabled.focus,
        .btn-success[disabled].focus,
        fieldset[disabled] .btn-success.focus,
        .btn-success.disabled:active,
        .btn-success[disabled]:active,
        fieldset[disabled] .btn-success:active,
        .btn-success.disabled.active,
        .btn-success[disabled].active,
        fieldset[disabled] .btn-success.active {
          background-color: #8FAB14;
          border-color: #A9C239;
        }
        .btn-success:active,
        .btn-success.active,
        .open > .dropdown-toggle.btn-success {
          background-color: #8FAB14;
          border-color: #A9C239;
        }
        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
          background-color: #8FAB14;
          border-color: #A9C239;
        }

        div.news-item {
            background-image: url('../Images/news_icon.png');
            padding-left: 44px;
            background-repeat: no-repeat;
            min-height: 45px;
            margin-bottom: 7px;
        }

        div.news-item > a {
            text-decoration:none;
        }

        div.news-item > a > div.date {
            color:gray;
        }
        div.news-item > a > div.text {
            color:black;
        }
        .btn-all-news{
            margin-left:43px;
        }
        hr.news-item{
            margin-bottom: 7px;
        }

        div.contacts{
            padding-left: 44px;
            background-repeat: no-repeat;
            min-height: 45px;
            margin-bottom: 7px;
            background-position-y: 8px;
        }
        div.phone-icon{
            background-image: url('../Images/phone_icon.png');
        }
        div.point-icon{
            background-image: url('../Images/coordinate.png');
        }
        div.mail-icon{
            background-image: url('../Images/mail.png');
        }

        div.footer {
            height: 75px;
            background-color: #f1f1f1;
            border-top-style: solid;
            border-width: 4px;
            border-color: #A9C239;
        }


        div.carousel {
            display:none;
          }

        @media (min-width: 750px) {
          div.carousel {
            display:block;
          }
        }

        a.arrow-up > div{
            background-image: url('../Images/arrow.png');
            height:40px;
            width:40px;
            position:fixed;
            top:60%;
            right:84px;
        }

        div.feedback {
            margin-top: 80px;
            background-image: url('../Images/bigPhone.png');
            height:95px;
            width:108px;
            position:fixed;
            top:60%;
            right:40px;
        }

        a.big-botton {
            height: 165px;
            width: 185px;
            background-color:#A9C239;
            display: block;
            text-align:right;
            background-repeat:no-repeat;
            background-position: 15px 15px;
            text-decoration:none;
            margin-right:10px;
            margin-bottom:10px;
            float:left;
        }

        .big-botton > span {
            margin-top: 6px;
            position: absolute;
            border-right: 13px solid #D6D8DA;
            border-bottom: 13px solid transparent;
            font-size: 0px;
            width: 179px;
            line-height: 0px;
            margin-right: 25px;
            display: block;
        }

        .big-botton:hover > span {
            border-right: 13px solid #FFFFFF;
        }

        .big-botton > div{
            color:white;
            font-family: 'Open Sans Condensed', Arial;
            font-size:18px;
            text-align: left;
            padding-left: 15px;
            padding-top: 102px;
        }

        a.zayavka_icon{
            background-color:#455665;
            background-image: url('../Images/zayavka_icon.png');
        }
        a.box-icon{
            background-image: url('../Images/box_icon.png');
        }

        a.health-case-icon{
            background-color:#455665;
            background-image: url('../Images/health_case_icon.png');
        }

        a.home-icon{
            background-image: url('../Images/home_icon.png');
        }

        .botton-row{
            padding-left:15px;
        }

        a.banner{
            height: 165px;
            width: 300px;
            margin-right:10px;
            margin-bottom:10px;
            float:left;
        }

        div.feedback > div{
            border: 1px solid #A9C239;
            height:95px;
            width:95px;
            position:absolute;
            border-radius:50%;

           /* animation: fnc-pulse 3s linear infinite;
            -webkit-animation: fnc-pulse 3s linear infinite;
            -moz-animation: fnc-pulse 3s linear infinite;
            -o-animation: fnc-pulse 3s linear infinite;
            -ms-animation: fnc-pulse 3s linear infinite;*/
             animation: 3s linear 0s normal none infinite fnc-pulse;
             -webkit-animation: 3s linear 0s normal none infinite fnc-pulse;
            -moz-animation: 3s linear 0s normal none infinite fnc-pulse;
            -o-animation: 3s linear 0s normal none infinite fnc-pulse;
            -ms-animation: 3s linear 0s normal none infinite fnc-pulse;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
            -o-animation-delay: 1.5s;
            -ms-animation-delay: 1.5s;
            animation-delay: 1.5s;

        }

        div.feedback > div:first-child {
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -o-animation-delay: 0s;
            -ms-animation-delay: 0s;
            animation-delay: 0s;
        }

        div.feedback:hover{
            animation: fnc-rotate 1.5s linear infinite;
            -webkit-animation: fnc-rotate 1.5s linear infinite;
            -moz-animation: fnc-rotate 1.5s linear infinite;
            -o-animation: fnc-rotate 1.5s linear infinite;
            -ms-animation: fnc-rotate 1.5s linear infinite;
        }

        @keyframes fnc-pulse {
	        0% {transform:rotate(0deg) scale(1) skew(0deg);opacity:.08}
            10% {transform:rotate(0deg) scale(1.1) skew(0deg);opacity:.8}
            100% {transform:rotate(0deg) scale(1.4) skew(0deg);opacity:.01}
        }

        @-webkit-keyframes fnc-pulse{
            0% {-webkit-transform:rotate(0deg) scale(1) skew(0deg);-webkit-opacity:.08}
            10% {-webkit-transform:rotate(0deg) scale(1.1) skew(0deg);-webkit-opacity:.8}
            100% {-webkit-transform:rotate(0deg) scale(1.4) skew(0deg);-webkit-opacity:.01}
        } 
        
        @-moz-keyframes fnc-pulse{
            0% {-moz-transform:rotate(0deg) scale(1) skew(0deg);opacity:.08}
            10% {-moz-transform:rotate(0deg) scale(1.1) skew(0deg);opacity:.8} 
            100% {-moz-transform:rotate(0deg) scale(1.4) skew(0deg);opacity:.01}
        } 
        @-o-keyframes fnc-pulse{
            0% {-o-transform:rotate(0deg) scale(1) skew(0deg);-o-opacity:.08}
            10% {-o-transform:rotate(0deg) scale(1.1) skew(0deg);-o-opacity:.8}
            100% {-o-transform:rotate(0deg) scale(1.4) skew(0deg);-o-opacity:.01}
        } 
        @-ms-keyframes fnc-pulse{
            0% {-ms-transform:rotate(0deg) scale(1) skew(0deg);opacity:.08}
            10% {-ms-transform:rotate(0deg) scale(1.1) skew(0deg);opacity:.8}
            100% {-ms-transform:rotate(0deg) scale(1.4) skew(0deg);opacity:.01}
        } 


        @keyframes fnc-rotate {
	        0% {transform:rotate(0deg) scale(1) skew(0deg);}
            5% {transform:rotate(10deg) scale(1) skew(0deg);}
            15% {transform:rotate(-10deg) scale(1) skew(0deg);}
            25% {transform:rotate(10deg) scale(1) skew(0deg);}
            35% {transform:rotate(-10deg) scale(1) skew(0deg);}
            40% {transform:rotate(0deg) scale(1) skew(0deg);}
            100% {transform:rotate(0deg) scale(1) skew(0deg);}
        }

        @-webkit-keyframes fnc-rotate{
            0% {-webkit-transform:rotate(0deg) scale(1) skew(0deg);}
            5% {-webkit-transform:rotate(10deg) scale(1) skew(0deg);}
            15% {-webkit-transform:rotate(-10deg) scale(1) skew(0deg);}
            25% {-webkit-transform:rotate(10deg) scale(1) skew(0deg);}
            35% {-webkit-transform:rotate(-10deg) scale(1) skew(0deg);}
            40% {-webkit-transform:rotate(0deg) scale(1) skew(0deg);}
            100% {-webkit-transform:rotate(0deg) scale(1) skew(0deg);}
        } 
        
        @-moz-keyframes fnc-rotate{
            0% {-moz-transform:rotate(0deg) scale(1) skew(0deg);}
            5% {-moz-transform:rotate(10deg) scale(1) skew(0deg);}
            15% {-moz-transform:rotate(-10deg) scale(1) skew(0deg);}
            25% {-moz-transform:rotate(10deg) scale(1) skew(0deg);}
            35% {-moz-transform:rotate(-10deg) scale(1) skew(0deg);}
            40% {-moz-transform:rotate(0deg) scale(1) skew(0deg);}
            100% {-moz-transform:rotate(0deg) scale(1) skew(0deg);}
        } 
        @-o-keyframes fnc-rotate{
            0% {-o-transform:rotate(0deg) scale(1) skew(0deg);}
            5% {-o-transform:rotate(10deg) scale(1) skew(0deg);}
            15% {-o-transform:rotate(-10deg) scale(1) skew(0deg);}
            25% {-o-transform:rotate(10deg) scale(1) skew(0deg);}
            35% {-o-transform:rotate(-10deg) scale(1) skew(0deg);}
            40% {-o-transform:rotate(0deg) scale(1) skew(0deg);}
            100% {-o-transform:rotate(0deg) scale(1) skew(0deg);}
        } 
        @-ms-keyframes fnc-rotate{
            0% {-ms-transform:rotate(0deg) scale(1) skew(0deg);}
            5% {-ms-transform:rotate(10deg) scale(1) skew(0deg);}
            15% {-ms-transform:rotate(-10deg) scale(1) skew(0deg);}
            25% {-ms-transform:rotate(10deg) scale(1) skew(0deg);}
            35% {-ms-transform:rotate(-10deg) scale(1) skew(0deg);}
            40% {-ms-transform:rotate(0deg) scale(1) skew(0deg);}
            100% {-ms-transform:rotate(0deg) scale(1) skew(0deg);}
        } 


        div.feedback-panel{
            padding-top:50px;
            width: 282px;
            position: fixed;
            top: 0px;
            right: -17px;
            bottom:0px;
            overflow-x:hidden;
            height:auto;
            min-height: 100%;
            background-color: #A9C239;
            border-left: 4px solid #91AB22;
            color:white;
            display:none;
            opacity:0.95;
            font-family: 'Open Sans Condensed', Arial;
            font-weight: normal;
            font-size: 16px;
        }


        div.email_button{
            height: 130px;
            width:71px;
            float:left;
            text-align:center;
            background-repeat: no-repeat;
            background-image: url('../Images/emil_button.png');
            padding-top: 73px;
            margin-right:7px;
        }

        div.email_button:hover,
        div.email_button.active{
            background-image: url('../Images/emil_button_active.png');
        }

        div.map_button{
            height: 130px;
            width:71px;
            float:left;
            text-align:center;
            background-repeat: no-repeat;
            background-image: url('../Images/map_button.png');
            padding-top: 73px;
            margin-right:7px;
        }

        div.map_button:hover,
        div.map_button.active{
            background-image: url('../Images/map_button_active.png');
        }

        div.zayavka_button{
            height: 130px;
            width:71px;
            float:left;
            text-align:center;
            background-repeat: no-repeat;
            background-image: url('../Images/zayavka_hover.png');
            padding-top: 73px;
            margin-right:7px;
        }

        div.zayavka_button:hover,
        div.zayavka_button.active{
            background-image: url('../Images/zayavka.png');
        }

        div.feedback-panel > form > textarea,
        div.feedback-panel > form > input,
        div.feedback-panel > form > select {
            width:98%;
            display:block;
            font-size: 16px;
        }

        div.feedback-panel > form > select {
            padding: 1px;
            padding-left:5px;
        }

        div.feedback-panel > form > span {
            color:red;
            display:block;
            font-size: 14px;
            margin-bottom: -2px;
        }

        div.feedback-panel > form > label{
            font-weight:normal;
            margin-top: 6px;
            margin-bottom: 0px;
        }

        .btn-send{
            margin-top:7px;
            font-size:inherit;
            background-color: #8A9F29;
        }

        .toggle-box{
            display: none;
            padding-left: 60px;
        }
        .pagination {
    margin: 20px 0;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */
        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        padding: 10px;
    }

        .pagination ul > li {
            display: inline-block;
            margin-right: 0px;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                
                text-decoration: none;
            }

                .pagination ul > li > a:hover,
                .pagination ul > .active > a {
                    background-color: #A9C239;
                    border-color: #A9C239;
                    color:white;
                }

        .pagination ul > .active > a {
            cursor: default;
        }

        .pagination-centered {
            text-align: center;
        }

        .pagination-right {
            text-align: right;
        }

       
        div.news-list{
            background-color: #F1F1F1;
            margin-bottom: 0px;
            border-bottom: 1px solid #B6B6B6;
            padding: 10px;
            padding-left: 60px;
            background-position: 12px 12px;
            
        }

        div.news-filter{
            margin-bottom:10px;
        }

        div.news-filter > form > select {
            width: 110px;
            display: inline-block;
            background-color: #F1F1F1;
        }

        div.news-filter > form > label {
            padding-left:12px;
            font-size:13px;
        }

        div.news-list.active{
            background-color: #A9C239;
            background-image: url('../Images/news_hover_icon.png');
        }

        div.news-list.active > a > div{
            color:white;
        }

        div.page-head{
            padding-left:10px;
        }

            div.page-head > a {
                color: #9C8080;
            }

            div.page-head > h1 {
                margin-top: 6px;
                font-size: 23px;
                font-weight: bold;
            }

        .btn-default,
        .btn-default:hover,
        .btn-default:focus,
        .btn-default.focus,
        .btn-default .badge,
        .btn-default.disabled,
        .btn-default[disabled],
        .btn-default.disabled:hover,
        .btn-default[disabled]:hover,
        .btn-default.disabled:focus,
        .btn-default[disabled]:focus,
        .btn-default.disabled.focus,
        .btn-default[disabled].focus,
        .btn-default.disabled:active,
        .btn-default[disabled]:active
        .btn-default.disabled.active,
        .btn-default[disabled].active,
        .btn-default:active,
        .btn-default.active,
        .btn-default:active:hover,
        .btn-default.active:hover
        .btn-default:active:focus,
        .btn-default.active:focus
        .btn-default:active.focus,
        .btn-default.active.focus {
          background-color: transparent;
        }

        .page-content{
            padding-left:10px;
        }

        .nav > li > a {
            padding: 10px 10px;
        }

        @media (min-width: 768px) {
          .navbar-collapse {
            padding-left: 0px;
          }
          .container {
                padding-left: 0px;
          }
        }


        .zayavka_buttons,
        .zayavka_form{
            width:265px; 
            padding:15px;
            
        }

        .zayavka_form {
            display:none;
        }

        .zayavka_form.active{
            display:block;
        }


        .input-validation-error{
            border:1px solid #FF3E3E;
        }

        div.alert{
            display:none;
        }

        .site-loader{
            width:100%;
            height:100%;
            top:0px;
            left:0px;
            z-index:1000;
            border:none;
            background-color: transparent;
            text-align: center;
            background-image: url(../Images/loading-verde-128.gif);
            background-size:64px 64px;
            background-position: center center;
            background-repeat: no-repeat;
            position:fixed;
            display:none;
        }
        .site-loader > div{
            background-color: #000358;
            opacity: 0.33;
            width: 100%;
            height: 100%;
        }

        #zayavka_form_3 > div {
            padding:10px;
        }
        #zayavka_form_3 > div > a{
            color:white;
        }

        .req_btn {
            cursor:pointer;
        }

      /*  ul.nav li.dropdown:hover > ul.dropdown-menu {
            display: block;
        }

        ul.nav li:hover  {
            background-color: #A9C239;
        }*/
