@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Shrikhand');

body { 
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
}

h1, h2, h3, h4 {font-family: 'Source Sans Pro', sans-serif;}

h1.since {
    font-family: 'Shrikhand', cursive;
    font-size:50px!important;
}


h1.pageTitle {
    font-size: 50px;
    color:#0F93C4;
    margin-bottom: 50px;
    text-align: center;
}


p {line-height: 22px;}

.btn-primary {
    background:#1791B8;
    margin-bottom:10px;
}

.primary {background: #1791B8;color:white;}

.icon-bar {color:#ccc;}

.sectionpad {padding: 40px 0;}

#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
    background-color: rgba(15, 147, 196, 1);
    border-width: 0px;
    border-radius: 0px;
    height:120px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(241, 241, 241, 1);
    background-color: rgba(15, 147, 196, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(241, 241, 241, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(241, 241, 241, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #f1f1f1;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #f1f1f1;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #f1f1f1;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #0f93c4;
}

.navbar li {
    padding:40px 0 10px;
    font-weight: bold;
}

.navbar-right {margin-right: 25px;}

a.lng {
    background: #0c84b0!important;
    padding:10px;
}


.loginNavItem {
    background: #0956a9;
    color:white;
    padding:5px;
}

.logoNavbar {padding:8px;}

.slogan {
    color:#fff;
    margin-top:-2px;
    font-weight: bold;
    padding:5px 10px;;
    margin-top:-4px;
}

p.slogan {font-size:14px;}

.showcase {
    background: url(../img/showcase.jpg) no-repeat center center scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    padding:300px 0;
    margin-top:-20px;
}

.showcase h1 {
    text-align: center;
    text-transform: uppercase;
    color:white;
    font-size:40px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
}

.showcase h4 {
    text-align: center;
    text-transform: uppercase;
    color:white;
    font-size:20px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
}

.phoneNo {margin-top:28px;}

span.phoneNo, span.advertise  {
    font-size:25px;
    font-weight: bold;
    padding:20px;
}

#theMap {
    padding:20px 0;
}

#about {
    padding:140px 0 60px;
    background:#f1f1f1;
}

#about img {padding-top:80px}

#services {
    /*background: #1791B8;*/
    padding:60px 0;
    background: url(../img/bkg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#services h3 {
    font-weight: bold;
    color:#f1f1f1;
}

#services p {
    color:#fff;
}

#cost {
    padding:160px 0 60px
}

#cost h1.price {font-size:60px;margin-bottom:20px;}

#cost h2 {color:#0F93C4;}

#cost .well {-webkit-box-shadow: 2px 8px 5px -7px rgba(0,0,0,0.67);
-moz-box-shadow: 2px 8px 5px -7px rgba(0,0,0,0.67);
box-shadow: 2px 8px 5px -7px rgba(0,0,0,0.67);}

#cost .fa-check-circle {
    color: #0F93C4;
    font-size:20px;
    
}

h4 span.number-circled {
    background:#0F93C4;
    padding:8px 15px;
    border-radius: 50%;
    color:#fff;
    width:10px!important;
}


h4 span.number-circled-big {
    background:#0F93C4;
    padding:8px 11px;
    border-radius: 50%;
    color:#fff;
    width:10px!important;
}

.oblast h4 {
    margin-bottom: 25px;
    margin-left:10px;
    font-weight: bold;
    }

#distribution {padding:160px 0 60px}

#territorial-map {padding:160px 0 60px}

iframe {margin-left:auto; margin-right:auto;}

.grey {
    background: #f1f1f1;
    padding:40px 0;
}

.contact {padding:80px 0 0;}

#contact {padding:120px 0 60px}

textarea {height: 180px!important;}

footer {
    background: #1791B8;
    color:#fff;
    padding:10px;
}

@media (max-width:767px) {
    .navbar-nav {background:#0F93C4;}
    .navbar li {padding:0;margin-top:-5px;}
    .showcase {padding:150px 0 100px;}
    #about, #contact {padding:20px 0 0;}
    .btn-info {margin-bottom:40px;}iframe {margin-left:auto; margin-right:auto;}
    #distribution th {font-size:13px;}
    .oblast h4 {margin-bottom: 25px;font-size:18px;line-height: 26px;}
}

@media (min-width:768px) and (max-width:1199px) {
    #custom-bootstrap-menu.navbar-default {font-size: 10px;}
    .logoNavbar {width:140px;}
    p.slogan {font-size:12px;width:160px;}
    .navbar-right {margin-right: 0px;}
    span.phoneNo, span.advertise  {font-size:18px;padding:10px;}
    .oblast h4 {line-height: 30px}
}

@media (max-width:500px) {
    .phoneNo, .advertise {font-size:18px!important;}
}