@charset "utf-8";
body { margin:0 auto; padding:0; background: none; width:100%; text-align:center; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

html { padding:0; margin:0;}
.clr {clear:both; padding:0;}
.bg1 { width:90%; clear:both; border-top:1px dashed #cebf94; padding:0 20px; margin:0;}

/* Home Page */

/* New Products */

#new_products {width: 1024px;height:auto;}
#new_products ul {width: 1024px;height:auto;margin-left: 0px;padding-top: 0px;}
#new_products ul li {color:#282828;font:normal normal normal 12px/normal Arial, Helvetica, sans-serif; line-height:16px; list-style-image:initial; list-style-position:initial; list-style-type:none;float:left; margin-bottom:20px; margin-left:0; margin-right:29px; margin-top:0; width:209px;}
#new_products ul li a.link {    background: #F5DF4D;
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 5px 0;
    color: black;}
 /*Links*/
A:link {text-decoration: underline; color: #555555;}
A:visited {text-decoration: underline; color: #555555 }
A:active {text-decoration: underline; color: #555555 }
A:hover {text-decoration: underline; color: #cc9a02;}

/* main */
.main {width:100%; height:100%; padding:0; margin:0 auto; background: url(images/main_bg.gif) repeat-x top; }
.border {margin:0  auto; width:999px; height:auto;  padding:10px  0 10px ; background-color: #FFFFFF;}

/* Flash */
.flash {
	width: 100%;
	margin: 0;
	padding: 0 11px 5px 11px;
}

/* header */
.header { width:999px; margin:0 auto; padding:0; position:relative;}
.block_header { width:979px; height:65px; padding: 10px 10px}
.logo { float:left; padding:0 0 0 5px; margin:6px 0 0 0; }
.top-right { width:280px; height:64px; float:right; margin:0 auto; padding:0; background:url(images/faq.gif) right no-repeat;}

.navigation { width:100%; height:64px; margin:0 auto; padding:0; position:relative; background: url(images/menu_bg.png) repeat-x top;}
.block_navigation  { width:999px; margin:0 auto; height:64px; padding: 0; position:relative;}

/*content*/
.content { width:999px; height:auto; margin:0px auto 0px auto; padding:0px 0 0px; background: #FFFFFF;}
.Content_top{width:999px; height:60px; float:right; background-color: #FFFFFF }
.Content_topic {width:958px; height:48px; margin:0 0 0 20px; padding:10px 0 0 0;background-color: #FFFFFF; border-bottom-color: #f5d312; border-bottom-style: solid; border-bottom-width: 2px; display: block }
.content_h2 { width: 680px; float:left; color:#747474; margin:10px 0 0 0; padding:10px 20px 20px; font-family: Tahoma; font-size: 12px; text-align: left; font-style: normal; }
.Content_head {float:left; color:#FFFFFF; width:300px; margin:0 0px 0 0; padding:10px 0 0 0; font-size: 12px; font-family: Tahoma;}
.Content_product { width:500px;height:271px; float: right ;padding:0 10px 0; margin:0 0 10px; background-color: #FFFFFF; float: left;display: block; border-left-color: #747474;}



/* Main_body*/
.Main_body {padding:0 4px 0 12px; margin:0 0 0 0; width:auto; float:left; background-color: #FFFFFF }
.Main_body2 {margin:0 0 0 0; padding:0 0 0px 0;width:999px; float:left; background-color: #FFFFFF }
.Main_body_content {padding:0 10px 0 0; margin:0 0 10px 0; width:734px;height:500px; float:left; background-color: #FFFFFF }
.Main_body_content h2 {float:left; font: normal 12px Tahoma; color: #747474; text-align: left; margin: 20px 10px 10px 20px; }
.Main_body a { color:#666666; text-decoration:none; background-color: #FFFFFF;}
.Main_body .data { float:left; font:bold 14px  Georgia, "Times New Roman", Times, serif; color:#2c2c2c; text-align:center; margin:10px 10px 0 10px; padding:5px 10px;}
.Main_body .title { float: left; font: bold 11px  Georgia, "Times New Roman", Times, serif; color:#678c24; margin:10px 10px 0 10px; padding:5px 0;}


/*Choose*/
.Choose{ width:976px; height:50px; margin:0 auto 10px auto;border:0px; background: url(images/choose-insulation-bg.gif)no-repeat}
.Choose .home{ width:318px; height:50px; border:0px; }
.Choose .factory { width:976px; height:50px; margin:0 auto 10px auto;border:0px; background: url(images/choose-insulation-bg.gif)no-repeat}
.button1 { float: right; border:0px;width:298px; height:50px; background: url(images/choose-insulation2-1.gif) no-repeat; position: relative}
.button1:hover{width:298px; height:50px; background: url(images/choose-insulation2-2.gif) no-repeat; position: relative   }
.button2 {float: right;border:0px; width:360px; height:50px; background: url(images/choose-insulation3-1.gif) no-repeat;position: relative}
.button2:hover{width:360px; height:50px; background: url(images/choose-insulation3-2.gif) no-repeat; position: relative   }




/* Welcome*/
.Welcome {
	margin: 0 auto;
	width: 735px;
	height: 119px;
    float: left;
}
.Welcome .Welcome_head {float:left; font: bold 11px Arial, Helvetica, sans-serif; color:#0c9ec4; width:715px; margin:0 10px 0 0; padding:0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px }
.Welcome h2 {
	/* float: left; */
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: 14px;
	font-family: Tahoma;
	color: #171717;
	margin: 0 0 0 0;
	padding: 0px;
}
.Welcome h2 a span { font: normal bold 12px Tahoma; color:#69a2bc;}

/*side_bar*/
.side_bar_index { width:230px;height:auto; float: left; padding:0 0 0 5px ; margin:0 0 0px 0px ;background-color: #FFFFFF; font-family: Tahoma ; font-size: 12px; text-align: left; line-height: 1.8; color: #747474;}
.side_bar_us { width:230px; float: left; padding:0 0 0 0; margin:0 0 0 5px;background-color: #FFFFFF;font-family: Tahoma ; font-size: 12px; text-align: left; line-height: 1.8; color: #747474;}
.side_bar_index img { margin:0px 0 10px 0; padding:0;float:none;}
.side_bar { width:200px; height:auto; padding:0 10px 0 ; margin:0 0 10px ;background-color: #FFFFFF; float: left; display: block; font: normal 12px Tahoma; color: #747474; text-decoration: none; text-align: left; line-height:  1.5; border: 1px; border-left-style: solid; border-color: #AAAAAA; background-color: #FFFFFF; text-align: left; }
.side_bar_content { width:232px; height:auto; padding:0 0 10px 0; margin:20px 0 0 10px;background-color: #FFFFFF; float: left; font-family: Tahoma; font-size: 11px; }
.side_bar a { color:#555555; text-decoration:none;background-color: #FFFFFF}
.side_bar link{color:#555555;}
.side_bar img { margin:0px 0 10px 12px; padding:0;float:none;}
.side_bar .blog { background:#efefef; border:1px solid #e5e5e5;}

/*3 colums*/
.container {width:972px; font: bold 14px Tahoma, "MS Sans Serif"; background-color: #FFFFFF}
.containerLeft {float:left; width: 210px;height:auto; background-color: #FFFFFF; }
.containerRight {float:right; width: 745px; height: 100%; margin:0 0 0 23px; background-color: #FFFFFF;}
.col1 {float: left; background:#FFFFFF; width: 222px; height: auto; margin:0 0 0 15px ;display: block;  border: 1px; border-right-style: solid; border-color: #AAAAAA; }
.col2 {float: left; background:#FFFFFF; width: 535px; ;margin:0 0 10px}
.col2_table {float: left; background:#FFFFFF; width: 494px;}
.col2_table h2 { color: #747474; font-family: Tahoma; font-size: 12px; font-weight: normal; width: 494px; display: block; margin: 10px 0 10px 0; padding: 0;line-height: 1.5; }
.col3 { width:232px;height:271px; padding:0 10px 0; margin:0 0 10px; background-color: #FFFFFF; float: right;display: block;}
.col1 img {margin:10px 0 10px 2px; padding:0; float: left;background-color: #FFFFFF}
.col_line { background:#f5d312; width:180px;height:1px; margin:0 0 0 10px ;float:left;}
.p_h6 { background:transparent; width:180px;height:553px; float:left; padding: 350px }
.colum_product {float: left; background:#FFFFFF; width: 535px; height: auto;margin:0 0 10px;}
.colum_product_content { width: 500px;height: auto; float:left; margin:0 0 0 0px; padding:0 0 10px; font-family: Tahoma; font-size: 12px; text-align: left; text-decoration: none; background-color: #FFFFFF; color: #747474; line-height: 1.5}
.colum_product_content h4 { height:10px; float:left;  font-family: Tahoma; font-size: 14px; text-align: left;background-color: #FFFFFF; color: #cc9a02; font-weight: bold; line-height: 0}
.colside_bar { width:189px;height:auto; padding:0 35px 0 10px ; margin:0 0 0 0px ;background-color: #FFFFFF; float: right; display: block;border: 1px; border-left-style: solid; border-color: #AAAAAA;background-color: #FFFFFF; text-align: left;}
.colside_bar2 { width:203px;height:auto; padding:0 20px 20px 20px ; margin:0 0 0px 0 ;background-color: #FFFFFF; float: right; display: block;border: 1px; border-left-style: solid; border-color: #AAAAAA;background-color: #FFFFFF; text-align: left;}
.colside_bar3 { width:189px;height:100px; padding:0 35px 0 10px ; margin:0 0 0 10px ;background-color: #FFFFFF; float: left; display: block;border: 1px; border-left-style: solid; border-color: #AAAAAA;background-color: #FFFFFF; text-align: left;}
.colside_bar2 img { margin:10px 0 0px 0px; padding:0;float:left;background-color: #FFFFFF}
.colside_bar_top { width:189px; height:auto; padding:10px 0; margin:10px auto;background-color: #FFFFFF; float: left; font-family: Tahoma; font-size: 14px; }
.colside_bar_content { width:170px;height:auto;background-color: #FFFFFF; float: left; font-family: Tahoma; font-size: 14px; text-align: left; }
.colside_bar .content { width:170px;height:auto;background-color: #FFFFFF; float: left; font-family: Tahoma; font-size: 14px; text-align: left; }
.colside_bar h2 { color:#cc9a02; text-decoration:none; background-color: #FFFFFF; font-family: Tahoma; font-size: 12px; font-weight: bold }
.colside_bar h3 { color:#cc9a02; text-decoration:none; background-color: #FFFFFF; font-family: Tahoma; font-size: 14px; font-weight: bold; text-align: left; }
.colside_bar a { color:#747474; text-decoration:none; background-color: #FFFFFF; font-family: Tahoma; font-size: 12px;}
.colside_bar img { margin:0px 0 10px 2px; padding:0;float:left;background-color: #FFFFFF}

/*product*/
.product {float:left; margin:0 0 0 0; padding:0;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474 }
.product_1col {float:left; width: 209px; height: auto; margin:0 0 0 0; padding:0 0 0 0  ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.product_2col {float:right; width: 209px; height: auto; margin:0 0 0 0; padding:0 ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.product_3col {float:left; width: 494px; height: auto; margin:0 0 0 0; padding:0 0 0 0  ;font-family: Tahoma;font-size: 12px;  text-align: left; background-color: #FFFFFF; color: #747474;line-height: 1.5}
.product_4col {float:right; width: 230px; height: auto; margin:0 0 0 0; padding:0 0 0 0 ;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474; line-height: 1.5}
.product_5col {float:left; width: 230px; height: auto; margin:0; padding:0;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474; line-height: 1.5}
.product_6col {float:left; width: 115px; height: auto; margin:5px 0 0 0; padding:0;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474; line-height: 1.5}
.product_7col {float:right; width: 375px; height: auto; margin:0 0 0 0; padding:0 0 0 0 ;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474; line-height: 1.5}
.product_1{float:left; width: auto; height: auto; margin:0 0 0 0; padding:0 0 0 0  ;font-family: Tahoma; font-size: 12px;color: #747474; font-weight: normal; line-height: 1.8; text-decoration: none; text-align: left; letter-spacing: 0.45px }
.product_img {margin:10px 10px 10px 0px; padding:0 10px 0 0; float:left; font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal;}
.product h2 { font-size: 12px; font-family: Tahoma; text-align: left; background-color: #FFFFFF; color: #747474; font-weight: normal; line-height: 1.5}

/* known */
.knowledges {float:left; width: 480px; height:auto; margin:0 0 0 0; padding:0;font-family: Tahoma; font-size: 12px; text-align: left; color: #747474 }
.knowledges .colum1 {float:left; width: 230px; height: auto; margin:0 0 0 0; padding:0 0 0 0  ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.knowledges .colum2 {float:right; width: 230px; height: auto; margin:0 0 0 0; padding:0 ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.knowledges .colum3 {float:left; width: 190px; height: auto; margin:0 0 0 0; padding:0 ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.knowledges .colum4 {float:right; width: 270px; height: auto; margin:0 0 0 0; padding:0 ;font-family: Tahoma; font-size: 12px; text-align: center; color: #747474; font-weight: normal; }
.knowledges h2 { margin: 0; font-size: 12px; font-family: Tahoma; text-align: left; background-color: #FFFFFF; color: #747474; font-weight: normal; line-height: 1.5;}
.knowledges h3 { margin: 0; font-size: 12px; font-family: Tahoma; text-align: left; background-color: #FFFFFF; color: #cc9a02; font-weight: bold; line-height: 1.5;}
.knowledges h4 { margin: 0; font-size: 12px; font-family: Tahoma; text-align: left; background-color: #FFFFFF; color: #8cc63f; font-weight: bold; line-height: 1.5;}
.knowledges h5 { margin: 0; font-size: 14px; font-family: Tahoma;  background-color: #FFFFFF; color: #cc9a02; font-weight: bold; line-height: 1.5; }


/* Syb */
.Syb { width:300px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Syb h2 { background: url(images/h2_news.jpg) left no-repeat;}
.Syb a { color:#242424; text-decoration:none; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.Syb a.active { color:#658710; text-decoration:underline;}
.Syb a:hover { color:#658710; text-decoration:underline;}
.Syb ul { padding:3px 0; margin:0; list-style:none;}
.Syb li { list-style:none; padding:7px 20px; margin:0 20px; border-bottom:1px solid #e4e4e4; background:url(images/bg_ul_li2.gif) left no-repeat;}
.Syb li.sub { padding:3px 0 0 30px; border-bottom:none; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#658710;}
.Syb li.sub a { color:#658710; text-decoration:none; font:normal 11px Georgia, "Times New Roman", Times, serif;}

/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold  12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#26b5cd; margin:0; padding:5px; text-decoration: underline;}
.Services img { padding:0; margin:10px 15px 10px 15px; border:none;}

/* contact form */
.Left {float:left; width: 745px;   height:auto; background-color: #FFFFFF; }
.Right {float:right; width: 200px; height: 100%; margin:0 0 0 23px; background-color: #FFFFFF;}
#contactform { width:545px; margin:10px; padding:20px 0 0 20px; float: left;}
#contactform * { color:#5f5f5f;}
#contactform ol { margin:0; padding:0; list-style:none; float: left; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block;float: left; }
#contactform li.buttons { margin:5px 0 5px 0;float: left;}
#contactform label { float:left; margin:0; width:100px; display:block; padding:0; font:bold 12px Tahoma; color:#5f5f5f; text-transform:capitalize; text-align: left;}
#contactform label span {  font:normal 12px Tahoma;float: left;}
#contactform input.text {float: left; width:550px; border:1px solid #d0d0d0; margin:0 0 5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { float: left;width:550px; border:1px solid #d0d0d0; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { float: left;padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:left; color:#2c2c2c; font:bold 11px Tahoma; line-height:1.8em; width:auto;}

/* Products Details */

#hercuroof-elegant-acc {width: 494px;height:520px;}
#hercuroof-elegant-acc ul {width: 494px;height:auto;margin-left: 0px;padding-top: 0px;}
#hercuroof-elegant-acc ul li {color:#282828;font:normal normal normal 12px/normal Arial, Helvetica, sans-serif; line-height:16px; list-style-image:initial; list-style-position:initial; list-style-type:none;float:left; margin-bottom:20px; margin-left:0; margin-right:40px; margin-top:0; width:auto;}

/* footer */
.footer {padding:10px 0;  margin:0; background-color: #cccccc;}
.footer_resize { width:999px; margin:0 auto; padding:0;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#000000;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#868686; text-decoration:underline; padding:5px 5px; margin:0;}
.footer p.leftt {text-align:left; width:520px; margin:0; padding:10px 20px; float:left;}
.footer p.rightt { text-align:right; width:390px; margin:0; padding:10px 20px; float:right;}
.footer_line { background:#f5d312; text-align:left; width:973px; margin:0 auto; padding:1px 0;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dcdcdc; padding:0; margin:8px 0; background:none;}

/* New Footer */
footer .sub-footer-con {
    max-width: 1016px;
    padding-right: 10px;
    text-align: center;
    margin: auto;
}
.center-footer .sub-footer-con {
    max-width: 1016px;
    margin: auto;
}
.sub-footer-con .simple {
    margin-bottom: 30px;
}
.sub-footer-con .simple:last-child {
    margin-bottom: 10px;
}
.sub-footer-con .simple li {
    display: inline-block;
    margin-right: 20px;
}
.sub-footer-con .simple li.footer-list-head {
    display: block;
    font-size: 15px;
}
.sub-footer-con .simple h4 {
    font-family: brandon;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.medium-3 {
    width: 25%; }
	
.row.full-width { width: 100%; max-width: 100%; }

.list-no-style li { list-style: none; }

show-for-medium-up,{
    display: none !important; }
	
.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }
  
 .row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem; }

/* partner */
.partner{margin:0px auto; width:999px; height:35px;  padding:5px 0 ;font:5px   Arial, Helvetica, sans-serif; text-align: left; text-indent: 15px }


/* === Responsive Fixes for Mobile Devices === */
@media screen and (max-width: 768px) {

    body, html {
      width: 100%;
      overflow-x: hidden;
    }
  
    .header,
    .block_header,
    .navigation,
    .block_navigation,
    .content,
    .footer_resize,
    .border {
      width: 100% !important;
      box-sizing: border-box;
      padding: 0 10px;
    }
  
    .logo img {
      width: 100%;
      height: auto;
    }
  
    .top-right {
      width: 100% !important;
      text-align: center !important;
      float: none;
      font-size: 16px !important;
      padding-top: 10px;
    }
  
    .Choose {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: auto;
      background-size: cover;
    }
  
    .button1, .button2 {
      width: 100% !important;
      max-width: 300px;
      background-size: contain !important;
      margin: 5px 0;
    }
  
    .Welcome,
    .Main_body,
    .side_bar_index {
      width: 100% !important;
      float: none;
      padding: 10px;
    }
  
    .Welcome h1,
    .Welcome h2 {
      font-size: 16px !important;
      line-height: 1.5;
      text-align: left;
    }
  
    #new_products ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
    }
  
    #new_products ul li {
      width: 47%;
      margin: 1%;
      float: none !important;
    }
  
    .footer p.leftt {
      width: 100% !important;
      text-align: center;
      padding: 10px 0;
      float: none;
    }
  
  }