@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');


body{font-family: Roboto;   margin: 0; padding: 0; font-size: 16px; color: #20262e;}
h2 {font-size: 48px; font-weight: 700;}
img {width: 100%; height: auto;}
header#header_main { width: 100%; height: auto; display: inline-block;}
header#header_main .header_inner_top { width: 100%; height: auto; background: #000; color: #fff; text-align: center; font-family: 'Questrial';}
header#header_main .header_inner_top p { font-size: 17px; margin: 0; padding: 10px;}
.header_nevbar_section nav.navbar.navbar-default { border: 0; box-shadow: none;  background: unset; margin: 0;}
.header_nevbar_section a.navbar-brand { display: inline-block; height: auto; padding: 25px 25px 23px 0px;}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li a { font-size: 14px; font-weight: 500; color: #232323; margin-top: 56px; text-transform: uppercase; padding: 10px 22px;}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li a.btn-defalt.quote_btn { padding: 14px 30px; font-weight: normal; text-transform: unset; background: #542312; color: #fff; border-radius: 6px; margin-top: 52px;}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li.dropdown a { margin-right: 30px;}
.header_nevbar_section { width: 100%; height: auto; display: inline-block; background: #fff;}
.header_nevbar_section nav.navbar.navbar-default button.navbar-toggle.collapsed {border: 0;margin-top: 8%;}
.header_nevbar_section nav.navbar.navbar-default button.navbar-toggle.collapsed span.icon-bar {height: 3px;
    background: #542312;}
section#main_slider_section { width: 100%; height: auto; display: inline-block;}
section#main_slider_section .slider_bg_section { background: url(../images/slider_img1.jpg); background-repeat: no-repeat; background-size: cover; background-position: top left; height: 710px; }
section#main_slider_section .slider_bg_section .slider_overly_section { height: 100%; background: rgba(0, 0, 0, 0.35);}
section#main_slider_section .slider_bg_section .slidertext_section { margin-top: 263px;  margin-bottom: 20%; }
section#main_slider_section .slider_bg_section .slidertext_section p.wel_cls {margin: 0; color: #fff; font-weight: 900; font-size: 24px;}
section#main_slider_section .slider_bg_section .slidertext_section h1 { color: #fff;  font-weight: 900;  font-size: 75px; margin-top: 10px; }
section#main_slider_section .slider_bg_section .slidertext_section p { color: #fff; line-height: 27px; padding-right: 20%; margin-bottom: 45px;}
section#main_slider_section .slider_bg_section .slidertext_section a.contact_btn { color: #fff; background: #542312; padding: 12px 30px;  border-radius: 5px; text-decoration: none;}
section#main_slider_section .slick-next { display: none !important;}
section#main_slider_section ul.slick-dots { bottom: 50px !important; }
section#main_slider_section button#slick-slide-control00:before { content: '1' !important; color: #fff; font-size: 14px; top: 3px; left: 3px; opacity: 1;}
section#main_slider_section button#slick-slide-control01:before { content: '2' !important; color: #fff; font-size: 14px; top: 3px; left: 3px; opacity: 1;}
section#main_slider_section button#slick-slide-control02:before { content: '3' !important; color: #fff; font-size: 14px; top: 3px; left: 3px; opacity: 1;}
section#main_slider_section .slick-dots li button { width: 25px; height: 25px; background: #111111; border-radius: 100%;}
section#main_slider_section .slick-dots li { width: 30px;}
section#main_slider_section .slick-dots li.slick-active button:before { opacity: 1;  background: #542312;  border-radius: 100%;  width: 25px;  height: 25px;  margin-top: -3px;  margin-left: -3px; padding: 3px;}
section#main_slider_section .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; background: #542312; border-radius: 100%; width: 25px; height: 25px; margin-top: -3px; margin-left: -3px; transition: .5s; padding: 3px;}

.slick-dotted.slick-slider { margin-bottom: 0 !important;}

section#main_leisure_section { width: 100%; height: auto; display: inline-block; padding-bottom: 57px;}
section#main_leisure_section .leisuretext_section span.topabout { text-transform: uppercase;}
section#main_leisure_section .leisuretext_section h2 { margin: 0; padding: 12px 0px; font-weight: 900; font-size: 38px; margin-bottom: 8px; }
section#main_leisure_section .leisuretext_section p { line-height: 25px; margin-bottom: 20px;}
section#main_leisure_section .leisuretext_section span.abutname { display: block; font-size: 16px; font-weight: 700; line-height: 28px; margin-top: 28px; }
section#main_leisure_section .leisuretext_section span.abutpost { display: block; font-size: 16px; font-weight: 500; line-height: 28px;}
section#main_leisure_section .leisureimg_section { padding-top: 95px; text-align: center; background: url(../images/leisurestore_bacgr.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center bottom;}
section#main_leisure_section .leisuretext_section {padding-top: 58px;}
section#main_leisure_section .leisureimg_section img { width: 100%; cursor: pointer; max-width: 400px; height: auto; box-shadow: 0px 6px 26px 0px #181818; margin-bottom: 96px; margin-top: 0;}

section#our_services_section { width: 100%; height: auto; display: inline-block; background: #f0f1f3; padding-top: 78px; padding-bottom: 120px;}
section#our_services_section h2 { margin: 0; padding-bottom: 25px; text-align: center;}
section#our_services_section .ourservices_inner_section h4 { font-weight: 700; font-size: 20px; margin-top: 23px;}
section#our_services_section .ourservices_inner_section p { margin-bottom: 28px; line-height: 24px;}
section#our_services_section .ourservices_inner_section a { font-size: 16px; font-weight: 700; color: #121212; text-decoration: none; display: flex;}

.ourservices_slider { padding: 15px;}
section#our_services_section .ourservices_inner_section .slick-dots li.slick-active button:before { color: #ff3300;}
section#our_services_section .ourservices_inner_section .slick-dots li button:before { font-size: 50px; color: #ff3300;}
section#our_services_section .ourservices_inner_section .slick-dots li { width: 12px; }
section#our_services_section .ourservices_inner_section .slick-dots li button:hover:before, .slick-dots li button:focus:before { background: transparent;}
.ourservices_inner_section { padding-bottom: 50px;}




section#project_section { width: 100%; height: auto; display: inline-block; padding: 102px 0px;}
section#project_section h2 { margin: 0; padding-bottom: 48px; text-align: center;}
section#project_section .project_inner_section h4 { font-weight: 700; font-size: 24px; margin-top: 30px; margin-bottom: 7px;}
section#project_section .project_inner_section p { line-height: 24px; font-size: 16px; font-weight: 500; color: #7e7e7e; margin-bottom: 12px;}
section#project_section .project_inner_section a { font-size: 15px; font-weight: 700; color: #121212; text-decoration: none;}

section#testmonial_section { width: 100%; height: auto; display: inline-block; background: #f8f8f8; padding-top: 85px; padding-bottom: 92px; text-align: center;}
section#testmonial_section span.testmonal_top { font-weight: 700; color: #919191;}
section#testmonial_section h2 { margin: 0; padding-top: 13px; padding-bottom: 130px; font-size: 36px; }

section#testmonial_section .testimonial_inner {}
section#testmonial_section .testimonial_inner p { font-size: 18px; font-weight: 700; max-width: 825px; margin: 0 auto; padding-bottom: 50px; padding-top: 83px; background: url(../images/quote_img.png); background-repeat: no-repeat; background-position: center top;}
section#testmonial_section .testimonial_inner .testimonal_details { display: inline-block; padding: 10px 0px 10px 75px; background: url(../images/testmonial_img1.jpg); background-repeat: no-repeat; background-position: center left;}
section#testmonial_section .testimonial_inner .testimonal_details span { display: block; font-size: 17px; font-weight: 500; text-align: left; line-height: 28px;}
section#testmonial_section .slick-next:before { color: #000; background: #c4c4c4; padding: 13px; border-radius: 9px;}
section#testmonial_section .slick-prev:before { color: #000; background: #c4c4c4; padding: 13px; border-radius: 9px;}
section#quality_section { width: 100%; height: auto; display: inline-block; background: #542312; padding: 57px 0px;}
section#quality_section h3 { margin: 0; color: #fff; padding: 5px; font-size: 30px;}
section#quality_section a.view_bton { color: #542312; text-decoration: none; background: #fff; font-size: 15px; padding: 12px 35px; border-radius: 7px;}

footer#mainfooter_section { width: 100%; height: auto; background: #fff; display: inline-block; padding-top: 93px;}
footer#mainfooter_section h3.footer_title { margin: 0; font-weight: 700; color: #542312;}
footer#mainfooter_section .footer1 a img { max-width: 98px; width: 100%; margin-bottom: 42px;}
footer#mainfooter_section .footer1 p { font-size: 18px;}
footer#mainfooter_section .footer1 a.abut_bton_footer { background: #542312; color: #fff; text-decoration: none; padding: 12px 40px; border-radius: 7px; margin-top: 25px; display: inline-block;}
footer#mainfooter_section ul li a { text-decoration: none; color: #232323; line-height: 37px; font-size: 18px;}
footer#mainfooter_section ul { padding-left: 0; list-style: none; padding-top: 28px;}
footer#mainfooter_section .footer4 ul li.address { line-height: 23px; padding: 8px 0px 8px 70px; background-repeat: no-repeat; background-position: left 8px;}
footer#mainfooter_section .footer4 ul li.phnumbr { padding: 8px 0px 8px 70px;background-repeat: no-repeat; background-position: left -79px;}
footer#mainfooter_section .footer4 ul li.emailaddress { padding: 12px 0px 8px 70px;background-repeat: no-repeat; background-position: left -143px;}
footer#mainfooter_section .copyright_section { background: #242323;}
footer#mainfooter_section .copyright_section p { color: #878787; font-size: 20px; margin: 0px;}
footer#mainfooter_section .copyright_section a { color: #878787; font-size: 20px; text-decoration: none;}
footer#mainfooter_section .footer4 ul li.phnumbr a { line-height: unset; display: block;}
footer#mainfooter_section .copyright_section { background: #242323; padding: 28px 0px; margin-top: 40px;}

section#main_leisure_section .leisureimg_section img:hover { transform: scale(1.1); transition: all 0.5s ease;}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li a:hover { color: #542312; opacity: 0.7; transition: all 0.5s ease;}
section#main_slider_section .slider_bg_section .slidertext_section a.contact_btn:hover { opacity: 0.7; transition: all 0.5s ease;}
section#our_services_section .ourservices_inner_section a:hover { color: #542312; opacity: 0.7; transition: all 0.5s ease;}
.ourservices_slider:hover { transform: scale(1.04); transition: all 0.5s ease;}
section#project_section .project_inner_section div.projectblock:hover { transform: scale(1.05); transition: all 0.5s ease;}
section#quality_section a.view_bton:hover { opacity: 0.7; transition: all 0.5s ease;}
footer#mainfooter_section ul li a:hover { color: #542312; opacity: 0.7; transition: all 0.5s ease;}
footer#mainfooter_section .copyright_section a:hover { color: #fff; transition: all 0.5s ease;}
footer#mainfooter_section .footer1 a.abut_bton_footer:hover {   opacity: 0.7; transition: all 0.5s ease;}
section#testmonial_section .testimonial_inner_slider.slick-initialized.slick-slider.slick-dotted:hover button { visibility: visible; transition: all 0.5s ease; }

/*Roshni's css Date=5/03/19*/
/*about-us page*/
.header_nevbar_section ul.dropdown-menu li a {margin-top: 5px !important; margin-right: 0px !important;}
section#main_about_section {background: url(../images/about-us-banner.jpg) no-repeat; background-size: cover;}
.about-us-banner, .about-us-banner a {color: #fff; text-decoration: none;}
.about-us-banner p a.home-pg:after { content: '»'; padding: 0 20px;}
.about-us-banner { padding: 99px; padding-left: 185px;}
.about-us-banner h1 { margin-top: 0px; padding-top: 0px;}
.leisureimg-section{padding-top: 75px;}
section#main_leisure_section .business-hours_section h2 { padding-right: 57px !important;}
section.business-time-sec {
    background: url(../images/business-hours-img.jpg) no-repeat;
    color: #fff;
    padding: 45px 0;
    background-size: cover;
}
.leisureimg-section img:hover {
    transform: scale(1.02);
    transition: .5s;
}
.business-time-sec .time_area {margin-top: 20px;}
.our-products-area p { margin-bottom: 7px !important;}
.our-products-area p.tex-light { color: #afafaf;}
.our-products-area h2 { font-size: 30px;}

/*Inquiries page*/

.inquiries-sec ul li {background: url(../images/pdf-icon.png) no-repeat left; padding: 20px 0px; padding-left: 77px !important;}
.inquiries-sec ul li a{font-size: 18px; color: #542312; font-weight: 500;text-decoration: none;}
.purchse-prodct-section img { box-shadow: 0px 0px 14px #a7a7a7;}
section.purchase-pro-section {margin-bottom: 70px;}
.purchase-product h2 { font-size: 32px;}

/*prices page*/

.prices-section li {padding: 5px 0; font-size: 16px;color: #000;}



/*Date-16/03/19*/
/*screenroom-page css*/
.standing-rooms h3 { font-size: 32px;margin-top: 0px;  margin-bottom: 22px;}
.round-screen-room {
    background: #f5f5f5;
    padding: 18px 0px;
        padding-left: 0px;
    padding-left: 20px;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 8px;
}
.round-screen-room h4 {margin-top: 40px;}
.round-screen-room ul li { margin: 15px 0; font-size: 15px;}
section.Screenroom-section {margin: 30px 0; padding: 35px 0;}
.contact-sec {
    background: #f0f2f2;
    padding-bottom: 20px;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 5px;
}
.contact-sec h3 { background: #542312; color: #fff; padding: 13px; text-align: center; margin-top: 0;}
.contact-sec div { padding: 10px 25px;}
.contact-sec span.gry-bground { min-width: 90px; display: inline-block; color: #555555; font-weight: 600;}
.contact-sec span a { color: #000; text-decoration: none;}
.payment-sec { margin-top: 55px;}
.payment-sec h3 { background: #4a9f46;}
.payment-sec img { width: auto; border-radius: 5px;}
.payment-sec span {display: inline-block; margin: 0 13px; }
.payment-sec p { padding: 0px 15px; margin-bottom: 15px;}
.Authorized-img h3 {background: #542312; padding-top: 15px;}
.quality-Provider { margin-top: 55px;}
.quality-Provider li { padding: 8px 0;}
.Authorized-img {padding-bottom: 0;}
/*.load-more-btn {margin-top: 55px; background: #f0f2f2; padding: 15px; text-align: center; box-shadow: 0px 4px 1px #cecece;}
*/.load-more-btn a {color: #000; text-decoration: none;}
.clorurs-tabs-sec .nav-tabs {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; background: #000;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #542311; cursor: pointer; background-color: #fff; border: 0px solid #ddd0;
    border-bottom-color: transparent;}

.clorurs-tabs-sec .nav-tabs>li.active>a, .clorurs-tabs-sec .nav-tabs>li>a:hover {
    color: #000;
    border-radius: 0;
    box-shadow: none;
    border: 0;
}
.clorurs-tabs-sec .nav-tabs>li>a { border: 0px solid transparent; color: #fff; font-weight: 500;}
.clorurs-tabs-sec  .nav-tabs>li{ display: inline-block; float: unset;}
.clorurs-tabs-sec { padding: 45px 0;}
.color-area {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.item.item-text { min-width: 50%; margin: 15px 0;}
.color-area .item-text h4 { margin-bottom: 10px;}
.color-area span.colr-box {padding: 30px 25px; margin-top: 19px !important; box-shadow: 0px 5px 15px #dadada; background: #c9ae90; border-radius: 10px; font-size: 14px;
    margin-right: 15px; display: inline-block; min-width: 120px; height: auto; text-align: center;}
.bg-white { background: #fff !important;}
.bg_Beige { background: #786d67 !important;}
.bg-Gray { background: #d8d8d8 !important;}
.bg-Blue { background: #051536 !important; color: #fff;}
.bg-Green { background: #013220 !important; color: #fff;}
.Authorized-img img { width: 100%; max-width: 360px;}


/**/
.freestanding-screen-room { padding-top: 18px;}
.freestanding-screen-room ul { padding-left: 18px; width: 50%; float: left; vertical-align: top; min-height: 175px;}
.freestanding-screen-room h4 { margin-left: -18px; line-height: 24px;}
.freestanding-screen-room ul li { color: #484848; line-height: 27px;}
.freestanding-screen-room ul.lastcolors_ul { width: 100% !important; }
.freestanding-screen-room h4.lftspc_non { margin-left: 0 !important; display: inline-block;}
.rooms_section { display: inline-block; width: 100%; height: auto; padding-top: 30px;}
.box-inner {  width: 100%;  height: auto; margin-bottom: 30px; position: relative;}
.box-inner .boxxx { position: relative;}
.box-inner .boxxx p { position: absolute; bottom: 0; color: #fff; padding: 22px 15px; background: rgba(0, 0, 0, 0.39); width: 100%; height: 70px;  margin: 0;}
.box-inner a img { max-width: 72px; display: block; width: 100%; margin: 0 auto; padding: 20px;}
.box-inner a { z-index: 999; opacity: 0; position: absolute; top: 0; background: transparent; padding: 84px 20px; text-align: center; width: 100%; height: 100%; color: #fff; text-decoration: none;}
.box-inner a:hover { background: rgba(0, 0, 0, 0.47); opacity: 1; transition: .3s;}


/*Footprints page css*/
.footprints-img ul li {width: 28%; float: left; margin: 5px 15px;}
.footprints-img {
    display: inline-block;
    width: 100%;
}
.footprints-table table, .footprints-table th {
  border: 1px solid black;
  border-collapse: collapse;
}
.footprints-table th, .footprints-table td {
  padding: 5px;
  text-align: left;    
}
.footprints-table tr, .footprints-table td {
    border-right: 1px solid #000;
}
.footprints-table tr td {
    background: #f2eded;
    border-bottom: 2px solid #000;
    padding: 11px;
}
.footprints-table th {
    padding: 15px;
}

.optional-table th,.optional-table td,.optional-table tr {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border: 1px solid #ccc;
}
.optional-table tr td:nth-child(2n) {
    box-shadow: 0px 0px 12px #ccc;
    margin: 21px;
    text-align: center;
    height: 75px;
    display: inline-block;
    width: 76%;
    padding-top: 14px;
}
.notice-points li {
    margin: 15px 0;
}

.notice-points li:before {
    content: '•';
    margin-right: 9px;
    font-size: 17px;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 0px 7px;
}
.Specifications-text h3 {
    margin-bottom: 25px;
}
.Specifications-text p {
    margin-bottom: 25px;
}
.Guarantee-Structure {
    border-bottom: 2px solid #ccc;
    padding: 27px;
    margin-bottom: 15px;
}
.warranty-text span.one-ltr {
    font-size: 59px;
    padding: 0px 17px;
    box-shadow: 0px 0px 12px #ccc;
    margin-right: 8px;
}
.Guarantee-Structure:last-child {
    border: none;
    margin: 0;
}
.dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
}
.price-size li {
margin: 25px 20px;
}

.price-table tr {
    height: 60px;
    border: 1px solid #ccc;
    display: inline-table;
    width: 100%;
}
.price-table th {
    text-align: center;
}
.price-table tbody td {
    display: inline-block;
    width: 20%;
    padding-left: 30px !important;
    vertical-align: middle;
}
.price-table tbody tr:first-child {
    background: #dadada;
}

.collapse-text .accordion {
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    margin: 10px 0;
    border-color: #eee;
    border: 2px solid #c5c5c5;
    background: unset !important;
}
.collapse-text .active, .collapse-text .accordion:hover {
  background-color: #ccc;
}

.collapse-text .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
 border: none;
}
.collapse-text button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.collapse-text button.accordion.active:after {
    content: "\2212";
}






.photo-popup .row > .column {
    padding: 0 8px;
    margin: 10px 0px;
}

.photo-popup .row:after {
  content: "";
  display: table;
  clear: both;
}

.photo-popup .column {
    float: left;
    width: 25%;
}
.photo-popup .row > .column img {
    border-radius: 5px;
}

/* The Modal (background) */
.photo-popup .modal {
    position: fixed;
    z-index: 1;
    padding-top: 21px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
 background-color: rgba(0, 0, 0, 0.788235294117647);
}

/* Modal Content */
.photo-popup .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 65%;
    max-width: 1200px;
}

/* The Close Button */
.photo-popup .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}



.photo-popup .close:hover,
.photo-popup .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.photo-popup .mySlides {
  display: none;
}

.photo-popup .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.photo-popup .prev,
.photo-popup .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.photo-popup .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.photo-popup .prev:hover,
.photo-popup .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.photo-popup .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.photo-popup img {
    margin-bottom: -4px;
    border-radius: 5px;
}

.photo-popup .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.photo-popup .demo {
  opacity: 0.6;
}

.photo-popup .active,
.photo-popup .demo:hover {
  opacity: 1;
}

.photo-popup img.hover-shadow {
  transition: 0.3s;
}

.photo-popup .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/**/
a.dropdown-toggle {
    margin-right: 0px !important;
}
.about-us-banner {
    padding-left: 95px;
}

.morelink {
    margin-top: 55px;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 4px 1px #cecece;
    width: 97%;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    background: #d4d4d4;
}
.projectblock img {
    border-radius: 5px;
}
.quality-Provider h3 {
    background: #4a9f46;
}
.leisureimg-section img {

    box-shadow: 0px 0px 15px #d8d8d8;
    border-radius: 5px;

}

.round-screen-room a.morelink:focus, .round-screen-room a.morelink:hover {
    color: #fff;
    text-decoration: underline;
    background: #717171;
    transition: .5s;
    text-decoration: none;
}
.color-area span.colr-box:hover {
    transform: scale(1.1);
    transition: .5s;
    box-shadow: 0px 3px 6px #8a8a8a;
}
/*.photo-popup img:hover {
    transform: scale(1.04);
    opacity: .75;
}*/

.contact-sec:hover {
transform: scale(1.02);
transition: .5s;
}
.soft-vinyl-side-img {
background: #fff;
padding: 5px;
padding-bottom: 15px;
box-shadow: 0px 0px 15px #ccc;
border-radius: 5px;
}
.soft-vinyl-side-img p {
padding-top: 25px;
font-size: 14px;
text-align: center;
}
.standing-rooms p img:hover {
    opacity: 1;
    transform: scale(1.02);
    transition:.3s;
}
.roof-screen-room {
margin-top: 35px;
padding: 40px 20px;
}
.standing-rooms p img {
float: right;
}
.standing-rooms p img {
    float: right;
    border-radius: 5px;
    width: auto;
    height: auto;
    max-width: 220px;
    opacity: .90;
}
.roof-pitch .table {
border: 1px solid #ccc;
}
.roof-pitch .table tr:nth-child(2n+1) {
background: #e2e2e2;
}
.aluminum-roof {
text-align: center;
background: #f0f2f2;
padding: 15px;
padding-bottom: 15px;
border-radius: 7px;
margin-bottom: 20px;
box-shadow: 0px 0px 15px #ccc;
padding-top: 30px;
}
.aluminum-roof img {
max-width: 550px;
max-height: 405px;
margin: auto;
border-radius: 5px;
}
.aluminum-roof p {
margin-top: 25px;
}
.aluminum-roof img:hover {
opacity: .85;
transform: scale(1.05);
transition: .5s;
}
.platinum-roof p {
margin: 27px 0;
}
.platinum-roof h3 {
margin-bottom: 33px;
margin-top: 0;
}
.conversation-kit {
padding: 100px 18px;
}
.soft-vinyl-roof h3 {
margin-top: 0px;
margin-bottom: 25px;
}
.snow-load table, .snow-load tr {
border: 1px solid #ccc;
}
.snow-load table tr th, .snow-load table tr td {
padding: 15px;
}
.footprints-img img,.roof-pitch-img img {
width: 100%;
height: auto;
max-width: 550px;
display: block;
}
.roof-pitch-img a {
border: 1px solid #ccc;
padding: 15px;
display: inline-block;
margin: 25px 0;
background: #542312;
color: #fff;
border-radius: 9px;
}
.roof-pitch-img a:hover {
background: #ddd;
color: #000;
transition: .5s;
}
.roof-pitch-img {
margin: 25px 0;
}
.roof-pitch h4 {
margin-top: 40px;
margin-bottom: 25px;
}
.roof-pitch-content p {
margin-bottom: 45px;
}
.Measurements-img img,.roof-pitch img {
width: auto;
box-shadow: 0px 0px 15px #ccc;
margin-bottom: 40px;
border-radius: 5px;
margin-top: 30px;
}
.Measurements-img img:hover, .roof-pitch img:hover {
transform: scale(1.05);
transition: .5s;
}

.round-table tbody td, .round-table tbody th {
    width: 25%;
    text-align: center;
    vertical-align: middle !important;
}






.round-screen-room img:hover {
transform: scale(1.05);
transition: .5s;
}

.round-screen-room img {
max-width: 238px;
height: auto;
border-radius: 10px;
margin-right: 55px;
box-shadow: 0px 0px 8px #202332;
}














 @media (min-width:992px) and (max-width:1199px) {
.conversation-kit {
    padding: 35px 18px;
}
.clorurs-tabs-sec .nav-tabs>li>a {
    font-size: 14px;
}}



@media (min-width:768px) and (max-width:991px){.conversation-kit {
padding: 35px 18px;
}
.clorurs-tabs-sec .nav>li>a {
    padding: 9px 8px !important;
    font-size: 12px;
}
.round-screen-room img {
    max-width: 170px;
    margin-right: 10px;
}

}


@media (max-width:767px){

.page-id-929 .round-screen-room ul li {
    margin-bottom: 0 !important;
}

.round-screen-room img {
    max-width: 150px !important;
    margin-right: 10px !important;
}
.header_nevbar_section a.navbar-brand {
    padding: 10px 25px 8px 0px !important;
    max-width: 100px !important;
}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li a {
    margin-top: 0px !important;
}
.header_nevbar_section ul.nav.navbar-nav.navbar-right li a.btn-defalt.quote_btn {
    margin-top: 0 !important;
}
footer#mainfooter_section .copyright_section p {
    font-size: 12px !important;
    text-align: center !important;
    float: none !important;
}
footer#mainfooter_section .copyright_section a {
    font-size: 12px !important;
    float: none !important;
    text-align: center !important;
}
.about-us-banner {
    padding: 65px 20px !important;
    text-align: center !important;
}
header#header_main .header_inner_top p {
    font-size: 10px !important;
    padding: 4px 0px !important;
}
}


@media (max-width:479px){
.standing-rooms p img {
    max-width: 130px;
}
.round-screen-room img {
    max-width: 205px;
    float: none !important;
    text-align: center;
    margin: 15px auto;
}
}


/* Roshni for contact us 27/03/2019 */

/*.contact-icon li:first-child {
background: url(../images/location.png) no-repeat left center;
padding-left: 44px;
background-size: 20px;
}
.contact_newsletter {
background: #fff;
border-radius: 15px;
margin-top: 50px;
}
.contact_inner_sec p {
color: #000;
}
.contact_inner_sec,.contact-icon {
padding: 25px;
}
.contact-icon li:nth-child(2n) {
background: url(../images/phone_icon.png) no-repeat left center;
padding-left: 44px !important;
background-size: 20px;
padding: 20px 0;
}
.contact-icon li:last-child {
background: url(../images/mail_icon.png) no-repeat left center;
padding-left: 44px;
padding-top: 20px;
padding-bottom: 20px;
background-size: 20px;
}
.contact_inner_sec h3 {
color: #542311;
padding-top: 0;
font-weight: 600;
}
.contact_inner_sec p:nth-child(n+1) {
color: #777;
font-weight: 700;
}
.contact_inner_sec p:nth-child(2n+1) {
color: #000;
font-weight: normal;
}
.contact-icon li {
font-size: 16px;
font-weight: 700;
}
.contact_inner_sec {
border-right: 2px solid #ccc;
border-right-style: dashed;
}
#contact_us_wrapper .contact_left_form .btn-primary:hover {
color: #542311;
background: #fff;
transition: .5s;
}*/


#contact_us_wrapper {
    padding-bottom: 80px;
}
#contact_us_wrapper {
    background: #333 url(../images/contact-us-bg.jpg) no-repeat center top;
    background-size: cover;
}
.contact_top_form h3 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    padding: 70px 0 10px;
}
.contact_top_form p {
    color: #fff;
    font-size: 18px;
    padding-bottom: 9px;
}
.main_contact_box {
    background: #fff;
    border-radius: 25px;
    padding: 0 15px;
}
.contact_left_form {
    padding-top: 55px;
    padding-left: 45px;
    padding-right: 50px;
}
#contact_us_wrapper .form-group {
    margin-bottom: 0px;
}
.wpcf7-form-control-wrap {
    position: relative;
}

#contact_us_wrapper .contact_left_form select.form-control,#contact_us_wrapper .contact_left_form input.form-control,#contact_us_wrapper .contact_left_form textarea {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
    padding-left: 40px;
    font-size: 16px;
    padding-top: 0;
}

#contact_us_wrapper .form-control-feedback {
    right: inherit;
    left: 15px;
    color: #542311;
    font-size: 20px;
}

#contact_us_wrapper .contact_left_form .btn-primary {
    background: #542311;
    border-color: #542311;
    padding: 15px 50px;
    font-size: 18px;
    border-radius: 5px;
}


#contact_us_wrapper .contact_left_form label {
    padding-left: 35px;
    color: #9a9a9a;
    font-weight: normal;
}

.contact_right_bg {
    background: #542311;
    padding: 30px 25px;
    border-radius: 0 25px 25px 0;
    color: #fff;    
}
.appointment-content-sec h3,.appointment-content-area h4 {
    color: #542311;
    padding: 0px;
}

/*extra css contact us page*/
.main_contact_box .form-group textarea.form-control {
    height: 115px !important;
}
#contact_us_wrapper .form-group .form-control-feedback {
    display: block;
    line-height: 60px;
}
#contact_us_wrapper .form-group .fa-comment {
    line-height: 1;
}
/*extra css contact us page*/


.appointment-content-sec p,.appointment-content-area p {
    color: #989898;
}
.appointment-content-sec {
    padding-top: 25px;
}
.appointment-content-area {
    padding-bottom: 25px;
}
.bussiness-hours {
    margin-bottom: 15px;
    border-bottom: 2px solid #966553;
}
.working-hours li {
    font-size: 14px;
    display: flex;
    justify-content: space-around;
}
.working-hours li span {
    border-right: 1px solid #fff;
    padding-right: 20px;
    margin-right: 0px;
    margin: 5px 0;
}
.working-hours li span:nth-child(2n) {
    border: none;
}
.working-hours {
    padding-bottom: 5px;
    border-bottom: 2px solid #966553;
}
.working-hours:nth-child(2n+1) {
    border: none;
}



/*Date-27/03/19*/
.contact-icon li:first-child {
    background: url(../images/location.png) no-repeat left center;
    padding-left: 44px;
    background-size: 20px;
}
/*.contact-icon li {
    width: 50%;
    float: left;
}*/
.contact_newsletter {
    background: #fff;
    border-radius: 15px;
    margin-top: 50px;
}
.contact_inner_sec p {
    color: #000;
}
.contact_inner_sec,.contact-icon {
    padding: 25px;
}
.contact-icon li:nth-child(2n) {
    background: url(../images/phone_icon.png) no-repeat left center;
    padding-left: 44px !important;
    background-size: 20px;
    padding: 20px 0;
}
.contact-icon li:last-child {
    background: url(../images/mail_icon.png) no-repeat left center;
    padding-left: 44px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 20px;
}
.contact_inner_sec h3 {
    color: #542311;
    padding-top: 0;
    font-weight: 600;
}
.contact_inner_sec p:nth-child(n+1) {
    color: #777;
    font-weight: 700;
}
.contact_inner_sec p:nth-child(2n+1) {
    color: #000;
    font-weight: normal;
}
.contact-icon li {
    font-size: 16px;
    font-weight: 700;
}
.contact_inner_sec {
    border-right: 2px solid #ccc;
    border-right-style: dashed;
}
#contact_us_wrapper .contact_left_form .btn-primary:hover {
    color: #542311;
    background: #fff;
    transition: .5s;
}


.deck-roof img {
max-width: 238px;
height: auto;
border-radius: 10px;
margin-right: 15px;
box-shadow: 0px 0px 8px #202332;
margin-left: 25px;
}
span.colr-box.bg-Earthstone {
background: #6b706a;
}
.price_table tbody td {
width: 32% !important;
text-align: center;
}
.roof-pitch-text table, thead, tr {
border: 1px solid #000;
}
.roof-pitch-text th, .roof-pitch-text td {
padding: 14px;
}

.price-table tbody td {
display: table-cell;
text-align: center;
width: unset;
}
.prc_tbl tr {
display: table-row;
}
.carport_roof li {
margin-left: 15px;
padding: 10px 0;
}
.pic-popup .column {
width: 26% !important;
}
.optional-item li {
margin-left: 15px;
}
.Guarantee-Structure:hover {
box-shadow: 0px 0px 5px #ccc;
}

.footprints-img img, .roof-pitch-img img {
box-shadow: 0px 0px 5px #ccc;
}
.sunroom-nots li {
margin: 10px 15px;
}

.optnl-itm .table>tbody>tr>td, .optnl-itm .table>tbody>tr>th, .optnl-itm .table>tfoot>tr>td, .optnl-itm .table>tfoot>tr>th, .optnl-itm .table>thead>tr>td, .optnl-itm .table>thead>tr>th {
padding: 15px;
}
.solarium-slider-content {
position: absolute;
bottom: 0;
color: #fff;
right: 0;
left: 0;
padding-left: 5%;
padding-bottom: 10%;
}
.solarium-slider {
position: relative;
}
.solarium-slider-content p {
font-size: 28px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
}
.solarium-slider-content small {
font-size: 20px;
}

.platinum-roof .slick-dots li.slick-active button:before {
opacity: .75;
color: #542311;
}
.platinum-roof .slick-dots li button:before {
font-size: 35px;
color: #542311;
}
.digit-area {
display: inline-block;
width: 33%;
float: left;
}
.digit-area {
display: inline-block;
width: 15%;
float: left;
margin-right: 27px;
border-right: 2px solid #ccc;
border-right-style: dashed;
}
.digit-area:last-child {
border: unset;
}
.solarium_slide:last-child{margin-top: 30px;}
.solarium-sec {
padding: 30px 20px !important;
}
.solarium_slide.slick-initialized.slick-slider.slick-dotted {
width: 90%;
margin: auto;
height: auto;
}
.solarium-sec {
margin: 40px 0;
}
.comment {
background: none;
box-shadow: unset;
}
.solrim-section .morelink {
margin-top: 8px;
}

@media (min-width:768px) and (max-width:991px){.contact_top_form h3 {
font-size: 25px;
padding: 70px 0 15px;
}
.contact_top_form p {
font-size: 16px;
}
.working-hours li span {
padding-right: 25px;
margin-right: 25px !important;
}
.working-hours li {
justify-content: start;
}
.contact_inner_sec h3 {
padding-top: 0;
}}

@media (max-width:767px){.working-hours li span {
padding-right: 25px;
margin-right: 25px !important;
}
.working-hours li {
justify-content: start;
}
.contact_inner_sec {
border-bottom: 2px solid #ccc;
border-bottom-style: dashed;
border-right: unset;
}
.contact_top_form h3 {
font-size: 30px;
}
.contact_top_form p {
font-size: 16px;
}}

@media (max-width:479px){.contact_left_form {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
}
.contact_top_form h3 {
font-size: 25px;
}
.working-hours li span {
padding-right: 0px;
margin-right: 18px !important;
}

.contact-icon li {
font-size: 13px;
}}

.column img:hover {
transform: scale(1.04) !important;
opacity: .75 !important;
transition: .5s;
}
.collapse-text .active, .collapse-text .accordion:hover {
background-color: #542311cf !important;
color: #fff;
}

/*DATE-29/03/19*/
.track-window-roof {
min-height: 1060px;
}
.track-window {
margin-bottom: 60px;
}

.track-content.Measurements-content {
padding: 10px 0;
}
.track-content h4 {
color: #542311;
margin-bottom: 15px;
}


.Specifications-text p img {
max-width: 345px !important;
}
.Specifications-img {
width: 45%;
float: left;
margin: 0 10px;
}
.Specifications-img img {
border-radius: 10px;
}
.Specifications-img img:hover{opacity: .85;
transform: scale(1.02);
}
.img-specton {
display: inline-block;
padding: 15px 0;
width: 100%;
}
.Specifications-text.standing-rooms {
padding: 20px 0;
}
.sunroom_content {
margin: 35px 0px;
}

.sunroom_slide {
margin-top: 35px !important;
}

.sunroom_slide.slick-initialized.slick-slider.slick-dotted {
width: 50%;
height: auto;
box-shadow: 0px 0px 6px #ccc;
border-radius: 10px;
}
.sunroom_slide img {
border-radius: 10px;
}
.sunroom-photos-txt li {
padding: 15px 0;
}
.sunroom-photos-txt {
padding-top: 35px;
}

.photo-popup img {
max-width:240px;
margin: 15px;
box-shadow: 0px 0px 5px #ccc;
}
.fancybox-image, .fancybox-spaceball {
border-radius: 10px;
}

.testimonial_inner_slider .slick-next {
    right: 0px;
}


/*pricies page html*/
.pricies-room {
    padding: 20px 40px;
    margin-top: 25px;
}

.pricies-room h3 {
    margin-bottom: 20px;
    color: #542311;
}
.pricies-room ol {
    margin-top: 30px;
}
.pricies-room .space {
    height: 20px;
}
.effective-date p {
    color: #b1b1b1;
    font-weight: 600;
}
.effective-date p:last-child {
    color: #542311;
}
.pricies-room ol li {
    margin: 25px 0;
}
.effective-date {
    margin-top: 30px;
}

/*Broucher page css*/
.broucher_image {
margin: 45px 0;
}
.broucher_image h2 {
text-align: center;
}
.broucher-summarry-sec h2 {
margin-bottom: 30px;
text-align: center;
margin-top: 30px;
}
.broucher-img img {
border-radius: 10px;
box-shadow: 0px 0px 15px #ccc;
}
.broucher-img {
margin: 15px;
}
.broucher-img img:hover {
transform: scale(1.02);
transition: .5s;
}
span.colr-box.bg-Clear {
    background: #b2b5bc;
}

span.colr-box.bg-Black {
    background: #000;
    color: #fff;
}
span.colr-box.bg-Brown {
   background:#2c2d27;
	color: #fff;
}
span.colr-box.bg-Driftwood {
   background:#5c5d57;
}
span.colr-box.bg-Burgundy {
   background:#68202b;
}
span.colr-box.bg-Purple {
   background:#50318f;
}
span.colr-box.bg-Fgreen{
   background:#164f40;
}
span.colr-box.bg-Salmon{
   background:#c5585d;
}

span.colr-box.bg-Gold{
   background:#969787;
}
span.colr-box.bg-Taupe{
   background:#a19e97;
}
span.colr-box.bg-Bgreen{
   background:#0d9193;
}
span.colr-box.bg-Dblue{
   background:#203e72;
}
span.colr-box.bg-Grey{
   background:#abb3c0;
}
span.colr-box.bg-Lbeige{
   background:#f2f1ec;
}


body {
  min-height: 800px;
  padding: 20px;
}

.button-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 80px;
  height: 51px;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  background: #145474;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
  padding:0 !important;
}

.button-top-visible {
  opacity: 1;
  pointer-events: auto;
}
.working-hours li:last-child {
display:inline-block !important;
}