@font-face {
font-family: "Muller";
src: url("../fonts/MullerLight.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: "Muller";
src: url("../fonts/MullerBold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
font-family: "ProximaNova";
src: url("../fonts/ProximaNovaRegular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
font-family: "ProximaNova";
src: url("../fonts/ProximaNovaBold.otf") format("opentype");
  font-weight: bold;
}

body{
font-size:14px;
color:#fff;
background:#000;
}

a,a:focus,a:hover{
text-decoration:none;
outline:none;
	transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-webkit-transition:.3s;
}

/*шапка*/
.navbar-default{
background:#0e0f0b;
box-shadow:0px 0px 0px 0px;
border:none;
z-index:999;
padding:12px 0;
margin-bottom:0;
}
.navbar-default .navbar-brand {
    color: #fff;
	font-size:1.43em;
	font-family:"ProximaNova";
	font-weight:bold;

}
.navbar-default .navbar-brand span{
color:#8a9a5b;
}
.navbar-brand {
padding:15px;
margin-right:50px;

}
.navbar-default .navbar-nav>li>a{
    color: #727272;	
	font-family:"ProximaNova";
	font-weight:normal;
	font-size:1em;
	transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-webkit-transition:.3s;
}
.navbar-default .navbar-nav>li{
margin-right:77px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #999;
	transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-webkit-transition:.3s;
}
.navbar-brand{ 
font-family: "Muller";
font-weight: bold;

}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
    color: #fff;
}
.navbar-toggle{
margin-top:0;
position: relative;
float: right;
padding: 10px 7px;
background-color: transparent;
background-image: none;
border: 2px solid;
border-radius: 25px;
border-color:#8a9a5b !important;
}
.navbar-default .navbar-toggle {
    border-color: #999;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
border-color: #8a9a5b;
background-color:transparent;
border-width:2px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: #8a9a5b;
}
.language_panel{
display:block;
}
.Order_Project{
padding-top:10px;
}
.Order_Project button,.Order_Project a,.Projects_Modal a{
color:#fff;
font-size:1.43em;
background:transparent;
font-family:"ProximaNova";
font-weight:bold;
border:none;
border-bottom:solid 2px #8a9a5b;
padding-left:2px;
padding-right:2px;
text-decoration:none;
}
.Order_Project button:focus,.Order_Project a:focus{
outline:none;
}
.navbar-nav>li>a{
display:inline-block !important;
}
.main-menu{
padding-left:30px;
padding-top:0;
}

.Main_Banner_Bk{
background-image:url(../img/olives_bk_1.png); 
position:absolute;
z-index:3;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
background-position: center -80px;
background-repeat:no-repeat;
opacity:.5;
}
.arrows{
background-image:url(../img/arrows.png); 
position:absolute;
z-index:4;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
background-position: center 80px;
background-repeat:no-repeat;
}
.Main_Banner{
height:995px;
position:relative;
background:#14160d;
}

.Olive_Bk{
position:absolute;
opacity:1;
z-index:2;
background-image:url(../img/olives_bk.png); 
left:0;
right:0;
top:0;
bottom:0;
width:100%;
background-position: center 0;
background-repeat:no-repeat;
}
.Main_Banner_Overlay .col-md-5{
margin-top:50px;
}
.Main_Banner_Heading h2{
font-size:5em;
color:#fff;
line-height:1.2em;
font-family: "Muller";
font-weight: bold;
margin-top:70px;
}
.Main_Banner_Heading p{
margin-top:25px;
font-size:1.43em;
font-family: "Muller";
font-weight: normal;
}
.Main_Banner_Block{
width:28%;
position:absolute;
}
.Block_1{
top:340px;
left:55px;
}
.Block_2{
top:425px;
right:85px;
}
.Block_3{
top:610px;
left:240px;
}
.Main_Banner_Block h3{
color:#8a9a5b;
font-size:1.286em;
font-family: "Muller";
font-weight: bold;
}
.Main_Banner_Block p{
color:#fff;
font-size:1em;
font-family: "Muller";
font-weight: normal;
}
.Main_Banner_Heading img{
margin-left:25px;
margin-top:-60px;
}
.Main_Banner_Heading h2>span{
color:#8a9a5b;
}
.Main_Projects h3,.Main_Clients h3,.Main_Services h3,.Main_Contacts h3{
font-size:2.85em;
color:#fff;
font-family: "Muller";
font-weight: bold;
letter-spacing:1px;
text-align:center;
}

.Main_Projects{
opacity:1;
z-index:30;
position:relative;
background:#000;
}
.Main_Projects{
text-align:center;
margin-bottom:65px;
}
.Main_Projects h3{
margin:65px 0;
}
.Projects_Col{
margin-bottom:65px;
}
.Projects_Col img{
width:100%;
display:inline-block;
}
.Projects_Block{
width:100%;
height:360px;
background:url('../img/dev.png');
background-size:100% 100%;
}
.Projects_Modal .modal-dialog{
width:auto;
max-width:800px;
}
.Projects_Modal .modal-body{
padding:0;
}
.Projects_Modal .modal-content{
background:transparent;
border:none;
box-shadow:0px 0px 0px 0px;
}
.Projects_Modal button,.Projects_Modal button:focus,.Projects_Modal button:hover{
position:absolute;
color:#fff;
right:-22px;
font-size:2em;
opacity:1;
}

.Projects_Modal img{
width:100%;
display:inline-block;
margin-bottom:15px;
}

.Projects_Modal{
text-align:center;
}
.Projects_Hidden{
display:none;
}
.Show_All,.Show_All:focus{
color:#fff;
font-size:1.285em;
font-family: "ProximaNova";
font-weight: bold;

}
.Show_All:hover{
color:#999;
}

.Main_About_Us{
margin:65px 0;
}
.Main_About_Us h3,#process h3{
font-size:1.643em;
color:#fff;
text-align:center;
font-family: "Muller";
font-weight: bold;
}
.Main_About_Us p{
font-size:1.071em;
color:#6c6c6c;
text-align:justify;
font-family: "Muller";
font-weight: normal;
margin-top:25px;
line-height:1.5em;
}
.Main_About_Us .container,.Main_Video .container{
padding:0 70px;
}
.Video_Block{
width:100%;
height:515px;
background:url('../img/dev.png');
background-size:100% 100%;
}
.Main_Bk_Block{
margin:65px 0;
background:url('../img/dev.png');
background-size:100% 100%;
width:100%;
height:530px;
}
.Main_Services p {
    font-size: 1.071em;
    color: #6c6c6c;
    text-align: justify;
    font-family: "Muller";
    font-weight: normal;
    margin-top: 25px;
    line-height: 1.5em;
}
.Main_Services h4{
    color: #8a9a5b;
    font-size: 1.286em;
    font-family: "Muller";
    font-weight: bold;
	line-height:1.5em;
}
.Main_Clients{ 
margin:65px 0;
}

.tab-bullet {display: inline-block; width: 18px; height: 18px; background: #222222; border-radius: 50%; 
border: solid 2px #aaaaaa;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; 
-o-transition: all .3s; transition: all .3s; position: relative;}
.tab-bullet-active {display: inline-block; width: 18px; height: 18px; background: #222222; border-radius: 50%; border: solid 4px #8a9a5b;
float: left; margin-right: 20px;}
.tab-bullet::after { content: ''; border: solid 1px #777777; width: 135px; display: inline-block; position: absolute; top: 50%; 
margin-top: -1px; left: 24px;}
.tab-bullet.last::after { display: none;}

#process ul.nav-tabs { text-align: justify; margin: 25px 0;}
#process ul.nav-tabs>li{ text-align: center; width: 16%; display: inline-block; float: none;}
#process ul.nav-tabs>li:last-child {margin-right: 0;}
#process ul.nav-tabs li.active .tab-bullet {border: solid 2px #8a9a5b;}
#process ul.nav-tabs li.active .tab-icon { color: #8a9a5b; }
.tab-icon { font-size: 25px; color: #fff;}

#process .nav-tabs>li>a {margin-right: 0; border-radius: 0; border: none; padding: 0;}
#process .nav-tabs>li>a b {color: #fff; text-transform: uppercase; font-family: "Muller"; font-weight:normal; font-size:0.9em;}
#process .nav-tabs>li>a:hover { border: none; background: none;}
#process .nav-tabs>li.active>a { background: none; border: none; }
#process .nav-tabs { border: none;}
#process .tab-icon{
margin:15px 0;
}
#process p{
    font-family: "Muller";
	font-size:1.2em;
	color:#fff;
	 font-weight:normal;
}
#process h4{
    font-family: "Muller";
	font-size:1.5em;
    font-weight:bold;
	margin:20px 0;
}
.desktop-img { 
margin-top:25px;
margin-bottom:15px;}

#process .tab-pane{
height:450px;
}

.nbs-flexisel-nav-right:before{
font-family:FontAwesome;
content:"\f105";
color:#5c673d;
font-size:2.5em;
} 
.nbs-flexisel-nav-left:before{
font-family:FontAwesome;
content:"\f104";
font-size:2.5em;
color:#5c673d;
} 
.nbs-flexisel-inner{
background:transparent;
border-radius:0;
border:none;
}
.nbs-flexisel-item img{
padding:10px;

}
.nbs-flexisel-nav-left{
left:-50px;
background:transparent;

}
.nbs-flexisel-nav-right{
right:-50px;
background:transparent;

}
.nbs-flexisel-container{
display:inline-block;
}
.nbs-flexisel-inner{
position:static;
}

.Main_Contacts p {
    margin: 25px 0;
    font-size: 1.43em;
    font-family: "Muller";
    font-weight: normal;
	text-align:center;
}
#footer{
display:inline-block;
width:100%;
margin-top:35px;
margin-bottom:0;
}
.footer-block p, .footer-block a{
color:#fff;
text-decoration:none;
font-size:1.25em;
text-align:center;
width:100%;
display:inline-block;
margin-bottom:20px;
}
.footer-icon{
color:#8a9a5b;
display:inline-block;
margin-right:10px;
font-size:1.25em;
}
.footer_signature{
    font-size: 1.1em;
    color: #6c6c6c;
    text-align: center;
    font-family: "Muller";
    font-weight: normal;
    margin-top: 25px;
    line-height: 1.5em;
}
#map{
position:relative;
}
#map:after{
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.5);
pointer-events:none;
}
@media screen and (max-width:1200px){
#process .tab-pane {
    height: 350px;
}
.tab-bullet::after{
width:102px;
}
.navbar-default .navbar-nav>li {
    margin-right: 30px;
}
.main-menu{
padding-left: 0;
}
.navbar-right{
margin-right:10px;
}
.table.table-bordered td{
padding:10px 35px;
}
.arrows{
display:none;
}
.Main_Banner_Overlay img{
margin-top:-30px;
}
.Main_Banner_Overlay h2{
font-size:4em;
}
.Main_Banner_Block{
width:50%;
position:static;
margin-top:50px;
}
.Main_Banner{
height: 775px;
}
.Video_Block{
height:420px;
}
}
@media screen and (max-width:991px){
	
#process ul.nav-tabs>li{
float:left;
}
.tab-bullet::after {
    width: 65px;
}
.Main_Banner{
height: 725px;
}
.navbar-default .navbar-nav>li {
    margin-right: 0px;
}

body{
font-size:12px;
}
.Video_Block{
height:350px;
}
}
@media screen and (max-width:767px){
	.Projects_Modal .modal-dialog {
    padding-right: 22px;
}
	#process .tab-pane{
	height:600px;
	}
	.tab-bullet::after{
	display:none;
	}
	#process ul.nav-tabs>li {
    width: 32.7%;
    margin-bottom: 50px;
}
#process .nav-tabs>li>a b {font-size:1em;}
	.nbs-flexisel-nav-right,.nbs-flexisel-nav-left{
	display:none;
	}
.Video_Block{
height:375px;
}
	.Main_About_Us .container, .Main_Video .container{
	padding:0 15px;
	}
.Main_Banner{
height: 600px;
}
.Main_Banner_Block{
width:100%;
}
	.navbar-brand{
	padding-top:8px;
	}
.navbar-default .navbar-nav>li>a{
font-size:1.2em;
}
.navbar-nav>li>a{
padding-top:15px;
}
body{
font-size:14px;
}
.Order_Project{
text-align:center;
}
.navbar-default .navbar-brand{
font-size:2em;
}
.navbar-default{
top:15px;
}

.navbar-brand{
padding-bottom:2px;
height:35px;
}
.navbar-right{
margin-right:0;
}
.navbar-nav {
    margin: 7.5px 0;
}
.main-menu{
width:100%;
padding-left: 0;
float:none;
}

.navbar-collapse{
margin-top:15px;
}
.main-menu li{
text-align:center;
}

body{
font-size:11px;
}

}
@media screen and (max-width:640px){
	.Video_Block{
height:325px;
}
.Main_Banner{
min-height: 650px;
}
.Main_Banner_Overlay h2{
font-size:2.8em;
}
.Main_Banner_Overlay img{
width:60px;
margin-top: -15px;
}
.Main_Projects h3,.Main_Clients h3,.Main_Services h3,.Main_Contacts h3{
font-size:2.3em;
}
}
@media screen and (max-width:480px){
	.Video_Block{
height:260px;
}
.Main_Banner_Heading h2{
line-height:1.8em;
font-size:2.5em;
}
#process ul.nav-tabs>li{
width:50%;
}
}
@media screen and (max-width:360px){
.Main_Banner{
min-height: 750px;
}
	#process .tab-pane{
	height:500px;
	}
}