/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


@main_color:#141413;
@second_color:#9a9e97;
@third_color:#141413;
@light_main_color:#666;

@white:#fff;
@black:#000;
@gray:#E2E2E2;
@red:#D2322D;





/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/fonts/lato/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/fonts/lato/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/lato/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/lato/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/lato/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/lato/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/fonts/lato/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/fonts/lato/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(/fonts/lato/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(/fonts/lato/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/fonts/lato/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/fonts/lato/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/fonts/lato/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/fonts/lato/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(/fonts/lato/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(/fonts/lato/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.padding_zero{padding:0;}

.white{color:@white;}

.error{color:@red; padding-top:10px;}

html,
body {
   color: @main_color;
   height: 100%;
   font-size:12px;
   font-family:"Lato", Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
   -webkit-text-size-adjust: none;
   background:none;
}

.fullsize_container{width:100%; background:#ffffff; padding-left:10px; padding-right:10px}
.container{padding:0;margin-top:0px;}
.container_960{max-width:960px;margin:0 auto;}
.container_1280{max-width:1280px; padding:0;margin:0 auto;}
.container_1920{max-width:1920px; padding:0;margin:0 auto;}
.container_1440{max-width:1440px; padding:0;margin:0 auto;}


h1{font-size:32px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}
h2{font-size:28px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}
h3{font-size:24px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}
h4{font-size:20px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}
h5{font-size:16px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}
h6{font-size:12px;font-weight:bold; text-transform:uppercase;line-height:1.2; font-family: Arial, "Microsoft YaHei", "YouYuan", Helvetica, NSimSun, Hiragino Sans GB, Arial, sans-serif; margin:0;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

a{color:@second_color;text-decoration:none;}
a:hover{color:@main_color;text-decoration:none;}

.img-responsive{height:auto;max-width:100%}

#scrollUp {bottom: 20px;right: 20px;height: 38px;  /* Height of image */width: 38px; /* Width of image */background: url("/img/top.png") no-repeat;}

/*-------------------------------------------------- */
.pagination .active a{background:@black; border:@black 1px solid}
.pagination .active a:hover{background:@black; border:@black 1px solid}
/*-------------------------------------------------- */

.gallery_td{padding:0 5px 20px 5px;}

.gallery_files_td{padding:0 0 3px 10px}

.gallery_files_td ul li{background:url(/img/download.png) left center no-repeat;padding:3px 0 3px 30px;list-style:none;width:90%}

.gallery_files_td ul li a {text-decoration:none}

.gallery_files_td ul li a:hover{color:#333;text-decoration:underline}

.faq_td{padding:0 0 3px 10px}

.faq_td ul li{padding:3px 0 3px 5px;width:90%}

.faq_td ul li a {text-decoration:none}

.faq_td ul li a:hover{text-decoration:none}

.faq_answer{color:#666}

.black_link a{color:@black}
.black_link a:hover{color:#E53800}

a{color:@main_color;}
a:hover{color:@second_color;}

/*-------------------------------------------------- */
.clear{clear:both;}
.test{outline:1px red solid;}

.img_thumbnail{max-width:250px;}
.box_border{border:4px solid #fb7739;}
.box_border_small{border:2px solid #fb7739;}
.rounded-corners {-moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.lang_on{color:@white !important;}
.lang_on:hover{color:@second_color !important;}
.lang_off{color:@second_color !important;}
.lang_off:hover{color:@white !important;}

.img_border_content a{border:2px solid #666; margin-right:20px;}
.img_border_content a:hover{border:2px solid #E53800; margin-right:20px; background:#E53800;}

.img_border_content_on a{border:2px solid #E53800; margin-right:20px;background:#E53800;}
.img_border_content a:hover{border:2px solid #E53800; margin-right:20px;background:#E53800;}

.div_product_add_to_cart a{color:@white; letter-spacing:3px; }
.div_product_add_to_cart_sold_out{background:#999; letter-spacing:3px;}

.promotion_countdown{font-size:15px; margin-top:20px;}
.margin_top_20{margin-top:20px;}
.margin_top_10{margin-bottom:10px;}
.margin_bottom_20{margin-bottom:20px;}
.margin_bottom_10{margin-bottom:10px;}

.margin_left_right_fifteen{margin:0 35px;}

.change_quantity_input{ height:20px; line-height:1.5; padding:1px !important; font-size:11px; max-width:40px}

.red_well{background:url(../img/nav_bg.jpg) top left repeat-x; color:@white;}
.home_well{font-size:16px;}

.top_content_span{display:show;}
.top_phone_icon_span{display:none;}

#logo_main{width: 505px;}
#phone_main{width: 505px;}

.self_clear:after{content: ""; display: table; clear: both;}
.contact_us_single_style_img{float:left; width:30px; margin-right:15px;}
.contact_us_single_style_content{float:left;line-height:30px; font-size:12px;}

.margin_bottom_15{ margin-bottom:15px;}

.top_normal_div{position: fixed; top:0; z-index:999; width:100%; margin:0 auto; background:#fff;}

.normal_size_box{display:block; position: relative; top:0; width:100%; z-index:500; padding:0 5px;}
.mobile_size_box{display:none;}
.top_social_media_box{ position:relative; z-index:999; top:-60px; margin-bottom:-60px;}

.top_div_box{display:block; margin:0 auto; padding:40px 0;  max-width:600px;}
.top_div_box_mobile{display:none;}

.slider_box{ position:relative;}

/*NAV start-------------------------------------------------- */
.nav_container{display:none;}
.navbar{margin-top:0;margin-bottom:0px; border-radius: 0px;min-height:0; float:none; }
.navbar_inner{margin-top:0;margin-bottom:0px; border-radius: 0px;min-height:0; float:none;}
.navbar-inverse{background:none; border:none; padding:0;}
.navbar-inverse .navbar-text{color:@white;}
.navbar-inverse .navbar-nav>li>a{color:@white;font-size:12px;}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:@second_color;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:@main_color;background:none; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:none; color:@second_color;}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:@main_color;}
.navbar-inverse a{font-size:12px;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a{box-shadow:none;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: @white;}
.toggle_font_span{color:@white;}
.navbar-inverse .navbar-nav > .active > a:focus{color:@main_color;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{text-shadow:none;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu{background:none; border:2px solid @main_color;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{background:none; color:@white;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a{border-radius:0px;padding-left:6px; padding-bottom:3px;margin:0;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 9px 10px 12px !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:@second_color; background:none;}
.navbar-nav > li > .dropdown-menu{border-radius:0px;margin-top:0;}
.navbar-toggle::before{font-family:none;content:none;}
.navbar-collapse{padding:0;}

.navbar-nav > li > a{padding-left:10px;padding-right:40px;}
.navbar-nav > li:first-child > a{padding-left:0px;}
.navbar-nav > li:last-child > a{padding-right:0px;}

.navbar-inverse .navbar-nav > li > a{font-weight: 400; font-style: normal; }

.homepage_section_div_title{font-size:38px;text-align:center; text-transform:uppercase; font-weight:bold; color:@main_color; padding-bottom:10px}
.homepage_section_div_title_border{height:5px; background:@second_color; max-width:200px; margin:0 auto;}
.homepage_section_div_sub_title{font-size:12px;text-align:center; margin:0 auto; margin-top:25px; color:@light_main_color; max-width:600px;}
.homepage_section_div_content{font-size:14px; line-height:1.5; color:@main_color;margin-top:30px;}

.flexslider {margin: 0; padding: 0; position:relative;z-index:100;}

.bg_video{
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}


/*NAV end-------------------------------------------------- */

.search_box{ padding:0 3px; width:280px; margin-top:5px; float:right}
#search_sale_keyword{width:250px; height:30px; font-size:12px; line-height:1.5; padding:0 5px; border:0}
#search_sale_button{width:14px; height:14px; line-height:1.5;border:0}

.div_language_option{width:190px;text-align:right; height:68px; line-height:68px; float:right; color:@white}
.div_language_option a{color:@white; text-decoration:none;}
.div_language_option a:hover{color:@second_color;text-decoration:none;}

.form_div{max-width:700px; margin:0 auto;}
input[type="radio"]{width:20px; margin:0}
.radio_txt{ height:38px; line-height:38px; margin-left:200px;}

.select_box{border:2px solid #e9e6e6; -moz-border-radius: 2px;-webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color:#e9e6e6}
.btn-group_header{border-left:@white solid 1px;border-right:@white solid 1px; margin-bottom:10px; width:250px;  font-size:12px;}

.second_line{padding-left:20px;}

/*########################################################*/
/*  sublevel default css start  */
/*########################################################*/

.sublevel_default a{color:@main_color; text-decoration:none; font-size:16px; font-weight:bold;}
.sublevel_default a:hover{color:@second_color;}
/*------------------top--------------------------*/
.sublevel_default .sublevel_top_title{margin-top:10px;font-size:16px}
.sublevel_default .sublevel_top_subname{margin-top:0px; font-size:12px}
.sublevel_default .sublevel_top_content{color:@light_main_color;margin-top:10px;}
.sublevel_default .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default .media-object{max-width:64px;}

/*########################################################*/
/*  sublevel default css end  */
/*########################################################*/




/*########################################################*/
/*  sublevel default homepage css start  */
/*########################################################*/

.sublevel_default_homepage{color:@second_color; padding-bottom:10px;}
.sublevel_default_homepage a{color:@white;}
.sublevel_default_homepage a:hover{color:@second_color;}

/*------------------top--------------------------*/
.sublevel_default_homepage .sublevel_top_title{margin-top:10px; font-size:16px}
.sublevel_default_homepage .sublevel_top_subname{margin-top:0px; font-size:12px;}
.sublevel_default_homepage .sublevel_top_content{color:@light_main_color;margin-top:10px;}
.sublevel_default_homepage .sublevel_top_full_div{padding-bottom:15px;}
/*------------------left--------------------------*/
.sublevel_default_homepage .media-object{max-width:64px;}
.sublevel_default_homepage .media-heading{font-size:16px;}

/*########################################################*/
/* sublevel default homepage css end   */
/*########################################################*/
.homepage_main_content_in_div_title a{ text-decoration:none;}

.fileUpload {position: relative;overflow: hidden;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

.button_width_full{width:98%;}

/*.grid{max-width:1920px; margin-top:30px;}*/

.grid {background:none;}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 33.33%;
  height: auto;
  background: none;
  margin-bottom:40px;
  margin-left:0;
  margin-right:0;
  border:none;
}

.grid-item:hover {
 opacity:0.7;
}

.grid-item-inner {
  width: 100%;
  background: none;
  margin-left:auto;
  margin-right:auto;
  padding:0 20px;
}

.grid-item-inner img {
  width: 100%;
}

.is-checked{background:#F8B53B;}

.grid_function_image img{-webkit-border-radius: 3px;border-radius: 3px;}
.grid_function_content_title{margin-top:5px;}
.grid_function_content_subname{margin-top:5px;}
.grid_function_content_intro{margin-top:5px;}
/*----------------------------------------------------------------------------------*/

 .tile-grid{
      display: flex;
      flex-wrap:wrap;
      justify-content:space-between;
      width:100%;
      margin:auto;
    }
   
	.tile-grid>div>a{
      width: 100%;
      display: block;
    }
    .tile-grid>div>img{
      width: 100%;
      display: block;
    }

    .tile-grid>div{
      position: relative;
    }

    .tile-grid .cell>div{
      position: absolute;
      top:0;
      left:0;
      background:none;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid .cell>div>a{
      position: absolute;
      top:0;
      left:0;
      background:#666;
	  opacity:0.2;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid .cell>div>a:hover{
	  opacity:0;
    }


    body:after {
        content: 'xl';
        display: none;
    }
	
	.d-container:first-child {
    margin-top: 0
}

.d-container {
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
    margin: 2em auto;
    padding: 2em 5%;
    width: 100%
}

.d-container:after {
    clear: both;
    content: "";
    display: table
}

.d-container>h1 {
    color: #333;
    font-size: 2em;
    line-height: 1.2;
    margin: 0 0 .5em;
    text-align: center
}
.d-flex-vertical {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 15em
}

.d-flex-vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    color: #333;
    padding: 2.5em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    border: 1px solid #ddd
}

/*----------------------------------------------------------------------------------*/


.homepage_form_searching_div_title{color:@second_color; margin-bottom:10px; text-transform:uppercase; font-size:34px; font-weight:bold;}
.homepage_form_searching_div_intro{color:#666; margin:0px auto 20px auto; max-width:550px; font-size:16px; }
.homepage_form_searching_div{ max-width:700px; margin:0px auto;}
.homepage_form_searching_div_full{padding:60px 0;}

.homepage_section_info_tab_title{font-weight:bold;}
.homepage_section_info_tab_inner{padding:10px 0;}
.homepage_section_info_tab_inner_single{padding:15px 0;	border-radius: 5px; border-bottom:1px dashed #efefef;transition: 0s background-color; -webkit-transition-timing-function: ease;transition-timing-function: ease-in;}
.homepage_section_info_tab_inner_single:hover{background-color:#f8f8f8;transition:0.5s;}
.homepage_section_info_tab_inner_single_content_name{padding-bottom:10px; font-size:14px; font-weight:bold;}
.homepage_section_info_tab_inner_single_content_name a{color:#333;}
.homepage_section_info_tab_inner_single_content_name a:hover{color:@second_color;}
.homepage_section_info_tab_inner_single_content_intro{font-size:12px}
.homepage_section_info_tab_inner_single_content_intro a{color:#333; }
.homepage_section_info_tab_inner_single_content_intro a:hover{color:@second_color;}


.section_feedback_single_div{padding:20px;}
.section_feedback_single_div_inner{border:1px solid #efefef;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
.section_feedback_single_div_inner:hover{-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.09);box-shadow: 0 0 1px 1px rgba(0,0,0,0.09);transition:0.2s;}
.section_feedback_single_div_top{padding-top:20px;padding-bottom:20px; color:#666;}
.section_feedback_single_div_img{padding-bottom:20px;}
.section_feedback_single_div_title{font-size:16px;padding-bottom:5px; font-weight:bold;}
.section_feedback_single_div_bottom{background:#efefef;padding:15px;}
.section_feedback_single_div_bottom_icon_audio{float:left;}
.section_feedback_single_div_bottom_icon_video{float:left;}
.section_feedback_single_div_bottom_date{float:right; line-height:25px;}

.top_language_bar{background:@second_color; padding:5px 0;}
.top_language_bar_inner{float: right;}

.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}



.btn-info {
  color: #ffffff;
  background-color: @second_color;
  border:1px solid @second_color;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: @main_color;
  border-color: @main_color;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}






.btn-warning {
  color: @white;
  background-color: @main_color;
  border:2px solid @white;
  font-size:14px;
}
.btn-warning:focus,
.btn-warning.focus {
  color: @white;
  background-color: @main_color;
  border-color: @main_color;
}
.btn-warning:hover {
  color: @white;
  background-color: @main_color;
  border-color: @main_color;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: @white;
  background-color: @main_color;
  border-color: @white;
}








.btn-success {
  color: @white;
  background:none;
  border:2px solid @white;
  margin-bottom:5px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: @main_color;
  background:@white;
  border-color: @white;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
  
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: @main_color;
  background-color: @white;
  border-color: @white;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background:@white;
  border-color: @white;
}

.is-checked{background:@white;color:@main_color;}



/*------------------------------------------------------------------------------------------------------------------------------*/

.not_homepage_content_div{padding-top:187px; padding-bottom:30px;}



.top_logo_div{float:left;}

.top_cp_div{background:@third_color; color:@white; z-index:2000; font-size:10px; padding:10px 0; border-bottom:1px solid @second_color}
.top_cp_div .autocomplete_result a{ color:@main_color; font-size:10px;}
.top_cp_div .autocomplete_result a:hover{ color:@second_color;}

.top_cp_div a{color:@white; font-size:10px}
.top_cp_div a:hover{color:@second_color}

.top_social_media_group{ float:left; max-width:200px; padding-top:2px}
.top_social_media_group_single{ float:left; padding-right:13px}
.top_social_media_group_single a:hover{ opacity:0.8}

.top_cp_div_left{float:left;}
.top_cp_div_right{float:right;}

.top_cp_language{float:right;padding-right:15px;}
.top_cp_login{float:right; }

.top_info{text-transform: none !important;}
.top_info a{color:@white; font-size:10px}
.top_info a:hover{color:@gray;}

.top_content_div{background:@main_color;}


.normal_size_box_nav_div{float:right; padding-top:30px}

.section_padding{padding:80px 0;}
.section_padding_top{padding-top:50px;}

.why_chooose_us_name_div{padding-top:15px; padding-bottom:15px;}
.why_chooose_us_img{float:left;}
.why_chooose_us_name{float:left; max-width:400px; padding-left:10px}

.homepage_prodcuts_div .sublevel_top_title{ margin-top:20px}
.homepage_prodcuts_div .sublevel_top_title a{font-size:20px; color:@second_color; text-transform:uppercase;}
.homepage_prodcuts_div .sublevel_top_title a:hover{color:@light_main_color;}

/*.supporting_brand_single img{-webkit-filter: grayscale(90%);-moz-filter: grayscale(90%);-ms-filter: grayscale(90%);-o-filter: grayscale(90%);filter: grayscale(90%);filter: gray;}

.supporting_brand_single img:hover{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}*/

.supporting_brand_single img{ opacity:0.8}
.supporting_brand_single img:hover{ opacity:1}

.section_homepage_feedback{ background:url(/img/homepage_review_bg.jpg) center; background-size: cover; padding:90px 0;}

.footer_single_content_div{max-width:400px; margin:0 auto; color:@light_main_color;}
.footer_social_media_group{max-width:104px; padding-bottom:20px; margin:0 auto;}
.footer_social_media_group_single{ float:left; padding-right:13px}
.footer_social_media_group_single a:hover{ opacity:0.8}

.footer_content_html{font-size:10px;padding:30px 10px;}
.footer_content_html_name{color:@second_color; padding-bottom:15px; font-weight:bold; text-transform:uppercase;}
.footer_content_html_content{color:@light_main_color;}

.footer_copyright_div{padding:10px; color:@white; text-transform:uppercase; font-size:10px;}
.footer_copyright_div a{color:@white;}
.footer_copyright_div a:hover{color:@light_main_color;}

.gallery_upload_div h4{color:@second_color;}
.file_upload_div h4{color:@second_color;}

.mobile_hidden{display:none;}
.normal_hidden{display:block;}

#content_for_print{padding-top:15px;}

/*------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------from fshomes css change----------------------------------------------------------------------------------------*/
#mm-0 section{display: block;}


#bg_menu a{color:@white; text-decoration:none;}
#bg_menu a:hover{color:@second_color;}
.bg_menu{ position: relative;}
.bg_menu_bar_menu{background-color: rgba(68,66,67,0.79);padding:10px 20px; border-radius:3px;-webkit-box-shadow: 2px 3px 2px 1px rgba(14,5,10,0.5);
box-shadow: 2px 3px 2px 1px rgba(14,5,10,0.5);}
.bg_menu_image{ position:relative;  z-index:50}
.bg_menu_bar{ position:absolute; top:70px; left:100px; z-index:100}

.visiable_item{display:block;}
.invisiable_item{display:none;}

#computer_normal_nav{
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 0;	
}

.animated_point_7s {
  animation-duration: .7s;
  animation-fill-mode: both;
}

.to-animate,
.to-animate-2,
.to-animate-3,
.single-animate {
  opacity: 0;
}



.homepage_small_title_div{margin-bottom:60px;}
.homepage_small_title_name{font-size:24px; color:@white;}
.homepage_small_title_intro{font-size:12px; color:@second_color;}
.homepage_small_title_border{height:3px; background:@second_color; width:130px; margin:10px 0;}

.homepage_big_title_div{margin:250px 0 200px 0;}
.homepage_big_title_name{font-size:32px; color:@white;text-shadow: 2px 2px 2px @main_color;}
.homepage_big_title_intro{font-size:16px; color:@white;text-shadow: 2px 2px 2px @main_color;}
.homepage_big_title_border{height:3px; background:#d5d5d6; width:130px; margin:10px 0;-webkit-box-shadow: 1px 1px 18px 0 rgba(14,5,10,0.5);
box-shadow: 1px 1px 18px 0 rgba(14,5,10,0.5);}

.homepage_section_div{position:relative;background:#141413; padding-top:80px; z-index:10;}
.homepage_section_conent_div{position:relative; z-index:10}

#section_homepage_service .sublevel_top_content{font-size:10px;}
#section_homepage_project .grid_function_content_intro{font-size:10px;}

.footer_abouts_div{text-align:center;}





.line{
	position: relative;
	top:-68px;
	margin-bottom:-68px;
	z-index:0;
	width: 100%;
	overflow: hidden;
	height:100%;
	background: url(/img/section_about_image.jpg) center center no-repeat;
	/*background:url(../images/line2.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 240px;*/
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 150px solid @main_color;
	border-left: 4000px solid transparent;
}
.line:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 194px solid @main_color;
	border-right: 4000px solid transparent;
}



.line_2{
	position: relative;
	top:-68px;
	margin-bottom:-68px;
	z-index:0;
	width: 100%;
	overflow: hidden;
	height:100%;
	background: url(/img/section_works_image.jpg) center center no-repeat;
	/*background:url(../images/line2.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line_2:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 240px;*/
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 150px solid @main_color;
	border-left: 4000px solid transparent;
}
.line_2:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 194px solid @main_color;
	border-right: 4000px solid transparent;
}

.line_3{
	position: relative;
	top:-68px;
	margin-bottom:-68px;
	z-index:0;
	width: 100%;
	overflow: hidden;
	height:100%;
	background: url(/img/section_services_image.jpg) center center no-repeat;
	/*background:url(../images/line2.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line_3:after{
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 240px;*/
	/*background: url(../images/sliderL.png) center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 150px solid @main_color;
	border-left: 4000px solid transparent;
}
.line_3:before{
	top: 0;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: 0;
	left: 0;
	width: 100%;
	/* background: url(../images/sliderL.png) center center no-repeat; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* height: 10px; */
	border-top: 194px solid @main_color;
	border-right: 4000px solid transparent;
}



/*--------------------------------------from fshomes css change----------------------------------------------------------------------------------------*/



/*--------------------------------------member center----------------------------------------------------------------------------------------*/

.account_wall{
	max-width:500px;
    margin:35px auto;
    padding: 40px 10px 20px 10px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}

.profile-img
{
    width: 150px;
    height: 150px;
    margin: 0 auto 25px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border:3px solid #ffffff;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
}

.account_wall_title{font-size:14px; color:#666; text-align:center; margin-bottom:15px; text-transform:uppercase; font-weight:700;}

.member_register_notice{color:#333;}
.member_register_notice a{color:@second_color;}
.member_register_notice a:hover{color:@main_color;}

label{font-weight:400;}
.btn{font-size:12px;}

.member_project_list_panel .media{ border-bottom: 1px dotted #999; padding-bottom:20px}
.member_project_list_panel .media:last-child{ border-bottom: 0px dotted #999; padding-bottom:0px}

.member_project_list_pagination .pagination{ margin-bottom:5px;}



.red{color:@red}
.red a{color:@red; }
.red a:hover{color:@light_main_color;}


/*--------------------------------------member center----------------------------------------------------------------------------------------*/

@media (max-width: 767px) {

h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

.div_top_right, .div_language_option,.div_account{display:block;float:none;width:100%;text-align:center;margin:0 auto;}

.nav_mobile{display:block; text-align:left; margin-top:0}

.second_line{padding-left:0;margin-top:10px;display:block;}

.logo_div{ position:relative;z-index:300;margin-bottom:182px;}

.menu_mobile{display:block;}

.normal_size_box{display:none;}
.mobile_size_box{display:block;}

.top_div_box{display:none;}
.top_div_box_mobile{display:block;padding-top:35px;}

.mm-listview > li:not(.mm-divider)::after{left:0px;}

.slideshow_box{ position:relative; display:none;}

.bg_video{ display:none;}

.flexslider_room{display:block;}

/*---------------------------------------------------------------------*/

body:after {content: "s";}

.d-flex-vertical-center {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px
    }

/*---------------------------------------------------------------------*/

.supporting_brand_single > a{ opacity:1}
.supporting_brand_single{ padding-left:10px; padding-right:10px}

.homepage_section_brand_div_intro{font-size:12px;}
.homepage_form_searching_div_intro{font-size:12px;}

.top_normal_div{display:none;}
.top_div_box_mobile{border-bottom:2px solid @second_color;}

.mobile_icons_div_single{width:20%; padding:10px; float:left;}

.section_padding{padding:30px 0;}
.homepage_section_div_title{font-size:24px;}

.why_chooose_us_img{padding-right:10px;padding-bottom:2px;}
.why_chooose_us_name{float:left; padding-left:0; max-width:100%}
.why_chooose_us_big_img{display:none;}



.clear_mobile{clear:both;}
.mobile_bottom_25px{margin-bottom:25px;}
.mobile_hidden{display:block;}
.normal_hidden{display:none;}



.media-object{max-width:100px;}
.homepage_big_title_div{margin-bottom:100px;}

.second_line_only{margin-top:10px;display:block;}

.member_project_list_panel .btn{margin-bottom:10px; width:100%;}
.member_project_list_panel .btn:last-child{margin-bottom:0px;}

.member_project_detail_panel .btn{margin-bottom:10px; width:100%;}
.member_project_detail_panel .btn:last-child{margin-bottom:0px;}
}




@media (min-width: 768px) and (max-width: 991px){

.navbar-inverse li{margin-right:0;margin-left:0;}
.navbar-inverse .navbar-nav > li > a{font-size:12px;}
.navbar-nav > li > a{padding-right:15px;}
.navbar-collapse{padding:0;}

.slideshow_box{ position:relative; z-index:0; height:auto;}
.flexslider {margin: 0; padding: 0; position:relative;}

.clear_two{clear:both;}

.clear_three{clear:both;}

.grid-item {width: 33.33%;}

.mobile_size_box{display:block;}
.not_homepage_logo_div{display:none;}
.normal_size_box_inner{display:none;}
.normal_size_box{display:none;}
.top_div_box_mobile{display:block;}
.slider_box{margin-top:0px;}

.homepage_section_div_title{font-size:24px;}

/*---------------------------------------------------------------------*/
body:after {content: "m";}
/*---------------------------------------------------------------------*/
.section_padding{padding:50px 0;}


.why_chooose_us_name_div{padding-top:10px; padding-bottom:10px; font-size:10px}
.why_chooose_us_name{float:left; max-width:288px; padding-left:10px}

.mobile_hidden{display:block;}
.normal_hidden{display:none;}

}




@media (min-width: 992px) and (max-width: 1199px)  {

.fullsize_container{padding-left:10px;padding-right:10px;}

.navbar-inverse .navbar-nav > li > a{ font-size:12px}
.navbar-nav > li > a{padding-left:0px;padding-right:40px;}
.navbar-nav > li:first-child > a{padding-left:0px;}
.navbar-nav > li:last-child > a{padding-right:0px;}

.navbar-collapse{padding:0;}

.flexslider {margin: 0; padding: 0; position:relative;}

.clear_three{clear:both;}

.grid-item {width: 25%}

/*---------------------------------------------------------------------*/
body:after {content: "l";}
/*---------------------------------------------------------------------*/


.homepage_section_div_title{font-size:30px;}

/*--------------------------------------from fshomes css change----------------------------------------------------------------------------------------*/
.bg_menu_bar{top:40px; left:40px;}
/*--------------------------------------from fshomes css change----------------------------------------------------------------------------------------*/


.mobile_hidden{display:none;}
.normal_hidden{display:none;}
.visiable_item{display:block;}

}




.audioplayer
{
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 2.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #007fd1;
			background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
			background: -webkit-linear-gradient( left, #007fd1, #c600ff );
			background: -moz-linear-gradient( left, #007fd1, #c600ff );
			background: -ms-radial-gradient( left, #007fd1, #c600ff );
			background: -o-linear-gradient( left, #007fd1, #c600ff );
			background: linear-gradient( left, #007fd1, #c600ff );
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -moz-linear-gradient( top, #444, #222 );
			background: -ms-radial-gradient( top, #444, #222 );
			background: -o-linear-gradient( top, #444, #222 );
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #007fd1;
					background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
					background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
					background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
					background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
					background: -o-linear-gradient( bottom, #007fd1, #c600ff );
					background: linear-gradient( bottom, #007fd1, #c600ff );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}