/*font-family: 'Montserrat', sans-serif; 300,400,500,600,700*/ *{ margin: 0px; padding: 0px; } a{ -webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms 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: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; -webkit-text-size-adjust: 100%; background-color: #cfd4c7; width: 100%; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-image: url(../imgs/body-bkg.jpg);} /*wrapper starts*/ #master-wrapper{ width: 1200px; margin-right: auto; margin-left: auto; overflow: hidden; text-align: left; background-color:rgba(255,255,255,0.9); -moz-box-shadow: 0 0 10px #A5A5A5; -webkit-box-shadow: 0 0 10px #A5A5A5; box-shadow: 0 0 10px #A5A5A5;} /*this overrights ie5 text align box model error*/ /*wrapper ends*/ /*Banner Content Starts*/ .banner{ width: 1140px; float: left; padding: 15px 30px; background-image: url(../imgs/top-banner-bird.jpg); background-repeat: no-repeat; background-position: 50% 45%; margin-top: 10px; background-color: #fff;} /*Banner Content Ends*/ .master-logo{float: left; width: 381px; height: 162px; margin: 10px 0px 15px 0px;} .tttop{float: left; width: 300px; margin: 10px 0px 0px 100px} /*Banner Content Ends*/ /*Calls To Actions Starts*/ .calltoactions{ width: 270px; float: right; } /*Calls To Actions Footer Holder Starts*/ .calltoactionsf{width: 270px; float: right;} .fbut2 a,.fbut3 a,.fbut4 a,.fbut5 a,.fbut6 a{display: block; margin-bottom: 5px; padding: 8px 15px; color: #593801; width: 240px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; background-image: url(../imgs/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 45%;} .fbut2 a{background-color: #dfe4d4;} .fbut3 a{background-color: #aedcd1;} .fbut4 a{background-color: #b196c2;} .fbut5 a{background-color: #daaf7a;} .fbut6 a{background-color: #bad773;} .fbut2 a:hover,.fbut3 a:hover,.fbut4 a:hover,.fbut5 a:hover,.fbut6 a:hover{background-color: #ccc; color: #000; background-image: url(../imgs/universal/arrows/cta-arrow-ov.png);} /*Calls To Actions Ends*/ /*Headers content start Here*/ .hhead{ float: left; width: 1140px; padding: 15px 30px; background-color: #a0815a;} .hhead h1{line-height: 22px; display: block; margin-bottom: 10px; } .hhead h2{ font-family: 'Montserrat', sans-serif; color: #dfe4d4; font-size: 15px; font-weight: 500; text-transform: uppercase;} .hfree{ font-family: 'Montserrat', sans-serif; color: #fff; font-size: 17px; font-weight: 700;} .honline{ font-family: 'Montserrat', sans-serif; color: #aedcd1; font-size: 17px; font-weight: 700;} .hcount{ font-family: 'Montserrat', sans-serif; color: #dfe4d4; font-size: 17px; font-weight: 700;} /*Headers content End Here*/ /*Home content starts Here*/ .lgt{ width: 1160px; margin: 20px 0px 30px 0px; text-align: center;} .lgtl{ font-family: Baskerville, "Palatino Linotype", Palatino, "serif"; font-size: 36px; color: #000; margin-right: 2px; font-weight: 500; } .lgtr{ font-family: Baskerville, "Palatino Linotype", Palatino, "serif"; font-size: 36px; color: #f0901d; font-weight: 500;} .home-box-holder{ float: left; width: 1160px; padding: 20px 20px 0px 20px;} /*Home ends Here*/ /*Home Large Images Start Here*/ .himagesl1{float: left; width: 1160px; height: 567px; margin: 0px 20px; background-image: url(../imgs/main-pages/hp/expertised-and-passion.jpg);} .himagesl2{float: left; width: 1160px; height: 585px; margin: 0px 20px; background-image: url(../imgs/main-pages/hp/approved-installer-showroom-network.jpg);} .himagesl4{float: left; width: 1160px; height: 567px; margin: 0px 20px; background-image: url(../imgs/main-pages/hp/all-period-comtemporary-glazing-options.jpg);} .centh{width: 1160px; float: left; text-align: center; margin-top: 30px; color: #ff7f19; font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight: 700;} .caring{float: left; width: 1160px; height: 764px; margin: 0px 20px; background-color: #f5f9eb; background-image: url(../imgs/main-pages/hp/caring-for-the-project.jpg);} .purplec{ width: 910px; float: left; margin: 50px 0px 0px 50px; color: #b196c1; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700; line-height: 45px;} .brownc{ width: 910px; float: left; margin: 30px 0px 0px 50px; color: #664103; font-family: Baskerville, "Palatino Linotype", Palatino, "serif"; font-size: 34px; font-weight: normal;} .purplecsm{ width: 910px; float: left; margin: 50px 0px 0px 50px; color: #b196c1; font-family: 'Montserrat', sans-serif; font-size: 29px; font-weight: 500; line-height: 36px;} .network{float: left; width: 1160px; padding-bottom: 20px; margin: 0px 20px; background-color: #f5f9eb;} .best{float: left; width: 1160px; padding-bottom: 20px; margin: 0px 20px; background-color: #f5f9eb;} .networkc{ width: 1160px; float: left; margin: 50px 0px 0px 0px; color: #b196c1; font-family: 'Montserrat', sans-serif; font-size: 34px; font-weight: 700; text-align: center;} .carusel{float: left; width: 1160px; padding: 5px 10px 30px 10px; background-color: #fff;} /*Home Large Images End Here*/ .intro-home-left{float: left; width: 500px; margin: 20px 0px 30px 30px;} .intro-home-right{float: right; width: 500px; margin: 20px 0px 30px 30px;} /*Inside Content Starts Here*/ .inside-content-wrapper{float: left; width: 1140px; margin: 30px 30px 0px 30px;} .inside-content-wrapper-gallery-intro{float: left; width: 1140px; margin: 20px 30px 0px 30px;} .inside-copy{float: left; width: 1140px; padding-top: 30px;} .inscopy-left{float: left; width: 620px; margin: 0px 0px 30px 30px;} .insideimg{ float: right; width: 300px; height: auto; margin-right: 30px;} .insideimg-space{ float: right; width: 300px; margin-bottom: 20px;} .blog-nav{float: right; width: 300px; height: auto; margin-top: 30px;} .blog-nav li a{display: block; color: #666; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 25px; padding-top: 15px; border-top: solid 1px #8c6135; margin-top: 15px;} .blog-nav li a:hover{color: #8c6135;} .strips{float: left; width: 1080px; margin: 0px 0px 30px 30px;} .strips a{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 25px; margin-bottom: 15px;} .strips-about{float: left; width: 640px; padding: 0px 250px; margin-bottom: 30px;} .strips-about a{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 25px; margin-bottom: 15px;} .insidelp{ float: left; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; line-height: 27px; margin-bottom: 20px;} .inside-copy p{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color: #666; font-size: 17px; line-height: 26px;} .inside-copy h3{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 15px;} .inside-copy h4{color: #666; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 600; margin-bottom: 15px; line-height: 25px;} .inside-copy h5{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; margin-bottom: 10px; line-height: 25px;} .strap1{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; line-height: 28px; margin-bottom: 10px;} .lphead{ float: left; color: #f0901d; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 20px;} /*SEO Landing Pages Content Starts Here*/ .seo-copy{float: left; width: 1140px; padding-top: 30px;} .seocopy-left{float: left; width: 600px; margin-left: 30px;} .seolp{ float: left; color: #D19C65; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; line-height: 27px; margin-bottom: 20px;} .seolp a{ color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; line-height: 25px;} .seostrap{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; line-height: 25px; margin-bottom: 20px;} .seo-copy p{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color: #666; font-size: 17px; line-height: 26px; display: block; margin-bottom: 20px;} .seo-copy h3{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; margin-bottom: 20px;} .seo-copy h4{color: #666; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 20px; line-height: 27px;} .seo-copy hr{display: block; height: 1px; border-top: 1px dashed #bbab91; margin: 1.3em 0em 1.5em 0em ; padding: 0; border-bottom: 0; border-right: 0; border-left: 0; float: left; width: 100%;} .imgpush{margin-bottom: 50px;} .seotitle{float: left; width: 1040px; padding: 20px; background-color: #d3ebe5; margin-top: 40px;} .seotitle h3{color: #593801; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 24px; margin-bottom: 0px; font-weight: 700;} .seo-nav{float: left; width: 1080px; margin-top: 15px;} .senl{float: left; width: 535px;} .senr{float: right; width: 535px;} .seo-nav li a{display: block; color: #593801; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; margin-bottom: 10px; line-height: 22px; padding: 10px 20px; background-color: #f5f9eb; background-image: url("../imgs/universal/arrows/is-nav-on.png"); background-repeat: no-repeat; background-position: 97% 45%;} .seo-nav li a:hover{background-color: #dae0cf;} .seo-nav li a#current{ color: #593801; background-color: #d3ebe5; background-image: url("../imgs/universal/arrows/is-nav-on.png"); background-repeat: no-repeat; background-position: 97% 45%;} /*SEO Landing Pages Content Ends Here*/ .mtt{float: left; width: 1160px; height: 562px; background-image: url(../imgs/universal/meet-the-team.jpg); margin-left: 20px;} .mttth{float: left; width: 600px; height: 350px; margin: 80px 0px 0px 280px; text-align: center;} .mttth h3{ color: #b097c1; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 700; line-height: 23px; margin-bottom: 30px;} .mttth p{ color: #643f00; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; font-size: 20px; line-height: 30px;} .inside-list{ display: block;} .inside-list ul li{ list-style-image:url(../imgs/universal/arrows/li-img.jpg); list-style-position: outside; margin-left: 20px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 18px; color: #000; line-height: 24px; padding: 10px 0px 0px 10px;} /*Timber Alternataives look alikes 3 imgs starts*/ .six-boxh{float: left; width: 1140px; margin: 10px 0px 0px 30px;} .strips-tal{float: left; width: 1140px;} .tal3titlesl{float: left; width: 366px; margin-right: 20px; margin-top: 20px; background-color: #c8e8e8; padding: 15px 0px; text-align: center;color: #593801; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; } .tal3titlesr{float: left; width: 366px; background-color: #c8e8e8; margin-top: 20px; padding: 15px 0px; text-align: center; color: #593801; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700;} .tal3imgl{width: 366px; height: 342px; float: left; margin-right: 20px; background-color: #ccc;} .tal3imgr{width: 366px; height: 342px; float: left; background-color: #ccc;} /*Inside Content Ends Here*/ /*Gallerys Content Begins Here*/ .gallery-holder{ width: 1060px; float: left; margin-top: 25px;} .gallery_hold{ width: 640px; float: right; margin-right: 15px;} .info-gall{display: block; width: 100%; margin-left: 20px; float: left; font-family: 'Montserrat', sans-serif; color: #593801; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .gimgsm{ width: 140px; float: left; height: 140px; margin: 0px 0px 20px 20px; background-color: #D4D4D4;} .gallery-navigation { width: 300px; float: left; padding: 30px 20px 15px 20px; background-color: #f5f9eb; border-radius: 5px;} .gallery-navigation h4 { font-family: 'Montserrat', sans-serif; color: #593801; display: block; font-size: 22px; font-weight: 600;} .gallery-navigation li a{ display: block; padding: 10px 0px; color: #593801; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 600; border-top: 1px solid #e9ece2; background-image: url(../imgs/universal/arrows/is-nav-on.png); background-position: 98% 45%; background-repeat: no-repeat;} .gallery-navigation li a:hover{ color: #f0901d; background-image: url(../imgs/universal/arrows/is-nav-ov.png);} .gallery-navigation li a#top{ color: #daaf7a; background-image: url(../imgs/universal/arrows/is-nav-ac.png);} .gcopyh{ width: 580px; float: right; margin-top: 0px; padding: 20px; background-color: #f5f9eb; border-radius: 5px; margin: 0px 15px 20px 0px;} .gcopyh p{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color: #593801; font-size: 17px; line-height: 22px;} .gcopyh h5 { font-family: 'Montserrat', sans-serif; color: #593801; display: block; font-size: 20px; font-weight: 600; margin-bottom: 10px;} /*Gallerys Content Ends Here*/ /*Area Strips Content Starts*/ .area_strips{ width: 630px; float: left; margin-bottom: 10px; padding-bottom: 5px; } .area_hs{ display: inline-block; float: left; margin-right: 30px; width: 190px; margin-left: 10px;} .area_hs li{ color: #666; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; display: block; margin-bottom: 7px;} .area_hs li a{ color: #666; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; display: block; margin-bottom: 7px;} .area_hs li a:hover{color: #ff7f19;} /*Area Strips Content Starts*/ /*Info section Starts Here*/ .info-strips{float: left; width: 1140px; margin: 0px 0px 30px 0px;} .info-section{float: left; width: 1080px; height: 261px; background-color: #d3ebe5; padding: 30px 30px; background-image: url(../imgs/universal/free-quote-bkg.png); background-repeat: no-repeat;} .ifoleftc{ width: 670px; float: left; margin-top: 20px;} .ifoleftc h4{color: #ff7f19; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 600;} .ifoleftc p{color: #20154d; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; margin-top: 20px; background-image: url(../imgs/universal/arrows/info-section.png); background-repeat: no-repeat; padding-left: 30px;} /*Info section Ends Here*/ /*Three Image Content Starts Here*/ .threeimgh{width: 1160px; float: left; margin-left: 20px;} .threeimghl{width: 372px; height: 389px; float: left; margin-right: 20px; background-color: #ccc;} .threeimghr{width: 372px; height: 389px; float: right; background-color: #ccc;} /*Three Image Content Ends Here*/ /*new accordian content*/ .accord-title{ display: block; width: 1080px; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 25px; color: #396F58; margin-bottom: 20px; line-height: 30px;} .accordionButton h5{ font-family: 'Montserrat', sans-serif; color: #593801; font-size: 15px; font-weight: 600; text-transform: uppercase; padding-right: 40px;} .accordionContent p{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color: #666; font-size: 17px; line-height: 26px; margin-bottom: 0px;} .accordionButton { width: 1060px; float: left; _float: none; /* Float works in all browsers but IE6 */ cursor: pointer; border: solid 1px #f3f8e9; padding: 10px; margin-bottom: 10px; -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(../imgs/universal/arrows/image1.png); background-position: 100% 50%; background-repeat: no-repeat; border-radius: 5px; text-transform: uppercase; background-color: #f3f8e9;} .acscopy-left{float: left; width: 590px; padding-left: 10px; margin-left: 20px;} .acsideimg{ float: right; width: 300px; height: auto; margin-right: 20px;} .accordionContent { width: 1080px; float: left; _float: none; /* Float works in all browsers but IE6 */ margin-bottom: 10px; padding: 20px 0px; } .on { background: #dae0cf; border: solid 1px #dae0cf; background-image:url(../imgs/universal/arrows/image3.png); background-position: 100% 50%; background-repeat: no-repeat; } .over { background: #dae0cf; border: solid 1px #dae0cf; background-image: url(../imgs/universal/arrows/image1.png); background-position: 100% 50%; background-repeat: no-repeat; } /*new accordian content ends*/ /*Design Options content ends*/ .dcontent-holder{float: left; width: 1080px; margin-bottom: 60px;} /*Bottom Section Content Starts Here include form, and footer*/ .bottom-section{ width: 1160px; float: left; padding: 20px 20px 0px 20px;} /*form Content Starts here*/ .three-steps{width: 1160px; float: left; height: 397px;} .tstitle{width: 1100px; float: left; padding: 18px 30px; background-color: #bfe3da;} .tso{ font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 700; color: #ff7f19; padding-right: 3px;} .tsb{ font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 700; color: #20154d;} .formh{ width: 1160px; float: left; margin-bottom: 20px;} .mftitle{width: 1100px; float: left; padding: 20px 30px 10px 30px; background-color: #cfecea;} .freet{font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700; color: #ff7f19; padding-right: 10px;} .freeq{font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 700; color: #5d4000; padding-bottom: 15px;} .freest{font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; color: #5d4000; line-height: 21px;} /*BOOK APPOINTMENT BEGINS HERE*/ /*Book Appointment Starts Here*/ .g-recaptcha{ float: left; margin: 5px 0px;} .book_appointment{ width: 1100px; float: left; padding: 30px 30px; background-color: #ddf1f2;} .book-left{ width: 500px; float: left; padding: 0px 15px 10px 0px;} .book_appointment h3{ font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 500; margin-bottom: 10px; color: #ff7f19;} .book_appointment h6{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #000;} .book-left p{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; line-height: 21px; color: #000;} .book-form{ width: 550px; float: right; margin-top: 10px; } .linefield{ width: 510px; float: left; padding: 10px 20px; background-color: #fff; margin-bottom: 5px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 0px;} .linefield2{ width: 510px; float: left; padding: 10px 20px; height: 170px; margin-bottom: 5px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 0px;} .fileup{ float: left; margin-right: 10px; margin-top: 10px; display: inline-block; width: 180px;} .inputholder{ float: left; width: 410px; margin-bottom: 10px; } .inputholdert{ float: left; margin-right: 30px; display: inline-block; } .inputholdertb{ float: left; margin-right: 10px; display: inline-block;} .inputholdertbr{ float: left; margin-right: 10px; display: inline-block; padding-top: 0px; } .disclaimer{ float: left; width: 410px; margin-top: 15px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; color: #000; } .disclaimer a{font-size: 11px; font-weight: normal; line-height: 16px; color: #000;} .book_appointment a{ width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #ff7f19; border: 0px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #fff; border-radius: 3px;} .book_appointment a:hover{ background-color: #999;} /*below turns of blue border around formfields*/ .book_appointment input:focus,.book_appointment textarea:focus,.book_appointment type:focus { border-color: #ff7f19; box-shadow: 0 0 10px #fff; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none; } /*Book Appointment Ends Here*/ /*form Content Ends here*/ /*Top footer Content Starts here*/ .ftop{width: 1100px; float: left; padding: 20px 30px; background-color: #f5f9eb; }/*Top footer Content Ends here*/ .ftph{width: auto; float: left; display: inline-block; margin-right: 35px;} .ftph h5{ color: #a49167; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; padding-bottom: 10px; display: block;} .ftph li a{color: #beb49b; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; margin-bottom: 10px; display: block;} .ftph li a:hover{color: #ff7f19} /*Top footer Content Ends here*/ /*Bottom footer Content Starts here*/ .footerb{width: 1160px; float: left; padding: 30px 0px; background-color: #fff;} .flogo{width: 385px; height: 177px; float: left;} .fmiddle{float: left; width: 291px; margin: 0px 0px 0px 100px } .ftel{float: left; width: 300px; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 700; margin-bottom: 15px;} .fe{float: left; width: 300px; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 15px;} .fe a{color: #8c6135;} .furl{float: left; width: 291px; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 15px;} .furl a{float: left; width: 291px; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; text-decoration: underline;} /*Footer Social Media Start Here*/ .social2{ float: left; width: 155px; height: 40px; margin: 10px 0px 0px 10px; } .social_buts{ width: 41px; height: 40px; float: right; margin-right: 10px; } .facebook{ width: 41px; height: 40px; float: right; margin-right: 10px; background-image:url(../imgs/universal/social/facebook-ov.png);} .facebook img{ -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} .facebook img:hover { opacity:0; } .twitter{ width: 41px; height: 40px; float: right; margin-right: 10px; background-image:url(../imgs/universal/social/twitter-ov.png); } .twitter img{ -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .twitter img:hover { opacity:0;} .instagram{ width: 41px; height: 40px; float: right; margin-right: 10px; background-image:url(../imgs/universal/social/instagram-ov.png);} .instagram img{ -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out; } .instagram img:hover { opacity:0; } /*Bottom footer Content Ends here*/ .copywrite{float: left; width: 1160px; padding: 15px 20px; background-color: #f5f9eb;} .copwl{float: left; width: 650px;} .copwr{float: right; width: 200px; text-align: right;} .copywrite p{ color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500;} .copywrite a{ color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500;} .copywrite a:hover{ color: #000;} .cptlist{float: left; width: 650px; margin-bottom: 10px;} .cptlist li{display: inline; color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-right: 10px;} .cptlist li a{color: #8c6135; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; margin-right: 10px;} /*Bottom Section Content ends Here*/ .arg-reality{width: 1160px; float:left; margin-bottom: 20px; height: 587px; background-image: url("../imgs/argumented-reality/back-ground-panel.jpg");} .arg-title{width: 1100px; float:left; padding: 30px; color: #ff7f19; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 700;} .arg-rcopy{width: 500px; float: right; margin-top: 30px; padding-right: 30px;} .arg-rcopy p{color: #633e08; font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: 500; line-height: 28px; margin-bottom: 20px; display: block;} .arg-strap{color: #633e08; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; line-height: 31px; margin-bottom: 30px; display: block;} .arg-link a{display: block; margin-bottom: 5px; padding: 10px 15px; color: #593801; width: 380px; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; background-image: url(../imgs/universal/arrows/cta-arrow-on.png); background-repeat: no-repeat; background-position: 95% 45%; background-color: #ff7f19; border-radius: 10px;} .arg-link a:hover{background-color: #fff;} /* |-------------------------------------------------------------------------- | 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(../imgs/ui.totop.png) no-repeat left top; } #toTopHover { background:url(../imgs/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; } .domain::before { content: "\0040"; /* Unicode character for @ symbol */ }