@font-face {
    font-family: "HeliosCond";
    src: url("/templates/newit/fonts/HeliosCondRegular.eot");
    src: url("/templates/newit/fonts/HeliosCondRegular.eot?#iefix") format("embedded-opentype"),
    url("/templates/newit/fonts/HeliosCondRegular.woff") format("woff"),
    url("/templates/newit/fonts/HeliosCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "HeliosCondRegular";
    src: url("/templates/newit/fonts/HeliosCondRegular.eot");
    src: url("/templates/newit/fonts/HeliosCondRegular.eot?#iefix") format("embedded-opentype"),
    url("/templates/newit/fonts/HeliosCondRegular.woff") format("woff"),
    url("/templates/newit/fonts/HeliosCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "HeliosCondItalic";
    src: url("/templates/newit/fonts/HeliosCondItalic.eot");
    src: url("/templates/newit/fonts/HeliosCondItalic.eot?#iefix") format("embedded-opentype"),
    url("/templates/newit/fonts/HeliosCondItalic.woff") format("woff"),
    url("/templates/newit/fonts/HeliosCondItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: "HeliosCondBold";
    src: url("/templates/newit/fonts/HeliosCondBold.eot");
    src: url("/templates/newit/fonts/HeliosCondBold.eot?#iefix") format("embedded-opentype"),
    url("/templates/newit/fonts/HeliosCondBold.woff") format("woff"),
    url("/templates/newit/fonts/HeliosCondBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

html, body {
    font-family: HeliosCond, HeliosCondItalic, Tahoma, sans-serif !important;
    outline: 0;
    background-color: #f5f5f5;
}

body {
    background-color: #f4f4f4;
    width: 100%;
    font-size: 16px;
}

* {
    outline: 0 !important;
}

table, tr, td {
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}

#plan-selector > div:first-child,
h1, h2, h3 {
    color: #0c4da2;
}

.container20 {
    background-color: #fff;
}

a {
    color: #0c4da2;
}

a,a:hover,a:visited,a:active,a:link {
    text-decoration: none;
}

h1 {
    font-size: 30px;
}

/* header and menu */
.logo {
    float: left;
    z-index: 100;
    margin: 20px 20px 20px 0;
}

.container {
    max-width: 1070px;
}

body {
    background: none;
    margin: 0 auto;	
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 800px) and (max-width:900px) {
    #wrapper,body {
        width: 820px;
        margin:0 auto;
    }
    .container {
        width: 780px;
        max-width: 820px;
    }
}

@media screen and (min-width: 900px) and (max-width:1000px) {
    #wrapper,body {
        width: 920px;
        margin:0 auto;
    }
    .container {
        width: 870px;
        max-width: 920px;
    }
}

@media screen and (min-width: 1000px) and (max-width:1100px) {
    #wrapper,body {
        width: 1020px;
        margin:0 auto;
    }
    .container {
        width: 960px;
        max-width: 1020px;
    }
    .content-container {
        min-height: 300px;
    }
}

@media screen and (min-width: 1100px) and (max-width:1200px) {
    #wrapper,body {
        width: 1120px;
        margin:0 auto;
    }
    .container {
        width: 1060px;
        max-width: 1120px;
    }
    .content-container {
        min-height: 300px;
    }
}

@media screen and (min-width: 1201px) and (max-width:1300px) {
    #wrapper,body {
        width: 1220px;
        margin:0 auto;
    }
    .container {
        width: 1160px;
        max-width: 1220px;
    }
    .content-container {
        min-height: 300px;
    }
}

@media screen and (min-width: 1301px) and (max-width:1400px) {
    #wrapper,body {
        width: 1320px;
        margin:0 auto;
    }
    .container {
        width: 1260px;
        max-width: 1320px;
    }
    .content-container {
        min-height: 330px;
    }
}

@media screen and (min-width: 1401px) {
    #wrapper,body {
        width: 1430px;
        margin:0 auto;
    }
    .container {
        width: 1360px;
        max-width: 1430px;
    }
    .content-container {
        min-height: 330px;
    }
}

#header {
    margin: 0 auto;
    color: #0c4da2;
    padding: 0;
}

.right-bar {
    float: right;
    margin-top: 40px;
}

.right-bar > div {
    float: left;
    margin-right: 20px;
}

.right-bar > div a {
    line-height: 24px !important;
    font-size: 15px;
}

.right-bar > div a .glyphicon {
    font-size: 17px;
    top: 3px;
}

.lang-sel .dropdown-menu {
    min-width: unset;
}

.lang-sel {
    padding-top: 1px;
    border-left: 1px dotted #0c4da2;
    padding-left: 20px;
    font-size: 15px;
}

.lang-sel .dropdown-toggle {
    display: inline-block;
    height: 24px;
    color: #0c4da2;
}

.lang-sel .dropdown-toggle:after,.light-caret:after {
    content: '';
    background: url('/templates/newit/images/triangle.png') right -1px no-repeat;
    width: 15px;
    display: block;
    height: 24px;
    float: right;
    margin-left: 5px;
}

.nav-tabs > li > a {
    font-size: 17px;
}

.tab-content .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #header .nav > li > a {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    #wrapper,body {
        overflow-x: hidden;
    }
    .logo {
        width: 120px;
        margin-top: 9px !important;
        margin-right: 14px !important;
        margin-bottom: 0px !important;
    }
    .logo a {
        display: block;
    }
    .logo a img {
        width: 100%;
    }
    #header .container,
    #header.container,
    #header .navbar-collapse {
        padding: 0 !important;
    }
    #header {
        height: 95px;
    }
    .top-bar {
        position: absolute;
        width: 100%;
    }
    .right-bar {
        position: absolute;
        margin-top: 0px;
        width: 100%;
        z-index: 1000;
    }
    .right-bar > div{
        margin-top: 15px;
    }
    .lang-sel .dropdown-toggle {
        display: none;
    }
    .lang-sel {
        padding: 0;
        border: 0 none;
        width: 100px;
        margin-right: 14px !important;
        margin-top: 11px !important;
    }
    .lang-sel ul.dropdown-menu {
        display: block !important;
        background-clip: padding-box;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        display: none;
        float: left;
        font-size: 16px;
        left: 0;
        list-style: outside none none;
        margin: 0;
        min-width: unset;
        padding: 0;
        position: relative;
        text-align: left;
        top: 100%;
        z-index: 1000;
    }
    .lang-sel ul.dropdown-menu li {
        display: inline-block;
        margin: 0 2px;
    }
    .dropdown-menu > li > a {
        padding: 3px 10px;
        background: #fff;
    }
    .dropdown-menu > li > a.active {
        color: #fff;
        background: #0b4da1;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-toggle {
        margin: 75px 0 0 5px;
        padding: 10px !important;
    }
    .navbar-brand {
        margin-top: 71px;
        padding: 15px 4px;
    }
    .container-wrapper,.container-left {
        padding: 0px !important;
    }
}

/* end header and menu */

section .container {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
}

section .container.no-margin-bottom,
section#pagebanner .container {
    margin-bottom: 0;
}
section .container.no-margin,
section#homepage-carousel .container,
section#plan-selector.select-plan .container,
section#breadcrumb .container,
section .container.main {
    margin-top: 0;
    margin-bottom: 0;
}
section .container.no-margin-top,
section#breadcrumb + .container .container-wrapper {
    padding-top: 0px;
}

section > .container > h1:first-child,
section#breadcrumb + section > .container > h1:first-child {
    margin-top: 0;
    margin-bottom: 30px;
}

.white {
    background-color: #fff;
}
.container-wrapper {
    padding: 0px 40px;
}

.padding-bottom{
    padding-bottom: 30px;
}
.container-wrapper-inline {
    padding: 30px 40px 0px;
    margin-left: 0;
}

/* Navigation */
.navbar-toggle {
    float: left;
}
#header .navbar-toggle {
    padding: 13px 10px;
}
.navbar-toggle .icon-bar {
    background: #0c4da2;
    margin-bottom: 5px;
    height: 3px;
}

#header div.navbar {
    font-size: 20px;
    margin-bottom: 5px;
}
#header .navbar-nav{
    margin: 5px 0;
}
#header .navbar,
#header .navbar-collapse,
#header .navbar .container,
#header .nav .dropdown {
    padding: 0;
}
#header .nav li {
    list-style: none;
}
#header .nav > li {
    display: block;
    z-index: 1;
}
#header .nav > li a {
    color: #0c4da2;
}
#header .nav > li > a {
    font-size: 20px;
}
#header .nav > li .dropdown-menu > li > a,
#header .nav > li .dropdown-menu > ul > li > a {
    font-size: 18px;
}
#header .nav > li,
#header .nav > li.open > a,
#header .nav > li:hover > a,
#header .nav > li > a:hover {
    background: #fff;
}
#header .nav > li .dropdown-menu {
    border: 0;
    margin-left: 0px;
    z-index: -1;
    text-decoration: none;
}
#header .nav > li .dropdown-menu li {
    margin: 11px 0;
}
#header .nav > li .dropdown-menu li:hover a,
#header .nav > li .dropdown-menu li a:hover {
    text-decoration: underline;
}
#header .nav > li .dropdown-menu .about-container li:last-child a {
    font-size: 18px;
}
#header .nav > li .dropdown-menu.about-sub-menu {
    font-size: 18px;
    padding: 20px;
    white-space: nowrap;
    vertical-align: top;
}
#header .nav > li .dropdown-menu.about-sub-menu li {
    list-style: none;
}
#header .nav > li .dropdown-menu.about-sub-menu li a {
    text-decoration: none;
}
#header .nav > li .dropdown-menu.about-sub-menu .col {
    float: left;
}
#header .nav > li .dropdown-menu.about-sub-menu:last-child {
    padding-left: 50px;
}
#header .nav > li .dropdown-menu.about-sub-menu a {
    display: block;
    color: #0c4da2;
}
#header .nav > li .dropdown-menu.about-sub-menu a.important-link {
    font-size: 17px;
}
#header .nav > li .dropdown-menu.about-sub-menu a:hover {
    text-decoration: underline;
}
#header .nav > li .dropdown-menu.about-sub-menu #h-phones {
    margin-bottom: 74px;
}
#header .nav > li .dropdown-menu.about-sub-menu #h-phones h1 {
    color: #0c4da2;
    text-align: left;
    font-size: 28px;
}
#header .nav > li .dropdown-menu.about-sub-menu #h-phones .contact-phone {
    margin: 10px 0 0;
}
#header .nav > li .dropdown-menu.about-sub-menu #h-phones .contact-phone {
    margin-bottom: 0;
}
#header .nav > li .dropdown-menu.about-sub-menu #h-phones p {
    font-size: 18px;
}
#header .nav > li .dropdown-menu.about-sub-menu + ul,
#header .nav > li .dropdown-menu.about-sub-menu + ul + div {
    display: none;
}
#header .nav.navbar-nav a:hover,
#header .nav.navbar-nav a.active {
    background: #fff;
}
#header .navbar-nav > li{
    padding: 0;
}
@media screen and (min-width: 768px) {

    #header .nav > li > a {
        padding: 15px 0;
        text-align: center;
        vertical-align: middle;
    }
    #header .nav > li:last-child {
      /*width: 146px;*/
    }
    #header .nav > li.open,
    #header .nav > li:hover {
        z-index: 1000;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    #header .nav > li.open > a,
    #header .nav > li:hover > a {
        z-index: 1000;
    }
    #header .nav > li.open > a + *,
    #header .nav > li:hover > a + *,
    #header .nav > li:hover > a + ul > li:hover {
        display: block;
        padding: 20px 27px;
        white-space: nowrap;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 100;
    }
    #header .nav > li:hover > a + * .left-col,
    #header .nav > li:hover > a + ul > li:hover .left-col {
        min-width: 175px;
        padding-right: 50px;
    }
    #header .nav > li:hover > a + * .right-col,
    #header .nav > li:hover > a + ul > li:hover .right-col {
        float: right;
    }
    #header .nav > li.open > div.dropdown-menu,
    #header .nav > li:hover > div.dropdown-menu,
    #header .nav > li > div.dropdown-menu:hover,
    #header .nav > li > a:hover + div.dropdown-menu {
        display: flex;
    }
    #header .nav > li.open > div.dropdown-menu ul,
    #header .nav > li:hover > div.dropdown-menu ul,
    #header .nav > li > div.dropdown-menu:hover ul,
    #header .nav > li > a:hover + div.dropdown-menu ul {
        padding: 0;
        margin: 0;
    }
    #header .nav > li.open > div.dropdown-menu ul.second-dropdown,
    #header .nav > li:hover > div.dropdown-menu ul.second-dropdown,
    #header .nav > li > div.dropdown-menu:hover ul.second-dropdown,
    #header .nav > li > a:hover + div.dropdown-menu ul.second-dropdown {
        margin-left: 50px;
    }
    
    .navbar li:nth-last-child(3) div.dropdown-menu,
    .navbar li:nth-last-child(2) div.dropdown-menu,
    .navbar li:nth-last-child(1) div.dropdown-menu,
    .navbar li:nth-last-child(1) .about-sub-menu {
        right: 0%;
        left: inherit;
    }
    .navbar-left .navbar-header{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    .nav > li > a {
        padding-left: 23px;
        padding-right: 24px;
        color: #0c4da2;
    }
}

/* Navigation LEFT */
@media screen and (min-width: 800px) {
    .navbar-left{
        padding: 0;
    }
    .navbar-left .navbar-header{
        margin-bottom: 10px;
    }
}
.navbar-left ul,.navbar-left li{
    padding: 0;
}
.navbar-left .navbar-nav{
    margin: 5px 0;
}
.navbar-left .navbar-header > a{
    font-size: 17px;
    text-decoration: none;
    color: #0152a7;
}
.navbar-left .navbar-toggle{
    padding: 0;
    margin-top: 2px;
}
.navbar-left li:first-child,
.navbar-left li{
     border-top: 1px solid #ddd
}
.navbar-left li a{
    font-size: 16px;
    text-decoration: none;
    color: #0152a7;
    display: block;
    padding: 7px 10px;
}
.navbar-left li a.active{
    background-color: #0152a7;
    color: #fff;
}
.navbar-left li a:hover{
    background-color: #0152a7;
    color: #fff;
}

/* Breadcrumps */
.breadcrumb {
    padding: 10px 0 15px 0;
    font-size: 13px;
    margin-bottom: 0px;
    border-bottom: 1px solid #dee3e7;
    background-color: #fff;
    border-radius: 0px;
}
.breadcrumb a {
    color: #0c4da2 !important;
}

/* Footer */
footer {
    margin-top: 40px;
    background-color: #0c4da2;
}

footer .socials {
    margin-bottom: 20px;
    padding-right: 20px;
}

footer .socials > div {
    float: right;
    padding-left: 2px; 
    padding-right: 2px;
}

footer .socials img {
    max-height: 50px;
}

footer *,footer a:hover,footer a:visited,footer a:focus,footer a:active {
    color: #ffffff;
}

footer a:hover {
    text-decoration: underline;
}

.footer-inner {
    padding-top: 40px;
    padding-bottom: 30px;
}

footer .phone {
    padding-right: 0;
    padding-left: 0;
}

footer .phone p {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 10px;
}

footer .phone small {
    font-size: 16px;
    text-transform: uppercase;
}

.footerlinks {
    margin-left: -15px;
    margin-right: -15px;
}

.footerlinks > li {
    width: 32%;
    vertical-align: top;
}

.footerlinks > li > ul > li {
    margin-bottom: 20px;
    font-weight: bold;
}

.footerlinks > li > ul > li > ul {
    padding-top: 10px;
}

.footerlinks > li > ul > li li {
    font-weight: normal;
    padding-bottom: 4px;
}
.socials a.fade-out
{
    opacity:0;
}
.socials a.fade-in
{
    opacity:1;
}
.socials a{
    content: '';
    width:35px;
    height: 35px;
    display: block;
    opacity:1;
    background: url('/templates/newit/images/social_2017.png') 0 0;
    transition: opacity 0.5s ease-in-out; /*for chrome, safari*/
    -webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/
    -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/
    -o-transition: opacity 0.5s ease-in; /*for opera*/
}
.socials a:hover{
    transition: opacity 0.5s ease-in; /*for chrome, safari*/
    -webkit-transition: opacity 0.5s ease-in; /*for chrome, safari*/
    -moz-transition: opacity 0.5s ease-in; /*for mozilla firefox*/
    -o-transition: opacity 0.5s ease-in; /*for opera*/
}
.socials a.vk {
  background-position: -120px -32px;
}
.socials a.vk:hover {
  background-position-y: -91px;
}
.socials a.tw {
  background-position: -210px -32px;
}
.socials a.tw:hover {
  background-position-y: -91px;
}
.socials a.youtube {
  background-position: -256px -32px;
}
.socials a.youtube:hover {
  background-position-y: -91px;
}
.socials a.fb {
  width: 20px;
  background-position: -172px -32px;
}
.socials a.fb:hover {
  background-position-y: -91px;
}
.socials a.od {
  background-position: -46px -32px;
  width: 20px;
}
.socials a.od:hover {
  background-position-y: -91px;
}
.socials a.instagram {
  background-position: -78px -32px;
}
.socials a.instagram:hover {
  background-position-y: -91px;
}
.socials a.vb {
  background-position: -299px -31px;
}
.socials a.vb:hover {
  background-position: -299px -31px;
  background-position-y: -91px;
}
.socials a.tlg {
  background-position: -341.1px -31px;
}
.socials a.tlg:hover {
  background-position-y: -91px;
}
@media screen and (max-width: 992px) {
    .footer-inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    footer .footer-inner .socials.row {
        margin-left: auto;
        margin-right: auto;
        width: 188px;
        padding-right: 0;
        
    }
    footer .phone {
        margin-bottom: 0;
        text-align: center;
    }
}
@media screen  and ( max-width: 379px) {
    footer .phone p {
        font-size: 22px;
    }

    footer .phone small {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen  and ( max-width: 319px) {
    footer .phone p {
        font-size: 20px;
    }

    footer .phone small {
        font-size: 14px;
        line-height: 24px;
    }
}

body > .container-fluid {
  padding: 0;
}

/* end footer styles */

/* buttons */

.btn-primary{
        background-image: linear-gradient(to bottom,#337ab7 0,#0c4da2 65%);
        background-image: -webkit-linear-gradient(top,#337ab7 0,#0c4da2 65%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#0c4da2));
    }
.btn-primary:hover,.btn-primary:focus{
    background-image: linear-gradient(to bottom,#116ed2 0,#0c4da2 100%);
    background-image: -webkit-linear-gradient(top,#116ed2 0,#0c4da2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#116ed2),to(#0c4da2));
    background-color:#0c4da2;
    background-position:0;
}

.button-yellow {
    background-color: #ffe600;
    transition: background-color 0.5s ease;
}

.button-yellow:hover,
.button-yellow:focus {
    background-color: #ffee43;
    text-decoration: none;
}

/* end buttons */

.svg {
    width: 100%;
}

.svg * {
    transition: fill 0.5s;
}

#page-banner {
    padding: 0;
    margin: 0;
}

iframe {
    border: medium none;
}

.panel-heading .panel-title a{
    display: block;
    text-decoration: none;
    font-size: 20px;
}
.phone-prefix { color: #777; }
.required-field { color: red; }

.row-info {
    padding-top: 5px;
    border-bottom: 1px solid #e3e3e3;
}
.row-info-cell {padding: 3px 5px}

.bg-striped {background-color: #f5f5f5}

.price-value {
    padding:10px 0px 0px 0px !important; 
    font-size:20px !important;
    font-weight:600 !important;
    color:#ff860d !important;
    text-decoration:none !important;
}
.price-key {
    padding:10px 1px 0px 1px !important;
    font-size:14px !important;
    color:#afafaf !important;
    text-decoration:none !important;
}

.alert-success {background-image: linear-gradient(to bottom,#fffccc 0,#f8f79d 100%);}

/* Расположение модального окна по вертикали по центру */
@media (min-width: 768px) {
    .modal { text-align: center; }
    .modal:before {
        content: '';
        height: 100%;
        width: 1px;
        display: inline-block;
        vertical-align: middle;
    }

    .modal-dialog {
        text-align: left;
        margin: 10px auto;
        display: inline-block;
        vertical-align: middle;
    }
}