﻿body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 0;
}

img{
    max-width:100%;
    height:auto!important;
}
object, embed{
    max-width:100%;
}
#flags{
    float:right;

}
#txlphone{
    color:white;
    font-size:28px;
}
.header{
    height:42px;
    background:#1c5376 url("img/bgnav.gif") repeat-x left top;
}
.header a{
    color:white;
    text-decoration:none;
}
.header a:hover{
    color:#66ccff;
}
.header .navbar-toggle{
    border-color: #333;
}
    .header .navbar-toggle .icon-bar {
        background-color: #fff;
    }
.header .nav > li > a:hover,
.header .nav > li > a:focus{
    background-color:transparent;
}
.header .navbar-nav > li > a{
    padding:10px 30px 10px 0!important;
    font-size:18px;
    line-height:20px;
}
.navbar-brand{
    float:none;
    height:auto;
    font-size:14px;
    padding:8px 0 8px 0;
    line-height:normal;
    display:block;
}

.head1{
    min-height:40px;
    background:#19a4f3 url("img/bghead1.gif") repeat-x left bottom;
    border-top:solid 1px #88cff9;
    color:#ffffff;
    font-size:14px;
}
.head1 .row>div{
    padding-top:8px;
    padding-bottom:6px;
}
.head2{
    min-height:105px;
    background:#6799cc url("img/bghead2.jpg") repeat-x left bottom;
    color:#ffffff;
    padding-top:5px;
    padding-bottom:5px;
}
.head1 a, .head2 a{color:#ffffff;}
.main-content {
    min-height: 500px;
    opacity: 0.99;
    overflow:hidden;
}

.footer
{
    background:#313b42 url("img/bg.gif") repeat-x left top;
    min-height:130px;
    padding:20px 0;
    text-align:center;
    color:white;
    /*margin-top:30px;*/
}
.footer a{color:white;display:inline-block; margin:0 6px 6px 6px;}

.sub-menu {
    position: absolute;
    top: 39px;
    left: 50%;
    z-index: 20;
    display: none;
    float: left;
    width: 290px;
    padding: 0;
    margin: 0;
    margin-left:-160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-top:solid 3px #46a3d1;
    /*-webkit-transition: 3s;
    transition: 3s;*/
}
.sub-menu:before{
    position:absolute;
    content:"";
    background:transparent url("img/arr-up.png") no-repeat left top;
    width:11px;
    height:6px;
    left:140px;
    top:-9px;
}
.sub-menu li{
  /*background-color: rgba(255, 255, 255, .9);
  background-color: rgba(185, 230, 250, .9);*/
  background-color: rgba(250, 250, 250, .9);
  margin-bottom:1px;
}
    .sub-menu a {
        display: block;
        padding: 8px 15px;
    }
.sub-menu li:hover, .sub-menu > li.active{
  background-color: rgba(70, 163, 209, .9);
}
.sub-menu > li > a
{
    color:#000000;
}
.sub-menu > li:hover > a, .sub-menu > li > a:hover, .sub-menu > li.active > a{
    color:#ffffff;
    text-decoration:none;
}
ul.nav > li:hover > .sub-menu{
    display:block;
}
.header .nav > li.active > a{
    color:#66ccff;
}




.bg-grey {
    background-color: #f5f5f5;
    opacity: 0.99;
}

.bg-grey .breadcrumb{
    margin:10px 0;
}
.breadcrumb {
    padding: 8px 15px;
    background-color:transparent;
}
/******  extraboxes  ***************/
.extrabox-blue-gradient, .extrabox-blue, .extrabox-lightblue, .extrabox-blue-gradient a, .extrabox-blue a, .extrabox-lightblue a {
    color: white;
    /*text-align:center;*/
    text-decoration: none;
}
        .extrabox-blue-gradient a:hover, .extrabox-blue a:hover, .extrabox-lightblue a:hover{text-decoration:underline;}

            .extrabox-grey {
                background-color: #f4f4f4;
                border-top:double 3px #ffffff;
                border-bottom:double 3px #ffffff;
            }
.extrabox-grey-noborder {
                background-color: #f4f4f4;
}
                .extrabox-grey-border2 {
                    background-color: #E0E0E0;
                    border-top: double 4px #ffffff;
                    border-bottom: double 4px #ffffff;
                }
            .extrabox-blue {
                background-color: #1698c8;
            }
            .extrabox-lightblue {
                background-color:#96d3ec; /*#99d5ed; #a0d8ef;*/
                /*border-bottom:solid 1px #ffffff;*/
            }
            .extrabox-blue-gradient{
                background:#48aed4 url("img/blue-gradient.png") repeat-x left -3px;
            }
            .extrabox-grey-topline{
                background:#f4f4f4 url("img/greyline.gif") repeat-x left top;
            }


                .extrabox-grey-topline h1,
                .extrabox-grey-topline h2,
                .extrabox-grey-topline h3,
                .extrabox-grey-topline h4,
                .extrabox-grey-topline h5,
                .extrabox-grey-topline h6,
                .extrabox-grey h1,
                .extrabox-grey h2,
                .extrabox-grey h3,
                .extrabox-grey h4,
                .extrabox-grey h5,
                .extrabox-grey h6
                .extrabox-grey-border2 h1,
                .extrabox-grey-border2 h2,
                .extrabox-grey-border2 h3,
                .extrabox-grey-border2 h4,
                .extrabox-grey-border2 h5,
                .extrabox-grey-border2 h6 {
                    color: #333333;
                }
.extrabox-blue-gradient h1,
.extrabox-blue-gradient h2,
.extrabox-blue-gradient h3,
.extrabox-blue-gradient h4,
.extrabox-blue-gradient h5,
.extrabox-blue-gradient h6,
.extrabox-blue h1,
.extrabox-blue h2,
.extrabox-blue h3,
.extrabox-blue h4,
.extrabox-blue h5,
.extrabox-blue h6,
.extrabox-lightblue h1,
.extrabox-lightblue h2,
.extrabox-lightblue h3,
.extrabox-lightblue h4,
.extrabox-lightblue h5,
.extrabox-lightblue h6 {
    color: #ffffff;
}
.extrabox-lightblue h1{font-size: 32px;}
/*.servicebox figure img{padding-top:15px;}
.servicebox figure {
	position:relative;
	border-radius:400px;
	overflow:hidden;
	background:transparent;
	display:block;
	margin:0 auto 13px;
	float:none;
	width:90px;
	height:90px;
	text-align:center;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.servicebox figure:after {
	position:absolute;
	content:"";
	display:block;
	right:0;
	top:0;
	left:0;
	bottom:0;
	border:0px solid #cea000;
	border-radius:400px;
	background-color:transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.servicebox:hover figure {
	background:#191919;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.servicebox:hover figure:after {
	border:4px solid #fbbf58;
	background-color:transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}*/

/******  end extraboxes  ***************/
.pad40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
a.nmore {
    text-decoration:none;
}
a.more{
    display:block;
    font-size:12px;
    text-decoration:none;
    /*text-align:right;*/
}
a.more:after{
    content:">";
    margin-left:5px;
    font-size:10px
}

.narrow{
    margin-left:30px;
    margin-right:30px;
}
.extralink,.elink{
    cursor:pointer;
}

.servicebox{
    padding-bottom:20px;
    padding-top:20px;
}
.servicebox h2{font-size:26px;}
/*.servicebox figure.pull-left + h2 {margin-top:0;}
.extrabox-blue-gradient .servicebox.extralink {
    padding-top: 0;
    overflow: hidden;
    min-height: 20px;
    margin-top: 20px;
    margin-bottom: 60px;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.extrabox-blue-gradient .servicebox.extralink:after {
	position:absolute;
	display:block;
	content:"";
	right:15px;
	bottom:15px;
	left:15px;
	top:15px;
	-webkit-box-shadow:0 2px 8px 0 rgba(255,255,255,0);
	box-shadow:0 2px 8px 0 rgba(255,255,255,0);
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.extrabox-blue-gradient .servicebox.extralink:hover:after {
	-webkit-box-shadow:0 2px 8px 0 rgba(255,255,255,0.5);
	box-shadow:0 2px 8px 0 rgba(255,255,255,0.5);
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}*/
    .servicebox span[class*="fa-"] {
        color: #0099cc;
    }
    .servicebox .glyphicon {
        color: #0099cc;
        font-size: 70px;
    }
    .servicebox.toline .glyphicon{
        font-size:40px;
        vertical-align: bottom;
    }
    .servicebox.toline figure,.servicebox.toline h2{
        display:inline;
    }
    .extrabox-blue-gradient .servicebox .glyphicon, .extrabox-blue .servicebox .glyphicon, 
    .extrabox-blue-gradient .servicebox span[class*="fa-"], .extrabox-blue .servicebox span[class*="fa-"]
    {
        color:white;
    }
    /*a:hover .glyphicon{color:#23527c;}*/
.extrabox-blue-gradient .servicebox, .extrabox-blue .servicebox, .extrabox-grey .servicebox
{
    padding-top:30px;
    padding-bottom:30px;
}
.extrabox-blue-gradient .servicebox h2, .extrabox-blue .servicebox h2, .extrabox-grey .servicebox h2{
    margin-top:0;
}

ul.arrow-list{
    list-style:none;
    margin:0 0 1em 0;
    padding-left:20px;
}
ul.arrow-list > li,ul.list-unstyled > li
{
    position:relative;
    margin:5px 0;
}
ul.arrow-list > li:before {
    content: "";
    position:absolute;
    top:7px;
    left:-15px;
    width: 4px;
    height: 7px;
    background-image:url("img/arr-right.png");
    background-position: 0 0;
}
ul.arrow-list > li:hover:before{
    background-position: 0 7px;
}
ul.arrow-list > li > a, ul.list-unstyled > li > a
{
    text-decoration:none;
    font-size:18px;
    color:#000000;
}
ul.arrow-list > li > a .glyphicon , ul.list-unstyled > li > a .glyphicon {
    font-size:30px;
    vertical-align:bottom;
    color:#999999;
}
ul.arrow-list > li > a:hover, ul.list-unstyled > li > a:hover, ul.arrow-list > li > a:hover .glyphicon , ul.list-unstyled > li > a:hover .glyphicon{
    color:#0099cc;
}
ul.border-radius{
    border: solid 1px #cccccc;
    padding: 15px 15px 15px 35px;
    border-radius: 5px;
}
ul.list-unstyled.border-radius{
    padding-left:5px;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
ul.dotted > li{
    border-bottom:dotted 1px #cccccc;
    padding-bottom:5px;
}

/********** carousel ***********/
.carousel.slide{
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
}
.carousel-inner > .item > img{
    width:100%;
}
.carousel-inner > .item a{
    color:white;
    text-decoration:none;
}
.carousel-inner > .item a:hover{
    text-decoration:underline;
}
.carousel-control-next, .carousel-control-prev{z-index:100;}

.carousel-caption {
    bottom: -10px;
    top: -10px;
    right: 0;
    left: 0;
}
.carousel-caption h2, .carousel-caption h3{
    color:white;
    font-size:50px;
        margin:0;
}
h3.caption, h2.caption{
    color:white;
    font-size:50px;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
a.btn{
    text-decoration:none;
}
.more-circle{
    position:absolute;
    right:30px;
    bottom:20px;
    width:200px;
    height:200px;
    padding-top:145px;
    background:transparent url("img/btn1.png") no-repeat right top;
    text-align:right;
    display:block;
    color:white;
    text-decoration:none;
}
.more-circle:hover{
    background-position:right -290px;
    color:white;
    /*text-decoration:underline;
    color:#0099cc;*/
}


.jcarousel-wrapper{
    margin:50px auto;
}
a.jcarousel-control-next:hover, a.jcarousel-control-prev:hover, a.jcarousel-control-next:focus, a.jcarousel-control-prev:focus{
    color:#ffffff;
    text-decoration:none;
    opacity:1;
}
.jcarousel-control-next{right:-25px; opacity:0.7;background:#48aed4;}
.jcarousel-control-prev{left:-25px; opacity:0.7;background:#48aed4;}
.jcarousel li{
    padding:5px 10px;
}

.jcarousel-pagination a {
    height: 15px;
    width: 15px;
    margin-left: 7px; 
}
.jcarousel-pagination a.active{background:#48aed4; box-shadow: 0 0 2px #48aed4;}

/********** end carousel ***********/


/******** news *************/
.startnews, 
.startarticles{
     list-style:none;
     padding:0;
     margin:0 auto;
     color:#666666;
     width:720px;
     font-size:12px;
     margin-top:40px;
     padding-left:40px
}
    .startnews li,
    .startarticles li{
        overflow: hidden;
        margin: 0 0 20px 20px;
        cursor: pointer;
        float:left!important;
    }
.startnews li:first-child{
    margin-left:260px;
}
.startnews li:last-child{
    margin-left:100px;
}

.boxdate{
     color:white;
     border:solid 1px #48aed4;
     border-radius:10px;
     background:#48aed4 url("img/bgboxnews.gif") repeat-x left top;
     width:65px;
     height:65px;
     float:left;
     text-align:center;
     margin-right:15px;
     margin-bottom:15px;
 }
.newsbody{margin-left:80px;}
.startnews .newsbody,
.startarticles .newsbody {
    width: 220px;
    float: left;
    margin-left: 0;
}
.startnews h3,
.startarticles h3{
    font-size: 14px;
    /*color:#333333;*/
    margin: 0 0 10px 0;
}
.startarticles h3 {
    color: #0099cc;
}
.boxdate .month{
     font-size:12px;
 }
.boxdate .day{
     font-size:36px;
     line-height:30px;
 }
.boxdate .year{
     font-size:12px;
 }
.startnews .more,
.startarticles .more{
    font-size: 11px;
    text-decoration: underline;
    display: none;
}
    .startnews .more:after,
    .startarticles .more:after{
        content: "";
    }
.newsbody h3{
    margin-top:0;
}
.news{
    padding-top:15px;
    padding-bottom:15px;
}
.newsdate {
    font-weight: bold;
    font-style: italic;
    margin: 10px 0;
}
.articlesdate {
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
}


/*** portfolio ******************/
.boxportfolio{
    margin:20px 0 40px 0;
}
    .boxportfolio .caption h3 a {
        text-decoration: none;
    }

.scr_monitor{
    background:transparent url("img/monitor.png") no-repeat center -1px;
    background-size:contain;
    min-height:400px;
    padding:4.5%;
}
.scr_monitor .thumbnail
{
    padding:0;
    border:none;
    background-color:transparent;
    margin-bottom:13%;
}

/*#LG_overlay{
    z-index:1000;
}*/
#LG_container{
    box-sizing:content-box;
    /*z-index:1100;*/
}

#mapDiv
{
    width:100%;
    height:350px;
}

.tform{
    padding:20px 0;
}
.form-control.error{
  background-color: #f2dede;
  border-color: #ebccd1;

}
label.error{
  color: #a94442;
  font-weight:normal;
  font-size:12px;
}

.bg-danger, .bg-success {
    padding: 15px;
}


.box-logo{
    height:100px;
    text-align:center;
    overflow:hidden;
    margin:15px;
    display:inline-block;
    position:relative;
}
.rel{
    position:relative;
}
.box-logo img{
    position:relative;
    left:0;
    top:0;
}
    .box-logo img:hover {
        top: -100px;
    }

/*.hidebtn .btn {
    display:none;
}*/

.img-border img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  /*background-color: #fff;*/
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-disk img {
  border-radius: 50%;
}

.img-center figure{
    text-align:center;
}


#ya-site-form0 .ya-site-form__search-input{padding:0!important;}
#ya-site-form0 .ya-site-form__wrap, #ya-site-form0 .ya-site-form__search {max-width:200px!important;}
#ya-site-form0 .ya-site-form__submit{margin-left:7px!important;}

#callback{
    cursor:pointer;
}
.callback img{
    vertical-align:bottom;
}

/*.listcalc, .listcalc ul{
    list-style:none;
}
.listcalc .clabel{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-left:17px;
}*/
/*.listcalc ul{
    padding-left:17px;
}*/


.list-group-item > ul { 
    list-style:none;
    background-color: #f5f5f5;
    padding:5px;
    margin-left:11px;
}
.list-group-item li {
    /*display: block;*/
    overflow:auto;
}
.list-group-item.check > ul
{
    background-color:#FCF8E3;
    box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}
.list-group-item .cprice{
    float:right;
    font-size:20px;
    color:#0099cc;
    padding:0 3px;
}
.list-group-item li .cprice{
    font-size:16px;
    font-weight:normal;
}
.comm{
    font-style:italic;
    padding-left:16px;
}
.comm > span{
    float:left;
    margin-right:5px;
}
#calc input[type='number']{
    width:50px;
    text-align:center;
}

.bggrey-center{
    background-color:#f5f5f5;
    padding:10px 15px;
    font-weight:bold;
    text-align:center;
    margin:10px 0;
}
.bggrey-center #sum{
    font-size:22px;
    margin:10px 0;
    color:#0099cc;
}
li.check{
    background-color:#FCF8E3;
}
.check .cprice{
    font-weight:bold;
    /*border:solid 1px #cccccc;
    border-radius:5px;*/
}
.btn-orange-gradient {
    color: #fff;
    text-shadow: -2px 2px #ff6a00;
    background: #ff6a00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff8c00, #ff6a00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff8c00, #ff6a00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff8c00, #ff6a00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff8c00, #ff6a00); /* Standard syntax */
    box-shadow: inset 0 0 0 1px #fcb201;
    border: none;
    border-radius: 15px;
}

    .btn-orange-gradient:hover {
        color: #fff;
        box-shadow: inset 0 0 0 1px #fcb201,0 5px 15px #fe4701;
    }

    .btn-orange-gradient:active {
        color: #fff;
        box-shadow: inset 0 0 0 1px #fcb201,inset 0 5px 30px #fe4701;
    }

.btn-blue-gradient {
    color: #fff;
    text-shadow: -2px 2px #303f9f;
    background: #303f9f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#45cafc,#303f9f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#45cafc,#303f9f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#45cafc,#303f9f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#45cafc,#303f9f); /* Standard syntax */
    box-shadow: inset 0 0 0 1px #5ed1fc;
    border: none;
    border-radius: 15px;
}
    .btn-blue-gradient:hover {
        color: #fff;
        box-shadow: inset 0 0 0 1px #5ed1fc,0 5px 15px #3647b3;
    }

    .btn-blue-gradient:active {
        color: #fff;
        box-shadow: inset 0 0 0 1px #5ed1fc,inset 0 5px 30px #3647b3;
    }
.ny{
    min-height:322px;
    background-color:white;
    background-image: url("img/1.jpg"), url("img/2.jpg");
    background-repeat:no-repeat;
    background-position:left top,right top;
}
.ny h1,.ny h2,.ny h3{
    /*color:#2a577a;*/
    color:#069;
    text-shadow: 1px 1px 2px white,1px 1px 3px rgba(0,0,0,0.6);
}
.showform{
    cursor:pointer;
}
.showform:hover{
    text-decoration:underline
}
.modal-body .tform{padding-top:0;}

input[type='checkbox'] + label{display:inline;}

.g-recaptcha iframe {max-width:100%;}
.g-recaptcha > div:first-child{max-width:100%;width:100%;}

button.close {
    position: absolute;
    right: 6px;
    top: 0;
    z-index: 100;
    font-size: 50px;
    padding: 0 7px;
}

.sharer {
    background: rgba(24, 153, 200, 0.9);
    padding-top: 5px;
}

.fb {
    background: url("/files/logo-fb-vk.png") no-repeat;
    background-position: -22px;
    width: 22px;
    height: 21px;
    position: relative;
    top: 1px;
    margin: 0 2px;
}

.vk {
    background: url("/files/logo-fb-vk.png") no-repeat;
    width: 22px;
    height: 21px;
}
.details {
    text-decoration: underline;
    cursor: pointer;
}

.bg-hover:hover{
	background-color:#f5f5f5;
}
.top-border{
	border-top:1px solid #dddddd;
	padding-top:8px;
/*	margin-top:8px;
*/}
.social{
    float:right;
    margin-right:20px;
}
    .social a {
        color: white;
        display: inline-block;
        border: solid 1px white;
        border-radius: 4px;
        width: 22px;
        height: 22px;
        text-align: center;
        text-shadow: 1px 0 2px white;
        box-shadow: 1px 0 3px white inset;
    }
        .social a:hover {
            color: #1C5376;
            border: solid 1px #1C5376;
        }
.nav-item{position:relative;}
.card h5{margin-top:0;}
    .card h5 a{text-decoration:none;}
    .card h5 a:hover{text-decoration:underline;}
    .card-text {
        font-size: 14px;
        line-height: 20px;
    }
.card .card-img-top {
    border-bottom: 1px solid rgba(0,0,0,.125);
}