/*
Theme Name: KingShutters
Theme URI: http://wordpress.org/themes/kingshutters
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: kingshutters

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8"; 

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

}

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

}

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

}

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

}

@font-face {
    font-family: 'RageItalic';
    src: url('fonts/RageItalic.eot');
    src: url('fonts/RageItalic.eot') format('embedded-opentype'),
         url('fonts/RageItalic.woff2') format('woff2'),
         url('fonts/RageItalic.woff') format('woff'),
         url('fonts/RageItalic.ttf') format('truetype'),
         url('fonts/RageItalic.svg#RageItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

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

}


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { margin:0; padding:0; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color:#909090; font-weight:300; line-height:24px; font-size:16px; overflow-x:hidden; background:#fff;  }
  

a { outline:none; color:inherit; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out; text-decoration:none; }
a:hover   { text-decoration:none; color:inherit; outline:none; text-decoration:none; }
a:focus   { text-decoration:none; color:inherit; outline:none; text-decoration:none; }

input[type=submit] { border:none; outline:none; cursor:pointer; background:url(images/blank.png) no-repeat; }
 
iframe { border:none; }
strong { font-weight:700; }
 

img { border:0; max-width:100%; height:auto; }

hr { border:none; clear:both; margin:15px 0; background:rgba(255,255,255,0.4); outline:none; height:1px; } 

.img-responsive2 { max-width:100%; height:auto; }
.clear { clear:both; }
 
h1 { color:#fff; font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-size:42px; margin:0; padding:15px 0; line-height:44px; font-weight:400; clear:both; }
h2 { font-weight:400; color:#fff; font-family:'Playfair Display', Arial, Helvetica, sans-serif; font-size:20px; line-height:42px; margin:0; padding:0px 0 0px; clear:both; }
h3 { font-weight:400; color:#fff; font-family:'Playfair Display' , Arial, Helvetica, sans-serif; font-size:30px; line-height:36px; margin:0; padding:10px 0 10px;  clear:both; }
h4 { font-weight:400; color:#fff; font-family:'Playfair Display' , Arial, Helvetica, sans-serif; font-size:28px; line-height:38px; margin:0; padding:10px 0 10px; clear:both; }
h5 { font-weight:normal; color:#fff; font-family:'Playfair Display' , Arial, Helvetica, sans-serif; font-size:26px; line-height:32px; margin:0; padding:10px 0 10px; clear:both; font-weight:400; }
h6 { font-weight:400; color:#fff; font-family:'Playfair Display' , Arial, Helvetica, sans-serif; font-size:22px; margin:0; padding:10px 0; line-height:26px; clear:both; }

a.link-style1 { display:inline-block; color:#fff; min-width:210px; padding:20px 15px; line-height:20px; text-align:center; color:#fff; font-size:20px; text-transform:uppercase; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight:400; background:#004166; }
a.link-style1:hover { background:#c4491c; }


.wrapper { margin:0 auto; width:1044px; }


/*top*/
.top { position:relative; width:100%; float:left; padding:0 0 10px; z-index:99; background:url(images/top-bg.jpg) repeat top; }
.logo { float:left; padding:20px 0 0; }
.top-right { float:right; }
.top-reqquote { float:right; background:url(images/request-quotebg.png) no-repeat; width:284px; height:63px; font-size:22px; color:#fff; text-transform:uppercase; clear:both; }
.top-reqquote a { float:left; width:100%; position:relative; padding:15px 0; color:#fff; font-family: 'proxima_nova_rgregular'; text-align:center; }
.top-reqquote a:after { content:''; background:url(images/arrow-img3.png) no-repeat center #fee50e; width:30px; height:30px; display:inline-block; border-radius:100%; vertical-align: middle; margin:-2px 0 0 10px; }
.top-rortext { float:right; clear:both; width:284px; text-align:center; padding:0 0 5px; font-size:48px; color:#000000; line-height:50px; font-family: 'RageItalic'; line-height:20px; margin:-10px 0 0; }
.top-callustext { float:right; padding:0 30px 0 0; clear:both; font-size:39px; color:#cc5607; line-height:40px; font-family: 'Oswald'; font-weight:700; }
.top-callustext span { font-size:30px; color:#292827; }


/*mainmenu*/
.mainmenu { float:left; width:100%; background:rgba(000,000,000,0.80); position:relative; z-index:9999; margin:0 0 -50px; }
.menulink { cursor:pointer; z-index: 99999999999; font-size:20px; font-weight: normal; text-align: left; text-transform:uppercase; bottom-radius:6px; background:#d76226; width:40px; height:40px; padding:0; position:absolute; right:15px; top:15px; color:#fff; display:none; text-align: center; line-height:40px; }
.mainmenu ul { margin:0; padding:0; list-style:none; float:left; }
.mainmenu ul li { float:left; padding:8px; }
.mainmenu ul li a:link , .mainmenu ul li a:visited { color:#fff; font-size:16px; text-transform:uppercase; font-family: 'proxima_novalight'; padding:5px; display:inline-block; }
.mainmenu ul li a:hover { color:#cc5607; }

/*header-slider*/
.header-slider { float:left; width:100%; position:relative; }
ul.slides { margin:0; padding:0; list-style:none; }
.header-slider ul.slides li { position:relative; }
.flexslider ul.slides li { position:relative; display:none }
.flexslider ul.slides li.flex-active-slide{ display:block}
.headerslider-img img { display:none; }
.headerslider-img { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }

.headerslider-content { position:relative; z-index:4; float:left; width:100%; padding:90px 0 50px; }
.headerslider-box { float:right; background:url(images/header-textbg.png) no-repeat center; width:504px; height:424px; text-align:center; }
ul.flex-direction-nav { margin:0; padding:0; list-style:none; }
.header-slider .flex-prev { position:absolute; background:url(images/left-arrow.png) no-repeat center rgba(254,229,14,0.60); font-size:0; text-indent:-9999px; width:58px; height:58px; border-radius:100%; top:50%; margin:-29px 0 0; left:4%; }
.header-slider .flex-next { position:absolute; background:url(images/right-arrow.png) no-repeat center rgba(254,229,14,0.60); font-size:0; text-indent:-9999px; width:58px; height:58px; border-radius:100%; top:50%; margin:-29px 0 0; right:4%; }
.headerslider-content .flex-prev:hover , .headerslider-content .flex-next:hover { background-color:rgba(254,229,14,0.90); }
.headerslider-box h2 { color:#bb4c02; font-size:100px; line-height:100px; padding:0; font-family: 'staccato222_btregular'; padding:75px 0 0; }
.headerslider-box h3 { font-family: 'Playfair Display', serif; font-size:33px; line-height:34px; color:#000000; position:relative; }
.headerslider-box h3:before { position:absolute; left:50%; background:#d0bb05; height:1px; width:290px; margin:0 0 0 -145px; content:''; bottom:1px; }
.headerslider-box h3:after { position:absolute; left:50%; background:#e7d00b; height:1px; width:290px; margin:0 0 0 -145px; content:''; bottom:0px; }
.headerslider-btext { font-family: 'HelveticaNeueRegular'; font-size:19px; color:#000000; padding:10px 80px 0; }
.headerslider-btext p { margin:0; padding:0 0 8px; }
a.viewgallery-link  { background:url(images/viewlink-bg.png) no-repeat; width:496px; height:104px; display:inline-block; font-family: 'avantgarde_md_btmedium'; line-height:74px; color:#fff; font-size:27px; }
a.viewgallery-link:hover { color:#000; }

p { float:justify; padding:0 70px 0 0; font-size:17px; color:#000; font-family: 'proxima_novalight'; position:relative; }
ul li { color:#000; font-size:17px; font-family: 'proxima_novalight'; padding:5px;}

.content-main { float:left; width:100%; padding:50px 0 0; position:relative; z-index:5; }
.content-left { float:left; width:600px; padding:0 70px 0 0; font-size:17px; color:#4b4c46; font-family: 'proxima_novalight'; position:relative; }
.content-left h2 { color:#000; font-size:49px; line-height:50px; padding:0 0 10px; font-family: 'Playfair Display', serif; }
.more-link { position:absolute; right:0; top:0; background:url(images/more-bg.png) no-repeat; background-size:100% auto; width:118px; height:111px; font-size:0px; }  
.content-right { float:right; width:440px; }
.content-right img { margin:-30px 0 -55px; float:right; position:relative; }
.content-rlink { float:right; background:url(images/text-bg.png) no-repeat; width:584px; height:75px; line-height:65px; margin:-90px 220px 0 0; padding:0 0 0 40px; font-size:27px; font-family: 'proxima_novasemibold'; color:#000; text-transform:uppercase; }
.content-rlink:after { display:inline-block; content:''; background:url(images/arrow-img.png) no-repeat center #000; width:33px; height:33px; border-radius:100%; margin:15px 0 0 7px; vertical-align:top; }
.content-rlink:hover { color:#bb4c02; }
.content-rlink:hover:after { background-color:#bb4c02; }

.gallery-slidermain { float:left; width:100%; background:url(images/bg.png) no-repeat top center; min-height:700px; text-align:center; color:#fff; padding:50px 0 0; position:relative; }
.gallery-slidermain h3 { color:#fee50e; font-size:65px; line-height:70px; padding:0; font-family: 'staccato222_btregular'; } 
.gallery-slidermain h2 { color:#fff; font-size:70px; line-height:75px; padding:0 0 10px; font-family: 'Playfair Display'; } 

a.ViewGallery-link  { position:absolute; background:url(images/text-bg3.png) no-repeat center top; width:287px; height:87px; line-height:65px; text-align:center; color:#fee50e; font-size:26px; font-family: 'proxima_novasemibold'; left:50%; bottom:-35px; margin:0 0 0 -143px; }
a.ViewGallery-link:hover { color:#fff; }

.testimonial-contentmain { float:left; width:100%; }
.testimonial-left { position:relative; float:left; margin:0 0 0 250px; width:480px; padding:50px 0 0; font-size:17px; color:#4b4c46; font-family: 'proxima_novalight'; }
.testimonial-left h2 { padding:0 0 10px; font-size:86px; color:#c8530e; font-family: 'staccato222_btregular'; line-height:80px; }
.testimonial-left p { margin:0; padding:0 0 10px; }
.testimonial-left span { display:block; text-transform:uppercase; font-size:18px; padding:10px 0 0; }

.testimonial-right { float:right; margin:-28px -145px -45px -125px; }

.measureyouwindow-box { float:left; width:580px; margin:0 0 -80px; }
.home .measureyouwindow-box { margin:0; }
.measureyouwindow-bimg { float:left; margin:-110px -100px 0 -50px; position:relative; z-index:5; width:350px; }
.home .measureyouwindow-bimg { width:auto; }

.measureyouwindow-blink { float:left; background:url(images/text-bg4.png) no-repeat right; width:540px; height:72px; margin:20px -150px 0 -40px; padding:0 0 0 60px; position:relative; z-index:1; font-size:27px; font-family: 'proxima_novasemibold'; color:#000; text-transform:uppercase; line-height:68px; }
.measureyouwindow-blink:after { display:inline-block; content:''; background:url(images/arrow-img.png) no-repeat center #000; width:33px; height:33px; border-radius:100%; margin:15px 0 0 7px; vertical-align:top; }
.measureyouwindow-blink:hover { color:#bb4c02; }
.measureyouwindow-blink:hover:after { background-color:#bb4c02; }

.contact-homemain { float:left; width:100%; background:url(images/map-img.jpg) no-repeat; background-size:cover; position:relative; padding:0 0 55px; text-align:center; color:#fff; }
.contact-homemain:before { content:''; background:url(images/bg-bottom.png) no-repeat center; height:64px; width:100%; bottom:0; left:0; position:absolute; }
.contact-homemain h2 { display:inline-block; background:url(images/text-bg3.png) no-repeat; position:relative; z-index:1; width:287px; height:87px; line-height:45px; text-align:center; color:#fee50e; font-size:26px; font-family: 'Oswald'; font-weight:400; text-transform:uppercase; margin:-40px 0 0; }

.contact-homeform { float:left; width:100%; padding:40px 0 0; } 
.contact-homeform input[type=text] , .contact-homeform input[type=email] , .contact-homeform input[type=tel] { float:left; width:100%; color:#fff; outline:none; border:1px solid #fff; padding:0 15px; font-size:18px; height:50px; line-height:100%; background:none; font-family: 'PT Sans', sans-serif; }
.contact-homeform textarea { float:left; width:100%; color:#fff; outline:none; border:1px solid #fff; padding:15px; font-size:18px; height:130px; line-height:100%; background:none; font-family: 'PT Sans', sans-serif; }
.contact-hfbox { float:left; width:100%; padding:0 0 20px; }
.contact-hfleft { width:50%; padding-right:15px; }
.contact-hfright {  width:50%; padding-left:15px; }
.contact-homeform input[type=submit] { float:right; background-color:#0f1011; color:#fff; width:175px; height:55px; font-size:26px; font-family: 'Oswald'; font-weight:400; text-transform:uppercase; }
.contact-homeform input[type=submit]:hover { background:#fee931; color:#000; }

.contact-homebottom { float:left; width:100%; padding:30px 0 0; }
.contact-hbcall { display:inline-block; background:url(images/phone-icon.png) no-repeat left; padding:0 0 0 70px; font-size:44px; font-family: 'Oswald'; font-weight:400; line-height:55px; vertical-align:top; }
.contact-hbsociallinks { display:inline-block; padding:0 10px 0 0; vertical-align:top; }
.contact-hbsociallinks a { display:inline-block; margin:0 8px; vertical-align:top; }
.contact-hbmail { display:inline-block; vertical-align:top; }
.contact-hbmail a { display:inline-block; background:url(images/mail-icon.png) no-repeat left; padding:0 0 0 65px; font-family: 'proxima_novalight'; font-size:24px; line-height:55px; vertical-align:top; margin:0 0 0 50px; color:#fff; }

.pricecalculator-main { float:left; width:100%; text-align:center; }
.pricecalculator-main h2  { display:inline-block; background:url(images/text-bg5.png) no-repeat center bottom; position:relative; z-index:1; width:425px; height:78px; line-height:45px; text-align:center; color:#fee50e; font-size:26px; font-family: 'Oswald'; font-weight:400; text-transform:uppercase; margin:-40px 0 0; }

.pricecalculator-boxmain { padding:75px 0 100px; float:left; width:100%; }
.pricecalculator-btop { float:left; width:100%; background:url(images/bg-pattern.jpg) repeat; color:#000; font-size:18px; line-height:30px; font-family: 'proxima_novasemibold'; text-transform:uppercase; border-bottom:1px solid #fff; }

.pricecalculator-b1 { float:left; padding:10px 15px; width:20%; }
.pricecalculator-b2 { float:left; padding:10px 15px; width:20%; border-left:1px solid #fff; }
.pricecalculator-b3 { float:left; padding:10px 15px; width:20%; border-left:1px solid #fff; }
.pricecalculator-b4 { float:left; padding:10px 15px; width:20%; border-left:1px solid #fff; }
.pricecalculator-b5 { float:left; padding:10px 15px; width:20%; border-left:1px solid #fff; }

.pricecalculator-bmid { float:left; width:100%; background:#ebebeb; border-bottom:1px solid #fff; }
.pricecalculator-bbottom { float:left; width:100%; background:#d9d9d9; color:#000; font-size:18px; line-height:30px; font-family: 'proxima_novasemibold'; text-transform:uppercase; text-align:left; }
.pricecalculator-btotal { float:left; width:80%; padding:9px 15px; text-align:right;  }
a.addwindow-link { text-transform:uppercase; background:#000; color:#fff; display:inline-block !important; font-size:18px; font-family: 'PT Sans', sans-serif; padding:10px 20px; }
a.addwindow-link:hover { background:#bb4c02; }
.pricecalculator-bmid select { border:1px solid #b6b6b6; padding:8px 10px; text-transform:uppercase; width:100%; color:#9c9c9c; font-size:18px; font-family: 'PT Sans', sans-serif; }
.pricecalculator-bmid input[type=text] { float:left; width:100%; height:44px; line-height:100%; border:1px solid #b6b6b6; padding:0 15px 0 35px; }
.pricecalculator-bmid .pricecalculator-b5  { position:relative; }
.pricecalculator-bmid .pricecalculator-b5:before { content:'$'; color:#848484; position:absolute; left:30px; top:20px; font-size:22px; }

.galleryround-slider { float:left; width:100%; position:relative; margin:25px 0; min-height:440px; }
.owl-stage-outer { float:left; width:100%; overflow:hidden; }
#prevbtn { position:absolute; left:-15px; width:69px; height:69px; background:url(images/left-arrow2.png) no-repeat rgba(000,000,000,0.20); border-radius:100%; top:50%; margin:-35px 0 0; }
#nextbtn { position:absolute; right:-15px; width:69px; height:69px; background:url(images/right-arrow2.png) no-repeat rgba(000,000,000,0.20); border-radius:100%; top:50%; margin:-35px 0 0; }
.galleryround-slider ul { margin:0; padding:0; list-style:none; }
.galleryround-slider span { background:url(images/text-bg2.png) no-repeat center top; width:229px; height:50px; padding:10px 15px; font-size:18px; font-weight:700; font-family: 'PT Sans', sans-serif; display:inline-block; }
.galleryround-slider img { padding:10px; border-radius:100%; margin:0 0 25px; box-shadow:inset 0 0 5px 5px rgba(000,000,000,0.2); -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; text-decoration:none; }

.owl-item { float:left; }
.owl-item .owl-item { float:left; padding:0 45px; width:100%;  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; text-decoration:none; }

.owl-item.center  .owl-item { padding:0 15px;  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; text-decoration:none; }
.galleryround-slider { padding:0 15px; position:relative; }
.owl-prev { position:absolute; left:-40px; width:69px; height:69px; background:url(images/left-arrow2.png) no-repeat center rgba(000,000,000,0.20); border-radius:100%; top:40%; margin:-55px 0 0; font-size:0; text-indent:-9999px; }
.owl-next { position:absolute; right:-40px; width:69px; height:69px; background:url(images/right-arrow2.png) no-repeat center rgba(000,000,000,0.20); border-radius:100%; top:40%; margin:-55px 0 0; font-size:0; text-indent:-9999px; }

.header { float:left; width:100%; }
.header img { vertical-align:top; }

.mid { float:left; width:100%; background:url(images/bg-pattern2.jpg) repeat; }
.page-title { float:left; width:100%; padding:7px 0 10px; background:rgba(171,72,14,0.5); }
.page-title h1 { font-size:43px; color:#fff;  font-family: 'Playfair Display'; }

.mid-content { float:left; width:100%; padding:0 0 25px; position:relative; }
.mid-content:after { content:''; background:url(images/bg-bottom.png) no-repeat center; width:100%; height:64px; bottom:-10px; position:absolute; left:0; }

.mid-left { float:left; width:690px; padding:25px 0 160px; color:#fff; font-family: 'proxima_novalight'; font-size:17px; line-height:28px; }

.mid-left a { color:inherit; }
.mid-left a:hover { color:inherit; }
 

.img-left , .alignleft { float:left; margin:15px 15px 15px 0; padding:10px; border-radius:100%; box-shadow:inset 0 0 5px 5px rgba(000,000,000,0.2); background: rgba(255, 255, 255, 0.1);  }
.img-right , .alignright { float:right; margin:15px 0 15px 15px; padding:10px; border-radius:100%; box-shadow:inset 0 0 5px 5px rgba(000,000,000,0.2); background: rgba(255, 255, 255, 0.1);  }
.inline-block { display:inline-block; }

.featurescontent-left { float:left; max-width: 426px; }
.featurescontent-right { float:right; max-width: 426px; }
 
.mid-left ul { margin:0; padding:15px 0; list-style:none; }
.mid-left li { padding:0 0 0 20px; background:url(images/listarrow-img.png) no-repeat left 6px;  }

ul.productinfo-tabs { margin:0 -5px; padding:0; list-style:none; display:block; }
ul.productinfo-tabs li { float:left; width:50%; padding:0 5px; background:none; }
ul.productinfo-tabs li a { display:block; font-size:34px; line-height:40px; padding:10px 15px; color:#fff; font-family: 'Playfair Display'; background:rgba(193,85,26,0.6); text-align:center; position:relative; cursor:pointer; }
ul.productinfo-tabs li a:before { position:absolute; top:100%; content:''; background:url(images/tab-bottombg.png) no-repeat center top; background-size:100% auto; height:13px; left:0; width:100%; opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
ul.productinfo-tabs li a:hover:before , ul.productinfo-tabs li a.active:before { opacity:1; }
ul.productinfo-tabs li a:hover , ul.productinfo-tabs li a.active { background:rgba(125,56,16,0.8); }
   
 
.productinfo-tabcontent { display:none; float:left; width:100%; margin:50px 0 0; text-align:center; }
.productinfo-tabcontent.active { display:block; }
.productinfo-tabcontent img { max-width:100%; }

.productinfo-tabslider , .productinfo-tabslider2  { float:left; width:100%; margin:0 0 30px; position:relative; }
.productinfo-thumblider , .productinfo-thumblider2 { float:left; width:100%; position:relative; padding:0 30px; }
.productinfo-tabslider  .productinfo-img , .productinfo-tabslider2 .productinfo-img { padding:10px; border-radius:100%; box-shadow:inset 0 0 5px 5px rgba(000,000,000,0.2); background:rgba(255,255,255,0.1); }
.productinfo-thumblider img , .productinfo-thumblider2 img { padding:5px; border-radius:100%; margin:0 0 25px; box-shadow:inset 0 0 2px 2px rgba(000,000,000,0.2); }
.productinfo-thumblider  li , .productinfo-thumblider2 li { padding:0 10px; background:none; }

.productinfo-tabcontent .flex-prev  { position:absolute; left:0; width:16px; height:29px; background:url(images/left-arrow2.png) no-repeat; background-size:100% auto; top:50%; margin:-25px 0 0; font-size:1px; text-indent:-9999px; }
.productinfo-tabcontent .flex-next  { position:absolute; right:0; width:16px; height:29px; background:url(images/right-arrow2.png) no-repeat;  background-size:100% auto; top:50%; margin:-25px 0 0; font-size:1px; text-indent:-9999px; }
.big-img { position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:8 }
.productinfo-tabslider li , .productinfo-tabslider2 li  { position:relative; float:left; width:100%; padding:0; background:none; }

.mid-right { float:right; width:314px; background:#fff; margin:-140px 0 0; padding:0 15px; }
.mid-rtitle { color:#000; background:url(images/text-bg6.png) no-repeat center; text-align:center; padding:18px 10px; text-transform:uppercase; font-size:22px; font-family: 'proxima_novasemibold'; height:90px; margin:0 -15px; }
.mid-rimg { text-align:center; border-bottom:1px solid #cbcbcb; padding:15px 20px 0; }
.mid-rgallery { float:left; width:100%; padding:25px 0 0; text-align:center; }
.mid-rgallery h3 { color:#d76226; font-size:34px; line-height:36px; font-family: 'staccato222_btregular'; padding:0; } 
.mid-rgallery h4 { color:#000000; font-size:29px; line-height:30px; font-family: 'Playfair Display'; padding:0 0 15px; } 
.mid-rgalleryslider { float:left; width:100%; padding:15px 25px; position:relative; }
.mid-rgalleryslider img { padding:10px; border-radius:100%; margin:0 0 25px; box-shadow:inset 0 0 2px 2px rgba(000,000,000,0.2); background:rgba(255,255,255,0.1); }

.mid-rgalleryslider .flex-prev  { position:absolute; left:0; width:16px; height:29px; background:url(images/left-arrow3.png) no-repeat; background-size:100% auto; top:50%; margin:-25px 0 0; font-size:1px; text-indent:-9999px; }
.mid-rgalleryslider .flex-next  { position:absolute; right:0; width:16px; height:29px; background:url(images/right-arrow3.png) no-repeat;  background-size:100% auto; top:50%; margin:-25px 0 0; font-size:1px; text-indent:-9999px; }

.mid-rsocial { text-align:center; margin:0 -15px; clear:both; background:#000; padding:15px 10px; }
.mid-rsocial a { display:inline-block; margin:0 5px; vertical-align:top; }
.mid-rsocial a img { vertical-align:top; }
.mid-rsocial a:hover { opacity:0.7; }

.mid-rcalltext { text-align:center; margin:0 -15px; background:#ebd40d; padding:8px 0; font-size:36px; line-height:52px; font-family: 'Oswald'; font-weight:400; color:#000; }
.mid-rcalltext::before { content:''; display:inline-block; background:url(images/call-icon.png) no-repeat; width:55px; height:55px; vertical-align:top; }

.shuttervis-mainimg { float:left; width:100%; background:url(images/img-7.jpg) no-repeat center; background-size:cover; padding:20px 15px; text-align:center; margin:0 0 50px; }

.wall-block { float:left; width:100%; margin:0 0 5px; font-size:15px; color:#fff; font-family: 'proxima_novalight'; }
.wall-left { float:left; width:50px; background:rgba(171,69,9,0.8); padding:20px 10px; margin:0 3px 0 0; min-height:99px; }
.wall-right { float:left; width:637px; padding:8px; background:rgba(171,69,9,0.8); }
.wall-rtext { float:left; width:75px; padding:0 0 0 10px; min-height:30px; margin:3px 0; line-height:30px; }
.wall-rbox { float:right; width:540px; margin:3px 0; }
.wall-rbox img { margin:0 2px; display:inline-block; max-width:60px; height:auto; }

.color-block  { float:left; width:100%; margin:0 0 5px; font-size:14px; color:#fff; font-family: 'proxima_novalight'; background:rgba(171,69,9,0.8); }
.color-bleft { float:left; width:136px; padding:10px 0 10px 15px; }
.color-bright { float:right; width:554px; padding:8px 6px; }
.color-bright img { margin:0 2px; display:inline-block; max-width:60px; height:auto; vertical-align: top; }

.contact-detail { float:left; width:100%; background:#000000; color:#fff; font-size:35px; font-family: 'Oswald'; line-height:40px; font-weight:400; margin:50px 0 0; }
.contact-demail { margin:8px 15px; background:url(images/mail-icon2.png) no-repeat left; padding:10px 0 10px 65px; display:inline-block; }
.contact-detail  a { color:#fff; }
.contact-detail  a:hover { color:#fee50e; }
.contact-dcall { margin:8px 25px 8px 35px; background:url(images/phone-icon.png) no-repeat left; padding:10px 0 10px 65px; display:inline-block; }
.contact-dsocail { float:right; background:#fee50e; padding:10px 30px; }
.contact-dsocail a { display:inline-block; margin:0 8px; }
.contact-dsocail a:hover { opacity:0.4; }

.contact-form { float:left; width:100%; padding:25px 100px 45px; background:url(images/pattern-bg.jpg) repeat; margin:30px 0 100px 0; }
.contact-form h2 { color:#000; font-size:43px; line-height:50px; padding:0 0 15px; margin:0 0 25px; border-bottom:1px solid #d6d6d7;  font-family: 'Playfair Display'; text-align:center; }
.contact-fbox { float:left; width:100%; margin:0 0 20px; }
.contact-fleft { float:left; width:50%; padding:0 15px 0 0; }
.contact-fright { float:left; width:50%; padding:0 0 0 15px; }
.contact-fbox label { float:left; width:100%; padding:0 0 10px; color:#000; font-family: 'proxima_novalight'; font-size:17px; }
.contact-fbox input { float:left; width:100%; height:45px; line-height:100%; padding:0 15px; border:1px solid #d4d4d4; background:#fff;  color:#000; font-family: 'proxima_novalight'; font-size:17px; }
.contact-fbox textarea { float:left; width:100%;  color:#000; border:1px solid #d4d4d4; font-family: 'proxima_novalight'; font-size:17px; padding:15px; height:150px; }
.contact-form input[type=submit] { float:left; width:100%; background-color:#c1551a; padding:15px 0; color:#fff; font-size:24px;  font-family: 'proxima_novalight'; }
.contact-form input[type=submit]:hover { background-color:#333; }

.full-content { float:left; width:100%; color:#fff; padding:40px 0; }
.reqquote-formmain { display:none; } 
.reqquote-formmain h1 , .reqquote-formmain h2 , .reqquote-formmain h3 , .reqquote-formmain h4 , .reqquote-formmain h5 , .reqquote-formmain h6 { color:#000; }

.reqquote-form { max-width:300px; }
.reqquote-form label { float:left; width:100%; padding:10px 0 0; color:#000; font-family: 'proxima_novalight'; font-size:17px; }
.reqquote-form input { float:left; width:100%; height:45px; line-height:100%; padding:0 15px; border:1px solid #d4d4d4; background:#fff;  color:#000; font-family: 'proxima_novalight'; font-size:17px; }
.reqquote-form textarea { float:left; width:100%;  color:#000; border:1px solid #d4d4d4; font-family: 'proxima_novalight'; font-size:17px; padding:15px; height:150px; }
.reqquote-form input[type=submit] { float:left; width:100%; background-color:#c1551a; padding:0; color:#fff; font-size:24px;  font-family: 'proxima_novalight'; margin:15px 0; }
.reqquote-form input[type=submit]:hover { background-color:#333; } 
.reqquote-form br { display:none; }
.reqquote-form p { margin:0; padding:0; }


/*footer*/
.footer { float:left; width:100%; color:#fff; padding:40px 0 40px; text-align:center; background:#0f1011; font-size:16px; color:#c1c1c1;  font-family: 'proxima_novalight'; }
.footer .wrapper { position:relative; }
ul.footer-links { margin:0; padding:0; list-style:none; float:left; width:100%; padding:0 0 25px; }
ul.footer-links li { display:inline-block; padding:0 10px; font-size:14px; }
ul.footer-links li a:link , ul.footer-links li a:visited { color:#c1c1c1; text-transform:uppercase; }
ul.footer-links li a:hover { color:#fff612; }
.footer-logo { float:left; width:100%; padding:0 0 15px; }

.footer-copyrights { float:left; width:100%; background:#2a2a2a; padding:20px 0; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#929292; text-align:center; }
.backtotop { position:absolute; top:-71px; right:-60px; background:url(images/up-arrow.png) no-repeat; width:50px; height:32px; font-size:0; text-indent:-9999px; }

.shutters-mainimg{ background: url(images/sv_bricks_1.jpg) no-repeat center center / cover; text-align: center; width: 100%; margin:0 auto 30px; padding:50px 0;}
.shutter-box{ width: 66%; margin:0 auto; position:relative;}
.headbox{ width: 100%; height:42px; margin:0 auto; background:url(images/sv_headbox_1.jpg) no-repeat center center / 100% 44px; position:relative; z-index:10;}
.track{ width:14px; height:373px; float:left; background:url(images/sv_tracks_1.jpg) no-repeat center center / 100% 100%; position:relative; z-index:10; border-right:1px solid #5d191a;}
.track.right{ float:right; border-right:none; border-left:1px solid #5d191a;}
.stripes{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(images/sv_stripe_1.jpg) repeat-y center -3px / 100% 14px; z-index:5; vertical-align:text-bottom;}
.stripe{ width:100%; height:14px; background:url(images/sv_stripe_1.jpg) no-repeat center center / cover;}
.stripes-change{ width:100%; position:absolute; left:0; bottom:0;}

#sheepItForm{ position:relative}
#sheepItForm_add {left: 20px; position: absolute; top: 61px; z-index: 999;}

@media (min-width:992px) and (max-width: 1200px){  
 
   .wrapper { width:920px; }
   .mainmenu ul li a:link, .mainmenu ul li a:visited { font-size: 15px; padding: 5px 2px; }
   .content-left { width:560px; }
   .content-right { width: 310px; }
   .testimonial-right { margin:-269px -155px -25px -85px; width: 514px; }
   ul.footer-links li {  font-size: 14px; padding: 0 5px; }
   
   .backtotop { right: 0; }
   .mid-right { width: 244px; }
   .mid-left { width: 640px; }
   .mid-rgallery h3 { font-size: 26px; line-height: 35px; }
   .mid-rgallery h4 { font-size: 21px; line-height: 27px; }
   .mid-rcalltext { font-size: 29px; }
   
   .measureyouwindow-bimg { margin: -70px -100px 0 -50px; width: 300px; }
   .wall-right { width: 587px; }
   .wall-rbox { width: 490px; }
   .wall-rbox img , .color-bright img { max-width: 52px; }
   .color-bright { width: 490px; }
   .wall-left { min-height: 95px; }
   
}

@media (min-width:30px) and (max-width: 992px){ 
   
   .content-left , .content-right { width:100%; }
   
   .galleryround-slider span { width:100%; }
   .backtotop { right: 0; }
   .contact-detail { font-size:26px; }
    .contact-form { padding-left:20px; padding-right:20px; }

   
}

@media (min-width:768px) and (max-width: 992px){ 
 
    .wrapper { width:720px; }
    
    .mainmenu ul li { padding: 8px 5px; }
    .mainmenu ul li a:link, .mainmenu ul li a:visited { font-size: 13px; padding: 5px 0; }
    
   .testimonial-left { margin:0; }
  .testimonial-right { margin: -188px -145px -25px -125px; }
  .home .measureyouwindow-box { margin: -210px 0 0; }
  
  .content-rlink { font-size: 21px; width: 502px; }
  .owl-item.center .owl-item { padding: 0 5px; }
  .owl-item .owl-item { padding: 0 20px; }
  
  .galleryround-slider span { font-size: 15px; }
  .home .measureyouwindow-bimg { width: 300px; margin: -110px -100px 0 -10px; }
  .measureyouwindow-blink {  padding: 0 0 0 90px; width: 510px; }
  a.addwindow-link { font-size: 13px; padding: 10px 15px; }
 
    .mid-left { width:100%; }
    .mid-right { float: none; margin:0 auto; width: 300px; clear:both; }
    .measureyouwindow-bimg { margin: 0 -120px 70px 0; width: 350px; }
    .measureyouwindow-blink { margin:120px -150px 0 -50px; }
    .mid-left { padding-bottom:40px; }
    .page-title h1 { font-size:38px; }
    .contact-dcall { margin-left:10px; }
    .contact-detail { font-size:20px; }
    .contact-dsocail { line-height:20px; }
    .wall-right { width: 667px; }
   .wall-left { min-height:102px; }
    
}

@media (min-width:30px) and (max-width: 768px){ 
   
    h2 { font-size:32px; line-height:36px; }

   .wrapper { float:left; width:100%; padding:0 15px; }
   
   .menulink { display:inline-block; }
   .mainmenu { background:none; position:absolute;  }
   .mainmenu ul { position:absolute; top:50px; left:0; width:100%; background:#d76226; display:none; }
   .mainmenu ul li { float:left; width:100%; padding:0; border-top:1px solid #e76e30; padding:0; }
   .mainmenu ul li a:link , .mainmenu ul li a:visited { padding:8px 15px; float:left; width:100%; } 
   .mainmenu ul li a:hover { background:#333; color:#fff; }
   .top-reqquote { width:100%; background:none; }
   .top-reqquote a { background:#292827; float:none; display:inline-block; width:auto; padding:15px; font-size: 19px; }
   .top-right , .top-rortext { width:100%; text-align:center; }
   .top-rortext { margin:0 !important; }
   .top-callustext { padding:0; width:100%; }
   .top-reqquote a:after { width:25px; height:25px; }
   .top-callustext { font-size:29px; }  
   .top-callustext span { font-size: 25px; }
   .logo { padding:10px 0; }
   
   .headerslider-box { position:relative; width:100%; background:rgba(255,255,255,0.4); padding:15px; height:auto;  }
   .header-slider .flex-prev , .header-slider .flex-next { display:none; }
   .headerslider-box h2 { font-size: 40px; line-height: 45px; padding: 25px 0 0; }
   .headerslider-box h3 { font-size: 28px; line-height: 29px; }
   .headerslider-box h3:before , .headerslider-box h3:after { width:100%; left:0; margin:0; }
   .headerslider-btext { padding:15px 0; }
   a.viewgallery-link { display:inline-block; width:auto; background:#fe6e0e; height:auto; padding:15px 25px; border-radius:4px; font-size: 22px; line-height: 20px; }
   
   .content-left h2 { font-size: 28px; line-height: 30px; }
   .more-link { width:68px; height:81px; }
   .content-left { padding-right:50px; }
   .content-right img { margin:15px 0 0; float:none; }
   .content-right { text-align:center; } 
   .content-rlink { margin:-15px 0 20px; float:none; width:auto; display:inline-block; font-size:15px; padding:0 20px; line-height:54px; height:auto; background:#fee720; border-radius:4px; } 
   .content-rlink:after { background-size:60% auto; width:24px; height:24px; }
   
   .gallery-slidermain h3 { font-size: 40px; line-height: 45px; }
   .gallery-slidermain h2 { font-size: 34px; line-height: 41px; }
   .owl-prev , .owl-next { display:none !important; }
   .galleryround-slider { min-height:330px; }
   .gallery-slidermain { min-height:660px; }
   a.ViewGallery-link { margin:0 0 0 -105px; width:220px; }
   .testimonial-right { display:none; }
   .testimonial-left { width:100%; margin:0; } 
   .testimonial-left h2 { font-size: 56px; line-height: 60px; }
   .measureyouwindow-bimg { display:none; }
   .measureyouwindow-blink  { margin:25px 0 55px;  float:none; width:auto; display:inline-block; font-size:15px; padding:0 20px; line-height:54px; height:auto; background:#fee720; border-radius:4px; }
   .measureyouwindow-box { text-align:center; width:100%; }
   .measureyouwindow-blink:after { background-size:60% auto; width:24px; height:24px; }
   .contact-hfleft , .contact-hfright { padding-left:0; padding-right:0; width:100%; }
   .contact-hbsociallinks { margin:0 0 10px; display:block; } 
 
   .contact-hbcall { background-size:40px auto; font-size: 24px; line-height: 41px; padding: 0 0 0 50px; }
   .contact-hbmail a { font-size: 20px; padding: 0 0 0 45px; margin:0;  background-size:40px auto; margin:10px 0 0; }
   .contact-hbsociallinks a img { width:40px; }  
   .pricecalculator-main h2 { font-size: 18px; width: 275px; }
   .pricecalculator-b1 , .pricecalculator-b2 , .pricecalculator-b3 , .pricecalculator-b4 , .pricecalculator-b5 { width:100%; }
   .pricecalculator-btop { display:none; }
   .pricecalculator-bmid { padding:10px 0; } 
   .pricecalculator-btotal , .pricecalculator-bbottom .pricecalculator-b5 { text-align:center; width:100%; padding:0; }
   .pricecalculator-bbottom { padding:10px 0; }
   
   .mid-right { margin:0; width:100%; }
   .mid-content { padding:0 0 80px; }
   .mid-left { width:100%; padding:25px 0 30px; }
   .img-right, .alignright , .img-left, .alignleft { float:none; display:block; clear:both; margin:15px 0; }
   .page-title h1 { font-size: 26px; line-height: 34px; }
   
   ul.productinfo-tabs li a { font-size: 20px;  line-height: 29px; }
   
  .contact-detail { font-size: 17px; text-align:center; line-height:24px; }
  .contact-demail { background-size:35px auto; padding-left:40px; margin:10px; display:inline-block; }
  .contact-dcall { background-size:35px auto; padding-left:40px; margin:0 10px 10px; display:inline-block; } 
  .contact-dsocail { width:100%; }
   .contact-dsocail img { width:35px; }
   .contact-form h2 { font-size: 30px; line-height: 40px; }
   .contact-fleft , .contact-fright { width:100%; padding-left:0; padding-right:0; }
   .wall-left { width:100%; min-height:0; padding-top:10px; padding-bottom:0; }
   .wall-right { width:100%; }
   .wall-rbox , .color-bleft , .color-bright { width:100%; } 
   .wall-rtext { width:100%; padding:0; }
   .color-bright img { margin-bottom:5px; }
    .color-bleft { padding-bottom:0; }
    
    .track{ height:225px;}
}  

@media (min-width:30px) and (max-width: 600px){ 
 
}

.sign{ float: none;margin-right: auto;margin-left: auto;}