html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
}
header, footer, article, section, hgroup, nav, figure {
display:block;
margin:0px;
padding:0px;
}

img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align:top !Important;
}

ul {
list-style-type:none;
padding:0px;
margin:0px;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6 {
padding:0px;
margin:0px;
border:none;
}

input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
-webkit-appearance: none;
}

body{/*-webkit-background-size:cover;-moz-background-size:cover; -o-background-size:cover;background-size:cover;*/ font-family: 'PT Sans', sans-serif; background:url(../images/background.png);} 
header{ width:100%; float:left; position:absolute; top:0; z-index:999;}
.top-sec{ width:100%; float:left; background:#156077; padding:5px 0;}
.inner{ margin:0 auto; max-width:1100px; width:96%;}
.inner p{ color:#fff; font-size:15px; text-align:right; line-height:30px;}
.inner p span{ padding:0 14px;}
.banner{ width:100%; float:left; position:relative;}
.banner img{ width:100%; height:auto}
.top-second{ width:100%; float:left; background:#fff; padding:20px 0;}
.logo{ float:left; width:auto}
.logo img{ width:auto; height:auto}
.contact{ float:right; width:auto; background:url(../images/top_phone_icon.png) no-repeat left center; padding:12px 0 12px 42px; color:#333333; font-size:28px; line-height:30px;}
.navigation{ width:100%; float:left; background:#05a7d1;}
.navigation ul{ width:1048px; text-align:center; margin:0 auto; }
.navigation ul li{ display:inline-block; line-height:50px; background:url(../images/nav-divider.png) no-repeat left center; position:relative;}
.navigation ul li:first-child{ background:none;}
.navigation ul li a{ text-decoration:none; font-size:16px; color:#fff; text-transform:uppercase; padding:0 22px 0 27px; display:block;}
.navigation ul li a:hover{background:#156077; color:#fff;}
.navigation ul li .active{ background:#156077; color:#fff;}

.navigation ul li ul {display: none; padding:0px;}
.navigation ul li:hover ul {display: block; background:#05a3cc; float: left; left:-20px; width:210px; position: absolute; z-index:10; padding:0px; top:50px;}
.navigation ul li:hover ul li{width:210px; float:left; line-height:35px; border-bottom:solid 1px #078ac4; background:none; font-weight:normal; padding:0px;}
.navigation ul li:hover ul li a{color:#fff; display:block; line-height:35px; padding:0 10px; font-size:15px;}
.navigation ul li:hover ul li a:hover{color:#fff; display:block; line-height:35px; background:#156077;}


.navigation-res{display:none!important;}


.middle{float: left; padding: 0 0 32px; width: 100%;}



.middle-in{ background:url(../images/middle-bg.png) repeat; margin:0 auto; max-width:1060px; width:96%; padding:18px 20px; overflow:hidden; clear:both;}
.estimate{ border:solid 1px #05a7d1; width:882px; margin:0 auto; padding:0 23px; color:#e2e4e4; font-size:20px; font-style:italic; overflow:hidden;   border-radius: 5px;}
.estimate p{ float:left; line-height:59px;}
.estimate a{text-decoration:none; color:#05a3cc; width:200px; font-size:18px; line-height:43px; float:right; text-align:center; margin:8px 0; border-radius: 5px;}
.estimate a img{ vertical-align:middle!important; padding:0 8px 0 0;}
.estimate a:hover{ background:#fff; color:#05a3cc;}
.middle-in h1{ text-align:center; color:#05a7d1; text-transform:uppercase; font-size:33px; font-weight:normal; line-height:30px; margin:20px 0 12px;}
.middle-in h1 span{ color:#ffffff; font-size:18px;}
.events-outer{ float:left; width:100%;}
.events-outer li{ width:202px; float:left; margin-left:12px;}
.events-outer li:first-child{ margin-left:0;}
.events-outer li a{ color:#fff; font-size:16px; text-transform:uppercase; text-decoration:none; text-align:center; border:solid 1px #707070; width:100%; float:left; line-height:44px; margin:6px 0 0 0; box-sizing:border-box;   border-radius: 5px; background:#999999;}
.events-outer li a:hover{ border:solid 1px #05A7D1; background:#0594B9}
.detail-info b{color: #05a7d1; font-size: 16px; font-style: italic; line-height: 22px;}
.detail-info p{color:#e6e8e9; line-height:22px; margin:16px 0 0 0;}
.detail-info{width:100%; float:left; margin:15px 0 0 0;}
.detail-info p img{vertical-align:middle!important; margin:0 10px}
.event-tital{ width:100%; float:left; color:#fff; text-align:center; font-size:35px; line-height:normal; background:#05a7d1; text-transform:uppercase; padding:12px 0; margin:28px 0 40px;  border-radius: 5px;}
.event-outer-btm{ float: none; margin: 0 auto; overflow: hidden; text-align: center; width: 787px;}
.event-outer-btm ul{ margin:0; padding:0;}
.event-outer-btm li{ border:solid 1px #fff; width:239px; float:left;  box-sizing: border-box;  border-radius: 5px;}
.event-outer-btm li:nth-child(1),.event-outer-btm li:nth-child(3){ background:url(../images/bg-1.jpg) repeat; padding:19px 0}
.event-outer-btm li:nth-child(1) p,.event-outer-btm li:nth-child(3) p{ background:rgba(5,167,209,0.58); margin:0 10px 1px 10px; text-transform:uppercase; color:#fff; line-height:43px;}

.event-outer-btm li:nth-child(2){background:url(../images/bg-2.jpg) repeat; padding:19px 0; margin:0 32px;}
.event-outer-btm li:nth-child(2) p{background:rgba(255,255,255,0.58); margin:0 10px 1px 10px; text-transform:uppercase; color:#000; line-height:43px;}

.event-detail{ width:100%; float:left; margin: 42px 0 30px; }
.event-left{ float:left; width:514px; background:#05a7d1; color:#fff; font-size:28px; line-height:normal; text-align:center; text-transform:uppercase; padding: 23px 0;  border-radius: 5px 0 0 5px;}
.event-right{ box-sizing: border-box; float: right; padding:10px 19px 14px; width: 546px; background:#fff; border-radius: 0 5px 5px 0; }
.event-right ul{ margin:0 0 0 13px; padding:0; }
.event-right li{ width:100%; float:left; list-style-image:url(../images/bullate-1.jpg); font-size:14px;  line-height:24px}

.box-1{float:left; width:35%;}
.box-1:nth-child(2){margin: 0 1%; width:35%;}
.box-1:nth-child(3){width: 27%;}

.middle-event{ width:100%; float:left;}
.middle-event-left{float:left; width:759px; border:solid 1px #999999; padding:22px 12px 16px 12px; box-sizing:border-box;  border-radius:5px}
.l-side{ float:left; width:50%;}
.r-side{ float:right; width:47%;}
.middle-event h2{color:#05a7d1; font-size:22px; font-style:italic; font-weight:bold; line-height:27px;}
.middle-event p{font-size:14px; color:#e6e8e9; line-height:22px; margin:12px 0 14px}
.middle-event-left ul{ margin:15px 0 0 17px; padding:0;}
.middle-event-left li{ list-style-image:url(../images/bullate-2.jpg); color:#fff; font-size:14px; line-height:33px; padding: 0 0 0 5px;}
.middle-event-right{float: right;width: 282px;}
.social-panel{ background:#05a7d1; float:left; width:100%; padding:0; box-sizing:border-box;}
.social-img{ width:100%; float:left;}
/*.social-panel h3{ font-size:29px; line-height:24px; color:#fff; text-align:center; font-weight:normal; text-transform:uppercase}*/
.advertisement{ float:left; width:100%; margin:1px 0 0 0; background:#fff;}

footer{ width:100%; float:left; background:#156077; padding:25px 0 26px}
.footer-inner{ max-width:1130px; margin:0 auto; width:96%; overflow:hidden;}
.copyright{ width:100%; float:left; background:#05a7d1; text-align:center; color:#fff; font-size:14px; border-bottom:solid 5px #060606; border-top:solid 1px #060606; line-height:44px;}
.copyright a{ text-decoration:none; color:#fff;}
.copyright a:hover{ text-decoration:underline;}
footer a{ color:#000000; font-size:14px; text-decoration:none}
footer a:hover{ text-decoration:underline;}
footer ul{ margin:0; padding:0;}
footer li{ list-style-image:url(../images/footer-bullate.png); line-height:27px; list-style-position: inside}

.col-1{ float:left; width:192px;}
.col-2{ float:left; width:152px;}
.col-3{ float:left; width:217px;}

.social-media{ float:left; width:165px; padding:12px 0 0 0}
.social-icon ul{ margin:0; padding:35px 0 0;}
.social-icon ul li{ float:left; list-style-image:none; margin-right:4px;}
.social-icon ul li a{opacity:1}
.social-icon ul li a:hover{opacity:0.8;}
.social-icon{ width:92px; float:left}
.address{ float:right; width:300px; background:url(../images/address-bg.png) no-repeat left; padding-left:26px; box-sizing: border-box;color: #fff;} 
.address p{ font-size:14px; line-height:27px;}
.address h1{ font-size:20px; color:#fff; text-transform:uppercase;}

.estimate1{ border:5px solid #05a7d1;
color: #05a3cc;
font-size: 20px;
font-style: italic; border-radius:0px !important;
margin: 0 auto;
overflow: hidden;
padding: 0 23px;
width: 882px; background:#fff;}
.estimate1 img{ width:auto}
.estimate1 p{ float:left; line-height:59px;}
.estimate1 a{text-decoration:none; width:200px; border: 1px solid #05a3cc ; border-radius: 30px; color:#05a3cc;}
.estimate1 a img{ vertical-align:middle!important; padding:0 8px 0 0; display:none;}
.estimate1 a:hover{ background:#05a3cc; color:#fff;}


.banner-inner{margin:0 auto; max-width:1100px; width:96%; position:absolute; z-index:1; bottom:15px; left:0px; right:0px;}
.middle-in1 h1{ float:left; width:100%; margin:28px 0 0;}
.middle-in1 .detail-info{ margin:0;}

.middle-in1 .events-outer li a{ margin:0 0 6px 0; line-height:36px;}

.estimate-res{ border: 1px solid #05a7d1;
border-radius: 5px; display:none;
color: #e2e4e4;
font-size: 20px;
font-style: italic;
margin: 0 auto;
overflow: hidden;
padding: 0 2%;
width:92%; background:rgba(0,0,0,0.80);}
.estimate-res img{ width:auto}
.estimate-res p{ float:left; line-height:59px;}
.estimate-res a{ background:#FF6600; text-decoration:none; color:#fff; width:200px; font-size:18px; line-height:43px; float:right; text-align:center; margin:8px 0; border-radius: 5px;}
.estimate-res a img{ vertical-align:middle!important; padding:0 8px 0 0;}
.estimate-res a:hover{ background:#0594b9}

.slides > li{ position:relative!important}
.flex-caption{ color:#fff; position:absolute; bottom:145px; max-width:100%; text-align:center; width:100%; font-size:58px; font-size:58px;  letter-spacing:2px; font-weight:400; }

.flex-caption h1{ background:#fff; color:#000; text-transform:uppercase; font-weight:normal; font-size:44px; margin:0 auto; width:330px; text-align:center; letter-spacing:normal;}
.flex-caption h1 span{ color:#088BB0}
.flex-caption h2{ background:#000; color:#fff; border-left:solid 5px #0D8EB2; text-transform:uppercase; font-size:24px; padding:8px 0; font-weight:normal; text-align:center; width:150px; margin:0 auto; letter-spacing:normal;}

/*Event Sound*/
.banner-inner h2{display:block;font-size:40px;font-weight:300;color:#fff;line-height:normal; padding:10px 0; text-align:center;font-family: 'PT Sans', sans-serif;text-transform:uppercase;text-shadow:0 1px 4px #000;}
.title-div{width:100%;float:left;margin:10px 0 15px;}
.event-sound .right-img-div{width:21%;float:left;margin:20px 15px 0px 0px;}
.right-img-div img{border:1px #fff solid;}
.comman-lightbox{width:100%;float:left;background:rgba(255, 255, 255, 0.3);margin:40px 0 0;padding:10px 10px;box-sizing:border-box;}
.comman-lightbox ul li{float:left;width:15%;margin:0.8%;}
.comman-lightbox ul li img{border:1px #888 solid;box-sizing:border-box;}
.comman-lightbox ul li:hover img{border-color:#ff6600;}
.event-sound .sound-rantal {width:35%;}
ul.sound-product{width:100%;display:block;float:left;margin:20px 0 0;}
.sound-product li{width:14.6%;float:left;background:#bebebe;text-align:center;margin:1%;padding:5px 5px 0 5px;box-sizing:border-box;}
.sound-product li:hover{background:#ff6600}
.sound-product li:hover h2{color:#fff;}
.sound-product li span img{width:100%;padding:4%;background:#fff;box-sizing:border-box;}
.sound-product li  h2{font-size:15px;line-height:20px;font-weight:normal;display:inline-block;padding:5px 0;}
.product-outer{width:100%;float:left;margin:10px 0 5px;}
.product-outer h5{background:#05a7d1;line-height:30px;padding:10px 0;color:#fff;font-size:25px;text-transform:uppercase;padding-left:10px;font-weight:normal;}
.products-bg{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);width:100%;float:left;padding:0 0 20px;}


/*package*/
.package-outer{width:100%;float:left;margin:20px 0 0;}
.package-row{width:100%;float:left;}
.package-outer .package-row:last-child{margin-bottom:0;}
.product-package{width:46%;float:left;margin:2%;text-align:center;}
.package-img{width:100%;float:left;background:#fff;}
.package-content{width:100%;float:left;background:#bebebe;padding:15px;box-sizing:border-box;}
.package-content:hover{background:#ff6600;}
.package-content:hover a, .package-content:hover p{color:#fff;}
.package-content a{color:#000;text-decoration:none;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;padding:0 0 10px;display:block;}
.package-content p{padding:0 0 10px;font-size:16px;}
.lin-h h1{line-height:normal;}
.comman-content-div{width:100%;float:left;}
.cols1{width:23%;float:left;margin:1%;background:#fff;padding:10px;box-sizing:border-box; border: 4px solid #05a7d1;}
.cols1 h3{font-size:16px;color:#fff;font-weight:700;line-height:normal;margin:0 0 10px;background:#ff6600;padding:5px 0 5px 10px;}
.cols1  ul{margin:0px 0 15px 10px;}
.cols1  ul li{padding:5px 0;line-height:normal;font-size:12px;list-style-image:url(../images/bullate.png);}
.cols3 .cols1{width:31%;}
.cols3 .cols1  ul li a{color:#000;text-decoration:none;}
.cols3 .cols1  ul li a:hover{color:#ff6600;}
.single{width:98% !important;}
.bullets-points-div{width:100%;float:left;margin:20px 0 0;}
.bullets-points-div h3{ color: #05a7d1;    font-size: 25px;    font-weight: normal;    line-height: 30px;text-transform: uppercase;padding:0 0 5px;border-bottom:2px #888 solid;margin:10px 0 20px;display:block;float:left;width:100%;}
.bullets-points-div ul{width:100%;float:left;}
.bullets-points-div ul li{float:left;margin: 0 4% 5% 15px; width: 19%;list-style-image:url(../images/bullate.png);color: #e6e8e9;font-size:16px;}
.bullets-points-div ul li a{ color: #e6e8e9;text-decoration:none;font-size:18px;}
.bullets-points-div ul li a:hover{color:#ff6600;text-decoration:underline;}
.price{ color:#ff6600;text-decoration:underline;}
.price:hover{text-decoration:none;color:#05a7d1;}

/*inner content pages css*/

.top-sec h1{}

.top-sec h1 {
  color: #ffffff;
  font-size:19px; font-weight:normal;
  line-height: 30px;
  text-align: right;
}

.payment-left{padding:2%;box-sizing: border-box;}

.payment-right p {
  color: #e6e8e9;
  line-height: 22px;
  margin: 16px 0 0;
}

.payment-right b {
  color: #05a7d1;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
}
.payment-right{ width:100%; float:right; height:auto; margin-top:10px}.slider {
	font-size: medium;
}


/*06-09-2016*/

.new-top{width:100%; float:left; margin:20px 0;}
.new-top-left{width:65%; float:left; background:#fff; box-sizing:border-box;}
.new-top-left ul{ padding:10px 15px 20px 15px; width:100%; background:#fff; box-sizing:border-box; float:left;}
.new-top-left ul li {
  background:url("../images/check.png") no-repeat left;
  box-sizing: border-box;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  margin: 12px 0 0;
  padding-left: 36px;
  padding-top:7px; padding-bottom:7px;
  text-align: left;
  text-transform: uppercase;
  width: 50%;
}
.new-top-left ul li a {
  color: #444444;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

.new-top-right{width:33%; float:right; box-sizing:border-box; background:#fff;}

.new-top h3 {background: #05a7d1; color: #fff; display: block; margin-bottom:0; padding:10px 15px; text-transform: uppercase; text-transform:uppercase; font-size:20px;}
.new-top h4 {background: #ff6600 ;color: #fff; display: block; padding:10px 15px; text-transform:uppercase; font-size:20px;}

.guarantee{
  background: #f8f8f8 ;
  box-sizing: border-box;
  float: left;
  width: 100%;
}

.guarantee ul {
  float: left;
  background: #f8f8f8 !important;
  padding: 15px;
  width: 100%;
}

.guarantee ul li {
  background: #ebebeb;
  font-size: 17px;
  margin-bottom: 5px;
  padding: 10px; line-height:27px; text-transform: capitalize; font-weight:normal;
  text-align: left;
  width: 100%; margin-top:0px;
}

.guarantee ul li strong {
  font-weight: bold;
}
.contact-form-wrap{ width:100%; float:left; background:#f8f8f8; padding-bottom:20px; padding-left:10px; padding-right:10px; box-sizing:border-box;}

.landinpage-white{ background:#fff;}
.landinpage-white h1{ margin-top:0px;}
.landinpage-white p{ color:#000;}
.landinpage-white .bullets-points-div ul li{ color:#000;}


/*roof system*/
.roof-tabs-section{display:inline-block; width:100%;}

.tab {
  overflow: hidden;
  border: 1px solid #000;
   margin-top:20px;
	display:inline-block; 
	width:100%;
	border-bottom:none;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size:20px;
  color:#000;
  width:25%;
  display:inline-block;
  border-right:1px solid rgba(0,0,0,1);
  text-align:left;
  position:relative;
}

.tab button:last-child{margin-right:0; border-right:none;}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ff6600;
  color:#fff;
  outline:none;
}

/* Create an active/current tablink class */
.tab button.active {
 background:#ff6600;
 color:#fff;
 outline:none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 30px 15px;
  border: 1px solid #000;
  color:#fff;
  margin-top:-5px;
  box-sizing:border-box;
  width:100%;
}

.tab-head{display:inline-block; width:100%; margin-bottom:30px;}
.specification-list h3, .tab-head h3{color:#05a7d1; margin-bottom:10px; font-size: 25px; text-transform: uppercase; font-weight: normal; font-weight:600;}

.specification-list{display:inline-block; width:100%; margin-bottom:50px;}
.specification-list ul{padding-left:15px;}
.specification-list ul li{ width:48%; list-style-image: url(../images/bullate.png); color: #000; font-size: 16px; float:left; line-height:26px;} 
.specification-list ul li:nth-child(2n){float:left;}
.specification-list ul li strong{font-weight:500; margin-right:10px;}


.roof-gallery-outer{display:inline-block; width:100%; margin-top:0px; text-align:center;}
.roof-box{display:inline-block; width:31.5%; margin-right:20px; margin-top:30px; text-align:center; border:1px solid rgba(0,0,0,0.9); padding:0px; padding-bottom:0;}
.roof-box:nth-child(3n){margin-right:0; }
.roof-box figure{padding-top:8px;}
.roof-box:first-child,.roof-box:nth-child(2),.roof-box:nth-child(3){margin-top:0;}
.roof-box  h4{padding:10px; color:#fff; background:#05a7d1; margin-top:10px; font-size:20px; text-decoration:none;}

.roof-box a{display:block; text-decoration:none;}

.fancybox-overlay{background:rgba(0,0,0,0.9) !important;}



.roof-tabs-section .tab button.tablinks:after{position:absolute; right:10px; top:50%; border-radius:50%; background: url(../new_home_images/plus-ic.png) no-repeat;  width: 18px; height:18px;  transform:translateY(-50%); background-position:center; background-size:100% 100%; content:''; z-index:1;}

.roof-tabs-section .tab button.active:after{background: url(../new_home_images/minus-ic-wt.png) no-repeat; top:50%; background-size:100% 100%;}

.contact a {
    font-weight: 100;
    color: #156077;
    font-size: 20px;
    text-decoration: none;
    margin-right: 20px;
}
@media (min-width:1024px){
	.banner{min-height: 334px;margin-top: 100px;}
}
@media (max-width:767px){
	.top-sec{min-height: 40px;}
	.banner{min-height: 86px;}
	.logo {min-height: 66px;}
	.top-second i{min-height: 160px;}
	.mean-container a.meanmenu-reveal span span {position: absolute;width: 22px;height: 3px;top: 11px;}
.mean-container a.meanmenu-reveal span span span {top: 2px;}

}
@media screen and (max-width:640px)
{
.new-top-left, .new-top-right{ width:100%;}
}

@media screen and (max-width:480px)
{
.new-top-left ul li{ width:100%;}
}