@font-face {
    font-family: 'NeoSansProLight_0';
    src: url('fonts/NeoSansProLight_0.eot');
    src: url('fonts/NeoSansProLight_0.eot') format('embedded-opentype'),
         url('fonts/NeoSansProLight_0.woff2') format('woff2'),
         url('fonts/NeoSansProLight_0.woff') format('woff'),
         url('fonts/NeoSansProLight_0.ttf') format('truetype'),
         url('fonts/NeoSansProLight_0.svg') format('svg');
}
@font-face {
    font-family: 'NeoSansProMedium_0';
    src: url('fonts/NeoSansProMedium_0.eot');
    src: url('fonts/NeoSansProMedium_0.eot') format('embedded-opentype'),
         url('fonts/NeoSansProMedium_0.woff2') format('woff2'),
         url('fonts/NeoSansProMedium_0.woff') format('woff'),
         url('fonts/NeoSansProMedium_0.ttf') format('truetype'),
         url('fonts/NeoSansProMedium_0.svg') format('svg');
}
@font-face {
    font-family: 'NeoSansProRegular_0';
    src: url('fonts/NeoSansProRegular_0.eot');
    src: url('fonts/NeoSansProRegular_0.eot') format('embedded-opentype'),
         url('fonts/NeoSansProRegular_0.woff2') format('woff2'),
         url('https://safir-tech.com/assets/css/fonts/NeoSansProRegular_0.woff') format('woff'),
         url('fonts/NeoSansProRegular_0.ttf') format('truetype'),
         url('fonts/NeoSansProRegular_0.svg') format('svg');
}

@font-face {
    font-family: 'brandon_regular';
    src: url('fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
    url('fonts/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_medium';
    src: url('fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
    url('fonts/BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

body{background: #fff;padding: 0;margin: 0;font-family: 'brandon_regular';}
a, a:hover, a:focus{text-decoration: none;}
.noborder{border:0 !important;}
.noborder a{border:0 !important;}

/* General styles for all menus */
.cbp-spmenu {background: #333;position: fixed;border-left:1px solid #3c3c3c;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {width: 300px;height: 100%;top: 0;z-index: 1000;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-right {right: -300px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}
/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 300px;}
.cbp-spmenu-push-toleft {left: -300px;}
/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
/* Example media queries */
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {font-size: 90%;width: 190px;}
.cbp-spmenu-left, .cbp-spmenu-push-toleft {left: -190px;}
.cbp-spmenu-right {right: -190px;}
.cbp-spmenu-push-toright {left: 190px;}
}

.mobile-menu{padding-top: 30px;display: none;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover{background: #0e5584;color:#fff;}
.nav-pills>li>a, .nav-pills>li>a:focus{color:#fff;}
.nav-pills .dropdown-menu{position: relative;top:auto;float: none;border:0;background: none;-webkit-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;}
.nav-pills .open>a, .nav-pills .open>a:focus, .nav-pills .open>a:hover{background: #0e5584;color:#fff;}
.nav-pills .dropdown-menu>li>a{color:#fff;}
.nav-pills .dropdown-menu>li>a:hover, .nav-pills .dropdown-menu>li>a:focus{background:none;color:#fff;}

.speed-form{margin-top: 20px;}
.speed-form h2{font-family: 'brandon_regular';font-size: 32px;color:#fff;}
.speed-form .form-group{font-family: 'brandon_regular';}
.speed-form .form-group label{color:#fff;}
.speed-form .form-control{border-radius: 0;}
.btn-default, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{background: #0e5584;color: #fff;}

header{position: absolute;z-index:9999;width: 100%;}
header .top{background: #0e5584;}
header .top .t-nav{float:right;}
header .top .t-nav ul{list-style:none;padding:0;margin:0;}
header .top .t-nav ul li{float: left;font-size: 16px;padding: 2px 0px 4px 10px;}
header .top .t-nav ul li a{color:#fff;border-right: 1px solid #fbca8f;padding-right: 10px;}
header .top .t-nav ul li.active{background: #383838;}

header .top .in{float:right;background: #0024fb;
    display: none;}
header .top .in a{display: block;padding: 1px 8px 0px 8px;font-size: 18px;color:#fff;}
header .top .language{float:right;background: #0e5584;
    display: none;}
header .top .language a{display: block;padding: 3px 8px;font-size: 16px;color:#fff;}
#showRightPush{display: none}
header .logo{margin-top:10px;}

header .navbar-default{background: none;border: 0;}
header .navbar-default .navbar-nav>li{padding-bottom:10px;}
header .navbar-default .navbar-nav>li>a{padding:0 15px;font-size:16px;color:#fff;border-right: 1px solid #0e5584;}
header .navbar-default .navbar-nav>li>a:hover, header .navbar-default .navbar-nav>li>a:focus, header .navbar-default .navbar-nav>li.active>a, 
header .navbar-default .navbar-nav>li.active>a:hover, header .navbar-default .navbar-nav>li.active>a:focus{color:#1293d6;background: none;}
header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none;color:#0e5584;}
header .navbar{padding-top:25px;}
header .dropdown-menu{background:#ababab;border-radius: 0;border: 0px;-webkit-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;}
header .dropdown-menu li{border:0 !important;padding-bottom: 0px}
header .dropdown-menu>li>a{color:#fff;}
header .dropdown-menu>li>a:hover, header .dropdown-menu>li>a:focus, header .dropdown-menu>li.active>a{background: #c4c4c4;color:#fff;}
header .next{margin-left: 180px;!important;}
header .dropdown:hover .dropdown-menu {display: block;}
header .more{margin-top: 15px;}
header .more a{display: block;padding: 10px 20px;color:#0e5584;font-size:16px;background: url(../images/bg/more.png);border:1px solid #9f9f9f;}
header .more a .menu{display: none;}

.slider{position:relative;z-index:999;top:-1px;-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);box-shadow:  0px 5px 10px 0px rgba(50, 50, 50, 0.75);}
.slider .wheel{position: absolute;top:360px;right: 20%;}
.slider .item{width: 100%;height: 520px;}
.slider .carousel-inner{overflow: initial;}

.hcg{background: url(../images/bg/dotted.png);position:relative;z-index:998;}
.hcg .bigtitle{margin-bottom: 12px;}

.hcg .boxtitles{background: url(../images/bg/boxtitles.png);padding: 5px 0;}
.hcg .boxtitles .boxtitle{color:#6d6e71;text-align: center;border-right:1px solid #fff;min-height: 85px;}
.hcg .boxtitles .boxtitle .btbig{font-family: 'brandon_regular';font-size: 33px;line-height: 90px;}
.hcg .boxtitles .boxtitle .img{height: 50px;line-height:50px;}
.hcg .boxtitles .boxtitle .bt{font-family: 'brandon_regular';font-size:18px;line-height: 20px;width:100%;text-align: center; }
.hcg .boxtitles .boxtitle .bt.theone{margin-top: 10px;}

.hcg .boxes{}
.hcg .boxes .box{margin-top: 35px;background: url(../images/icon/title.png) 0px 13px no-repeat;}
.hcg .boxes .box h4{color:#6d6e71;font-family: 'brandon_medium';font-size: 16px;}
.hcg .boxes .box p{color:#6d6e71;font-size: 12px;}
.hcg .boxes .box p a.more{text-align: right;color: #0e5584;font-size: 10px;display: block;}

.working-model{background: #353535;padding-bottom: 15px;}
.working-model .bigtitle{text-align: center;margin-bottom: 20px;}
.working-model .model{background: url(../images/bg/dotted-dark.png);padding:10px 15px;}
.working-model .model h2{color:#c4c4c4;font-family: 'brandon_regular';font-size: 30px;margin-top: 0;padding-top: 0;}
.working-model .model h2 span{color:#1293d6;}
.working-model .model h5{font-size: 16px;color:#1293d6;font-family: 'brandon_regular';}
.working-model .model p{color:#fff;font-size:12px;}
.working-model .model p a.more{text-align: right;color: #1293d6;font-size: 10px;display: block;}

.references .main img{width: 100%;}

.maps{position: relative;}
.maps #map{width: 100%;height: 430px;}
.maps .address{position: absolute;width: 100%;bottom: 0;background: url(../images/bg/white.png);border-top:1px solid #fff;padding: 10px 0;}
.maps .address .logo img{width: 100%;}
.maps .address .add{margin-top: 10px;}
.maps .address .add .title{float: left;font-size: 14px;color:#1293d6;width: 60px;}
.maps .address .add .text{float: left;font-size: 14px;color:#4c4c4c;width: calc(100% - 70px);}


footer{background: #d1d1d1;padding: 20px 0;margin-top: 20px;}
footer .footer-nav{}
footer .footer-nav ul{padding: 0;margin: 0; list-style: none;}
footer .footer-nav ul li{font-size: 10px;}
footer .footer-nav ul li a{color:#4c4c4c;}
footer .footer-nav .nav>li>a{padding: 6px 10px;}
footer .footer-nav .nav>li>a:focus{background: #0e5584;}

@media(max-width:1366px) {
    header .more{margin-top: 20px;}
    header .more a{padding: 5px 8px;}
}

@media(max-width:1280px) {
    header .more{margin-top: 20px;}
    header .more a{padding: 5px 8px;font-size:14px;}
    header .logo img{width: 100%} 
    header .navbar-default .navbar-nav>li>a{padding:0 8px;font-size:16px;}
}

@media(max-width:1024px) {
	header .more{margin-top: 20px;}
	header .more a{padding: 5px 6px;font-size:12px;}
	header .logo img{width: 100%} 
	header .navbar-default .navbar-nav>li>a{padding:0 6px;font-size:12px;}
}

@media(max-width:768px) {
	header .more{margin-top: 10px;}
	.mobile-menu{display: block;}
    header .more a{padding: 5px 8px;font-size:14px;}
	header .more a .menu{display: block;}
	header .more a .mm{display: none;}
	.hcg .bigtitle{text-align: center;}
	.hcg .boxtitles .boxtitle{border-right:0px;border-bottom:1px solid #fff;padding-top: 5px;}
	.hcg .boxtitles .boxtitle .bt.theone{margin-top: 0px;}
	.working-model .bigtitle img{width: 100%;}
	header .t-nav{display: none;}
	.speed-form{display: none;}

}

@media(max-width:640px) {
	.hcg .bigtitle img{width: 100%;}
	header .logo img{width: 100%}
    .slider .item{height: 420px;}
}

@media(max-width:480px) {
	header .logo img{width: 200%}
    .slider .item{height: 320px;}
}

@media(max-width:320px) {
    .slider .item{height: 220px;}
}