@charset "UTF-8";

/* CSS Document */
/* build for Williams Windows by Creare */

/* reset */
* { margin: 0; padding:0; }

img { border:none; }

body { background:url(images/bg-repeat.jpg) repeat-x; color:#fefefe; font-family:"Century Gothic", helvetica, arial; }

/* type + classes */
p { font-size:0.75em; line-height:20px; margin:0 0 10px; color:#010341; }

p a { text-decoration:underline; color:#010341; }

p a:hover { color:#02a2a6; }

h1 { font-size:1.2em; color:#00a5c3; margin-bottom:5px; }

h2 { font-size:1em; color:#010341; margin-top:14px; }

h3 { font-size:1.1em; color:#00a5c3; margin-bottom:10px; }

h3 { text-transform:lowercase; }

.bold { font-weight:bold; font-size:1.1em; }

.bold2 { font-weight:bold; font-size:0.7em; }

.caps { text-transform:uppercase; }

.large { font-size:1.1em; font-weight:bold; font-family:Helvetica, arial; line-height:22px; }

.number { font-weight:100; font-size:1.1em; text-align:right; }

.number2 { color:#02a2a6; font-weight:bold; font-size:1.2em; }

.testimonial { font-size:0.85em; line-height:22px; }

.testimonial2 { font-size:0.7em; line-height:18px; margin-bottom:8px; }

.test-name { font-size:0.7em; font-weight:bold; margin:0; }

.foot-info, .foot-info2 { font-size:0.6em; font-family:Arial, Helvetica, sans-serif; line-height:16px; margin:0; }

.foot-info2 { text-align:right; padding-right:20px; }

.blue-b { font-size:0.8em; color:#010341; font-weight:bold; text-transform:lowercase; margin:6px 0 10px; }

.none { display:none; }

.title { font-size:0.8em; color:#010341; font-weight:bold; margin:0; }

.details { font-weight:bold; color:#010341; }

.no-margin { margin:0; }

.detail-size { font-size:0.8em; }

#container { width:940px; height:auto; overflow:hidden; margin:0 auto; }

/* header */
header { width:940px; height:86px; padding:20px 0 24px; }

#logo { width:290px; height:74px; float:left; padding-right:10px; }

#number { width:250px; height:30px; float:right; padding-bottom:12px; }

nav {width: 635px;height:15px;float: left;padding: 11px 0 18px 1px;background:url(images/bg-nav.jpg) no-repeat;}

#navigation {width: 630px;height:15px;}

#navigation li { list-style:none; padding-right:25px; }

#navigation li, #navigation li a { text-decoration:none; display:inline; color:#010341; font-size:0.95em; float:left; padding: 0 3px 6px 3px;}

#navigation li a:hover { color:#02a2a6; }

#navigation li ul.submenu {
    display: none;
}
#navigation li:hover ul.submenu {
    display: block;
    width: 150px;
    position: absolute;
    margin: 25px 0 0 0;
    z-index: 999999;
    background: #e8e8e8;
}
#navigation li ul.submenu li {
    display: block;
    width: 230px;
    background: #e8e8e8;
    padding: 5px;
}
/* jquery */
#jquerywrap { width:936px; height:298px; background:#FFF; padding:2px; }

#j-left { width:298px; height:298px; float:left; background:url(images/bg-jquery.jpg) no-repeat; padding-right:30px; }

#j-left2 { width:268px; height:268px; float:left; background:url(images/bg-jquery2.jpg) no-repeat; padding:30px 30px 0; }

#j-right { width:608px; height:298px; float:right; }

#jquery { width:608px; height:298px; }

#j-text { width:298px; height:206px; }

#contact { width:206px; height:52px; padding:16px 61px 25px 31px; }

/* content */
#content { width:940px; height:auto; overflow:hidden; padding:25px 0; }

#text { width:610px; height:auto; overflow:hidden; float:right; padding-left:30px; }

.list, #list2 { height:auto; overflow:hidden; float:left; padding:4px 0 10px 30px; }

.list { width:548px; }

#list2 { width:580px; }

.list li { list-style:decimal; font-size:0.8em; color:#000235; font-weight:bold; margin-bottom:4px; }

#list2 li { list-style:circle; color:#000235; font-size:0.95em; font-weight:bold; margin-bottom:6px; }

#list2 li a { color:#000235; text-decoration:none; }

#list2 li a:hover { color:#02a2a6; }

#picture-bar { width:610px; height:144px; float:left; margin:10px 0 15px; }

#doors1 { width:366px; height:250px; float:left; margin-top:10px; }

#doors2 { width:565px; height:325px; float:left; }

.doors3 { width:580px; height:138px; float:left; margin-top:10px; }

#finishes { width:580px; height:338px; float:left; margin-top:10px; }

#bar { width:610px; height:94px; float:left; padding:10px 0 30px; }

#guarantee { width:320px; height:94px; float:right; }

#brands { width:568px; height:50px; float:left; background:#FFF; border:#010341 1px solid; padding:8px 20px; }

.p-liniar, .p-euro, .p-rehau { height:48px; padding-right:27px; float:left; }

.p-liniar { width:150px; }

.p-euro { width:100px; }

.p-rehau { width:130px; }

.p-quick { width:102px; height:48px; float:left; margin-bottom:25px; }

#column { width:260px; height:auto; overflow:hidden; background:url(images/bg-column.jpg) no-repeat #0aa5a9; float:left; padding:30px 20px 20px; }

#testimonials { width:260px; height:190px; margin-bottom:25px; }

#testimonials2 { width:260px; height:627px; }

#quote2 { width:258px; height:94px; float:left; margin-bottom:25px; }

#quote, #quote2 ul { width:258px; height:94px; float:left; }

#quote { margin-right:30px; }

#quote li, #quote2 li { list-style:none; }

#quote li, #quote2 li, #quote li a, #quote2 li a { display:block; width:258px; height:94px; background:url(images/free-quote.jpg) no-repeat; }

#quote li a:hover, #quote2 li a:hover { display:block; background:url(images/free-quote2.jpg) no-repeat; }

#specialist { width:260px; height:244px; margin-bottom:25px; }

.white-box { width:220px; height:auto; overflow:hidden; background:#FFF; margin-bottom:25px; clear:both; padding:15px 20px; text-align: center; }

.p-rating { width:85px; height:72px; padding:1px 25px 1px 0; float:left; }

.p-certass { width:123px; height:57px; padding:17px 30px 0 0; float:left; }

.p-kite { width:66px; height:74px; float:right; }

.p-trustmark { width:140px; height:140px; float:left; padding:15px 0 15px 35px; }

.button { width:120px; height:36px; float:right; padding-left:140px; }

.linkbox { margin:0 0 20px; padding:5px; width:580px; background:#FFF; border:#000 1px solid; text-align:center; font-size:0.8em; color:#02a2a6; }

iframe { border:none; }

/* jquery-dropdown */
#dropdown1, #dropdown2 { height:auto; overflow:hidden; width:610px; margin:10px 0; }

.acc_container { width:578px; height:auto; overflow:hidden; background:#e8e8e8; border:1px solid #c4c4c4; clear:both; margin:0 0 5px; padding:15px; }

h2.acc_trigger { width:608px; height:25px; background:url(images/h2_trigger_a.jpg) no-repeat #FFF; border:1px solid #c4c4c4; line-height:25px; float:left; margin:0 0 5px; }

h2.acc_trigger a { color:#010341; text-decoration:none; display:block; padding:0 0 0 40px; }

h2.acc_trigger a:hover { color:#02a2a6; }

h2.active { background-position:left bottom; }

/*-------------------------- navigation sprites -------------------------*/

.picnav {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
}
.block {
    width: 32%;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
}
.block p {
    padding: 8px 0 5px 10px;
    background: #9acf4d;
    position: absolute;
    color: #000;
    font-weight: bold;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    transition: background 0.5s ease;
    border-top-right-radius: 100%;
    border-top-left-radius: 25%;
    text-transform: uppercase;
}
.block:hover p {
    transition: background 0.5s ease;
    background: #02a2a6;
}
.block1 {
    background: url(/images/block1.jpg) 0 100% no-repeat;
    background-size: cover;
    margin: 0;
}
.block2 {
    background: url(/images/block2.jpg) 0 100% no-repeat;
    background-size: cover;
    margin: 0 0 0 2%;
}
.block3 {
    background: url(/images/block3.jpg) 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 0 2%;
}

/* Contact Form */
.expose { width:610px; height:auto; overflow:hidden; float:left; font-size:0.7em; margin-top:13px; }

.contact-box { width:480px; height:auto; overflow:hidden; background:#e8e8e8; padding:20px 65px; margin-bottom:20px; }

.label-box { width:155px; height:auto; overflow:hidden; float:left; padding-top:2px; }

.input-box { width:325px; height:auto; overflow:hidden; float:right; }

label { color:#010341; font-size:1.1em; display:block; cursor:pointer; margin-bottom:14px; line-height:18px; }

textarea { width:319px; height:160px; background-color:#fff; border:#666 solid 1px; padding:2px; color:#404040; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

.box { width:230px; height:17px; background-color:#fff; border:#666 solid 1px; color:#404040; float:left; margin-bottom:10px; padding:2px; }

.other { width:160px; margin:4px 0 10px; }

.asterisk { color:#010c1c; font-size:1.2em; line-height:18px; }

.buttonSubmit { width:179px; height:46px; background:url(images/button-submit.jpg) no-repeat; cursor:pointer; float:right; border:none; margin:35px 0 0; }

/* Contact Form - Spam Box */
.secure { float:left; width:103px; height:17px; margin:12px 0 0; padding:0; }

.secureimg { float:left; margin:0 15px 0 0; padding:0; }

.new a { float:left; color:#010341; margin:20px 0 0; }

.new a:hover { color:#02a2a6; }

/* Contact Process */
.sent-enquiry { font-size:0.75em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; text-transform:uppercase; margin:0; }

.sent-enquiry a { color:#333; }

.sent-enquiry a:hover { color:#fff; }

.crossredbox, .tickgreenbox { width:558px; height:auto; overflow:hidden; margin:10px auto 20px; padding:15px 25px; }

.crossredbox { background:#f3c8c8; border:1px #d51e1e solid; }

.tickgreenbox { background:#e2f4b2; border:1px #60ba38 solid; }

.labels { width:40px; height:auto; overflow:hidden; float:left; margin:0 15px 0 0; }

.inputs { width:503px; height:auto; overflow:hidden; float:right; }

/* nivo slider */
.nivoSlider { position:relative; width: 608px; height:298px; }

.nivoSlider img { position:absolute; top:0px; left:0px; }

/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }

/* Caption styles */
.nivo-caption { position:absolute; left:-298px; top:45px; font-family:Century Gothic, Arial, Helvetica, sans-serif; width:265px; height:130px; z-index:89; }

.nivo-caption p { padding:0; margin:0; color:#010341; font-size:1.1em; line-height:26px; }

.nivo-caption a { display:inline; }

.nivo-html-caption { display:none; }

.nivo-prevNav, .nivo-nextNav { display:none; }

/* tango skin */
.jcarousel-skin-tango .jcarousel-container { background: #FFF; }

.jcarousel-skin-tango .jcarousel-direction-rtl, .secondjcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }

.jcarousel-skin-tango .jcarousel-item { width:260px; height:154px; }

.secondjcarousel-skin-tango .jcarousel-item { width:572px; height:250px; }

.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-tango .jcarousel-container-horizontal { background:none; height:154px; width:260px; }

.secondjcarousel-skin-tango .jcarousel-container-horizontal { background:none; height:280px; width:572px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:260px; height:154px; }

.secondjcarousel-skin-tango .jcarousel-clip-horizontal { width:572px; height:250px; }

.jcarousel-skin-tango .jcarousel-item-horizontal { width:260px; height:154px; margin: 0 auto; display:block; }

.secondjcarousel-skin-tango .jcarousel-item-horizontal { width:572px; height:250px; margin: 0 auto; display:block; }

/* footer */
footer { width:940px; height:100px; position:relative; }

#foot-left { width:258px; height:80px; float:left; border-left:#e8e8e8 1px solid; border-right:#e8e8e8 1px solid; padding:10px 20px; }

#foot-right { width:621px; height:80px; float:right; border-right:#e8e8e8 1px solid; margin-left:18px; padding:10px 0; }

#foot-right ul { width:616px; margin-bottom:30px; float:left; }

#foot-right li { list-style:none; }

#foot-right li, #foot-right li a { display:inline; float:left; text-decoration:none; color:#010341; font-weight:bold; font-size:0.8em; }

#foot-right li a:hover { color:#02a2a6; }

.addthis_toolbox { width:180px; height:15px; position:absolute; top:66px; left:322px; }

.padding { padding:0 10px 0 0; }

.bottom { text-align:center; margin:3px auto; display: none; }

.bottom li { display:inline; list-style:none; }

.bottom li a { font-size:0.7em; color:#393d40; }

/* 404 */
.google_search { width:75%; margin:20px 0; padding:0 0 25px 20px; }

#goog-wm-sb { background:#02a2a6; margin:10px 0 0 10px; border:0; color:#fff; cursor:pointer; width:120px; height:30px; display:inline; }

#goog-wm-qt { width:215px; padding:3px; margin:10px 0 0; height:23px; float:left; display:inline; border:1px solid #999; }

.search-goog { font-size:1em; list-style:none; color:#00a5c3; }

.other-things { display:none; }

.google_search h3 { font-size:1.4em; margin:0 0 15px; padding:0; }

/* Cookie Law */
h6 { font-size:0.7em; color:#00a5c3; font-weight:bold; text-transform:uppercase; margin:10px 0 0; }

.list1 { font-size:0.8em; text-decoration:underline; }

.list1 li { padding:0 0 8px; }

.list1 a { color:#010341; }

.full-list { width:90%; margin:5px 0 15px; padding:0 0 0 15px; }

.full-list li { list-style:circle; font-size:0.75em; line-height:20px; color:#010341; padding:0 0 8px; }

#cookie-law { position:fixed; bottom:0; left:0; width:100%; background:#00a5c3; height:65px; z-index:9999; }

.cookie-law-holder { width:960px; margin:0 auto; }

.cookie-law-holder p { font-size:0.75em; font-weight:bold; line-height:16px; color:#fff; margin:10px 0 0; }

.cookie-law-holder a { color:#fff;  }

.cookie-law-holder a:hover { color:#010341; }

.cookie-law-close { float: right; }

.eu-cookies ul { font-size:1.2em; line-height:1.3em; }

#cookies-table { width:100%; margin:5px 0 15px; }

#cookies-table th { color: #00a5c3; border: 1px solid #00a5c3; font-size:0.75em; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; }

#cookies-table td { border: 1px solid #00a5c3; background: #fff; text-align:left; font-size:0.75em; padding: 6px 6px 6px 12px; color: #454545; }

.width1 { width:20%; }

.width2 { width:60%; }

.check { display: none; visibility: hidden; }

a.call-to-action-btn {
    display: block;
    background-color: #c4f978;
    max-width: 276px;
    padding: 10px;
    border-radius: 28px;
    color: #0f9597;
    text-decoration: none;
    box-shadow: 2px 2px 10px #888888;
    font-weight: 600;
    text-align: center;
    margin: 20px 0 30px;
    text-shadow: 1px 1px #fff;
    font-size: 20px;
    background: #b4e391;
    background: -moz-linear-gradient(45deg, #b4e391 0%, #61c419 50%, #b4e391 100%);
    background: -webkit-linear-gradient(45deg, #b4e391 0%,#61c419 50%,#b4e391 100%);
    background: linear-gradient(180deg, #b4e391 0%,#61c419 95%,#b4e391 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 );
}