/*common styles */
@font-face
{
font-family: HelveticaNeue;
/*src: url(/fonts/HelveticaNeueCyr-Medium.otf);*/
src: url(/fonts/HelveticaNeueCyr-Light.otf);
}

@font-face
{
font-family: HelveticaNeueMedium;
src: url(/fonts/HelveticaNeueCyr-Medium.otf);
}

@font-face
{
font-family: HelveticaNeueBold;
src: url(/fonts/HelveticaNeueCyr-Bold.otf);
}

body {
		font-family:   HelveticaNeue;
		font-size:11pt;
}

a{
	text-decoration: underline;
}

h1{
	
	font-family: HelveticaNeueBold;
        Font-size:18pt;
}

h2{
	margin-bot1tom:20px;	
	font-family: HelveticaNeueBold;
        Font-size:14pt;
}
.mt20{
	margin-top:20px;
}

.mb20{
	margin-bottom:20px;
}

.navbar-nav > li > a {
	padding-left:10px;
	padding-right: 10px;
	letter-spacing: 1px;
}

.dropdown-menu{
	background-color:#248fe4;
	border-radius:0px;
	border:none;
	box-shadow:none;
}
.dropdown-menu > li > a {
	letter-spacing: 1px;
}

.navbar {
	border:none;
}

 .navbar-default .navbar-nav > .open > a:focus {
    background-color: #248fe4;
}

a.btn {
	text-decoration:none;
}

.parent {
    display: table;
    table-layout: fixed;
}

.child {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}

.head_phone a:link{
	color:#000;
	text-decoration: none;
}
.footer_phone a:link{
	color:#ffff;
	text-decoration: none;	
}

. bottommenu  .child  a:link{
	color:#fff;
}
a.bmw{
		color:#fff;
}

.footer_with_logo a:link{
	color:#fff;
}

.rombs {
	padding-top:40px;
}



/* //common styles */


@media (min-width: 1200px) {
	
		a.bigbutton{
			font-size: 14pt;
			margin-top:10px;
			width:208px;
		}
		
		.head_with_logo {
			height: 124px;
			vertical-align: middle;
			margin-top: 40px;
		}
		
		.logo{
			width:196px;
			height:47px;
			background: url(/i/logo.jpg) no-repeat;
		}
		
		.logo_footer{
			width:196px;
			height:47px;
			background: url(/i/logo.png) no-repeat;
		}
		
		.text_slogan{
			text-align:left;
			padding-left:10px;
		}
		
		.clock {
			width:30px;
			height:30px;
			background: url(/i/clock.png) no-repeat;	
		}
		
		.clock_footer{
			width:30px;
			height:30px;
			background: url(/i/clock_i.png) no-repeat;	
		}
		
		.work_time{
			text-align:left;
			padding-left:10px;	
		}
		
		.fly {
			width:30px;
			height:30px;
			background: url(/i/fly.png) no-repeat;	
		}
		
		.fly_footer {
			width:30px;
			height:30px;
			background: url(/i/fly_i.png) no-repeat;	
		}
		
		.head_email{
			text-align:left;
			padding-left:10px;
		}
		
		.head_phone,  .footer_phone{
			font-family:  HelveticaNeueMedium;
			font-size:11pt;
			margin-top: -16px;
		}
		
		.menu_back {
			background-color:#0d6cb7;
			height:50px;
		}
		.navbar-nav {
			height:50px;	
		}
		
		.circle-img{
			height:208px;
			width:208px;
		     overflow:hidden;
		     border-radius:50%;
		     border: 4px solid #0d6cb7;
		}
		
		.services-fluide{
			margin-top:40px;
		}
		
		.workflow-fluide, .advantages-fluide{
			padding-top: 40px;
			margin-top:40px;
			background-color:#f8f8f8;
			padding-bottom:40px;
		}
		
		.blueblock-fluide{
			background-color:#0d6cb7;
			color:#fff;
			padding-top:40px;
			padding-bottom:40px;
			text-align:left;
		}
		
		.diamond {
		    width: 120px;
		    height: 120px;
		    background: #0d6cb7;
		/* Rotate */
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    -o-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		/* Rotate Origin */
		    -webkit-transform-origin: 0 100%;
		    -moz-transform-origin: 0 100%;
		    -ms-transform-origin: 0 100%;
		    -o-transform-origin: 0 100%;
		    transform-origin: 0 100%;
		      border-radius: 6px;
		    text-align: center;
		    vertical-align: middle;
		    display: table-cell;    
			position: relative;
   			 left: 60px;		    
		}
		
		.diamond img {
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    transform: rotate(45deg);	
		}
		
		.diamond-wrap{
			 /* margin: 50px 0 20px 130px;*/
			 display: inline-block;
		}
		
		.projects-fluide{
			margin-top:40px;
			margin-bottom:60px;	
		}
		
		.impot{
				font-family:  HelveticaNeueBold;	
		}
		
		.circle {
			width: 160px;
			height: 160px;
			 background: #0d6cb7;
			-moz-border-radius: 80px;
			-webkit-border-radius: 80px;
			border-radius: 100px;
		    text-align: center;
		    vertical-align: middle;
		    display: inline-block;    	
		    position: relative;
		    z-index: 100; 
		}
		.circle-digit{
		    width: 60px;
		    height: 60px;
		    -moz-border-radius: 30px;
		    -webkit-border-radius: 30px;
		    border-radius: 30px;
		    background-color: #208fe6;
		    position: absolute;
		    z-index: 50;  
		    top: 10px;
		    left: 36px;  
		    text-align: center;
		    vertical-align: middle;
		    display: table-cell;    
		    color:#fff;      
			font-family:  HelveticaNeueBold;
			font-size:16pt;    
			padding-top:10px;
		}
		.circle-wrap{
			/*margin: 0px 0 20px 56px;*/
						text-align:center;
		}
		
		.circle img {
			position:relative;
			top:40px;
		}
		
		.bottommenu-fluide{
			background-color:#0d6cb7;
			height:54px;
			text-align:center;
		}
		.bottommenu {
			margin-top:18px;
		}
		
		.footer_with_logo {
			padding-top:40px;
			background-color: #1d1d1d;
			color:#fff;
			padding-bottom:30px;	
		}
		
}

@media (max-width: 1199px) {
	
		a.bigbutton{
			font-size: 14pt;
			margin-top:10px;
			width:208px;
		}
		
		.head_with_logo {
			vertical-align: middle;
			margin-top: 40px;
		}
		
		.logo{
			width:196px;
			height:47px;
			background: url(/i/logo.jpg) no-repeat;
		}
		
		.logo_footer{
			width:196px;
			height:47px;
			background: url(/i/logo.png) no-repeat;
		}
		
		.text_slogan{
			text-align:left;
			padding-left:10px;
		}
		
		.clock {
			width:30px;
			height:30px;
			background: url(/i/clock.png) no-repeat;	
		}
		
		.clock_footer{
			width:30px;
			height:30px;
			background: url(/i/clock_i.png) no-repeat;	
		}
		
		.work_time{
			text-align:left;
			padding-left:10px;	
		}
		
		.fly {
			width:30px;
			height:30px;
			background: url(/i/fly.png) no-repeat;	
		}
		
		.fly_footer {
			width:30px;
			height:30px;
			background: url(/i/fly_i.png) no-repeat;	
		}
		
		.head_email{
			text-align:left;
			padding-left:10px;
		}
		
		.head_phone,  .footer_phone{
			font-family:  HelveticaNeueMedium;
			font-size:11pt;
		}
		
		.menu_back {
			background-color:#0d6cb7;
		}
		
		.circle-img{
			height:208px;
			width:208px;
		     overflow:hidden;
		     border-radius:50%;
		     border: 4px solid #0d6cb7;
		     margin-top: 40px;
		}
		
		.services-fluide{
			margin-top:20px;
		}
		
		.workflow-fluide, .advantages-fluide{
			padding-top: 40px;
			margin-top:40px;
			background-color:#f8f8f8;
			padding-bottom:40px;
		}
		
		.blueblock-fluide{
			background-color:#0d6cb7;
			color:#fff;
			padding-top:40px;
			padding-bottom:40px;
			text-align:left;
		}
		
		.diamond {
		    width: 120px;
		    height: 120px;
		    background: #0d6cb7;
		/* Rotate */
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    -o-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		/* Rotate Origin */
		    -webkit-transform-origin: 0 100%;
		    -moz-transform-origin: 0 100%;
		    -ms-transform-origin: 0 100%;
		    -o-transform-origin: 0 100%;
		    transform-origin: 0 100%;
		      border-radius: 6px;
		    text-align: center;
		    vertical-align: middle;
		    display: table-cell;    
			position: relative;
   			 left: 60px;		    
		}
		
		.diamond img {
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    transform: rotate(45deg);	
		}
		
		.diamond-wrap{
			 /* margin: 50px 0 20px 130px;*/
			 display: inline-block;
			 margin-top:60px;
		}
		
		.projects-fluide{
			margin-top:40px;
			margin-bottom:60px;	
		}
		
		.impot{
				font-family:  HelveticaNeueBold;	
		}
		
		.circle {
			width: 160px;
			height: 160px;
			 background: #0d6cb7;
			-moz-border-radius: 80px;
			-webkit-border-radius: 80px;
			border-radius: 100px;
		    text-align: center;
		    vertical-align: middle;
		    display: table-cell;    	
		    position: relative;
		    z-index: 100; 
		}
		.circle-digit{
		    width: 60px;
		    height: 60px;
		    -moz-border-radius: 30px;
		    -webkit-border-radius: 30px;
		    border-radius: 30px;
		    background-color: #208fe6;
		    position: absolute;
		    z-index: 50;  
		    top: 10px;
		    left: 30px;  
		    text-align: center;
		    vertical-align: middle;
		    display: table-cell;    
		    color:#fff;      
			font-family:  HelveticaNeueBold;
			font-size:16pt;    
			padding-top:10px;
		}
		.circle-wrap{
			margin: 50px 0 20px 48px;
		}
		
		.bottommenu-fluide{
			background-color:#0d6cb7;
			text-align:center;
			padding-bottom:20px;
		}
		.bottommenu {
			margin-top:18px;
		}
		
		.footer_with_logo {
			padding-top:40px;
			background-color: #1d1d1d;
			color:#fff;
			padding-bottom:30px;	
		}
		
		.xsmb20 {
			margin-bottom:20px;
		}
		
		  table.center {
 margin-left:auto; 
    margin-right:auto;
		  }
		
}



.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-1px;
    margin-left:-1px;
   /* -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;*/
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.navbar-nav > li {
	font-size: 17px;
}

.dropdown-menu > li > a {
	font-size: 17px;
}

.circle-img:hover, .circle-img-hover  {
	border: 8px solid #f89e00;
	transition:200ms;
}