/* font-family:'Bookman Old Style W10'; font-family:'Bookman Old Style W01'; */ /*font-family: 'Montserrat', sans-serif; 300,400,500,600,700*/ *{ margin: 0px; padding: 0px; } img{ border:0px; } a{-webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; } ul{ padding: 0px; margin: 0px; list-style: none; } /*The reason for this is to prevent "centering jumps" when navigating back and forth between pages with enough content to have a vertical scroll bar and pages that do not.*/ html { overflow-y: scroll; } /*centering jump ends*/ html { -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; } /*content wrapper for fade effect starts*/ #content-wrapper{ display:none; } /*content wrapper for fade effect ends*/ body{ margin: 0; padding: 0px; font-family:'DIN Next W01 Medium'; text-align: center; -webkit-text-size-adjust: 100%; /* change below to fixed or scroll*/ text-rendering: optimizeLegibility; background-color: #fff; } /*Master Container Starts*/ #master-container { width: 1200px; margin-right: auto; margin-left: auto; border-top: 5px solid #95312d; overflow: hidden; text-align: left;/*this overrights ie5 text align box model error*/ -webkit-font-smoothing: subpixel-antialiased; text-rendering: geometricPrecision; background-color: #fff; } /*Master Container Ends*/ /*Banner Content Starts*/ .tbanner{width: 1140px; float: left; padding: 20px 30px; border-bottom: solid 1px #a79972;} .tbl{float: left; width: 321px;} .tbtels{float: left; width: 321px; margin: 0px 20px 20px 0px;} .tbtels p{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #95312d; font-size: 15px; display: block; margin-bottom: 8px;} .tb360{width: 148px; height: 140px; float:left;} .tblogo{width: 457px; height: 203px; float: left;} .tbbutts{width: 300px; float: right;} .fbut4 a{ width: 270px; display: block; margin-bottom: 5px; padding: 12px 15px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; background-image: url(../images/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 45%; border: solid 1px #c2b79a;} .fbut4 a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/cta-arrow-ov.png);} /*Banner Content ends*/ /*Rotator Content starts*/ .rotator a{-webkit-transition: 0ms ease 0s; -moz-transition: 300ms ease 0s; -o-transition: 0ms ease 0s; transition: 0ms ease 0s; outline: 0 none; text-decoration: none; } /*Rotator Content Ends*/ /*H1s H2s Titles start*/ .htitles{background-color: #f2f4ed; float: left; width: 1200px; padding: 20px 0px; text-align: center; text-transform: uppercase;} .htitles h1{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #998c68; font-size: 14px; display: block; margin-bottom: 8px;} .htitles h2{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #998c68; font-size: 14px; display: block;} /*H1s H2s Titles ends*/ /*Intro Copy Home starts*/ .icpyh{ background-color: #f2f4ee; float: left; width: 1200px; padding: 50px 0px; text-align: center; border-top: solid 5px #95312d; border-bottom: solid 2px #c2b79a;} .hirc{ font-family:'Bookman Old Style W10'; color: #95312d; font-size: 22px; line-height: 32px; display: block; margin-bottom: 30px; font-weight: normal} .icpyh h1{ font-family:'Bookman Old Style W01'; color: #95312d; font-size: 24px; line-height: 32px; display: block; margin-bottom: 15px; font-weight: normal;} .icpyh h2{ font-family:'Bookman Old Style W01'; color: #998c68; font-size: 22px; line-height: 32px; display: block; margin-bottom: 10px; font-weight: normal;} .higc{ font-family:'Bookman Old Style W10'; color: #998c68; font-size: 18px; line-height: 28px; display: block; font-weight: normal;} /*Intro Copy Home ends*/ /*Inner Wrapper starts*/ .inner-wrapper{float: left; width: 1140px; padding: 0px 30px 30px 30px;} /*Inner Wrapper Ends*/ /*HOME PAGE PRODUCTS START*/ /*Custom Timber Windows Wrapper starts*/ .cmtw{float: left; width: 1140px; padding: 50px 0px; text-align: center;} .cmtw h3{ font-family:'Bookman Old Style W01'; color: #95312d; font-size: 35px; line-height: 29px; display: block; margin-bottom: 40px;} .box2h{float: left; width: 1140px;} .box2l{float: left; width: 540px; height: 482px; background-image:url(../images/hp/casement-windows.jpg); border-bottom: solid 5px #95312d;} .box2r{float: right; width: 540px; height: 482px; background-image:url(../images/hp/sash-windows.jpg); border-bottom: solid 5px #95312d;} /*Custom Timber Windows Wrapper ends*/ /*Custom Timber Doors starts*/ .box3h{float: left; width: 1140px;} .box3l{float: left; width: 350px; height: 350px; background-image:url(../images/hp/timber-entrance-doors.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .box3l2{float: left; width: 350px; height: 350px; background-image:url(../images/hp/timber-french-doors.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .box3r{float: right; width: 350px; height: 350px; background-image:url(../images/hp/timber-bi-fold-doors.jpg); border-bottom: solid 5px #95312d;} /*Custom Timber Doors ends*/ /*Home Copy Block Wrapper starts*/ .hchb{float: left; width: 1140px; padding: 50px 0px 0px 0px; text-align: center;} .hchbgc{ font-family:'Bookman Old Style W10'; color: #998c68; font-size: 22px; line-height: 32px; display: block; margin-bottom: 30px; font-weight: normal;} .hchbbc{ font-family:'Bookman Old Style W10'; color: #666; font-size: 18px; line-height: 28px; display: block; font-weight: normal; margin-bottom: 30px;} /*Large Centered Button Homepage starts*/ .lcbutton{float: left;} .lcbutton a{ width: 460px; display: block; padding: 17px 15px; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/bbuts-arrow-ov.png); background-repeat: no-repeat; background-position: 95% 48%; border: solid 1px #c2b79a; text-align: center; margin: 10px 0px 0px 320px;} .lcbutton a:hover{ color: #998c68; background-color: #f2f4ee; background-image: url(../images/universal/arrows/bbuts-arrow.png);} /*Large Centered Button Homepage ends*/ /*Home Copy Block Wrapper ends*/ /*2 Box Buttons starts*/ .boxbuts a{ width: 460px; display: block; padding: 20px 15px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; background-image: url(../images/universal/arrows/bbuts-arrow.png); background-repeat: no-repeat; background-position: 95% 45%; border: solid 1px #c2b79a; text-align: center; margin: 390px 0px 0px 25px;} .boxbuts a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/bbuts-arrow-ov.png);} /*2 Box Buttons starts*/ /*3 Box Buttons starts*/ .boxbuts3 a{ width: 310px; display: block; padding: 15px 0px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; background-image: url(../images/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 50%; border: solid 1px #c2b79a; text-align: center; margin: 280px 0px 0px 20px;} .boxbuts3 a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/cta-arrow-ov.png);} /*2 Box Buttons starts*/ /*HOME PAGE PRODUCTS END*/ /*INSIDE PAGES LAYOUT AND STYLING STARTS*/ .copy-wrapper{float: left; width: 1140px; padding: 50px 30px 0px 30px;} .iscopy-left{float: left; width: 540px;} .iscopy-right{float: right; width: 540px;} .instrips{float: left; width: 1140px; padding: 0px 0px 50px 0px;} .instrips h2{font-family:'Bookman Old Style W10'; color: #998c68; font-size: 30px; line-height: 38px; display: block; margin-bottom: 30px; font-weight: normal;} .instrips h3{font-family:'Bookman Old Style W10'; color: #998c68; font-size: 30px; line-height: 38px; display: block; margin-bottom: 30px; font-weight: normal;} .click-here{font-family:'Montserrat', sans-serif; color: #998c68; font-size: 22px; display: block; margin-bottom: 30px; font-weight: 600;} .instrips h4{font-family:'Bookman Old Style W10'; color: #998c68; font-size: 20px; display: block; margin-bottom: 10px; font-weight: normal;} .instrips p{color: #666; font-family:'Bookman Old Style W10'; font-size: 16px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 30px;} .instrips p a{color: #95312d; font-family:'Bookman Old Style W10'; font-size: 16px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 30px;} .strapl{font-family:'Bookman Old Style W10'; color: #95312d; font-size: 26px; line-height: 32px; display: block; margin-bottom: 30px; font-weight: normal;} /*Our showrooms Inside colour change starts*/ .scbis{float: left; width: 460px; height: 260px; background-color: #f2f4ee; padding: 40px 40px 10px 40px; text-align: left;} .scbis h3{ color: #a79972; font-family:'Bookman Old Style W01'; font-size: 30px; display: block; margin-bottom: 30px;} .scbis p{color: #998c68; font-family:'Bookman Old Style W10'; font-size: 16px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 30px;} .cossh{font-family:'Bookman Old Style W01'; color: #998c68; font-size: 22px; line-height: 30px; display: block; margin-bottom: 40px;} /*Inside buttons starts*/ .insbuts a{ width: 498px; display: block; padding: 15px 20px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; background-image: url(../images/universal/arrows/bbuts-arrow.png); background-repeat: no-repeat; background-position: 96% 45%; border: solid 1px #c2b79a; text-align: left; margin: 25px 0px;} .insbuts a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/bbuts-arrow-ov.png);} /*Inside buttons ends*/ /*new accordian content*/ .accordionButton { width: 1098px; float: left; _float: none; /* Float works in all browsers but IE6 */ cursor: pointer; border: solid 1px #c2b79a; padding: 18px 20px; margin-bottom: 6px; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; background-image: url(../images/universal/arrows/image1.png); background-position: 100% 50%; background-repeat: no-repeat; text-transform: uppercase; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; color: #998c68; font-size: 18px; font-weight: 700;} .accordionContent { width: 1140px; float: left; _float: none; /* Float works in all browsers but IE6 */ margin-bottom: 10px; padding: 20px 0px; } .on { background: #95312d; border: solid 1px #f2f4ee; background-image:url(../images/universal/arrows/image3.png); background-position: 100% 50%; background-repeat: no-repeat; color: #c2b79a;} .over { background: #95312d; border: solid 1px #c2b79a; color: #c2b79a; background-image: url(../images/universal/arrows/image1.png); background-position: 100% 50%; background-repeat: no-repeat; } .iscopya-left{float: left; width: 520px; padding-left: 20px;} /*new accordian content ends*/ /*TESTIMONIALS INSIDE PAGE SECTION STARTS HERE*/ .tostrips{float: left; width: 1140px; padding: 0px 0px 30px 0px;} .testinonial-h{float: left; width: 1140px; margin-bottom: 50px;} .testinonial-h p{ font-family:'Bookman Old Style W10'; color: #998c68; font-size: 15px; font-weight: normal; line-height: 24px;} .tlefth{width: 348px; margin-right: 45px; float: left; background-color: #fff; border: solid 1px #c2b79a;} .trighth{width: 348px; float: right; background-color: #fff; border: solid 1px #c2b79a;} .ttop{width: 348px; float: left; height: 86px;} .ttopb{width: 348px; float: right; height: 65px;} .ttcopy{ width: 310px; float: left; padding: 5px 20px;} .tbold{ font-family: 'Montserrat', sans-serif; color: #95312d; font-size: 14px; font-weight: 600; line-height: 21px;} /*TESTIMONIALS INSIDE PAGE SECTION ENDS HERE*/ /*ICONS CONTENT SECTIONS START*/ .iconsh{ float: left; width: 1140px; margin: 20px 0px 30px 0px;} .icstrips{float: left; width: 1140px; margin-bottom: 50px;} .iconsht{float: left; width: 1140px; margin: 0px 0px 35px 0px; text-align: center;} .iconsht h3{ font-family: 'Montserrat', sans-serif; color: #998c68; font-size: 28px; font-weight: 700; display: block;} /*Icons left and right holders start*/ .iconshl{float: left; width: 350px; margin-right: 45px;} .iconshr{float: right; width: 350px;} /*Icons left and right holders end*/ .iconimg{float: left; width: 350px; height: 230px;} .iconcpyh{float: right; width: 350px; text-align: center;} .iconcpyh p{ font-family:'Bookman Old Style W10'; font-weight: normal; font-size: 15px; line-height: 22px; color: #666;} .iconcpyh h3{font-family: 'Montserrat', sans-serif; color: #95312d; font-size: 18px; font-weight: 700; display: block; margin-bottom: 12px; text-transform: uppercase;} /*ICONS CONTENT SECTIONS END*/ /*INSIDE PAGES LAYOUT AND STYLING ENDS*/ /*OUR SHOWROOMS START*/ .sheen{float: left; width: 540px; border-bottom: solid 5px #95312d;} .scb{float: left; width: 460px; height: 260px; background-color: #96322d; padding: 40px 40px 10px 40px; text-align: left;} .scb h3{ color: #c2b79a; font-family:'Bookman Old Style W01'; font-size: 30px; display: block; margin-bottom: 30px;} .scb p{color: #fff; font-family:'Bookman Old Style W10'; font-size: 16px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 30px;} .osimg{float: left; width: 540px; height: 465px;} .cobham{float: right; width: 540px; border-bottom: solid 5px #95312d;} /*OUR LOCATIONS CONTACT START*/ .loc-strips{float: left; width: 1140px; padding: 0px 0px 50px 0px;} .loc-strips h4{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 23px; color: #998c68; margin-bottom: 15px;} .sheenl{float: left; width: 540px; border-bottom: solid 5px #c2b79a; margin: 20px 0px;} .lmaps{float: left; width: 540px; height: 400px;} .cobhamr{float: right; width: 540px; border-bottom: solid 5px #c2b79a; margin: 20px 0px;} /*OUR LOCATIONS CONTACT END*/ /*OUR SHOWROOMS END*/ /*AREAS WE COVER START*/ .awcm{float: left; width: 1140px; border-bottom: solid 10px #a09268; margin: 20px 0px 50px 0px; background-color: #f2f4ee;} .awcch{float: left; width: 538px; padding: 50px;} .awcchtc{float: left; width: 538px; margin-bottom: 25px; border-bottom: solid 1px #a09268; } .awcchtc h3{color: #962f2d; font-family:'Bookman Old Style W01'; font-size: 37px; display: block; margin-bottom: 27px;} .awcchtc p{ color: #962f2d; font-family:'Bookman Old Style W10'; font-size: 18px; line-height: 28px; display: block; font-weight: normal; margin-bottom: 30px;} .acth{float: left; width: 538px;} .acthbo{float: left; width: auto; margin-right: 60px;} .acthbo p{ font-family: 'Montserrat', sans-serif; color: #a09268; font-size: 17px; font-weight: 700; display: block; margin-bottom: 10px; } .awcrimg{float: right; width: 502px; height: 520px; background-image:url(../images/hp/areas-covered.jpg);} .areas-map{float: left; width: 1140px; height: 520px;} /*AREAS WE COVER END*/ /*TESTIMONIALS SECTION STARTS HERE*/ .testimonials{ float: left; width: 1140px; margin: 20px 0px 50px 0px;} .testbgi{ float: left; width: 1140px; height: 409px; background-image:url(../images/hp/testimonials-bkg.jpg);} .testicpy{ float: left; width: 600px; margin: 60px 0px 0px 270px; text-align: center;} .testicpy p{color: #962f2d; font-family:'Bookman Old Style W10'; font-size: 26px; display: block; line-height: 36px;} .caraselh{float: left; width: 1140px; margin: 0px 0px 50px 0px; text-align: center;} /*below Controls fonts in carusel*/ .caraselh p{font-family:'Bookman Old Style W10'; color: #a09268; font-size: 18px; line-height: 28px; display: block; font-weight: normal;} .caraselh h4{ font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; display: block; margin-top: 10px; color: #962f2d;} /*TESTIMONIALS SECTION ENDS HERE*/ /*INSIDE PAGE GALLERY SECTIONS STARTS HERE*/ /*Gallery Introduction layout starts*/ .gallery-box3h{float: left; width: 1140px; margin-bottom: 45px; text-align: center;} .gallery-box3h h3{ font-family:'Bookman Old Style W01'; color: #95312d; font-size: 35px; line-height: 29px; display: block; margin-bottom: 40px;} .box3h{float: left; width: 1140px;} .gal1l{float: left; width: 350px; height: 350px; background-image:url(../images/galleries/intro/casement-windows.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .gal2l{float: left; width: 350px; height: 350px; background-image:url(../images/galleries/intro/sash-windows.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .gal3r{float: right; width: 350px; height: 350px; background-image:url(../images/galleries/intro/timber-doors.jpg); border-bottom: solid 5px #95312d;} .gal4l{float: left; width: 350px; height: 350px; background-image:url(../images/galleries/intro/country-houses.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .gal5l{float: left; width: 350px; height: 350px; background-image:url(../images/galleries/intro/cottages-town-houses.jpg); border-bottom: solid 5px #95312d;margin-right: 45px;} .gal6r{float: right; width: 350px; height: 350px; background-image:url(../images/galleries/intro/before-afters.jpg); border-bottom: solid 5px #95312d;} /*Gallery Introduction layout ends*/ .gallery_hold{ width: 1140px; float: left;} .gallery_hold h3{font-family: 'Montserrat', sans-serif; color: #9f9168; font-size: 25px; font-weight: 700; display: block; margin-bottom: 15px;} .galnh{float: left; width: 1140px; padding: 0px 0px 50px 0px;} .galnh h3{font-family: 'Montserrat', sans-serif; color: #95312d; font-size: 20px; font-weight: 700; display: block; margin-bottom: 5px; padding-bottom: 10px; border-bottom: solid 1px #c2b79a;} .galnh li a{font-family: 'Montserrat', sans-serif; color: #9f9168; font-size: 16px; font-weight: 700; display: block; padding: 15px 0px 15px 0px; border-bottom: solid 1px #c2b79a; background-image: url(../images/universal/arrows/arrow-18.png); background-repeat: no-repeat; background-position: 98% 46%;} .galnh li a:hover{color: #95312d; background-image: url(../images/universal/arrows/arrow-18-rd.png);} .galnh li #current{ color: #c2b79a; background-image: url(../images/universal/arrows/arrow-18-ov.png);} .galnhl{float: left; width: 555px; margin-right: 25px; height: auto;} .galnhr{float: right; width: 560px; height: auto;} .glstrips{width: 1140px; float: left; margin-bottom: 45px;} .gimgsml{ width: 350px; float: left; height: 240px; margin: 0px 45px 0px 0px; background-color: #D4D4D4;} .gimgsmr{ width: 350px; float: right; height: 240px; background-color: #D4D4D4;} /*INSIDE PAGE GALLERY SECTIONS ENDS HERE*/ /*HOME PAGE GALLERY SECTION STARTS HERE*/ .gallh{float: left; width: 1140px; border-top: solid 5px #95312d; margin-bottom: 50px;} .gallch{float: left; width: 1140px; text-align: center; background-color: #f2f4ee; padding: 50px 0px;} .gallch h3{font-family:'Bookman Old Style W01'; color: #95312d; font-size: 35px; line-height: 35px; display: block;} .gallch p{font-family:'Bookman Old Style W10'; color: #95312d; font-size: 22px; line-height: 30px; display: block; font-weight: normal;} .gallchimg{float: left; width: 1140px; height: 572px;} .gallchbut a{float: left; width: 1140px; display: block; background-color: #95312d; font-family: 'Montserrat', sans-serif; font-size: 23px; font-weight: 700; color: #c2b79a; text-align: center; padding: 20px 0px; background-image: url(../images/universal/arrows/lgallery-arrow-ov.png); background-repeat: no-repeat; background-position: 85% 48%;} .gallchbut a:hover{background-color: #f1f3ed; color: #9f9168; background-image: url(../images/universal/arrows/lgallery-arrow.png);} /*HOME PAGE GALLERY SECTION ENDS HERE*/ /*FOOTER SECTION STARTS HERE*/ .footer{float: left; width: 1140px;} .flogo{float: left; width: 457px; height: 203px; display: block; margin: 0px 0px 20px 342px;} .fwrap{float: left; width: 1140px; border-top: solid 1px #95312d; padding: 30px 0px; background-image: url(../images/hp/fensa.jpg); background-repeat: no-repeat; background-position: 98% 93%;} .fcols{float: left; width: auto; margin-right: 140px;} .fcols li a{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .fcols li a:hover{color: #95312d;} .fcolsr{float: left; width: auto;} .fcolsr li a{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .fcolsr li a:hover{color: #95312d;} .fwrap h3{color: #9f9168; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .fwrap p{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 5px;} .ftels{color: #95312d; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; display: block; margin-top: 10px;} .ftels a{color: #95312d; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; display: block; margin-top: 10px;} .social-icons{float: left; width: 1140px; border-top: solid 1px #95312d; border-bottom: solid 1px #95312d; padding: 20px 0px;} /*FOOTER SECTION ENDS HERE*/ /*Footer Social Media Start Here*/ .social2{ float: left; width: 224px; height: 40px; margin: 0px 0px 0px 458px; } .social_buts{ width: 41px; height: 40px; float: right; margin-right: 20px; } .facebook{ width: 41px; height: 40px; float: right; margin-right: 20px; background-image:url(../images/universal/social/facebook-ov.png);} .facebook img{-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} .facebook img:hover { opacity:0; } .twitter{ width: 41px; height: 40px; float: right; margin-right: 20px; background-image:url(../images/universal/social/twitter-ov.png); } .twitter img{-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} .twitter img:hover { opacity:0;} .instagram{ width: 41px; height: 40px; float: right; margin-right: 20px; background-image:url(../images/universal/social/instagram-ov.png);} .instagram img{-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} .instagram img:hover { opacity:0; } .youtube{ width: 41px; height: 40px; float: right; background-image:url(../images/universal/social/youtube-ov.png);} .youtube img{-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} .youtube img:hover { opacity:0; } /*Bottom footer Content Ends here*/ /*Bottom footer Signoff Starts here*/ .signoff{float: left; width: 1140px; padding-top: 15px;} .signoff p{ font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: #a09268; line-height: 17px;} .signoff a{ font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; color: #a09268;} .signoff a:hover{ color: #95312d} .signoffl{float: left; width: 570px;} .signoffr{float: left; width: 570px; text-align: right;} /*Bottom footer Signoff ends here*/ /*Case Studies Starts here*/ .cases-box3h{float: left; width: 1140px; margin-bottom: 45px; text-align: center;} .cases-box3h h3{ font-family:'Bookman Old Style W01'; color: #95312d; font-size: 35px; line-height: 29px; display: block; margin-bottom: 40px;} .case-strip{float: left; width: 1140px; margin-bottom: 45px;} .casesl{float: left; width: 350px; height: 240px; margin-right: 45px;} .casesr{float: right; width: 350px; height: 240px;} /*3 Box Buttons starts*/ .casebuts3l a{ float: left; width: 348px; display: block; padding: 15px 0px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; background-image: url(../images/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 50%; border: solid 1px #c2b79a; text-align: center; margin: 10px 45px 0px 0px;} .casebuts3l a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/cta-arrow-ov.png);} .casebuts3r a{ float: right; width: 348px; display: block; padding: 15px 0px; color: #998c68; background-color: #f2f4ee; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; background-image: url(../images/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 50%; border: solid 1px #c2b79a; text-align: center; margin: 10px 0px 0px 0px;} .casebuts3r a:hover{ background-color: #95312d; color: #c2b79a; background-image: url(../images/universal/arrows/cta-arrow-ov.png);} /*Case Studies ends here*/ /*Areas Covered Starts Here*/ .acpch{float: left; width: 1120px; margin-bottom: 30px; padding: 20px 0px 0px 20px;} .acpcsect{float: left; width: 250px; margin-right: 30px;} .acpch li{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .acpch li a{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} /*Sitemap Starts Here*/ .smwrap{float: left; width: 1140px; border-bottom: solid 1px #95312d; padding: 30px 0px;} .smcols{float: left; width: 285px;} .smcols li a{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .smcols li a:hover{color: #95312d;} .smcolsr{float: right; width: 285px;} .smcolsr li a{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .smcolsr li a:hover{color: #95312d;} .smwrap h3{color: #9f9168; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 10px;} .smwrap h2{color: #9f9168; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; display: block; margin-bottom: 20px;} .smwrap p{color: #c2b79a; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; display: block; margin-bottom: 5px;} /* |-------------------------------------------------------------------------- | UItoTop jQuery Plugin 1.2 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ |-------------------------------------------------------------------------- */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../ui.totop.png) no-repeat left top; } #toTopHover { background:url(../ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /*aligns cookies left*/ .cc-banner{ text-align: left;}