body{background:#0D0E14 url(img/background.jpg) no-repeat;background-size: cover;background-attachment: fixed;color:#e3e3e3;}
img{max-width: 100%;}
a {
    color: #1FA6E6;
}
a:focus, a:hover {
    color: #006FCE;
}
.orange{color:#FF5000;}
.main-sitedev{color:#54AFFF;}
.main-seo{color:#ff9454;}
.main-hosting{color:#54FF92;}
.main-otherservices{color:#F3FF54;}
.btn-sitedev, .btn-seo, .btn-hosting, .btn-otherservices{color:#000;}
.btn-sitedev{background-color:#54AFFF;}
.btn-seo{background-color:#ff9454;}
.btn-hosting{background-color:#54FF92;}
.btn-otherservices{background-color:#F3FF54;}

.header{-moz-box-shadow:-1px 0px 10px #000;-webkit-box-shadow:-1px 0px 10px #000;box-shadow:-1px 0px 10px #000;border-bottom:1px solid #202020;background:#000 url(img/shapka_fon.png) repeat-x;}
.menu-container, .language-select{position: relative;
    min-height:38px;}
.language-select a{line-height: 38px;}
@media(min-width:1200px){.menu-container, .language-select{padding-top:20px;}}
#menu, #menu ul, #mobile-menu{margin:0;padding:0;list-style:none}
#menu:before, #menu:after{content:"";display:table}
#menu:after{clear:both}
#menu li{float:left;position:relative}
#menu a{float:left;padding:12px 18px;color:#CACACA;text-transform:uppercase;text-decoration:none!important;text-shadow:0 1px 0 #000}
#menu li:hover > a{color:#fff}
#menu li a:hover{color:#fafafa}
#menu ul{margin:20px 0 0 0;opacity:0;visibility:hidden;position:absolute;top:100%;left:0;z-index:9999;background:#1E1E1E;background:-moz-linear-gradient(#444, #111);background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#111));background:-webkit-linear-gradient(#444, #111);background:-o-linear-gradient(#444, #111);background:-ms-linear-gradient(#444, #111);background:linear-gradient(#444, #111);-moz-box-shadow:0 -1px rgba(255,255,255,.3);-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);box-shadow:0 -1px 0 rgba(255,255,255,.3);-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#menu li:hover > ul{opacity:1;visibility:visible;margin:0}
#menu ul ul{top:0;left:100%;margin:0 0 0 20px;-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);box-shadow:-1px 0 0 rgba(255,255,255,.3)}
#menu ul li{float:none;display:block;border:0;-moz-box-shadow:0 1px 0 #111, 0 2px 0 #666;-webkit-box-shadow:0 1px 0 #111, 0 2px 0 #666;box-shadow:0 1px 0 #111, 0 2px 0 #666}
#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#menu ul a{padding:10px;min-width:250px;display:block;white-space:nowrap;float:none;text-transform:none}
#menu ul a:hover{background-color:#af3802;background-image:-moz-linear-gradient(#FF5000, #af3802);background-image:-webkit-gradient(linear, left top, left bottom, from(#FF5000), to(#af3802));background-image:-webkit-linear-gradient(#FF5000, #af3802);background-image:-o-linear-gradient(#FF5000, #af3802);background-image:-ms-linear-gradient(#FF5000, #af3802);background-image:linear-gradient(#FF5000, #af3802)}
#menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
#menu ul li:first-child > a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #444}
#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #3b3b3b}
#menu ul li:first-child a:hover:after{border-bottom-color:#FF5000}
#menu ul ul li:first-child a:hover:after{border-right-color:#D94501;border-bottom-color:transparent}
#menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;-khtml-border-radius:3px 3px 0 0;border-radius:0 0 3px 3px}
#menu .caret{display:none;}
.nav-toggle {
    cursor: pointer;
    width: 36px;
	position: absolute;
	right: 6px;
    top: 0;
}
.nav-toggle span {
	width: inherit;
    height: 4px;
    margin: 6px 0;
    background: #FF5000;
    display: block;
}
#mobile-menu ul{list-style:circle;padding:0 0 0 20px;}

#mobile-menu li{position: relative;
    line-height: 36px;
   padding: 0 6px;
}
#mobile-menu li:not(:last-child) {border-bottom: 1px solid rgba(255, 80, 0, 0.25);}
#mobile-menu li a{display: block;color:#999;}
#mobile-menu li a:hover{color:#fafafa;text-decoration:none}
#mobile-menu .caret{position: absolute;
    right: 9px;
    top: 3px;
    text-decoration: none!important;
    width: 30px;
    height: 30px;
    color: #ff5000;
    text-align: center;
    border: 2px solid #FF5000;
    border-radius: 50%;
    line-height: 28px;
	font-size: 22px;
    box-sizing: border-box;}
#mobile-menu .caret::after{content:"+";}
#mobile-menu .active.caret::after{content:"-";}

.wrapper{padding-bottom:50px;}

.page-title {color:#FF5000;background:#04081B;display:inline-block;text-transform:uppercase;padding:.5rem 1rem;border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;}
.page-title h1{font-size:1.75rem;margin:0;}
.content{background:url('img/proz_fon.png');border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;}
.content-img {
	border-radius: 5%;
    box-shadow: 0px 2px 2px #3C3535;
    margin-bottom: 1rem;}
.content-border-img {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
.footer{    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000 url(img/footer_fon.png) repeat-x;
    border-top: 1px solid #292929;
    -moz-box-shadow: -1px 0px 10px #000;
    -webkit-box-shadow: -1px 0px 10px #000;
    box-shadow: -1px 0px 10px #000;}
.footer a{margin-left:1%;}
.footer a img{vertical-align: text-top;}

.tel{text-align:left;font-weight:bold;}
.tel span a{color:#FF5000;}
.pf-img{width:60%;box-sizing:border-box;margin:0 0 14px 14px;float:right;padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.pf-img img{display:block;}
.pf-name{}
.pf-www{color:#77BCFF;text-decoration:none;display:block;}
.pf-www:hover{text-decoration:underline;}
.pf-info{margin:14px 0;}
.pf-binfo{opacity:0;height:0;overflow:hidden;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}
.pf-binfo.active{opacity:1;height:auto;padding-bottom:30px;}
.btn-portfolio{background-color:#FF5000;text-decoration:none;cursor:pointer;color:#FFF;font-size:16px;padding:6px 14px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;}
.btn-portfolio:hover{text-decoration:underline;}
.map{padding: .25rem;display: flex;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;}

.pic, .pic2 {
float: left;
margin: 0 15px 15px 0;
border: 5px solid white;
width: 220px;
box-sizing: border-box;
	-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
.pic2{
width: 220px;
}
.contacts .fa{font-size: 28px;
    vertical-align: sub;
    color: #1FA6E6;}
@media (min-width:768px){

#mobile-menu .caret{display:none;}
}
@media (max-width:767px){
	#mobile-menu, #mobile-menu ul{display:none;}
	#mobile-menu.active, #mobile-menu ul.active{display:block;}
	.menu-container{
    border: 1px solid #FF5000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}
	.wrapper{padding-bottom:160px;}
}