@charset "utf-8";
/* CSS Document */

/*------------------fonts-------------------------------------*/
@font-face {
    font-family: 'Sablon_Up_Regular';
    src: url('fonts/Sablon_Up_Regular.eot');
    src: url('fonts/Sablon_Up_Regular.eot') format('embedded-opentype'),
         url('fonts/Sablon_Up_Regular.woff2') format('woff2'),
         url('fonts/Sablon_Up_Regular.woff') format('woff'),
         url('fonts/Sablon_Up_Regular.ttf') format('truetype'),
         url('fonts/Sablon_Up_Regular.svg#Sablon_Up_Regular') format('svg');
}
@font-face {
    font-family: 'Sablon_Up_College';
    src: url('fonts/Sablon_Up_College.eot');
    src: url('fonts/Sablon_Up_College.eot') format('embedded-opentype'),
         url('fonts/Sablon_Up_College.woff2') format('woff2'),
         url('fonts/Sablon_Up_College.woff') format('woff'),
         url('fonts/Sablon_Up_College.ttf') format('truetype'),
         url('fonts/Sablon_Up_College.svg#Sablon_Up_College') format('svg');
}
@font-face {
    font-family: 'DINBekRegular';
    src: url('fonts/DINBekRegular.eot');
    src: url('fonts/DINBekRegular.eot') format('embedded-opentype'),
         url('fonts/DINBekRegular.woff2') format('woff2'),
         url('fonts/DINBekRegular.woff') format('woff'),
         url('fonts/DINBekRegular.ttf') format('truetype'),
         url('fonts/DINBekRegular.svg#DINBekRegular') format('svg');
}


/*-------------------------------------csss-----------------------------------------------*/
body{ padding:0px 0 0 0; background:url(images/body-black-pattrn.jpg) repeat; overflow-x:hidden; font-family: 'DINBekRegular';}
a:hover,a:focus{ text-decoration:none;}
h1{ font-size:30px; color:#FFFFFF; margin:0; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase;}
h4{ font-size:16px; color:#FFFFFF; margin:0; ont-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:500;}
h5{ font-size:17px; color:#FFFFFF; margin:0; font-family: 'Sablon_Up_Regular';}
p{ font-size:14px; color:#b0b0b0; margin:0 0 10px 0; font-family: 'DINBekRegular'; line-height:25px;}
.inline-block{ display:inline-block !important;}
.btn-danger{ box-shadow:none; border-radius:30px; border:0; background:url(images/btn-dender-bg.jpg) repeat-x #752222; padding:9px 26px;}
.color-white{ color:#FFF !important;}
.p0{ padding:0 !important;}
.p-t-10{ padding-top:10px !important; }
.p-t-20{ padding-top:20px !important; }
.p-t-30{ padding-top:30px !important; }
.p-t-40{ padding-top:40px !important; }
.p-t-50{ padding-top:50px !important; }
.p-t-60{ padding-top:60px !important; }
.p-t-70{ padding-top:70px !important; }
.p-t-80{ padding-top:80px !important; }

.m-r-6{ margin-right:6px !important; }


.p-b-10{ padding-bottom:10px !important; }
.p-b-20{ padding-bottom:20px !important; }
.p-b-30{ padding-bottom:30px !important; }
.p-b-40{ padding-bottom:40px !important; }
.p-b-50{ padding-bottom:50px !important; }

.m0{ margin:0 !important;}
.m-t-10{ margin-top:10px !important; }
.m-t-20{ margin-top:20px !important; }
.m-t-30{ margin-top:30px !important; }
.m-t-40{ margin-top:40px !important; }
.m-t-50{ margin-top:50px !important; }
.m-t-80{ margin-top:80px !important; }

.m-b-10{ margin-bottom:10px !important; }
.m-b-20{ margin-bottom:20px !important; }
.m-b-30{ margin-bottom:30px !important; }
.m-b-40{ margin-bottom:40px !important; }
.m-b-50{ margin-bottom:50px !important; }

.spaser-50{ height:50px;}
.spaser-60{ height:60px;}
.spaser-70{ height:70px;}
.spaser-80{ height:80px;}
.spaser-90{ height:90px;}
.spaser-100{ height:100px;}
.spaser-110{ height:110px;}
.spaser-120{ height:120px;}
.spaser-130{ height:130px;}
.spaser-140{ height:140px;}
.spaser-150{ height:150px;}

/*-------------------------------------csss-----------------------------------------------*/
/*-----------header----------------------------------*/
.social{ position:relative; padding:0 0 0 2px; top:3px;}
.social i{ color:#FFFFFF; margin:0 0px 0 10px; }
.social i:hover{ color:#641515; }
/* navbar */
.navbar  { margin-bottom:0; min-height:20px;}
.navbar-default {
   background:none; 
    border-color:none;
	border:0;
	border-radius:0px;
	text-shadow:none;
	box-shadow:none;
	margin-bottom:0;
	text-shadow:none;
	font-family: 'Open Sans', sans-serif;
	font-size:15px; z-index:1000 !important; 
	
}
.navbar-default .container{ background:url(images/menu-bg.jpg) repeat; z-index:100; }
.navbar-default .container:before{ position:absolute; width:33%; z-index:0; content:""; display:block; left:0; top:0; height:100%; background:url(images/menu-bg.jpg) repeat; }
.cornercarv{ background:url(images/menu-bg.jpg) repeat; float:right; position:relative; top:0; margin-right:-42px; height:68px; width:44px; margin-top:-68px;-moz-transform: skew(-16deg);
	-webkit-transform: skew(-16deg);
	-o-transform: skew(-16deg);
	-ms-transform: skew(-16deg);
	transform: skew(-16deg); }
/* title */
.navbar-default .navbar-brand {
position:relative; top:-70px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  
}
.navbar-default .navbar-nav > li { margin:0; padding:0 0px; -moz-transform: skew(-16deg);
	-webkit-transform: skew(-16deg);
	-o-transform: skew(-16deg);
	-ms-transform: skew(-16deg);
	transform: skew(-16deg); border-right:1px solid #000000;
}
.navbar-default .navbar-nav > li:last-child{ border-right:none;}

/* link */
.navbar-default .navbar-nav > li > a {
    color:#FFF; padding:24px 12px;  letter-spacing:0px; border-radius:0px; text-shadow:none; font-weight:700;  text-transform:uppercase; 
	
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
	background:url(images/nav-hover.png) repeat;
	box-shadow:none;


}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
	background:url(images/nav-hover.png) repeat;
	box-shadow:none;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFF;
	background:url(images/nav-hover.png) repeat;
	box-shadow:none;

}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

/*------------dropdown-----------*/
.dropdown-menu {
background:url(images/nav-hover.png) repeat;
 border-radius:0px !important;
 padding:0; border:0;
box-shadow:none;  margin-top:0;  font-family: 'Open Sans', sans-serif; 

}
.dropdown-menu li {
 border-bottom:none; display:block; border-bottom:1px solid #000000;
}
.dropdown-menu li a {
color:#FFFFFF;
padding:6px 10px;
font-size:15px; font-weight:700;  border-radius:0px;
}
.dropdown-menu li a:hover , .dropdown-menu li a:focus , .dropdown-menu li a:active{
	background:none;
	color:#000000;

	}

.navbar-toggle {
  background-color: none;
  border: none !important;
  border-radius: 0px; background:none !important; margin:7px 5px 0 0;
}
.navbar-toggle:focus , .navbar-toggle:hover  {
  background-color: none !important;
 border: 1px solid #52ac33 ;
  border-radius: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:#FFF;
  height: 3px; width:36px;  border-radius: 0px; 
}
.navbar-collapse{   border-top:none; box-shadow: none;}
/****---end-nav----*/
/*------------end-header-------------------*/


/*-----------body----------------------------------*/
section{ position:relative; background:url(images/amrican-flug.png) no-repeat top center; }

/*----banner---*/
.banner{ position:relative;}
.banner .slider-text{ position:absolute; bottom:0; z-index:100; height:100px; display:block; width:100%;}

/*-----mainlayout-------*/
.mainlayout{ position:relative;}
.box{ position:relative; background:url(images/menu-bg.jpg) repeat;}
.box .top-border{ background: #8e1212; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGUxMjEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3MGIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #8e1212 0%, #770b0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8e1212), color-stop(100%,#770b0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #8e1212 0%,#770b0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #8e1212 0%,#770b0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #8e1212 0%,#770b0b 100%); /* IE10+ */
background: linear-gradient(135deg, #8e1212 0%,#770b0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e1212', endColorstr='#770b0b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ height:8px; display:block;}
.box:hover{  -webkit-box-shadow: inset 0 0 30px 15px #383838;
    -moz-box-shadow: inset 0 0 30px 15px #383838;
    box-shadow: inset 0 0 30px 15px #383838;

    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;}

.box.welcome{ padding:30px;}
.box.welcome:hover{  -webkit-box-shadow: none;
    -moz-box-shadow: inone;
    box-shadow: none;
	-webkit-transition: 0ms linear 0s;
    -moz-transition: 0ms linear 0s;
    -o-transition: 0ms linear 0s;
    transition: 0ms linear 0s;
	}
.box.welcome h1{ font-size:30px;}
.box.welcome h1 strong{ font-size:66px; font-weight:normal; font-family: 'Sablon_Up_College';}
.box.welcome .media-body{ padding-left:16px;}
.box.welcome .media-left img{ border:1px solid #FFFFFF;}

/*--news---*/
.box.news{ padding:30px 25px 44px 25px; background:url(images/news-bg.jpg) repeat;}
.box.news .border-top{ position:absolute; top:0; width:100%; background:#4f0303; height:6px; left:0;}
.box.news .border-top.bottom{ top:auto; bottom:0;}
.box.news .border-top .span1{ position:relative; float:left; width:20%; background:#8e1212; height:6px;}
.box.news .border-top .span2{ position:relative; float:left; width:20%; background:#7f0d0d; height:6px;}
.box.news .border-top .span3{ position:relative; float:left; width:20%; background:#6a0909; height:6px;}
.box.news .border-top .span4{ position:relative; float:left; width:20%; background:#5c0505; height:6px;}

.box.news .media-left{ background:url(images/news-badge.png) no-repeat top center; padding:10px 24px; text-align:center;  }
.box.news .media-left h4{  position:relative; margin:0 -20px;}
.box.news .media-left p{ color:#FFFFFF;}
.box.news .media-body{ padding-left:20px;}

/*------------------------sponsor--------------------*/
.sponsor{ position:relative;}
.sponsor .logos-area{ position:relative; background:url(images/raster-effect.png) no-repeat top center; border-top:1px solid #212121; min-height:400px; }

/*-------contact--------*/
.mainlayout .contact{ position:relative;}
.mainlayout .contact .form-control{ min-height:42px; border:0; box-shadow:none; border-radius:0; }
.mainlayout .contact .form-control::-moz-placeholder{ color:#0E0C0C; }

/*---------hitman--------*/
.mainlayout .hitman{ position:relative;}
.mainlayout .hitman .media{ position:relative; border:1px solid #323232; background:#212121; padding:20px;}
.mainlayout .hitman .media .media-left img{ border:4px solid #FFF; outline:1px solid #FFF; outline-offset:-10px;}
.mainlayout .hitman .media .media-body{ padding-left:15px;}

/*------pic-and-vid----*/
.grid {position: relative;}
.grid figure {position: relative;overflow: hidden; margin-bottom:30px;}
.grid figure figcaption { display:none;}
.grid figure:hover figcaption {padding:0; display:block;  position:absolute; z-index:100;  top:45%; right:auto; bottom:auto; margin:0; text-align:center; width:100%; }
.grid figure:hover figcaption h4{ color:#FFFFFF; font-size:18px; font-family: 'Lato', sans-serif; font-style:italic;}
.grid figure:hover figcaption i{ color:#FFF;}

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #ff7e00 0%,#141414 100%);
	background: linear-gradient(-45deg, #141414 0%,#141414 100%); border:8px solid #FFF;
}

figure.effect-duke img {
	-webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
	transition: opacity 0.95s, transform 0.95s;
}

figure.effect-duke:hover img {
	opacity: 0.1;
	-webkit-transform: scale3d(1.2,1.2,1.1);
	transform: scale3d(1.2,1.2,1.1);
}
/*------------end-body-------------------*/


/*-----------footer----------------------------------*/
footer{ position:relative;}
footer .container{ position:relative; background:url(images/menu-bg.jpg) repeat; padding-top:25px; padding-bottom:6px; z-index:100;} 
footer .container:before{ background:url(images/menu-bg.jpg) repeat;  position:absolute; top:0; left:-25px;  margin-top:0px; content:""; display:block; width:35px; z-index:1000; height:100%; -moz-transform: skew(16deg);
	-webkit-transform: skew(16deg);
	-o-transform: skew(16deg);
	-ms-transform: skew(16deg);
	transform: skew(16deg);} 
footer .footer-right{ width:33%; background:url(images/menu-bg.jpg) repeat; position:absolute; right:0; top:0; height:100%; display:block; z-index:0;}
/*------------end-footer-------------------*/

iframe,
          embed,
          object {
           width: 100%;
          }