.body-wrapper { width: 100%; margin: 0; padding: 0; float: left; z-index: 9999; position: relative; height: auto; }

body { font-family: 'Open Sans',sans-serif; font-size:12px;}
.hmbody { background:#334a52;}
.abtbody { background:#cfcfcf;}
.abt-inbody { background:#697a81;}
.contact-body { background:#000;}
.exel-body { background:#bc9a6c;}
.exel-inbody { background:#676d61;}
.cust-body { background:#4b3e35;}
.cust-inbody  { background:#343f41;}
.eventbody  { background:#000;}
.ourrange-body  { background:#47403a;}
.ourrange-inbody  { background:#334046;}
.products-body  { background:#464646;}
.products-inbody  { background:#334046;}
.quality-body  { background:#000000;}
.quality-inbody  { background:#15262d;}


@font-face {
    font-family: 'gauntlet_classicregular';
    src: url('../fonts/gauntletclassic_tb-webfont.eot');
    src: url('../fonts/gauntletclassic_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gauntletclassic_tb-webfont.woff') format('woff'),
         url('../fonts/gauntletclassic_tb-webfont.ttf') format('truetype'),
         url('../fonts/gauntletclassic_tb-webfont.svg#gauntlet_classicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gauntlet_thinregular';
    src: url('../fonts/gauntletthin_tb-webfont.eot');
    src: url('../fonts/gauntletthin_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gauntletthin_tb-webfont.woff') format('woff'),
         url('../fonts/gauntletthin_tb-webfont.ttf') format('truetype'),
         url('../fonts/gauntletthin_tb-webfont.svg#gauntlet_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'avant_garde_condensed_bqroman';
    src: url('../fonts/avant_garde_gothic_condensed_demibold_0-webfont.eot');
    src: url('../fonts/avant_garde_gothic_condensed_demibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avant_garde_gothic_condensed_demibold_0-webfont.woff') format('woff'),
         url('../fonts/avant_garde_gothic_condensed_demibold_0-webfont.ttf') format('truetype'),
         url('../fonts/avant_garde_gothic_condensed_demibold_0-webfont.svg#avant_garde_condensed_bqroman') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde_lt_mediumregular';
    src: url('../fonts/itc_avant_garde_gothic_lt_medium_2-webfont.eot');
    src: url('../fonts/itc_avant_garde_gothic_lt_medium_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itc_avant_garde_gothic_lt_medium_2-webfont.woff') format('woff'),
         url('../fonts/itc_avant_garde_gothic_lt_medium_2-webfont.ttf') format('truetype'),
         url('../fonts/itc_avant_garde_gothic_lt_medium_2-webfont.svg#avantgarde_lt_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*------------------------------------------------------------------*/ 
/*	1) HEADER & NAV
/*------------------------------------------------------------------*/
#header { width: 100%; background:#fff; float: left; border-top: 4px solid #243F49;/* position: relative;*/ height:auto;z-index: 99999999; }
#nav { margin-left: 20px; float: left; }
#nav a { font-family: 'Open Sans',sans-serif; font-size: 14px; text-transform: uppercase; color:#000; }
.menu-toggle { width: auto; float: left; display: none; }
.menu-toggle a { background: #243F49 url(../images/togge-menu.png) no-repeat center; width: 42px; height: 42px; display: block; margin: 15px 0 0 0; /* Для Firefox */ /* Параметры тени */ -webkit-transition: background-color 0.4s ease-in; -moz-transition: background-color 0.4s ease-in; -o-transition: background-color 0.4s ease-in; transition: background-color 0.4s ease-in;}
.menu-toggle a:hover { background-color: #666; }
.menu-device { width: 100%; float: left; clear: both; display: none; position: relative; z-index: 9999999; background:#243F49; padding:10px;}
.menuopen { display: block; }


.menu-device li { list-style:none;}
.menu-device li a { color:#C5C5C5; text-transform: uppercase; text-decoration:none;}
.menu-device li a:hover { color:#fff;}
.menu-device ul { list-style-type: none; padding: 0; text-transform: uppercase; font-weight: normal; margin: 10px 10px 0 10px; }
.menu-device ul > li { height: auto; border-bottom: 1px solid #2d4c57; margin: 0 0 10px; }
.menu-device ul li a { text-decoration: none; display: block; padding: 0 0 10px; color: #c5c5c5; position: relative; font-family: 'Open Sans',sans-serif;}
.menu-device ul li a:hover { color: #fff; }
.menu-device ul li:nth-last-child(1) { border-bottom: none; margin-bottom: 0; }
.menu-device ul ul { margin: 0; }
.menu-device ul ul li { margin: 0 0 10px 20px; }
.menu-device ul ul li:nth-last-child(1) { margin-bottom: 0; }
/*------------------------------------------------------------------*/ 
/*	2) CONTENT
/*------------------------------------------------------------------*/
.contactcircle { position: absolute; width:100%; top:230px; }
.contactcircle p { color: #FFF; padding: 0 0 0 30px; font-size: 14px; }
.contactcircle p a:hover { color: #666; }
.wrapper { width: 1120px; padding: 0; margin:0px auto; position:relative;}
/*------------------------------------------------------------------*/ 
/*	10) FOOTER
/*------------------------------------------------------------------*/
#footer { height: 30px; width: 100%; position: fixed; bottom: 0; background:#000; z-index: 6; }
p.copyright { color: #b6b6b6; margin: 5px 0 0 20px; float: left; font-size: 12px; }
p.copyright a { text-decoration:none; color:#fff;}
p.copyright a:hover { color: #b6b6b6; }
ul.social { float: left; list-style-type: none; margin: 0 0 0 30px; font-family: 'PT Sans', Arial, sans-serif; font-size: 12px; }
ul.social li { float: left; color: #b6b6b6; margin: 5px 5px 0 0; }
ul.social li a { width: 14px; height: 14px; background: url(../images/social.png) no-repeat left top; display: block; }
ul.social li a { margin: 3px 0 0 10px; }
ul.social li.drible a { background-position: -20px 0px; }
ul.social li.twitter a { background-position: -44px 0px; }
ul.social li.flickr a { background-position: -68px 0px; }
ul.social li.google a { background-position: -92px 0px; }
ul.social li.facebook a:hover { background-position: 0px -14px; }
ul.social li.drible a:hover { background-position: -20px -14px; }
ul.social li.twitter a:hover { background-position: -44px -14px; }
ul.social li.flickr a:hover { background-position: -68px -14px; }
ul.social li.google a:hover { background-position: -92px -14px; }


.clear { clear:both;}
.title-home {
    color: #FFFFFF;
    float: left;
    font-family: 'avantgarde_lt_mediumregular';
    font-size: 24px;
    letter-spacing: 5px;
    
    text-align: center;
    text-transform: uppercase;z-index:30;
    width: 100%; float: left; margin-bottom:30px;
    word-spacing: 30px;
}
.navigat-language {
    margin: 0 auto;
    width: 330px;
}
.navigat-language ul {
    margin: 0;
    padding: 0;
}
.navigat-language ul li {
    float: left;
    list-style: none outside none;
    margin: 0 10px;
    padding: 0;
}
.navigat-language ul li a {
    color: #FFFFFF;
    font-family: 'avantgarde_lt_mediumregular';
    font-size: 12px;
    text-decoration: none;
}
.navigat-language ul li a:hover {
    color: #B7D9FF;
}


/*-------------------*/
.hm-pager { float: left; width:100%; position:relative;}
.hm-pager  img { float: left; z-index:0; width:100%;height:auto;
    position: fixed;

}

.logo {
    float: right;
    position: absolute;
    right:0;
    top: 65px; z-index:30;
}
.logo a {
    padding: 0;
    text-decoration: none;
}

.logo a img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    vertical-align: middle;
}



/*---------------------------*/
.main-title {
    color: #000000;
    font-family: 'gauntlet_thinregular';
    font-size: 30px;
    margin-bottom:25px; position:absolute;
    margin-top:400px; padding-left:25px;
}
.main-title span {
    float: left;padding-top: 7px;
}
.main-title a {
    color: #000000;
    text-decoration: none;
}
.main-title a img {
    height: 50px;
    padding-top: 0;
    width: 28px;
}


/*-----------------------*/
.main-title-wht {
    color: #fff;
    font-family: 'gauntlet_thinregular';
    font-size: 30px;
    margin-bottom:25px; position:absolute;
    margin-top:400px; padding-left:25px;
}
.main-title-wht span {
    float: left;padding-top: 7px;
}
.main-title-wht a {
    color: #fff;
    text-decoration: none;
}
.main-title-wht a img {
    height: 50px;
    padding-top: 0;
    width: 28px;
}


.contentbox {
    color: #FFFFFF;
    float: left;
    padding: 10px;
    width: 600px; position:absolute;
}
.contend-col1 p { padding-bottom:18px; text-align:left;}

.exel-titler-sub {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
.linker-p {
    color: #FFFFFF;
    float: right;
    text-decoration: none;
}
.contend-col1 {
    float: left;
    margin-right: 40px;
    width: 270px;
}
.bigi {
    float: left;
    font-size: 60px;
    margin: -16px 5px 0 0;
}
.mr0 {
    margin-right: 0 !important;
}
.linker-back-exel {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    margin-bottom: 25px;
    padding-top:60px;
    text-decoration: none;
    text-transform: uppercase;
}
.linker-back-exel:hover {
    color: #B7D9FF;
}

.contentbox h2 {
    color: #FFFFFF;
    font-family: 'avantgarde_lt_mediumregular';
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
.contentbox p { padding-bottom:18px;}

.contentbox a {
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
}
.contentbox a:hover {
    color: #B7D9FF;
}
.contentbox h3  {
    color: #FFFFFF;
    font-family: 'avantgarde_lt_mediumregular';
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px;
}
.ul-asu-col125 {
    float: left;
    margin: 0 20px 25px 0;
    padding: 0 0 0 15px;
    width: 125px;
}
.ul-asu-col125 li {
    line-height: 18px;
    list-style-type: disc;
}



.col-cust-ul {
    float: left;
    margin: 0;
    padding: 0 0 0 15px; margin-bottom:25px;
}
.col-cust-ul li {
    line-height: 18px;
    list-style-type: disc;
}

.four-ct-title {
    color: #FFFFFF;
    font-family: 'gauntlet_thinregular';
    font-size: 30px;
    margin-bottom: 15px; padding-left:25px;
    margin-top: 70px;
}



/*------------------*/
.col-contact { padding:10px; width:100%;  margin-bottom: 130px; float: left;}
.subtitler {
    float: left;
    width: 100%;
}

.subtitler h3 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 20px;
    text-decoration: none;
    text-transform: uppercase;
}

form#contact_form {
    margin: 0;
}

form#contact_form .form-row {
    padding: 0 0 2%;
    position: relative;
}
form#contact_form input[type="text"], form#contact_form textarea {
    background:#fff;
    border: 1px solid #243F49;
    color: #333;
    font-size: 12px;
    padding: 8px 5px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width:100%;
}
form#contact_form input[type="text"]:focus, form#contact_form textarea:focus {
    border-color: #B7D9FF;
    color: #333333;
    outline: 0 none;
}
form#contact_form textarea {
    height: 100px;
}
form#contact_form input[type="submit"] {
    background-color: #B7D9FF;
    border: medium none;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: 0 10px 10px 0;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
form#contact_form input[type="submit"]:hover {
    background-color: #ccc;
    color: #000;
}
form#contact_form .form-row {
    padding: 0 0 2%;
    position: relative;
}
form#contact_form .form-row.wdh100 {
    width: 101%;
}
form#contact_form label {
    cursor: default;
    float: left;
    font-weight: normal;
    padding: 5px 0 3px;
    width: 100px;
}
.col-contact-480 p { color:#fff; padding-bottom:18px;}
.col220-bx { width:220px; margin-right:20px;float: left;}
.contact-map {
    background-color: #FFFFFF;
    padding: 4px; margin-bottom:30px; margin-bottom: 80px;
    padding: 4px;
    width: 100%; float: left;
}
.col220-bx p a { color:#B7D9FF; text-decoration:none;}
.col220-bx p a:hover { color:#fff; text-decoration:none;}

.col-contact-480 { float: left; width:480px; margin-right:30px;}


/*-----------*/
.col-event-row { float: left; width:100%; padding:10px;}
.abt-rw {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}
.n-titler {
    font-size: 16px;
    font-weight: normal;
}
.abt-rw:last-child { margin-bottom:50px;}
.contend-col1:last-child { margin-bottom:70px;}
.abt-rw p { padding-bottom:18px; color:#FFF;}
.n-titler a { color:#fff; font-size:16px; text-decoration:none;}
.abt-rw p a { color:#B7D9FF; text-decoration:none; }
 .abt-rw p a:hover  {color: #fff;}
.n-titler a:hover {color: #B7D9FF;}
.n-date {
    color: #B7D9FF;
    font-size: 11px;
}



.linker-next {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    margin-bottom:150px;
    padding-top: 30px;
    text-decoration: none;
    text-transform: uppercase;
}
.linker-next:hover {
    color: #B7D9FF;
}