html, body{
 font-family: 'Raleway', sans-serif;
 font-size: 100%;
 background: #FFf;
}
body {
  margin: 0;
}
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul, li
{
    list-style:none;
}
h1,h2,h3,h4,h5,h6{margin:0;}	
p{ margin:0; line-height:22px; font-size:14px;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 85%;
}
.header-top { background: #fff;}
.topbar{background-color:#e31e24; color:#FFF; padding:5px 0px 5px 0px; }
.headertop_left {float:left; padding:6px 0;}
.headertop_left ul{ padding:0; margin:0; list-style:none;}
.headertop_left li{ display:inline; font-size:0.95em; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.28);font-family:'Open Sans', sans-serif;}
.headertop_left li a
{
	margin:0 5px;
	color:#fff;
	transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
}
.header-top-right{ float:right; padding:2px 0;}
.header-top-right ul{ padding:0; margin:0; list-style:none;}
.header-top-right li{display:inline; font-size:0.95em;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.28);font-family:'Open Sans', sans-serif;
}
.header-top-right li a{
	margin:0 5px;
	color:#fff;
	transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    vertical-align: central;
}

.header-top-right img
{
 width:25px;
 height: auto;
}
.head-nav
{
 padding: 0em 0;
 padding-bottom: 12px;
 position: relative;
}
.coll
{
    width:100%;
    padding-bottom: 10em;
}
.coll_1
{
   text-align:left;
   float:left;
   width:50%;
}
.coll_2
{
   float:right;
   width:50%;
   
}
.coll_2 img
{
    text-align:right;
    float:right;
}
.navi {display:none;}
.top-menu {
  position: absolute;
  top: 30%;
  z-index: 999;
  margin:0px;
  left:5%;
  /*background:blue;*/
  }
.top-menu ul li{
	display: inline-block;
	margin: 0;
	color: #fff;
	float: left;
	vertical-align: top;
        border-right: 1px ridge black;
}
nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1em;
}
nav a:hover,
nav a:focus {
	outline: none;
}
.top-menu ul li a{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  padding: 20px 30px 20px 30px;
  font-weight: 400;
  background:#2b2a29;
}
.top-menu ul li:nth-child(7) {
 border:none;
}
.top-menu ul li a:hover,.top-menu ul li a.active{
  background:#e31e24;
}

@media all and (max-width: 1290px) 
{
  .top-menu ul li a   {padding: 20px 28px 20px 28px;}
}
@media all and (max-width: 1250px) 
{
  .top-menu ul li a   {padding: 20px 26px 20px 26px;}
}
@media all and (max-width: 1210px) 
{
  .top-menu ul li a   {padding: 20px 23px 20px 23px;}
  .top-menu { left:3%;}
}
@media all and (max-width: 1130px) 
{
  .top-menu ul li a {padding: 20px 20px 20px 20px;}
  .top-menu { left:3%;}
}
@media all and (max-width: 1070px) 
{
  .top-menu { left:0%;}
}
@media all and (max-width: 1040px) 
{
  .top-menu ul li a {padding: 18px 16px 18px 16px;}
}
@media all and (max-width: 980px) 
{
  .container {width: 100%;}
  
}
@media all and (max-width: 820px) 
{
 .top-menu ul li a {padding: 17px 15px 17px 14px;}
}
@media (max-width:800px){
	span.menu{
	  width: 35px;
	  height: 35px;
	  background: url(../images/nav.png)no-repeat 0px 0px;
	  display: inline-block;
	  cursor: pointer;
	  position: absolute;
	  right: 3%;
	  top: 25%;
      }
    .navi {display:block;background:#e31e24; padding:15px 0 15px 0}
    .navi p {color:#fff; font-size:18px; margin-left:10px;}
	.top-menu{
		width:100%;
		display: none;
		text-align: center;
		margin-top: 6px;
		z-index:9999;
                margin-left:-25px;
                
	}
	.span_2 {
	  margin-top: 2em;
	}
	.top-menu ul{
		float:none;
		width:100%;
	}
	.top-menu ul li{
		display:block;
		float: left;
		border:none;
                width:100%;
        }
        .top-menu ul li a {
	  font-size: 0.9em;
	  padding: 0.8em 3.35em 0.9em 3.34em;
	  display: block;
	}
        a.social{display:none;}
}
 
@media (max-width:800px){
    .coll_1 img{width:280px;height:auto;}
    .coll_2 img{width:120px;height:auto;}
    .break{ display:block;}
    .headertop_left li a { margin:0; font-size:14px;}
    .topbar{padding:0px 0px 0px 0px; }
    span.menu{top: 20%;}      
    }
    @media (max-width:450px){
    .coll_1 img{width:200px;height:auto;}
    .coll_2 img{width:100px;height:auto;}