@media (min-width:500px){.modal{width:60% !important;}
}
@media (max-width:860px){.portfolio-modal h2{font-size:20px !important;}
}
@media (min-width:861px) and (max-width:1200px){.portfolio-modal h2{font-size:30px !important;}
}
@media (min-width:1200px){.col-lg-12  {margin-top:100px !important;}
}
body{overflow-x:hidden;font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.navbar-fixed-bottom, .navbar-fixed-top{z-index:10000 !important;}
#flash{position:relative;}
#flash object{position:absolute;z-index:-1000;}
.text-muted{color:#777777;}
.text-primary{color:#57c6c5;}
p{font-size:14px;line-height:1.75;}
p.large{font-size:16px;}
a,
a:hover,
a:focus,
a:active,
a.active{outline:none;}
a{color:#57c6c5;}
a:hover,
a:focus,
a:active,
a.active{color:#3bafae;}
h1,
h2,
h3,
h4,
h5,
h6{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;}
.img-centered{margin:0 auto;}
.bg-light-gray{background-color:#f7f7f7;}
.bg-darkest-gray{background-color:#222222;}
.btn-primary{color:#ffffff;background-color:#57c6c5;border-color:#57c6c5;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{color:#ffffff;background-color:#3bafae;border-color:#39a7a6;}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{background-image:none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{background-color:#57c6c5;border-color:#57c6c5;}
.btn-primary .badge{color:#57c6c5;background-color:#ffffff;}
.btn-xl{color:#ffffff;background-color:#57c6c5;border-color:#57c6c5;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;border-radius:3px;font-size:18px;padding:20px 40px;}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl{color:#ffffff;background-color:#3bafae;border-color:#39a7a6;}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl{background-image:none;}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active{background-color:#57c6c5;border-color:#57c6c5;}
.btn-xl .badge{color:#57c6c5;background-color:#ffffff;}
.navbar-default{background-color:#222222;border-color:transparent;}
.navbar-default .navbar-brand{color:#57c6c5;font-family:"Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active{color:#3bafae;}
.navbar-default .navbar-collapse{border-color:rgba(255, 255, 255, 0.02);}
.navbar-default .navbar-toggle{background-color:#57c6c5;border-color:#57c6c5;}
.navbar-default .navbar-toggle .icon-bar{background-color:white;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:#57c6c5;}
.navbar-default .nav li a{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:white;}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus{color:#57c6c5;outline:none;}
.navbar-default .navbar-nav > .active > a{border-radius:0;color:white;background-color:#57c6c5;}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{color:white;background-color:#3bafae;}
@media (min-width:892px){.navbar-default{background-color: rgba(0,0,0,0.5);padding: 5px 0;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;transition:padding 0.3s;border:none;}/*????????? ???????? ????*/
.navbar-default .navbar-brand{font-size:2em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.navbar-default .navbar-nav > .active > a{border-radius:3px;}
.navbar-default.navbar-shrink{background-color:#222222;padding:10px 0;}
.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em;}
}
header{background-repeat:none;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:white;}
header .intro-text{padding-top:200px;padding-bottom:150px;}
header .intro-text .intro-lead-in{font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px;}
header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:25px;line-height:25px;margin-bottom:25px;}
@media (min-width:768px){header .intro-text{padding-top:230px;padding-bottom:200px;}
header .intro-text .intro-lead-in{font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:30px;line-height:40px;text-shadow:3px 3px 5px black;margin-bottom:23px;}
header .intro-text .intro-heading{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;font-size:60px;line-height:60px;margin-bottom:50px;text-shadow:4px 4px 7px #000000;}
}
section{padding:55px 0;}
section h2.section-heading{margin-top:0;margin-bottom:15px;}
section h3.section-subheading{font-size:16px;font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px;}
.service-heading{margin:15px 0;text-transform:none;}
#services .portfolio-item{margin:0 0 15px;right:0;}
#services .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto;}
#services .portfolio-item .portfolio-link .portfolio-hover{background:rgba(87, 198, 197, 0.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;}
#services .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1;}
#services .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:white;}
#services .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px;}
#services .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#services .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0;}
#services .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;text-align:center;padding:18px;}
#services .portfolio-item .portfolio-caption h4{text-transform:none;margin:0;}
#services .portfolio-item .portfolio-caption p{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;margin:0;}
#services *{z-index:2;}
#portfolio .portfolio-item{margin:0 0 15px;right:0;}
#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(87, 198, 197, 0.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:white;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0;}
#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:white;text-align:center;padding:25px;}
#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0;}
#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;margin:0;}
#portfolio *{z-index:2;}
@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px;}
}
.timeline{list-style:none;padding:0;position:relative;}
.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px;}
.timeline > li{margin-bottom:50px;position:relative;min-height:50px;}
.timeline > li:before,
.timeline > li:after{content:" ";display:table;}
.timeline > li:after{clear:both;}
.timeline > li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left;}
.timeline > li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;}
.timeline > li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;}
.timeline > li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#57c6c5;color:white;border-radius:100%;border:7px solid #f1f1f1;text-align:center;}
.timeline > li .timeline-image h4{font-size:10px;margin-top:20px;line-height:14px;}
.timeline > li.timeline-inverted > .timeline-panel{float:right;text-align:left;padding:0 20px 0 100px;}
.timeline > li.timeline-inverted > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;}
.timeline > li.timeline-inverted > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;}
.timeline > li:last-child{margin-bottom:0;}
.timeline .timeline-heading h4{margin-top:0;color:inherit;}
.timeline .timeline-heading h4.subheading{text-transform:none;}
.timeline .timeline-body > p,
.timeline .timeline-body > ul{margin-bottom:0;}
@media (min-width:768px){.timeline:before{left:50%;}
.timeline > li{margin-bottom:100px;min-height:80px;}
.timeline > li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right;}
.timeline > li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px;}
.timeline > li .timeline-image h4{font-size:13px;margin-top:26px;line-height:18px;}
.timeline > li.timeline-inverted > a>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px;}
}
@media (min-width:992px){.timeline > li{min-height:90px;}
.timeline > li .timeline-panel{padding:26px 20px 20px;}
.timeline > li .timeline-image{width:150px;height:150px;margin-left:-75px;}
.timeline > li .timeline-image h4{font-size:18px;margin-top:43px;line-height:26px;}
.timeline > li.timeline-inverted > a> .timeline-panel{padding:26px 20px 20px;}
}
@media (min-width:1200px){.timeline > li{min-height:90px;}
.timeline > li .timeline-panel{padding:30px 0px 0px 100px;}
.timeline > li .timeline-image{width:170px;height:170px;margin-left:-85px;}
.timeline > li .timeline-image h4{margin-top:54px;}
.timeline > li.timeline-inverted > a> .timeline-panel{padding:34px 100px 22px 0px;}
}
.team-member{text-align:center;margin-bottom:50px;}
.team-member img{margin:0 auto;border:7px solid white;}
.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none;}
.team-member p{margin-top:0;}
aside.clients img{margin:50px auto;}
section#contact{background-color:#222222;background-image:url('../img/map-image.png');background-position:center;background-repeat:no-repeat;}
section#contact .section-heading{color:white;}
section#contact .form-group{margin-bottom:25px;}
section#contact .form-group input,
section#contact .form-group textarea{padding:20px;}
section#contact .form-group input.form-control{height:auto;}
section#contact .form-group textarea.form-control{height:236px;}
section#contact .form-control:focus{border-color:#57c6c5;box-shadow:none;}
section#contact::-webkit-input-placeholder{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;color:#bbbbbb;}
section#contact:-moz-placeholder{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;color:#bbbbbb;}
section#contact::-moz-placeholder{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;color:#bbbbbb;}
section#contact:-ms-input-placeholder{font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;color:#bbbbbb;}
section#contact .text-danger{color:#e74c3c;}
footer{padding:25px 0;text-align:center;}
footer span.copyright{line-height:40px;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-transform:none;}
footer ul.quicklinks{margin-bottom:0;line-height:40px;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;text-transform:none;}
ul.social-buttons{margin-bottom:0;}
ul.social-buttons li a{display:block;background-color:#222222;height:40px;width:40px;border-radius:100%;font-size:20px;line-height:40px;color:white;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active{background-color:#57c6c5;}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus{outline:none;}
.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:100px 0;text-align:center;}
.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em;}
.portfolio-modal .modal-content p{margin-bottom:3px;text-indent:25px}
.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;}
.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0;}
.portfolio-modal .modal-content img{margin-bottom:20px;margin-top:10px}
.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:80px;right:25px;cursor:pointer;}
.portfolio-modal .close-modal:hover{opacity:0.3;}
.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051;}
.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052;}
.portfolio-modal .modal-backdrop{opacity:0;display:none;}
::-moz-selection{text-shadow:none;background:#57c6c5;}
::selection{text-shadow:none;background:#57c6c5;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
body{webkit-tap-highlight-color:#57c6c5;}
.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:625px;margin:20px auto;}
.call-back{margin-top:8px;}
.telephone{color:#fff;display:inline-block;padding:11px 15px;margin-bottom:-7px;font-size:16px;font-weight:700;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}
.call-back-btn{padding:17px 30px;}
.serveses{margin-bottom:25px !important;}
.install{padding:55px 0 !important;}
#install{padding:50px 0px 0px 0px !important;}
.device{padding:15px 0px 13px 0px !important;}
.back_to_top{display:none;color:#fff;text-align:center;padding:10px;position:fixed;right:20px;bottom:20px;opacity:0.3;transition:opacity 0.3s ease;}
.back_to_top:hover{opacity:0.6;}
.contact_us{margin-top:52px;}
.center{display:block;margin-left:auto;margin-right:auto;}
.img-center{padding-right:0px;padding-left:0px;}
@media (max-width:460px){.contact_us{margin-top:21px !important;}
section{max-width:100% !important;display:block;margin-right:auto;margin-left:auto;}
.row{margin-right:0px;margin-left:0px;}
h2{font-size:26px;}
.device{padding:15px 0px 13px 0px !important;}
}
.modal{margin-left:auto;margin-right:auto;width:90%;}
.container-modal{width:100%;}
.rows{margin-right:-15px;margin-left:-15px;}
#portfolio{margin-bottom:40px;}
.someClass{margin-bottom:0;padding-bottom:0;}
.portfolio-box{outline:1px solid #000;width:250px;height:230px;margin-left:auto;margin-right:auto;}
.portfolio-box > .box-item{width:100%;height:100%;position:relative;background-color:#000;}
.portfolio-box .box-item a > img{width:100%;height:100%;}
@media (max-width:1200px){#portfolio h2, #portfolio h3{margin-top:0;padding:0;}
#portfolio{margin-top:0;padding-top:0;padding-bottom:55px;}
.portfolio-box{width:200px;height:160px;}
}
@media (max-width:768px){.portfolio-box{margin-top:30px;}
.portfolio-box{width:100%;height:100%;}
}
@media (max-width:992px){.portfolio-box{margin-top:30px;}
.portfolio-box{width:270px;height:250px;}
}
.hidden-block{display:none;}
.vistext{display:block;}
.hidtext{display:none;}
.hidorder{display:none;}
.visorder{display:block;}
.nav>li{text-align: right!important;}
.open-popup-link{cursor:pointer;display: block;}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.box-modal{
    max-width: 50%;
    min-width: 320px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #000;
    padding: 20px;
    text-align: center;
    position: relative;
    margin: auto;
}
.box-modal_close{
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    background: #fff;
    width: 25px;
    text-align: center;
    font-weight: 800;
    border-radius: 100%;
    line-height: 25px;
    box-shadow: 0 0 10px 0 #000;
}
.box-modal .pop_top_content{
    margin: 0 0 15px;
    font-weight: 400;
    text-align: left;
}
.box-modal input{
    width: 80%;
    padding: 5px 10px;
    margin: 0 0 10px;
    max-width: 350px;
    border-radius: 4px;
    outline: none;
    border: 2px solid #c7c7c7;
}
.box-modal textarea{
    width: 80%;
    height:80px;
    border-radius: 4px;
    padding: 5px 10px;
    outline: none;
    border: 2px solid #c7c7c7;
    resize: none;
    max-width: 350px;
}
.form_name{}
.box-modal input.form_tel{
    margin: 0;
}
.form_div{
    font-weight: 800;
}
.g-recaptcha{display:inline-block;}
.form_email{}
.form_text{}
.box-modal input.form_submit{
    /* box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
    color: #ffffff;
    max-width: 300px;
    background-color: #57c6c5;
    border-color: #57c6c5;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    padding: 10px 16px;
    font-size: 18px;
    margin: 10px 0 0;
    line-height: 1.3333333;
    border-radius: 6px;
    border: 1px solid transparent;
    }
.box-modal input.form_submit:hover{    color: #ffffff;
    background-color: #3bafae;
border-color: #39a7a6;}
body{overflow: scroll!important;overflow-x: hidden!important;}
.spasibo{display:none;}
.err{display:none;color:red;}
.pop_top_content{}
.pop_top_title{font-size:24px;margin: 0 0 20px;font-weight: 800;}

@media (max-width:1000px){
	.box-modal{max-width:none;width:100%;}
}