@charset "utf-8";
/* CSS Document */

/* default */
.row {margin-right: -10px;margin-left: -10px;}
.col-lg-25, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 10px;padding-right: 10px;}
.col-lg-25{ float:right; width:20%;}
.img-rounded {border-radius: 3px;}
.row2 {margin-right: -6px;margin-left: -6px;}
.col2 {padding-left: 6px;padding-right: 6px;}
.row3 {margin-right: -3px;margin-left: -3px;}
.col3 {padding-left: 3px;padding-right:3px;}

.no-padding{ padding-right:0; padding-left:0;}
.no-pd-left{ padding-left:0;}
.no-pd-right{ padding-right:0;}
h1{font-size:40px; margin:0 0 12px;}
h2{font-size:36px; margin:0 0 10px;}
h3{font-size:32px; margin:0 0 8px;}
h4{font-size:26px; margin:0 0 6px;}
h5{font-size:20px; margin:0 0 4px;}
h1, h2, h3, h4{ font-family:aharoni_clm;}
a:hover, a:focus, a{ text-decoration:none;color: #000;}
.mrg-btm-40{margin-bottom:40px;}
.mrg-btm-30{margin-bottom:30px;}
.mrg-btm-20{margin-bottom:20px;}
.mrg-btm-15{margin-bottom:15px;}
.mrg-btm-10{margin-bottom:10px;}
.mrg-btm-8{margin-bottom:8px;}
.mrg-btm-5{margin-bottom:5px;}
.mrg-top-5{margin-top:5px;}
.mrg-top-10{margin-top:10px;}
.mrg-top-15{margin-top:15px;}
.pad-top-15{padding-top:15px;}
.pad-top-20{padding-top:20px;}
.pad-btm-15{padding-bottom:15px;}
p{ line-height:160%;margin: 0 0 10px 0; font-size: 18px;}
article img{ margin-bottom:13px;}
.btn-facebook{color:#FFFFFF;background:#3b5998; }
.btn-twitter{color:#FFFFFF;background:#55acee}
.btn-google{color:#FFFFFF;background:#d73d32;}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin-right: -20px;}
.form-control {-webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none;}

/* default for this site */
html, body{height: 100%;}
body{font-family:Alef; color: #fff;font-size:16px; background: url("images/bg.png") center top no-repeat #05151D;background-size: cover; }
.btn{ border-radius:0;}
.btn-yara:hover, .btn-yara{color: #fff; background-color:#FD3900;  border:0; transition:all ease 0.3s;}
.btn-yara:hover{ background-color: #31708f;}
.red{color:#FD3900;}

.top-nav{ position: fixed;width:100%;  padding:10px 0 15px; z-index:102; background-color:transparent ;}
.top-nav .navbar{float: left; margin:15px 0 0;}
.top-nav .navbar .navbar-nav>li>a{ padding:10px 20px; color:#fff; font-size:18px; }
.top-nav .navbar .navbar-nav>li:hover>a{ background:#FD3900;}
.top-nav .btn-yara{ padding:10px 20px;}
.top-nav .menu-btn{ float:left; text-align: left; padding: 4px 10px;}
.top-nav .logo{ float:right; max-width:180px; margin-top:7px;}
.top-nav .register{ float:left; margin:15px 12px 0 0;}
.top-nav .social{float:right;margin:0px 35px 0;}
.top-nav .social .soca{float:left; margin:25px 5px 0; color:#fff; font-size:24px; line-height: 24px; width:36px; text-align:center; cursor:pointer; padding:0 6px; height: 0;transition:all ease 0.2s;}
.top-nav .social .soca:hover{background-color: #005d8d;height: 36px;padding:6px; margin-top: 19px; }
.inner-page .top-nav{ position:relative; background-color:#010E15;}

.page-top .search-form{float:left;  width:100%; padding:0; border-radius: 3px; border-radius: 0 2px 2px 0;  }
.page-top .search-form .form-control { padding:0 7px; width: 87%; font-size:18px;line-height: 32px; float:right;height:32px;border:0; border-radius:0 2px 2px 0; background-color:#EFEFEF;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); box-shadow: inset 0 1px 1px rgba(0,0,0,.0); }
.page-top .search-form button {padding: 0px 1px 0 0;float: right;width: 13%; border:0;height:32px; border-radius:2px 0 0 2px; background: #E0E0E0; color: #fd3900;}
.page-top .search-form button:hover {background-color: #14a1cf;color:#fff;}


section{float:right; width:100%; height: 100%; min-height:800px; overflow: hidden;}

section.first{ position:relative; }
section.first .video-wrapper{ position:absolute; top:0; bottom:0; width:100%; z-index:100;}
section.first .video-wrapper video{width:100%; opacity:0.9;}
section.first .line{ position:relative; float:right;background: #FD3900; margin-right: -100%;width: 100%;margin-top: 15px; margin-left: 15px;  }
section.first .line .menu{ position:absolute; width:220px; left:0; top:43px; background: #FD3900;	}
section.first .line .menu .item{ height:0; overflow:hidden; float:right; width:100%;padding-right:50px;  color:#fff; }
section.first .line .menu.open .item{ height:40px;padding:10px 15px;border-bottom:1px solid rgba(204,204,204,0.09); transition:all ease 0.2s;}
section.first .line .menu.open .item:hover{ background-color:#005d8d; padding-right:20px;}
section.first .big-menu{ position:absolute; z-index:101; bottom:50px; width:46%; margin:0 27%;}
section.first .big-menu .item{ float:right; padding:113px 0 0; font-size:30px; text-align:center; color:#fff; height:170px; margin:0 0.25%;  width: 24.5%; background:center top 37px rgba(0, 0, 0, 0.53) no-repeat; background-size:40%;}
section.first .big-menu .item:hover{background-color:#FD3900;}
section.first .big-menu .item.meda{background-image:url(images/menu-icon-media.png);}
section.first .big-menu .item.meda:hover{background-color:#D2222C;}
section.first .big-menu .item.ads{background-image:url(images/menu-icon-ads.png);}
section.first .big-menu .item.ads:hover{background-color:#226AD2;}
section.first .big-menu .item.print{background-image:url(images/menu-icon-print.png);}
section.first .big-menu .item.print:hover{background-color:#22D27F;}
section.first .big-menu .item.gallery{background-image:url(images/menu-icon-gallery.png);}
section.first .big-menu .item.gallery:hover{background-color:#B522D2;}
section.first .big-menu .item.customers{background-image:url(images/menu-icon-customers.png);}
section.first .big-menu .item.customers:hover{background-color:#D29A22;}
section.first .top-nav{ background-color: rgba(0, 0, 0, 0.15);}

.border{float:right; width:100%; background:#fff;}
.border.gray{background-color:#333; color:#fff;}


.page-top{float: right; width: 100%; padding:10px 0 5px; background-color:#D2222C;    margin: 0 0 40px;}
.page-top .title { float: right; font-size: 30px;  color: #FFFFFF;margin:-9px 19px 0 0; }
.page-top .icon{float: right; width:30px; height:30px;  background:center no-repeat; background-size:100%; }
.page-top .icon.meda{background-image:url(images/menu-icon-media.png);}
.page-top .icon.ads{background-image:url(images/menu-icon-ads.png);}
.page-top .icon.print{background-image:url(images/menu-icon-print.png);}
.page-top .icon.gallery{background-image:url(images/menu-icon-gallery.png);}
.page-top .icon.customers{background-image:url(images/menu-icon-customers.png);}
.page-top .navbar{float: left; margin:0; min-height: auto;}
.page-top .navbar-collapse{padding-right: 0;  padding-left: 0px;}
.page-top .navbar .navbar-nav>li>a{ padding:2px 20px; color:#fff;}
.page-top .navbar .navbar-nav>li:hover>a{background-color: transparent; color:#fff; text-decoration:underline;}

.visual{float:right; width:100%; position:relative; overflow:hidden; }
.visual .play:after{ position:absolute;top:50%; margin-top:-25px; right:50%; margin-right:-20px; font-size:40px; color:#fff; content:"\f144"; font-family:FontAwesome; opacity:0.4;}
.visual .play.big:after{  margin-top:-35px; margin-right:-30px; font-size:60px;}
.visual:hover .play:after{color:#89c53f; opacity:1;}
.visual .cat{ position:absolute; top:10px; left:10px; background:#89c53f; padding:3px 6px; color:#fff;font-size: 11px;}
.visual .txt{left: 0; right: 0; bottom: 0; padding: 10px; background-color: rgba(0, 0, 0, 0.6); position:absolute; color:#fff;}
.visual .all-title{left: 0; right: 0; bottom: 0; top:0; padding:40px 10px 0; background-color: rgba(0, 0, 0, 0.6); position:absolute; color:#fff; text-align:center; font-size:34px;}
.visual .all-title:hover{background-color: #D2222C;}


.selecto{float: right; border:2px solid #BDBDBD; width:20px; height:20px; border-radius:5px; cursor:pointer; color:#fff; font-size:15px;}
.selecto.not-work .fa{ display:none; }
.selecto.work .fa{ display:block; border-color:#fff;}

.content{ float:right; width:100%; }
.content .filter{ float: right; width: 100%;background-color:#42606F; padding: 4px 10px 0;}
.content .filter .filter-title{float: right; color: #fff;   width: 100%;font-size: 16px; margin-bottom:5px;}
.content .filter .form-group { margin-bottom: 12px; }
.content .filter .form-group .form-control{border-radius:2px; font-size: 17px;  padding: 3px 12px;}

.dataTables_wrapper{ padding:20px; color:#000;}
.table-bordered { border-width:1px 0 1px 0;}
.table .thumb{width:70px;}
.dataTables_wrapper .dataTables_filter input{height: 34px; border-radius:2px; padding: 6px 12px;  font-size: 14px; line-height: 1.42857143;   color: #555;  background-color: #fff;  border: 1px solid #ccc;}
tr.bg td{ background-color:#09F !important; color:#fff;}

section.contact{ position: relative; background:#fff; padding:70px 0; color:#333;font-size: 16px;}
section.contact .form-control{ border-radius:0; padding:20px;}
section.contact .top{ position:absolute; top:0;  right:0; left:0;width: 100% ;  background:url(images/contact-top.png) no-repeat bottom;    background-size: 100% 100%;    padding:150px 0 85px;}
section.contact #map-canvas{ position:absolute; top:0; bottom:0; right:0; left:0;width: 100% ;height: 100%;    border: 0;}
section.contact footer{ position:absolute; bottom:0;  right:0; left:0;width: 100% ;   padding:17px 0; background-color:#2c2c34;color: #fff;font-size: 12px;}
section.contact footer a{color: #fff !important;}
section.contact footer .copy{font-size: 10px; margin-top:3px;}

.modal{color:#333;}

footer{ float:right; padding:17px 0; width:100%; background-color:#2c2c2c;color: #fff;font-size: 12px; margin-top:40px;}
footer a{color: #fff !important;}
footer .copy{font-size: 10px; margin-top:3px;}

.contact{float:right;width:100%;}
.contact .title{float:right;width:100%; font-weight: bold; padding-bottom:4px;    border-bottom: 1px solid #444; margin-bottom:5px;}
.contact .name{float:right;width:100%; color: bisque;}
.contact .tel{float:right;width:100%;margin-bottom:10px;}

article{ color:#444; float:right;width:100%; padding:20px;}

.page-gallery .page-top{background-color:#D29A22;}
.page-media .page-top{background-color:#D2222C;}
.page-marketing .page-top{background-color:#226AD2;}
.page-print .page-top{background-color:#22D27F}

@media (max-width: 1200px){

}

@media (max-width: 990px){

}

@media (max-width: 767px){

}