html *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
/* width */
::-webkit-scrollbar {
    width: 10px;
	
}

/* Track */
::-webkit-scrollbar-track {
    background: #cdcdcd; 
	border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #666; 
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000; 
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0
}
html,body{
    width:100%;
    height:101%;
    font-size:14px;
    position:relative;
    font-family:'Roboto',Helvetica,Arial,sans-serif;
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    -webkit-text-size-adjust:100%;
    background:rgba(0,0,0,0.10);
    max-width:100%;
    overflow-x:hidden;
    overflow-y:hidden;
    -webkit-font-smoothing:subpixel-antialiased
}
a{
    text-decoration:none;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear;
    outline:none
}
a:hover,a:focus{
    text-decoration:none
}
.clearfix:before,.clearfix:after{
    content:'';
    display:table
}
.clearfix:after{
    clear:both
}
.hide{
    display:none
}
.screenShotTempCanvas{
    position:absolute;
    width:536px;
    height:576px;
    left:0;
    top:0
}
.tempHide svg{
    position:absolute;
    width:536px;
    height:576px;
    left:0;
    top:0
}
.sideLightcolour .screenShotTempCanvas{
    left:43px
}
.loadingbtn{
    display:none
}
.colourSwatch{
    background:#acb2b4
}
.spin{
    transition-property:transform;
    transition-duration:1s;
    animation-name:rotate;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.select-control {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23bf1e2e%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-control::-ms-expand {
    display: none;
}
.select-control:hover {
    border-color: #888;
}
.select-control:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(191, 30, 46, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-control option {
    font-weight:normal;
}
.input-group{
	margin-right: 5px;
	display: inline-block;
}
.selectboxOption label{
	text-align: left;
    display: block;
	padding: 0 25px 5px 4px;
}
@keyframes rotate{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.hideDesk{
    display:none;
    opacity:0
}

#adAlert{
	position: fixed;
	top: 67px;
	left: 2px;
	z-index: 99999;
}
#printInfo{
	background: #fff;
}
#printheader{
	text-align: center;
	margin: 0 auto;
}
#fullsidelightOptions a{
    background:#fff;
    display:block;
    float:left;
    text-align:center;
    font-size:12px;
    padding:4px;
    margin-right:2px
}
#fullsidelightOptions a:hover{
    background:#f1f1f1;
    color:#333;
    -webkit-box-shadow:inset 2px 0 17px 0 rgba(50,50,50,0.29);
    -moz-box-shadow:inset 2px 0 17px 0 rgba(50,50,50,0.29);
    box-shadow:inset 2px 0 17px 0 rgba(50,50,50,0.29)
}
#fullsidelightOptions a.current{
    background:#62bbad
}
#fullsidelightOptions a.current p{
    color:#fff
}
#fullsidelightOptions a img{
    width:48px
}
#patternedglassOveride a.current{
    background:#55b2e3
}
#responsiveButt{
    padding:0;
    height:65px
}
#responsiveButt a{
    display:block;
    color:#fff;
    width:60px;
    vertical-align:middle;
    text-align:center;
    height:100%;
    line-height:100%;
	font-size: 11px;
}
#responsiveButt a i{
    vertical-align:middle;
    padding-top:10px
}
#Finish{
    margin-left:18px
}
#designeretchoptions,#cillBlock,#timestamp,#crystalharmonyoptions,#muranooptions,#crystalbohemiaoptions,#ralstatus,#thorncliffeoptions,#tahoeoptions,#simplicityoptions,#helpergrain,#clarityoptions,#dorchesteroptions,#alpineoptions,#diamondsoptions,#destinyoptions,#crystalinspirationoptions,#retrooptions,#sciroccooptions,#aspenoptions,#encantooptions,#preciosaoptions,#niceoptions,#lindazaoptions,#fuegooptions,#biarrtizparisoptions,#lyonoptions,#berlinoptions,#venetiaoptions,#lunaoptions,#lucerooptions,#cielooptions,#barcelonaoptions,#pragueptions,#fourliteoptions,#fourtopsarcoptions,#fullnarrowptions,#dualovermidptions,#galleryscreen,#formscreen,#fullscreen,#urbanoptions,.sideLightBlock,#slabOptions,#compositeSidelights,.popupOption,#cillBox,.popupOption-dialogue,#chooseColour,#chooseGlass,#stepButtons > a:first-child,#changeColour,#chooseLetterplate,#finaliseOptions,#changeLetterplate,#changeGlass,#chooseFrame,#chooseFramecolour,#changeFrame,#changeFramecolour,#changeSideglass,#chooseSideglass,#glassoptions,#glassoptions div,#sideglassoptions,#sideglassoptions div,.urban, #slGroup2, #slGroup3, #slGroup4, #dimensions, #toDesign, #slabOptions, .ralContainter, .escutcheon, #optionsHide, .sideglassTab,#sidedimensions,#sideObscureglassoption{
    display:none;
}
 #fullsidelightOptions a#toslGroup3, #fullsidelightOptions a#toslGroup4, #fullsidelightOptions a#toslGroup1{
	display:none;
}
#slglazednav{
	position:absolute;
    top: -35px;
	right:0;
}
#slglazednav .rightNav{
	right:0;
	position:absolute;
}
#slglazednav .leftNav{
	right:35px;
	position:absolute;
}
#glazedSidelights #Custom{
    visibility:hidden
}
#compositeSidelights{
    top:-999px
}
#slideFooterUp{
    color:#fff;
    background:#62bbad;
    font-size:15px;
    font-weight:700;
    position:absolute;
    right:0;
    bottom:-100px;
    text-align:right;
    z-index:550;
    padding:15px
}
#slideFooterUp i{
    font-size:18px;
    line-height:9px;
    vertical-align:middle
}
#slideFooterUp p{
    text-align:left;
    float:right;
    padding:9px 0 0 8px
}
#slideFooterUp:hover{
    background:#55b2e3;
    color:#fff
}
img{
    max-width:100%!important;
    max-height:100%!important;
    display:block;
    border:0;
    height:auto
}
#colourbothsides, #framecolourbothsides{
    position:absolute;
    bottom:6px;
    right:6px;
    display:none;
    padding:8px
}
#itemSummary{
	margin-top: 20px;
}
.back .frameColour{
	transform: translateY(-9px)
}
.itemField{
    padding: 30px 20px 20px;
    border: 1px solid #000;
    position: relative;
    margin: 40px 8px;
    width: 32%;
    display: inline-table;
}
.fieldName{
	position: absolute;
	padding: 8px 14px;
	background: #a01927;
	color: #fff;
	font-size: 18px;
	top: -12px;
	left: 35px;
}
.itemRow{
	clear: both;
	margin-bottom: 5px;
	margin: 0 auto;
    display: inline-block;
	width: 100%;
/*	margin-right: 2px;*/
}
.itemRow.single{
	width: 48%;
}
.itemRow .itemDesc{
	font-size: 13px;
	font-weight: bold;
	padding: 12px;
	border: 1px solid #c4c4c4;
	color: #505050;
	text-align: left;
	float: left;
	min-width: 49%;
}
.itemRow .itemName{
	font-size: 13px;
	padding: 12px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: left;
	float: left;
	min-width: 49%;
}

.toggle-slide{
    overflow:hidden;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    direction:ltr;
    border:1px solid rgba(255,255,255,0.2)
}
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob{
    float:left
}
.toggle-slide .toggle-blob{
    position:relative;
    z-index:99;
    cursor:hand;
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:grab
}
.toggle-light .toggle-on,.toggle-light .toggle-off{
    font-size:12px;
    font-weight:500;
    text-transform:uppercase
}
.toggle-light .toggle-on,.toggle-light .toggle-select .toggle-inner .active{
    background:#fff;
    color:#333
}
.toggle-light .toggle-off,.toggle-light .toggle-select .toggle-on{
    color:#fff
}
.toggle-light .toggle-blob{
    background:#d81a87
}
.toggle-light .toggle-blob:hover{
    background:-webkit-gradient(linear,left top,left bottom,from(#e4e4e4),to(#f9f9f9));
    background:-webkit-linear-gradient(#e4e4e4,#f9f9f9);
    background:linear-gradient(#e4e4e4,#f9f9f9)
}
a.NextBtn,a.PrevBtn{
    position:fixed;
    cursor:pointer;
    color:#fff;
    display:block;
    height:100px;
    text-transform:uppercase;
    z-index:999;
    padding:12px;
    top:25%;
    bottom:0;
    background:#d30079;
    min-width:180px;
    transition:all 500ms
}
a.NextBtn{
    left:auto;
    right:2%
}
a.NextBtn:after{
    position:absolute;
    right:-15px;
    z-index:999999;
    content:" ";
    width:0;
    transition:all 500ms;
    height:0;
    border-style:solid;
    border-width:50px 0 50px 15px;
    border-color:transparent transparent transparent #d30079;
    top:0
}
a.PrevBtn:before{
    position:absolute;
    left:-15px;
    z-index:999999;
    content:" ";
    width:0;
    transition:all 500ms;
    height:0;
    border-style:solid;
    border-width:50px 15px 50px 0;
    border-color:transparent #d30079 transparent transparent;
    top:0
}
a.PrevBtn{
    left:2%;
    right:auto
}
a.NextBtn i,a.PrevBtn i{
    font-size:30px;
    margin-bottom:6px
}
a.NextBtn:hover{
    background:#62bbad;
    -webkit-box-shadow:-7px 9px 18px -8px rgba(98,187,173,1);
    -moz-box-shadow:-7px 9px 18px -8px rgba(98,187,173,1);
    box-shadow:-7px 9px 18px -8px rgba(98,187,173,1)
}
a.NextBtn:hover:after{
    border-color:transparent transparent transparent #62bbad
}
a.PrevBtn:hover{
    background:#62bbad;
    -webkit-box-shadow:9px 9px 18px -8px rgba(98,187,173,1);
    -moz-box-shadow:9px 9px 18px -8px rgba(98,187,173,1);
    box-shadow:9px 9px 18px -8px rgba(29,29,27,1)
}
a.PrevBtn:hover:before{
    border-color:transparent #62bbad transparent transparent
}
#container{
    min-height:100%;
    position:relative;
    overflow-x:hidden;
    overflow-y:hidden
}
#content{
    padding:0;
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    background-color:#e4e2e0;
    overflow-y:auto;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    overflow: hidden;
}
#display{
    position:relative;
    left:0;
    height:100%;
    background-position:50% 50%;
    background-size:cover;
    background-attachment:scroll;
    text-align:center;
    overflow-x:hidden;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -ms-transition:all .6s ease;
    transition:all .6s ease
}
#doorvisualise{
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:2100
}
#galleryscreen,#formscreen,#fullscreen{
    width:100%;
    height:100%;
    position:absolute;
    margin:0 auto;
    z-index:2001;
    opacity:0;
    overflow-y:scroll;
    top:0
}
#formscreen{
	overflow-y:hidden;
}
.leftFlip img{
    -moz-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH;
    -ms-filter:FlipH
}
.quoteSelectBtn{
    padding:10px;
    border-radius:8px;

    text-align:center;
    position:relative;
    margin:5px auto;
    cursor:pointer;
display: inline-block;
    font-size:16px;
    line-height:18px
}
.quoteSelectBtn span {
    position: absolute;
    top: -6px;
    right: -6px;
    display: none;
    font-size: 20px;
}
.quoteSelectBtn.current span {
    display: block;

}
.quoteSelectBtn img{
    margin:0 auto;
    padding:6px 0
}
.quoteSelectBtn:hover{
    background:rgba(0,0,0,0.05);
	border-color: #bf1e2e;
}

.popupOption-dialogue .quoteSelectBtn img{
    width:60px
}
.sendBox,.quoteBox{
    padding:6px;
    border:1px solid rgba(255,255,255,0.26);
    margin:4px 4px 0 0;
    display:inline-block;
}
.quoteSelectBtn .priceOverlay {
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 11px;
    padding: 0 4px;
    background: #000;
    color: #fff;
    display: block;
    border-radius: 4px;
}
.quoteBox.full{
    display:block;
    max-width:88%;
    margin:0 auto
}
.quoteBox h3{
    color:#000
}
.quoteBox p{
    color:#333;
    font-size:16px;
    padding:12px 0 0 0;
}
.sendBox button{
    margin:0
}
.sendBox button .icon{
    margin-right:6px;
    vertical-align:middle
}
#galleryscreen h1,#formscreen h1,#fullscreen h1{
    color:#fff;
    text-align:center;
    width:100%;
    margin:0 auto;
    padding:18px 60px;
    margin-bottom:20px
}
.gallerythumb{
    width:200px;
    height:200px;
    border:1px solid rgba(255,255,255,0.60);
    position:relative;
    float:left;
    overflow:hidden;
    margin:10px 1%;
    min-width:200px;
    max-width:200px;
    max-height:200px;
    width:48%;
    background:none repeat scroll 0 0 #04bad5;
    text-align:center;
    cursor:pointer
}
.gallerythumb img{
    opacity:1;
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
.gallerythumb:hover img,.gallerythumb.current img{
    opacity:.5;
    -webkit-transform:scale(1);
    transform:scale(1)
}
#fulldoordisplay{
    height:93.5%;
    overflow-x:hidden;
    overflow-y:hidden;
    position:relative;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
    max-width:100%;
    width:100%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    margin:auto;
    position:relative;
    top:68px;
    left:0;
    right:0;
    overflow-y:hidden;
    zoom:1;
    -ms-zoom:1;
    -webkit-zoom:1;
    -moz-transform:scale(1,1);
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    -webkit-transform-origin:top center;
    transform-origin:top center
}
#fulldoordisplay.zoom{
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    -webkit-transform-origin:top center;
    transform-origin:top center
}
.rotate{
    transition:1.2s;
    transform-style:preserve-3d;
    -moz-transform:perspective(1000px);
    -moz-transform-style:preserve-3d;
    position:relative;
    opacity:0
}
.front,.back{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:.8s;
    -webkit-transform-style:preserve-3d;
    -moz-transition:.8s;
    -moz-transform-style:preserve-3d;
    -o-transition:.8s;
    -o-transform-style:preserve-3d;
    -ms-transition:.8s;
    -ms-transform-style:preserve-3d;
    transition:.8s;
    transform-style:preserve-3d;
    position:absolute;
    top:0;
    left:0
}
.front{
    z-index:2000;
    transform:rotateY(0deg)
}
.back{
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
#fulldoordisplay.flip .back{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
#fulldoordisplay.flip .front{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
div.flipped img, .flipped svg  {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.image-scale-hack .front{
    opacity:100
}
.image-scale-hack.flip .front{
    opacity:0
}
.frameback{
	transform: translateY(-9px);
}
#fulldoordisplay img,#doorvisualise img{
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
#fulldoordisplay div,#doorvisualise div{
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
#fulldoordisplay div .front .throwRight{
    -ms-transform:translateX(12.2%);
    -webkit-transform:translateX(12.2%);
    transform:translateX(12.2%)
}
#getpdf{
    position:relative;
    background:#fff;
    background-color:#fff
}
#getpdf .printdoor{
    position:relative;
    width:333px;
    height:827px;
    top:0;
    left:0;
    right:0
}
#getpdf .printdoor img,#getpdf .printdoor div{
    position:absolute;
    width:222px;
    height:551px;
    top:0;
    left:0
}
#getpdf .printdoor .layer{
    top:0;
    left:0;
    position:absolute
}
#spinner-overlay{
    background-color:#aaa;
    opacity:.4;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    height:100%;
    width:100%;
    overflow:hidden;
    background-image:url(http://www.cloudformatter.com/Resources/Images/ajaxSpinner.gif);
    background-position:center;
    background-repeat:no-repeat
}
.close{
    position:absolute;
    right:0
}
.button{
    padding:8px 10px;
    -webkit-transition-property:all;
    transition-property:all;
    margin-bottom:1px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:300;
    color:#fff;
    border:1px solid rgba(255,255,255,0.4)
}
.button:hover{
    background-color:transparent;
    border:1px solid rgba(255,255,255,0.7)
}
.galleryclose,#closeform{
    position:absolute;
    top:10px;
    right:10px
}
#footer .close.button{
    border-bottom:none
}
header{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#3d3d3d;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    height:65px;
    position:fixed;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:flex-start;
    top:-65px;
    width:100%;
    padding:0;
    z-index:2000
}
#toolBar,#shareBar{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    height:110px;
    position:fixed;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:flex-start;
    bottom:-110px;
    width:100%;
    padding:0;
    z-index:99999;
    background:#333;
    justify-content:center;
    flex:1;
    align-items:center
}
#toolBar a,#toolBar label,#shareBar a{
    margin:0 25px;
    display:inline
}
#toolBar .hidePhone,#shareBar .hidePhone{
    margin:0 auto
}
input[type="file"]{
    display:none
}
#toolMiddle{
    width:60%;
    border-left:1px solid rgba(255,255,255,0.18);
    border-right:1px solid rgba(255,255,255,0.18);
    padding:0 20px;
    align-items:center
}
.logo{
    background:#fff;
    height:100%;
    padding:6px;
    width:130px
}
#mobileLogo{
	height: 65px;
	width: 65px;
	position: absolute;
	left: 0;
	top: 0;
}
#mobileLogo img{
	height: 65px;
	width: 65px;
}
.mainNav li{
    display:inline-block
}
.mainNav li.quote{
    margin-left:20px;
    padding-left:30px;
    border-left:1px solid #D5D5D5
}
.mainNav{
    background:#3d3d3d;
    display:block;
    padding-right:2px
}
.mainNav li{
    display:inline-block;
    display:inline-block;
    color:#fff;
    margin:0
}
.responsiveNav li{
    list-style:none
}
.responsiveNav li a{
    display:block;
    float:left;
    background:rgba(0,0,0,0.3);
    color:#fff;
    font-weight:700;
    font-size:16px;
    padding:18px;
    border:1px solid rgba(0,0,0,0.4);
    width:31.3%;
    margin:1%;
    min-height:140px
}
.responsiveNav li a i{
    font-size:42px;
    vertical-align:middle;
    margin-bottom:3px
}
.step_Nav{
    position:absolute;
    width:100%;
    top:50%;
    margin-top:-17px;
    left:0;
    z-index:1000
}
.step_Nav .nav{
    position:absolute;
    top:0;
    color:#fff;
    vertical-align:middle;
    background:#55b2e3;
    padding:14px 12px;
    font-weight:700;
    text-decoration:none;
    font-size:.9rem;
    line-height:.9rem;
    transition:padding .25s ease;
    -webkit-box-shadow:0 0 28px 0 rgba(39,87,79,0.4);
    -moz-box-shadow:0 0 28px 0 rgba(39,87,79,0.4);
    box-shadow:0 0 28px 0 rgba(39,87,79,0.4)
}
.step_Nav .nav i{
    font-size:1.1rem;
    vertical-align:top;
    line-height:1.1rem;
    opacity:.5
}
.step_Nav .nav:hover{
    padding:14px 20px;
    background:#62bbad
}
.step_Nav .nav--left{
    border-radius:0 3px 3px 0
}
.step_Nav .nav--right{
    right:0;
    border-radius:3px 0 0 3px
}
#pound{
    padding:1px 0 0;
    font-weight:100
}
.odometer,#pound{
    position:relative;
    float:left;
    z-index:2004;
    color:#fff;
    font-weight:300;
    font-size:28px
}
.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline
}
.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    position:relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline;
    visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{
    text-align:left;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{
    display:block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{
    display:block;
    -webkit-backface-visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{
    display:block;
    -webkit-transform:translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{
    position:absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{
    -webkit-transition:-webkit-transform 2s;
    -moz-transition:-moz-transform 2s;
    -ms-transition:-ms-transform 2s;
    -o-transition:-o-transform 2s;
    transition:transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{
    -webkit-transition:-webkit-transform 1s;
    -moz-transition:-moz-transform 1s;
    -ms-transition:-ms-transform 1s;
    -o-transition:-o-transform 1s;
    transition:transform 1s;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
ul#navTools{
    position:absolute;
    right:0;
    top:0;
    display:inline-block
}
ul#navTools li{
    list-style:none;
    float:left;
    color:#fff;
    transition:all 500ms;
    margin-right:1px;
    padding:8px 8px 0;
    height:65px;
    background:rgba(0,0,0,0.36)
}
ul#navTools li:hover{
    background:rgba(0,0,0,0.76)
}
ul#navTools li a{
    color:#fff
}
ul#navTools li a#addtobasket{
    background:#9b0015
}
ul#navTools li a#addtobasket:hover{
    background:#c3132b
}
ul#navTools li a:hover{
    background:rgba(0,0,0,0.36)
}
ul#navTools li a p{
    margin-bottom:0
}
.starterTxt{
    padding-right:20px;
    line-height:23px
}
.starterTxt .material-icons{
    line-height:21px;
    vertical-align:top
}
.selectslabOption[data-rebate="Double"],.selectslabOption[data-rebate="Fire"],.selectslabOption[data-rebate="Flood"]{
    display:none
}
#eCommformHeader {
    background: none;
    position: relative;
    min-height: 65px;
}
#priceBlock{
    padding:10px;
	display:block;
    background:#8fc750;
    margin-right:20px;
    position:absolute;
    left:0;
    height:65px;
    width:150px
}
#priceBlock p{
    text-align:left;
    margin-bottom:0;
    color:rgba(255,255,255,0.8);
    font-size:10px
}
.mainNav li a{
    font-size:.8rem;
    text-transform:uppercase;
    font-weight:700;
    z-index:1;
    transition:all 500ms;
    height:65px;
    line-height:65px;
    vertical-align:middle;
    text-align:center;
    padding:0 7px;
    color:#fff;
    background:rgba(0,0,0,0.16);
    position:relative;
    display:inline-block;
    text-decoration:none;
    margin-right:6px;
	pointer-events: none;
}
.mainNav li a:after{
    position:absolute;
    right:-8px;
    z-index:999999;
    content:" ";
    width:0;
    transition:all 500ms;
    height:0;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:transparent transparent transparent rgba(0,0,0,0.16)
}
.mainNav li a:before{
    content:"";
    display:block;
    width:0;
    height:0;
    transition:all 500ms;
    position:absolute;
    top:0;
    left:-8px;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:rgba(0,0,0,0.16) transparent
}
.mainNav li a.first:before,.mainNav li a.last:after{
    display:none
}
.mainNav li a.last{
    padding-right:20px;
    margin-left:-1px
}
.mainNav li a:hover{
    background:rgba(0,0,0,0.46);
    text-decoration:none
}
.mainNav li a:hover:after{
    width:0;
    height:0;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:transparent transparent transparent rgba(0,0,0,0.46)
}
.mainNav li a:hover:before{
    width:0;
    height:0;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:rgba(0,0,0,0.46) transparent
}
.mainNav li a.current,.mainNav li a.current:hover{
    color:#333;
    background:#e4e2e0;
    text-decoration:none;
    pointer-events:none
}
.mainNav li a.current:after{
    width:0;
    height:0;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:transparent transparent transparent #e4e2e0
}
.mainNav li a.current:before{
    width:0;
    height:0;
    border-style:solid;
    border-width:33px 0 32px 8px;
    border-color:#e4e2e0 transparent
}
.mainNav li a span{
    font-size:1.7rem;
    line-height:0;
    margin-right:6px;
    vertical-align:middle
}
.mainNav a.disAble,.mainNav a[disabled]{
    opacity:.4;
    text-decoration:none;
    color:#8e8e8e;
    background:#b9b9b9;
    pointer-events:none !important;
}
.obscureSeperator{
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid rgba(255,255,255,0.25)
}
#footer .disAble{
    opacity:.2;
    pointer-events:none !important;
}
.mainNav a.disAble:before{
    border-color:#b9b9b9 transparent
}
.mainNav a.disAble:after{
    border-color:transparent transparent transparent #b9b9b9
}
.bttn{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:12px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.animated-button:link,.animated-button:visited,label.customfileUpload,label.customfileUpload{
    position:relative;
    display:block;
    cursor:pointer;
    padding:12px 15px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    overflow:hidden;
    letter-spacing:.08em;
    border-radius:0;
    text-shadow:0 0 1px rgba(0,0,0,0.2),0 1px 0 rgba(0,0,0,0.2);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.animated-button:link:after,.animated-button:visited:after,label.customfileUpload:after{
    content:"";
    position:absolute;
    height:0;
    left:50%;
    top:50%;
    width:150%;
    z-index:-1;
    -webkit-transition:all .75s ease 0;
    -moz-transition:all .75s ease 0;
    -o-transition:all .75s ease 0;
    transition:all .75s ease 0
}
.animated-button:link:hover,.animated-button:visited:hover,label.customfileUpload:hover{
    color:#FFF;
    text-shadow:none
}
.animated-button:link:hover:after,.animated-button:visited:hover:after,label.customfileUpload:hover:after{
    height:450%
}
.animated-button .material-icons,label.customfileUpload .material-icons{
    font-size:17px;
    vertical-align:middle
}
.animated-button.thar-one,label.customfileUpload.thar-one{
    color:#fff;
    cursor:pointer;
    display:block;
    position:relative;
    border:2px solid #f8a637;
    transition:all .4s cubic-bezier(0.215,0.61,0.355,1) 0
}
.animated-button.thar-one:hover,label.customfileUpload.thar-one:hover{
    color:#000!important;
    background-color:transparent;
    text-shadow:none
}
.animated-button.thar-one:hover:before,label.customfileUpload.thar-one:hover:before{
    bottom:0;
    top:auto;
    height:100%
}
.animated-button.thar-one:before,label.customfileUpload.thar-one:before{
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:0;
    width:100%;
    z-index:-1;
    content:'';
    color:#000!important;
    background:#f8a637;
    transition:all .4s cubic-bezier(0.215,0.61,0.355,1) 0
}
.sendBox button.animated-button.thar-three{
    border:2px solid #46a927;
    border-radius:0;
    font-size:16px;
    padding:12px
}
.sendBox button.animated-button.thar-three:before{
    color:#fff!important;
    background:#46a927
}
.animated-button.thar-two{
    color:#fff;
    cursor:pointer;
    display:block;
    position:relative;
    border:2px solid #f36f21;
    transition:all .4s cubic-bezier(0.215,0.61,0.355,1) 0
}
.animated-button.thar-two:hover{
    color:#000!important;
    background-color:transparent;
    text-shadow:ntwo
}
.animated-button.thar-two:hover:before{
    top:0;
    bottom:auto;
    height:100%
}
.animated-button.thar-two:before{
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    height:0;
    width:100%;
    z-index:-1;
    content:'';
    color:#000!important;
    background:#f36f21;
    transition:all .4s cubic-bezier(0.215,0.61,0.355,1) 0
}
.animated-button.thar-three{
    color:#fff;
    cursor:pointer;
    display:block;
    position:relative;
    border:2px solid #f8a637;
    transition:all .4s cubic-bezier(0.42,0,0.58,1) 0
}
.animated-button.thar-three:hover{
    color:#000!important;
    background-color:transparent;
    text-shadow:nthree
}
.animated-button.thar-three:hover:before{
    left:0;
    right:auto;
    width:100%
}
.animated-button.thar-three:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    color:#000!important;
    background:#f8a637;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.animated-button.thar-four{
    color:#fff;
    cursor:pointer;
    display:block;
    position:relative;
    border:2px solid #65b37a;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.animated-button.thar-four:hover{
    color:#000!important;
    background-color:transparent;
    text-shadow:nfour
}
.animated-button.thar-four:hover:before{
    right:0;
    left:auto;
    width:100%
}
.animated-button.thar-four:before{
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    color:#000!important;
    background:#65b37a;
    transition:all .4s cubic-bezier(0.42,0,0.58,1) 0
}
.operateButtons{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    overflow:hidden;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:1s;
    transition-duration:1s;
    color:#fff;
    font-size:12px
}
.operateButtons:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:100%;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.operateButtons:hover:before{
    -webkit-transform:scale(2);
    transform:scale(2)
}
nav{
    display:block;
    margin:0 auto;
    text-align:center;
    position:fixed;
    left:0;
    top:35%;
    z-index:2001
}
nav#visualoptions{
    right:16%;
    opacity:0;
    z-index:1999;
    top:100px;
    left:auto;
    -webkit-box-shadow:10px 10px 24px -10px rgba(19,23,92,1);
    -moz-box-shadow:10px 10px 24px -10px rgba(19,23,92,1);
    box-shadow:10px 10px 24px -10px rgba(19,23,92,1)
}
#visualoptions .operateButtons{
    background:#fff;
    border:none;
    color:#000
}
#visualoptions .operateButtons:before{
    background:#002b61
}
#visualoptions .operateButtons:hover,.operateButtons:focus,.operateButtons-out:active{
    color:#fff
}
nav ul li{
    margin:0 0 1px;
    list-style:none
}
nav ul li a{
    width:58px;
    height:58px;
    font-size:11px;
    padding-top:35px
}
nav li a span{
    position:absolute;
    left:50%;
    z-index:2;
    margin-left:-12px;
    top:6px;
    font-size:28px
}
#glassoptions,#sideglassoptions,#orientation,#fullsidelightOptions{
    z-index:100;
    position:fixed;
    display:none;
    width:auto;
    padding:6px;
    background:#1a2237;
    transition:all .3s ease-in-out 0
}
#fullsidelightOptions{
    padding:0
}
#sidelightSelect{
    padding:6px
}
#glassoptions:hover,#sideglassoptions:hover,#orientation:hover{
    z-index:100;
    display:none;
    width:auto;
    padding:6px;
}
#glassoptions .label,#sideglassoptions .label,#orientation .label{
    display:none
}
#orientation{
    right:100px;
    top:70px
}
#glassoptions,#sideglassoptions{
    left:10px;
    top:-60px;
    position:absolute
}
#glassoptions p,#sideglassoptions p,#fullsidelightOptions p{
    font-size:9px;
    text-align:center;
    font-weight:700;
    text-transform:uppercase;
    color:#333;
    letter-spacing:-.5px;
    padding:6px 0
}
#glassoptions ul li,#sideglassoptions ul li,#orientation ul li{
    display:block;
    position:relative;
    text-align:center;
    width:50px;
    padding:4px;
    overflow:hidden;
    background-color:rgba(0,0,0,0.1);
    transition:all .3s ease-in-out 0
}
#glassoptions h4,#sideglassoptions h4,#orientation h4{
    display:block;
    padding:8px;
    font-size:13px;
    font-weight:400
}
#orientation img,#orientation .doorlink{
    width:40px;
    height:90px
}
#glassoptions img,#sideglassoptions img{
    width:40px;
    height:40px
}
#orientation img{
    opacity:.9
}
#fullsidelightOptions{
    left:5px;
    display:none;
    top:-155px;
    position:absolute
}
#optionSwitch{
    padding:0;
    width:100%;
    background:#fff
}
#optionSwitch a{
    color:#333;
    background:#eaeaea;
    padding:8px
}
#optionSwitch a.current,#optionSwitch a.current:hover{
    background:#1a2237;
    color:#fff
}
.doorlink,.colourlink .box,.glasslink .box,.framecolourlink .box, .sideglasslink .box{
    width:80px;
    height:155px;
    position:relative;
    display:inline-block;
    margin:0;
    cursor:pointer;
    -webkit-transition:background .4s .5s;
    transition:background .4s .5s
}
.glasslink .box img, .sideglasslink .box img, .framecolourlink .box img{
    margin:0 auto;
    overflow:hidden;
    right:0
}
.frameOtion{
    padding:12px
}
#carouselWrapper{
    margin:0 auto;
    text-align:center;
    max-width:100%
}
.owl-item{
    background: rgba(0,0,0,0);
    padding: 3px 0;
    margin: 5px 0;
    color: #FFF;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
}
.owl-item a img{
    margin:0 auto;
    text-align:center;
    display:block;
    border:2px solid rgba(0,0,0,0.73)
}
.owl-item:hover,.owl-item.active{
    background:rgba(0,0,0,0.45)
}
.owl-item span{
    background:rgba(0,0,0,0.27);
    display:block;
    padding:4px;
    margin-top:5px;
    display:none
}
.owl-item a{
    margin:0 auto;
    text-align:center
}
.owl-item .doorlink{
    position:relative;
    display:block
}
.doorlink img{
    opacity:.9;
    position:absolute;
    left:0;
    right:0;
    width:93%
}
.owl-item .doorThumbOverlay {
    position: absolute;
   /* z-index: 950;*/
    top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
}
.owl-item a .doorThumbOverlay img {
    width: 34px;
    height: 60%;
    left: 1px;
}
.framecolourlink .box img {
    top: 31px;
}
#Toplight .doorThumbOverlay .doorThumbimage{
	height: 55%;
	width: 30px;
	top: 42px;
}
a .box .sublabel{
    position:absolute;
    bottom:0;
    display:block;
    right:0;
    z-index:99999;
    background:#5d5d5d;
    color:rgba(255,255,255,1);
    font-size:11px;
    font-weight:400;
    text-align:center;
    -webkit-transition:background .4s .5s;
    transition:background .4s .5s;
    padding:0 4px
}
a .box .sublabel p{
    padding:0 6px
}
a .box .pricelabel{
    position:absolute;
    left:-5px;
    bottom:35%;
    z-index:99999;
    background:#b82233;
    color:rgba(255,255,255,1);
    font-size:12px;
    padding:4px;
    font-weight:400;
    text-align:center;
    -webkit-transition:all .5s;
    transition:all .5s;
	box-shadow: 0 10px 14px -7px #000;
    border: 1px solid rgba(255,255,255,0.65);
}
a .box .pricelabel.timberCore{
    bottom:20%;
    background:#93bf24;
}
.framecolourlink .box .pricelabel{
	bottom:-5% !important;
	left: 0;
}
a .box .sublabel.Standard{
    background:#fff;
    color:#000
}
a .box .sublabel.Inspired{
    background:#a4232b;
    color:#fff
}
a .box .sublabel.Bold{
    background:rgba(191,31,115,1)
}
a .box .sublabel.Grey{
    background:rgba(177,186,190,1);
    color:#221f1f
}
#glassdesigns a .box .sublabel{
    background:rgba(1,187,214,1)
}
.box .label{
    position:absolute;
    top:0;
    background:rgba(0,0,0,.8);
    color:rgba(255,255,255,0.85);
    text-align:center;
    width:80px;
    font-size:9px;
    font-weight:400;
    display:block;
    padding:2px;
    -webkit-transition:all .4s .5s;
    transition:all .4s .5s;
    -webkit-transition:color .4s .5s;
    transition:color .2s .2s;
    z-index:999
}
.doorlink .label{
    top:130px
}
.current .box .label{
    background:rgba(255,255,255,0.85);
    color:rgba(0,0,0,.8)
}
#swatches form{
    clear:both;
    display:block
}
.colourlink .box .label,#frameswatches a .box .sublabel,#frameswatches a .box .label,.glasslink .box .label,.framecolourlink .box .label, .sideglasslink .box .label{
    font-size:10px;
    width:80px;
}
.colourlink .box .label,#frameswatches a .box .label,.framecolourlink .box .label{
    min-height: 32px;
	width: 95px;
	top: -3px;
}
.colourlink .box,.framecolourlink .box{
    height:130px;
    width:95px;
    position:relative;
	background: rgba(0,0,0,.3);
	text-align: center;
    margin: 0 auto;
}
.colourlink:hover .box,.framecolourlink:hover .box{
	background: #333;
}
.active .colourlink .box, .active .framecolourlink .box{
	background: #fff;
}
.colourlink .box img,.glasslink .box img, .sideglasslink .box img, .framecolourlink .box img{
    position:absolute;
  /*  z-index:50;*/
    left:0;
	top: 10px
}
.glasslink .box img, .sideglasslink .box img{
	top: 0;
}
.colourlink .box img{
	top: 40px;
    /* margin: 0 auto; */
    /* text-align: center; */
    left: 0;
    right: 0;
}
.framecolourlink .box img{
	top: 31px;
}
.box span{
    -webkit-transition:color .4s .5s;
    transition:color .4s .5s;
    text-align:center
}
.box.White{
    background-color:#fff
}
.box.White img.White{
    display:none
}
.front,.back{
    position:absolute;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden
}
.showopacity{
    opacity:0
}
.showopacity[visibleon]{
    opacity:1
}
.hideopacity{
    opacity:1
}
.hideopacity[visibleoff]{
    opacity:0
}
.image-scale-hack{
    transform:rotate(.0001deg)
}
.frame,.frameback,.whiteback,.dripbar,.handle,.house,.frameColour, .escutcheon{
    width:100%;
    height:100%;
    position:relative;
    zoom:0-1
}
.frameColour{
    display:inline-block;
    height:auto;
    position:relative;
    user-select:none
}
.frameCol-canvas{
    display:block;
    height:100%;
    visibility:hidden
}
.shadow{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#fulldoordisplay .frame img,#fulldoordisplay .frameback img,#fulldoordisplay .house img,#fulldoordisplay .frameColour img{
    zoom:0-1;
    max-width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.shadow{
    -webkit-filter:drop-shadow(0px 50px 20px #000);
    filter:drop-shadow(0px 50px 20px #000)
}
#situdoor .frame img,#situdoor .frameColour img{
    zoom:0-1;
    max-width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    min-width:533px
}
#situdoor .frame .frameImgfront.Singlet img{
    min-width:264px !important;
}
#situdoor .doorKnob{
	left: -4%;
}
/*#situdoor .handle{
	left: -6%;
}*/
.layer,.whiteback,.thumbgrain{
    max-width:100%;
    min-width:100%;
    max-height:100%;
    min-height:100%
}
.layer img,.thumbgrain img{
    zoom:0-1;
    max-width:100%;
    height:96%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transform:translateY(9px)
}
#visualization{
    position:absolute;
    margin:auto;
    top:1%;
    left:0;
    bottom:0;
    right:0;
    z-index:2
}
#visualization #background{
    position:absolute;
    height:90%;
    margin:auto;
    top:0;
    left:0;
    right:0;
    z-index:9998
}
#visualization #background #target{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    opacity:0
}
#situdoor{
    opacity:0;
    width:150px;
    height:324px;
    margin:0 auto;
    display:block;
    position:absolute;
    z-index:9999;
    left:0;
    right:0;
    top:0;
    bottom:0;
    overflow:hidden
}
#situdoor .borderHover{
    -webkit-box-shadow:inset 0 0 0 5px rgba(227,22,227,0);
    -moz-box-shadow:inset 0 0 0 5px rgba(227,22,227,0);
    box-shadow:inset 0 0 0 5px rgba(227,22,227,0);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9999999999
}
#situdoor .borderHover:active{
    -webkit-box-shadow:inset 0 0 0 5px rgba(227,22,227,1);
    -moz-box-shadow:inset 0 0 0 5px rgba(227,22,227,1);
    box-shadow:inset 0 0 0 5px rgba(227,22,227,1)
}
#situdoor:focus{
    -webkit-box-shadow:inset 0 0 0 5px rgba(227,22,227,1);
    -moz-box-shadow:inset 0 0 0 5px rgba(227,22,227,1);
    box-shadow:inset 0 0 0 5px rgba(227,22,227,1)
}
#situdoor:active img{
    opacity:.8
}
#situdoor div{
    position:absolute;
    right:0;
    left:0;
    width:100%;
    height:100%;
    height:100%;
    margin:0 auto
}
#situdoor .layer img{
    top:0;
    bottom:0;
    left:0;
    right:0
}
svg{
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto
}
.sideLightcolourBG{
    fill:green
}
.colour,.sideLightcolour{
    z-index:202
}
.whiteback{
    z-index:140
}
.whitemask,.thumbgrain{
    z-index:200
}
.thumbgrain img{
    opacity:.4
}
.glass,.glassthumb,.sideLightglass{
    z-index:203
}
#glassshadow,.glassshadowthumb{
    z-index:400
}
.doorGrain,.whitethumbgrain,.sideLight{
    z-index:298
}
.sideLightshadow{
    z-index:950;
	top:-5px !important;
}
#fulldoordisplay div .innerDoor .sideLightcolour{
    bottom:3%
}
.innerDoor .sideLightcolour.layer img{
    height:93%
}
img.blackthumbgrain{
    opacity:.6
}
img.whitethumbgrain{
    opacity:.1
}
.blackthumbgrain{
    z-index:950
}
.glassSwatchMask{
    z-index:960
}
.helpergrain{
    z-index:825
}
.handle{
    z-index:850
}
#fulldoordisplay .handle img{
    left:12px
}
.inox,.inoxthumb{
    z-index:840
}
.urban{
    z-index:845
}
.DoorShadow{
    z-index:299
}
.frame{
    z-index:200
}
.dripbar{
    z-index:1000
}
.escutcheon{
	z-index:1001
}
.letterplate,.spyhole{
    z-index:860
}
.hinge{
    z-index:1101
}
#fulldoordisplay .innerDoor .setLeft{
    left:-36.5%
}
.knocker{
    z-index:890;
	opacity: 0;
/*    -webkit-transform:scale(0.8);
    transform:scale(0.8)*/
}

#fulldoordisplay .doorKnob{
	z-index: 900;
	transform:translateX(0) translateY(0);
}
#situdoor .innerDoor .doorKnob{
	z-index: 900;
	top: -10px;
}
#fulldoordisplay .dkmoveUp{
	transform:translateX(-2px) translateY(-7%);
}
#situdoor .innerDoor .doorKnob.dkmoveUp{
	transform:translateX(-2px) translateY(-35px);
}
#fulldoordisplay .innerDoor.Cottagediamond3 .doorKnob{
	transform:translateX(-2px) translateY(-25.5%);
}
#situdoor .innerDoor.Cottagediamond3 .doorKnob{
	top: -154px;
}
#fulldoordisplay .innerDoor.Cottagelong .doorKnob{
	transform:translateX(-2px) translateY(3%);
}
#situdoor .innerDoor.Cottagelong .doorKnob{
	top: 13px;
} 
#fulldoordisplay .innerDoor.Seminole4-centre .doorKnob, #fulldoordisplay .innerDoor.Seminole4-left .doorKnob, #fulldoordisplay .innerDoor.Seminole4-right .doorKnob, #fulldoordisplay .innerDoor.Seminole3-centre .doorKnob, #fulldoordisplay .innerDoor.Seminole3-left .doorKnob, #fulldoordisplay .innerDoor.Seminole3-right .doorKnob{
	transform: translateX(-2px) translateY(-7%);
}
#situdoor .innerDoor.Seminole4-centre .doorKnob, #situdoor .innerDoor.Seminole4-left .doorKnob, #situdoor .innerDoor.Seminole4-right .doorKnob, #situdoor .innerDoor.Seminole3-centre .doorKnob, #situdoor .innerDoor.Seminole3-left .doorKnob, #situdoor .innerDoor.Seminole3-right .doorKnob{
	transform: translateX(-2px) translateY(-7%);
}
#fulldoordisplay .innerDoor.fivearc .doorKnob{
	transform: translateX(-1%) translateY(-7%);
}
#situdoor .innerDoor.fivearc .doorKnob{
	top: -50px;
	left:-30px;
}
#fulldoordisplay .innerDoor.AugustaLongLeft .doorKnob{
	transform: translateX(2%) translateY(-7%);
}
#situdoor .innerDoor.AugustaLongLeft .doorKnob{
	top: -40px;
	left:30px;
}
#fulldoordisplay .innerDoor.AugustaLong .doorKnob{
	transform: translateX(-4%) translateY(-15%);
}
#situdoor .innerDoor.AugustaLong .doorKnob{
	top: -100px;
	left:-120px;
}
#fulldoordisplay .innerDoor.AugustaLongRight .doorKnob{
	transform: translateX(-2%) translateY(-7%);
}
#situdoor .innerDoor.AugustaLongRight .doorKnob{
	top: -40px;
	left:-55px;
}
#fulldoordisplay .innerDoor .spyhole.layer img{
    top:-230px
}
#fulldoordisplay .innerDoor .knocker.layer img{
    top:-40px
}
#situdoor .innerDoor .spyhole.layer img{
    top:-65px;
    left:-2px
}
#situdoor .innerDoor .knocker.layer img{
    top:0px;
    left:-3px
}
.frameback{
    z-index:1100
}
.FRight img{
    transform:translateX(38%)
}
.lowA img{
    transform:translateY(6%)
}
#loadBG{
    z-index:900;
    display:none;
    opacity:0
}
#optionsNav{
    width:152px
}
#optionsNav ul li a{
    width:75px;
    height:68px;
    font-size:11px;
    padding-top:46px;
    float:left;
    margin-right:1px
}
#optionsNav li a span{
    left:50%;
    z-index:2;
    margin-left:-18px;
    top:6px;
    font-size:38px;
    color:rgba(255,255,255,0.9)
}
#glasscolouroptions{
    padding:20px;
    background:#878dca;
    padding-top:5px
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:8000;
}
#indicator{
    display:none;
    position:absolute;
    z-index:2999;
    left:50%;
    top:80%;
    margin:-60px 0 0 -45px
}
#indicator img{
    -webkit-box-shadow:10px 10px 44px 10px rgba(0,0,0,0.75);
    -moz-box-shadow:10px 10px 44px 10px rgba(0,0,0,0.75);
    box-shadow:10px 10px 44px 10px rgba(0,0,0,0.75)
}
#status{
    position:absolute;
    left:50%;
    top:50%;
    margin:-60px 0 0 -45px
}
#status #loadlogo{
    margin-bottom:20px
}
#footer{
    text-align:center;
    padding:0;
    position:absolute;
    clear:both;
    width:100%;
    height:200px;
    z-index:1001;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -ms-transition:all .6s ease;
    transition:all .6s ease;
    -webkit-box-shadow:0 -4px 28px 0 rgba(41,67,137,0.31);
    -moz-box-shadow:0 -4px 28px 0 rgba(41,67,137,0.31);
    box-shadow:0 -4px 28px 0 rgba(41,67,137,0.31);
    bottom:-200px
}
#footertabs,#hardwarefootertabs{
    position:absolute;
    top:-37px;
    display:none;
    width:75%
}
#footertabs a,#hardwarefootertabs a{
    color:#fff;
    font-size:14px;
    font-weight:300;
    padding:10px;
    left:0;
    float:left;
    margin-right:4px
}
#closefooter{
    top:-43px
}
#backdropNav{
    position:absolute;
    width:100%;
    bottom:0;
    overflow:hidden;
    z-index:9999;
    height:80px
}
#backdropNav .button{
    float:left;
    width:19.92%;
    font-size:14px;
    border:none;
    margin-right:.1%;
    background:rgba(0,0,0,0.52)
}
#backdropNav .button i{
    font-style:normal
}
#backdropNav .button div{
    width:28px;
    height:28px;
    font-size:28px;
    margin:0 auto;
    text-align:center;
    margin-bottom:5px
}
#backdropNav .button:hover{
    background:rgba(255,255,255,0.29)
}
#backdropNav .button.last{
    margin-right:0
}
nav a#pull{
    display:none
}
.uploadform{
    display:block;
    margin:0 auto;
    left:0;
    right:0
}
.fileUpload{
    position:relative;
    overflow:hidden
}
.fileUpload input.upload{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:0;
    font-size:20px;
    cursor:pointer;
    width:100%;
    height:100%;
    filter:alpha(opacity=0);
    opacity:0
}
#pdf{
    width:724px;
    position:absolute;
    background:#fff;
    top:-10000px
}
#pdfdesignwrapper{
    border:1px solid #bfbfbf;
    width:724px;
    position:relative;
    height:760px;
    padding:20px 0
}
#pdfdoordesign{
    margin:0 auto;
    width:310px;
    max-height:755px;
    text-align:center;
    position:absolute;
    left:0;
    right:0
}
#pdfdoordesign div{
    position:absolute;
    width:300px;
    height:731px;
    left:0;
    right:0
}
.alert{
	background: #bf1e2e;
	padding: 18px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 14px;
}
.alert i{
	vertical-align: bottom;
}
.sweet-overlay{
    background-color:rgba(0,0,0,0.7);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:100006
}
.sweet-alert{
    background-color:#fff;
    font-family:'Roboto','sans-serif';
    width:478px;
    padding:17px;
    border-radius:5px;
    text-align:center;
    position:fixed;
    left:50%;
    overflow:hidden;
    display:none;
    z-index:100009;
    width:auto;
    margin-left:0;
    left:15px;
    max-width:40%;
    margin:0 auto;
    right:15px;
    top:30%
}
.sweet-alert h2{
    color:#575757;
    font-size:30px;
    text-align:center;
    font-weight:600;
    text-transform:none;
    position:relative;
    margin:25px 0;
    padding:0;
    line-height:40px;
    display:block
}
.sweet-alert p{
    color:#797979;
    font-size:16px;
    text-align:center;
    font-weight:300;
    position:relative;
    float:none;
    margin:10px;
    padding:0;
    line-height:normal
}
button{
    background-color:rgba(0,0,0,0.2);
    color:#fff;
    border:none;
    box-shadow:none;
    font-size:17px;
    font-weight:500;
    padding:10px 32px;
    margin:16px 5px;
    cursor:pointer;
    float:none;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
button:focus{
    outline:none;
    box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)
}
button:hover{
    background-color:#a1d9f2
}
button:active{
    background-color:#81ccee
}
button.cancel{
    background-color:#D0D0D0
}
button.cancel:hover{
    background-color:#c8c8c8
}
button.cancel:active{
    background-color:#b6b6b6
}
button.cancel:focus{
    box-shadow:rgba(197,205,211,0.8) 0 0 2px,rgba(0,0,0,0.0470588) 0 0 0 1px inset!important
}
button::-moz-focus-inner{
    border:0
}
.sweet-alert[data-has-cancel-button=false] button{
    box-shadow:none!important
}
.sweet-alert .icon{
    width:80px;
    height:80px;
    border:4px solid gray;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box
}
.sweet-alert .icon.error{
    border-color:#F27474
}
.sweet-alert .icon.error .x-mark{
    position:relative;
    display:block
}
.sweet-alert .icon.error .line{
    position:absolute;
    height:5px;
    width:47px;
    background-color:#F27474;
    display:block;
    top:37px;
    border-radius:2px
}
.sweet-alert .icon.error .line.left{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    left:17px
}
.sweet-alert .icon.error .line.right{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:16px
}
.sweet-alert .icon.warning{
    border-color:#F8BB86
}
.sweet-alert .icon.warning .body{
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#F8BB86
}
.sweet-alert .icon.warning .dot{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#F8BB86
}
.sweet-alert .icon.info{
    border-color:#C9DAE1
}
.sweet-alert .icon.info::before{
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#C9DAE1
}
.sweet-alert .icon.info::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#C9DAE1
}
.sweet-alert .icon.success{
    border-color:#A5DC86
}
.sweet-alert .icon.success::before,.sweet-alert .icon.success::after{
    content:'';
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:#fff;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sweet-alert .icon.success::before{
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:60px 60px;
    transform-origin:60px 60px
}
.sweet-alert .icon.success::after{
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 60px;
    transform-origin:0 60px
}
.sweet-alert .icon.success .placeholder{
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,0.2);
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
.sweet-alert .icon.success .fix{
    width:5px;
    height:90px;
    background-color:#fff;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sweet-alert .icon.success .line{
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
.sweet-alert .icon.success .line.tip{
    width:25px;
    left:14px;
    top:46px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sweet-alert .icon.success .line.long{
    width:47px;
    right:8px;
    top:38px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sweet-alert .icon.custom{
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat
}
.owl-carousel .owl-wrapper:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel{
    display:none;
    position:relative;
    width:100%;
    -ms-touch-action:pan-y
}
.owl-carousel .owl-wrapper{
    display:none;
    position:relative;
    -webkit-transform:translate3d(0px,0px,0px)
}
.owl-carousel .owl-wrapper-outer{
    overflow:hidden;
    position:relative;
    width:100%
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}
.owl-carousel .owl-item{
    float:left
}
.owl-controls .owl-page,.owl-controls .owl-buttons div{
    cursor:pointer
}
.owl-controls{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.grabbing{
    cursor:url(grabbing.png) 8 8,move
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-theme .owl-controls{
    margin-top:0;
    text-align:center
}
.owl-theme .owl-controls .owl-buttons div{
    color:#FFF;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin:5px;
    padding:3px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    background:#000;
    opacity:1
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    background:#333;
    text-decoration:none
}
.owl-theme .owl-controls .owl-page{
    display:inline-block;
    zoom:1;
    *display:inline
}
.owl-theme .owl-controls .owl-page span{
    display:block;
    width:12px;
    height:12px;
    margin:3px 7px;
    filter:Alpha(Opacity=50);
    opacity:.5;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background:#fff
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter:Alpha(Opacity=100);
    opacity:1
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
    height:auto;
    width:auto;
    color:#FFF;
    padding:2px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.owl-item.loading{
    min-height:150px;
    background:url(images/status.gif) no-repeat center center
}
h1{
    font-weight:300;
    text-transform:uppercase;
    padding:18px;
    font-size:22px
}
#forminputs {
    margin: 0 auto;
    width: 96%;
    background: #efefef;
    padding-bottom: 30px;
    position: relative;
}
#forminputs .quoteBox {
    padding: 15px;
    border: 1px solid #bbbbbb;
    background: #ebeaea;
    margin-bottom: 20px;
}
#forminputs .quoteSelectBtn {
    margin-right: 5px;
	min-width: 70px;
}
.hingeOption, .openOption, .escutcheonheightOption {
    width: 120px;
}
#dynamichandleBackprice{
	display: inline-block;
}
.quoteSelectBtn {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #666;
    text-align: center;
    position: relative;
    color: #000;
    display: inline-block;
    /* margin: 1px; */
    cursor: pointer;
    /* min-width: 100px; */
    font-size: 14px;
    line-height: 18px;
}
.quoteSelectBtn.current {
    background: #bf1e2e;
    border: 2px solid #bf1e2e;
	color: #fff;
	    box-shadow: 0 16px 26px -10px rgba(160, 25, 39, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(160, 25, 39, 0.2);
}
#clonedFulldoordisplay {
    height: 590px;
}

#printDoorimage{
	height: 380px;
	padding-bottom: 15px;
  /*  border-bottom: 2px solid #000;*/
}
#printheader{
	height: 70px;
	width: 100%;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 20px;
}
#printheader .left{
	float: left;
	display: block;
}
#printheader .right{
	float: right;
padding: 30px 10px;
}

.infoHeader {
    width: 20%;
    padding: 16px;
    float: left;
	text-align: center;
}
.infoHeader.middle{
	border-left: 2px solid #000;
}
.printBox {
    padding: 8px;
    border: 2px solid #000;
}
.printBox .left{
	float: left;
	width: 40%;
}
.printBox .right{
	float: right;
	width: 40%;
}
.printBox p{
	padding: 8px 0;
	border-bottom: 1px solid #c2c2c2;
}
.printBox p.last{
	border-bottom: none;
}
.printBox p.pricePrint{
	padding: 12px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
.printBox .infoItem{
	float: right;
	text-align: right;
}
#doorSummary {
    width: 100%;
    height: 100%;
    padding: 0 0 40px;
    background: #f8f8f8;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d1d1d1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d1d1d1 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#d1d1d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=1 );
}
#clonedFulldoordisplay img, #printDoorimage img {
    text-align: center;
    margin: 0 auto;
}
#itemSummary h3, #doorSummary h3, #forminputs h3 {
    width: 100%;
    padding: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    background: #a01927;
    margin-bottom: 10px;
}
#forminputs .quoteBox h3 {
    background:none;
    font-size: 16px;
	color: #333;
	border-bottom: 1px solid rgba(123,123,123,1.00);
	padding: 0 0 8px;
}
#doordesignform{
margin: 0 auto;
    text-align: center;
    padding: 20px;
    overflow-y: auto;
    position: fixed;
    z-index: 10;
    background: #bf1e2e;
    width: 100%;
    height: 91.2%;
    margin-top: 65px;
}
hr{
    border:0;
    color:rgba(255,255,255,0.3);
    background-color:rgba(255,255,255,0.3);
    height:1px;
    margin:18px 0;
    text-align:center
}
.minimal{
    border:0;
    background:#fff;
    width:100%;
    font-size:22px;
    color:#000;
    height:230px;
    margin-bottom:18px;
    padding:12px
}
.minimal__label{
    color:#fff;
    text-align:left;
    font-weight:300;
    font-size:20px
}

#changeRal, #ChangeframeRal{
    background:#bf1e2e;
    color:#fff;
    padding:22px 10px;
    text-transform:uppercase;
    font-size:1.4em;
    font-weight:300;
    margin-left:2px;
    position:absolute;
    left:113px;
    bottom:10px;
    width:120px
}
#changeRal:hover, #ChangeframeRal:hover{
    background:#000;
}
.tipBox{
    background:#fff;
    padding:12px 20px;
    text-align:center;
    color:#000;
    font-size:14px;
    display:block;
    position:absolute;
    z-index:2000;
    left:0;
    right:0;
    margin:0 auto;
    opacity:0
}
.tipBox .close{
    position:absolute;
    top:3px;
    right:3px;
    color:#000;
    font-size:11px;
    z-index:90
}
.tipBox .close i{
    font-size:16px;
    margin-bottom:0;
    padding-bottom:0;
    vertical-align:middle
}
.tipBox{
    -webkit-box-shadow:10px 10px 24px -10px rgba(19,23,92,1);
    -moz-box-shadow:10px 10px 24px -10px rgba(19,23,92,1);
    box-shadow:10px 10px 24px -10px rgba(19,23,92,1)
}
.MainButton, .Button, .editButton, .genericBttn {
    
    background-color: #8fc750;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #f2f2f2;
    text-transform: uppercase;
    font-size: 20px;
    padding: 14px 25px;
    text-decoration: none;
    font-weight: 700;
    margin: 20px 10px;
    vertical-align: bottom;
}
span.editButton, span.genericBttn{
	float: right;
}
.genericBttn:hover{background-color: #7db33f;
	    -moz-box-shadow:0 10px 20px -7px #8fc750;
    -webkit-box-shadow:0 10px 20px -7px #8fc750;
   box-shadow: 0 10px 20px -7px #8fc750;
    color: #fff;
}
.editButton{
	background-color: #bf1e2e;
}
.editButton:hover{
	background-color: #a21b29;
	color: #fff;
		    -moz-box-shadow:0 10px 20px -7px #bf1e2e;
    -webkit-box-shadow:0 10px 20px -7px#bf1e2e;
    box-shadow:0 10px 20px -7px #bf1e2e
}
.genericBttn i, .Button i, .editButton i {
    font-size: 24px;
    line-height: 24px;
    vertical-align: text-top;
}
.MainButton:hover{
    background-color:#d71384;
    border:1px solid #ae106b;
    -moz-box-shadow:0 5px 8px -7px #d71384;
    -webkit-box-shadow:0 5px 8px -7px #d71384;
    box-shadow:0 5px 8px -7px #d71384
}
.popupScreen{
    border-radius:4px;
    background-size:100% 234px;
    padding-bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    top:30px;
    left:0;
    right:0;
    bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:95%;
    z-index:3000;
    width:90%
}
#welcomeScreen{
    background:#fff url(../clientassets/Bowater/welcomeWaves.png) no-repeat bottom;
	width: 65%;
	max-width: 700px;
}

.navyTxt{
    color:#0f2e4a
}
.greenTxt{
    color:#50c2b0
}
.blueTxt{
    color:#4db1e3
}
.redTxt{
    color:#de0081
}
.selectslabOption{
    padding:20px;
    border:2px solid rgba(0,0,0,0.15);
    margin-top:4px;
    transition:all .5s ease
}
.selectslabOption:hover{
    border:2px solid #bf1e2e;
    cursor:pointer
}
#timbercoreLink.selectslabOption:hover {
    border: 2px solid #9fc330;
    cursor: pointer;
}
.selectslabOption{
    text-align:left;
    position:relative
}
.selectslabOption .check{
    color:#fff;
    position:absolute;
    top:12px;
    right:20px;
    font-size:32px
}
.selectslabOption.sett .check{
    color:#62bbad
}
#rebateOptions .sett{
    border:2px solid #62bbad
}
.selectslabOption ul{
    margin:10px 0 0 15px;
    float:left;
    font-size:11px;
    color:#666
}
.smallTitle{
    font-size:13px;
    font-weight:700
}
.popupScreen .selectslabOption img{
    display:block
}
.popupScreen .close{
    background-color:#fff;
    -webkit-transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out
}
.popupScreen .close i{
    font-size:22px;
    color:#333
}
.popupScreen .close:hover{
    background-color:#fff;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.popupScreen img{
    margin:0 auto;
    text-align:center;
    display:block;
    height:auto
}
.popupScreen h2{
    color:#333;
    text-transform:uppercase;
    margin:18px;
    font-weight:300;
    border-bottom:1px solid #eee;
    padding-bottom:12px
}
.popupScreen p{
    font-size:18px;
    margin-bottom:12px;
    text-align:left;
    padding:0 20px
}
.popupScreen p a{
    color:#3e67a6;
    text-decoration:underline
}
.popupScreen p a:hover{
    color:#13175c;
    text-decoration:none
}
.ralinput{
    position:absolute;
    z-index:1;
    margin:.2em;
    width:110px;
    vertical-align:top;
    overflow:hidden;
    font-size:22px;
    left:0;
    bottom:5px
}
.input{
    position:relative;
    z-index:1;
    display:inline-block;
    margin:.2em;
    max-width:300px;
    width:calc(100% - 0.3em);
    vertical-align:top;
    overflow:hidden;
    font-size:22px
}
.input__field{
    display:block;
    float:right;
    border:none;
    border-radius:0;
    font-weight:700;
    -webkit-appearance:none;
    position:absolute;
    z-index:100;
    padding:2em .75em 1em;
    width:100%;
    background:transparent;
    color:#333;
    font-size:.8em
}
.ralinput__field{
    display:block;
    float:right;
    border:none;
    border-radius:0;
    font-weight:700;
    -webkit-appearance:none;
    position:absolute;
    z-index:100;
    padding:32px 0 0 10px;
    width:100%;
    background:transparent;
    color:#333;
    font-size:.85em
}
.input__field:focus{
    outline:none
}
.input__label{
    display:inline-block;
    float:right;
    color:#6a7989;
    font-weight:700;
    font-size:70.25%;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0;
    width:100%;
    height:100%;
    background:#fff;
    text-align:left
}
.input__label-content{
    position:relative;
    display:block;
    width:100%;
    padding:1.3em 1em 2em;
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition:-webkit-transform 0.3s,color .3s;
    transition:transform 0.3s,color .3s;
    text-rendering:geometricPrecision
}
.colourSplash{
position: absolute;
    left: 0;
    bottom: 200px;
    background: url(../UIimages/coloursplash.png);
    z-index: 1;
    width: 450px;
    height: 342px;
}
.ralOpionBox{
	 position: absolute;
    top: -136px;
    left: 12px;
    padding: 6px;
    background: rgba(255,255,255, 0.65);
    border: 1px solid #bf1e2e;
	width: 240px;
    height: 120px;
	z-index: 500;
}
.ralOpionBox h3{
	font-size: 13px;
}
.ralform{
  /*  position:absolute;
    bottom:2px;*/
	display: inline-block;
	margin: 0 auto;
}
.infoButt{
    color:#333;
    background:#fff;
    font-size:10px;
    font-weight:700;
    padding:6px;
    text-align:center;
    position:absolute;
    left:14px;
    bottom:30px
}
.infoButt:hover{
    color:#fff;
    background:#d30079
}
.infoButt i{
    font-size:16px;
    text-align:center
}
.ralinput__label-content{
    position:relative;
    display:block;
    width:100%;
    padding:1.6em 1em;
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition:-webkit-transform 0.3s,color .3s;
    transition:transform 0.3s,color .3s;
    text-rendering:geometricPrecision
}
.textarea__label-content{
    position:relative;
    display:block;
    text-align:center;
    padding:1em
}
.input__label::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0 solid transparent;
    -webkit-transition:border-width 0.3s,border-color .3s;
    transition:border-width 0.3s,border-color .3s
}
.input__field:focus + .input__label::before,.ralinput__field:focus + .input__label::before,.input--filled .input__label::before{
    border-width:8px;
    border-color:#000;
    border-top-width:1.6em
}
.input__field:focus + .input__label .input__label-content,.ralinput__field:focus + .input__label .ralinput__label-content,.input--filled .input__label .input__label-content,.input--filled .input__label .ralinput__label-content{
    color:#fff;
    -webkit-transform:translate3d(0,-1.5em,0) scale3d(0.75,0.75,1);
    transform:translate3d(0,-1.5em,0) scale3d(0.75,0.75,1) translateZ(1px)
}
.formsuccess{
    padding:1em;
    color:#fff;
    background-color:#468847;
    margin:0 auto;
    text-align:center
}
.formerror{
    padding:1em;
    color:#fff;
    background-color:#b94a48;
    margin:0 auto;
    text-align:center
}
.cosyAlert-container{
    margin:100px;
    padding:0;
    position:fixed;
    width:30%;
    font-weight:400;
    font-size:13px;
    z-index:9999
}
.cosyAlert-container.top{
    top:0
}
.cosyAlert-container.right{
    right:0
}
.cosyAlert{
    margin:5px 0;
    padding:10px;
    position:relative;
    top:0;
    left:0;
    border-width:1px;
    border-style:solid;
    z-index:9999
}
.cosyAlert.error{
    color:#fff;
    background-color:#B94A48;
    border-color:rgba(199,42,45,1.00)
}
.cosyAlert .close{
    margin:0;
    padding:0;
    position:absolute;
    top:5px;
    right:5px;
    font-weight:700;
    font-size:15px;
    line-height:15px;
    color:#fff;
    cursor:pointer
}
.cosyAlert .close:hover{
	opacity: 0.6;
	background: none !important;
}
.cosyAlert .loader{
    margin-top:15px;
    width:100%;
    height:5px;
    clear:both
}
.cosyAlert .loader-bar{
    width:100%;
    height:5px;
    background:rgba(255,255,255,0.70)
}
/*.innerDoor{
    transform:translateY(6px)
}*/
#fulldoordisplay .back .colour img{
   /* height: 95%;
    bottom: 7px;*/
	    height: 94%;
    bottom: 26px;
}
#situdoor .innerDoor{
position: absolute;
    width: 229px;
    height: 575px;
    left: 12px;
    right: 0;
    bottom: -12px;
}
#situdoor .sideLightBlock{
    display:block;
    width:624px;
    left:-11px;
    height:100%;
    position:absolute;
    z-index:200;
    top:12px
}
#situdoor .sideLightcolour{
    left:-64px;
    top:-17px
}
.front .innerDoor, .back .innerDoor{
    z-index:899
}
#fulldoordisplay div .innerDoor{
        transform: translateY(5px);
}

#situdoor .frameColour{
    display:block;
    width:100%
}
#situdoor .innerDoor{
    z-index:203
}
#situdoor .dripbar{
    bottom:10px;
    left:-10px
}
#situdoor .FullFrameset img,#situdoor .FullFramesetmidrail img{
    min-width:673px!important;
    left:-60px!important
}
#situdoor .FullFramesetLeft img,#situdoor .FullFramesetLeftmidrail img,#situdoor .FullFramesetRight img,#situdoor .FullFramesetRightmidrail img{
    min-width:650px;
    left:-60px
}
#situdoor .Toplight img{
    min-width:700px;
    left:-210px
}
.innerDoor.innerDoorheightreduce{
    height:82%;
    transform:translateY(11.5%) !important;
}
.hinge.innerDoorheightreduce{
    height:81.5%;
    transform:translateY(12%)
}
#fulldoordisplay .innerDoor.innerDoorheightreduce .sideLightglass img,#fulldoordisplay .innerDoor.innerDoorheightreduce .sideLightshadow img{
    top:-17%;
    transform:scale(1.27)
}
#TopRightButton{
    display:none
}
.handle{
    -ms-transform:translateX(-5px);
    -webkit-transform:translateX(-5px);
    transform:translateX(-5px)
}
#situdoor .handle, #situdoor .escutcheon{
/*    -ms-transform:translate(-6px,20px);
    -webkit-transform:translate(-6px,20px);
    transform:translate(-6px,20px)
	left:-20px;*/
}
.front .frame img{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
#backgroundchange{
    right:20px;
    top:9px;
    position:absolute
}

#preloader{
    background-color:rgba(26,26,26,0.90);
}
#footer{
    background:#111d35
}
#galleryscreen,#fullscreen{
    background:#bf1e2e
}
#galleryscreen h1,#formscreen h1,#fullscreen h1{
    border-bottom:1px solid rgba(0,0,0,0.30);
    background:rgba(0,0,0,0.3)
}
.close{
    color:#fff;
    padding:8px 10px 6px;
    background-color:#111d35;
    border:none
}
.close:hover{
    border:none;
    color:#c91500;
    background-color:#122240
}
#formscreen .close,#galleryscreen .close,#fullscreen .close{
    color:#fff;
    background-color:#000;
    border:none;
    padding:17px;
    top:0;
    right:0
}
#formscreen .close:hover,#galleryscreen .close:hover{
    color:#8E1B1D
}
.owl-item:hover,.owl-item.active{
    background:#fff
}
.operateButtons{
    background:#f36f21;
    border:1px solid #c65613
}
.operateButtons:before{
    background:#f8a637
}
.operateButtons:hover,.operateButtons:focus,.operateButtons-out:active{
    color:#fff
}
#situdoor .fullframeAdjust img{
    transform:scale(1.04);
    top:16px;
    left:42px
}
#situdoor .topglassframeAdjust img{
    transform:scale(1.05);
    top:22px;
    left:34px
}
#glassoptions ul li,#orientation ul li{
    color:#fff
}
#glassoptions h4,#orientation h4{
    color:#000;
    border-bottom:1px solid rgba(0,0,0,0.2)
}
#glassoptions ul li:hover,#glassoptions ul.colourlist li.current,#sideglassoptions ul li:hover,#sideglassoptions ul.colourlist li.current,#orientation ul li:hover,#orientation ul li.current{
    background-color:rgba(0,0,0,0.58)
}
#swatches form{
    clear:both;
    display:block;
    border-top:1px solid rgba(255,255,255,0.4)
}
#footertabs a{
    background-color:rgba(0,0,0,0.80)
}
#footertabs a:hover,#footertabs a.current{
    background-color:#111d35
}
#backdropNav .button:hover{
    background:#002b61
}
.handlethumb .box,.knockerthumb .box,.spyholethumb .box{
    width:80px;
    height:155px;
    position:relative;
    display:inline-block;
    margin:0;
    cursor:pointer;
    -webkit-transition:background .4s .5s;
    transition:background .4s .5s
}
.framecolourlink.handlethumb img{
	transform: scaleX(-1) !important;		
}
#urbanoptions{
    width:200px;
    position:absolute;
    z-index:9999;
    right:100px;
    top:80px
}
.urbanlink{
    color:#000;
    text-transform:uppercase;
    font-size:11px;
    padding:9px;
    line-height:11px;
    border:1px solid #000;
    margin-right:5px
}
.urbanlink:hover{
    background-color:#d2d2d2
}
.urbanlink.current{
    border:1px solid #111d35;
    background-color:#111d35;
    color:#fff
}
.owl-item:hover{
    background:rgba(0,0,0,0.38)
}
.owl-item.active{
    background:#fff
}
#footertabs a,#hardwarefootertabs a{
    color:#000;
    background:#fff
}
#footertabs a:hover,#hardwarefootertabs a:hover{
    background:#01af4d;
    background:-moz-linear-gradient(top,#f36f21 0%,#c75c1d 74%,#803b12 100%);
    background:-webkit-linear-gradient(top,#f36f21 0%,#c75c1d 74%,#803b12 100%);
    background:linear-gradient(to bottom,#f36f21 0%,#c75c1d 74%,#803b12 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#01af4d',endColorstr='#013015',GradientType=0);
    color:#fff
}
#footertabs a.current,#hardwarefootertabs a.current{
    background:#111d35;
    color:#fff
}
a#slabInfo{
    margin-top:-14px
}
#footertabs a#slabInfo{
    color:#333;
    background:#fff;
    font-size:12px;
    font-weight:700
}
#footertabs a#slabInfo p{
    text-align:left;
    float:right;
    padding:9px 0 0 8px
}
#footertabs a#slabInfo i{
    font-size:18px;
    line-height:9px;
    vertical-align:middle
}
#footertabs a#slabInfo img{
    float:left;
    width:15px
}
#footertabs a#slabInfo:hover{
    background:#55b2e3
}
#footertabs a#slabInfo:hover i,#footertabs a#slabInfo:hover{
    color:#fff
}
@media all and (max-width: 1056px){
	.itemField{
		width: 96%;
	}
	#adAlert{
		display: none;
	}
    .hideiDevice{
        display:none;
        visibility:hidden
    }
    nav ul li a{
        width:36px;
        height:36px
    }
    nav li a span{
        position:absolute;
        left:50%;
        z-index:2;
        margin-left:-12px;
        top:4px;
        font-size:24px
    }
    nav li a img{
        margin-left:-14px;
        top:6px
    }
    #fulldoordisplay{
        height:90%;
        top:10%
    }
    .logo{
        padding:6px
    }
    #backdropNav .button{
        width:19.92%;
        font-size:9px;
        border:none;
        padding:8px 6px;
        margin-right:.1%;
        background:rgba(0,0,0,0.52);
        line-height:12px;
        word-break:break-word
    }
    #optionsNav{
        background:none;
        width:58px;
        top:26%
    }
    #optionsNav ul li a{
        width:52px;
        height:43px;
        font-size:9px;
        padding-top:26px;
        float:none;
        margin-right:0
    }
    #optionsNav li a span{
        top:3px;
        margin-left:-10px;
        font-size:22px
    }
}

@media all and (max-width: 972px){
	    #fulldoordisplay div .front .innerDoor {
        transform:translateY(0.5%)
    }
	    #fulldoordisplay div .back .innerDoor {
        transform:translateY(0.5%)
    }
	  #fulldoordisplay div .front .innerDoor.innerDoorheightreduce {
        transform:translateY(11.5%)
    }
	    #fulldoordisplay div .back .innerDoor.innerDoorheightreduce {
        transform:translateY(11.5%)
    }
	#fulldoordisplay div .innerDoor .sideLightcolour{
		bottom: 2%;
	}
	  #fulldoordisplay{
        height:70%
    }
    #toolBar a,#toolBar label,#shareBar a{
        margin:0 4px
    }
    nav#visualoptions{
        right:2px
    }
    a.animated-button:link,a.animated-button:visited,label.customfileUpload,label.customfileUpload{
        font-size:65%;
        padding:10px
    }
    #orientation{
        right:42px
    }
    #orientation img{
        width:30px
    }
    #glassoptions ul,#sideglassoptions ul,#orientation ul{
        padding:0
    }
    #glassoptions ul li,#sideglassoptions ul li,#orientation ul li{
        width:35px;
        padding:2px
    }
    #backdropNav .button i{
        font-size:9px
    }
    #backgroundchange{
        right:10px;
        top:11px
    }
    #changeRal, #ChangeframeRal{
       padding: 10px;
    left: 110px;
    font-size: 12px;
    width: 65px;
    }
	
    .input__label{
        font-size:68%
    }
/*    .ralinput__field{
        font-size:.6em;
        padding:26px 0 0 10px
    }*/
.infoButt {

    bottom: 15px;
}
/*    .mainNav{
        margin-left:5px
    }*/
    .mainNav li a{
        font-size:.6rem;
        padding:0 4px;
        margin-right:0;
        height:30px;
        line-height:30px;
        border-radius:6px
    }
    .mainNav li a:before{
        content:none;
        left:0;
        border-width:0;
        border-color:rgba(0,0,0,0) transparent
    }
    .mainNav li a:after{
        content:none;
        right:0;
        border-width:0;
        border-color:transparent transparent transparent rgba(0,0,0,0)
    }
    .mainNav li a.last{
        padding-right:4px;
        margin-left:0
    }
    a.NextBtn{
        left:auto;
        right:.5%
    }
    a.PrevBtn{
        left:.5%;
        right:auto
    }
    a.NextBtn,a.PrevBtn{
        font-size:70%;
        min-width:100px;
        height:80px
    }
    a.NextBtn:after{
        border-color:transparent!important
    }
    a.PrevBtn:before{
        border-color:transparent!important
    }
    a.NextBtn i,a.PrevBtn i{
        font-size:24px
    }
}
@media all and (max-height: 767px){
    #fulldoordisplay div .innerDoor .sideLightcolour{
        bottom:1.9%
    }
    #fulldoordisplay div.innerDoor{
        height:99.2%;
        transform:translateY(2px)
    }
    #fulldoordisplay div.innerDoor.innerDoorheightreduce{
        height:81.5%
    }
}
@media all and (max-width: 726px){
    #fulldoordisplay div.innerDoor{
        transform:translateY(11.2%)
    }
    #fulldoordisplay div .innerDoor .sideLightcolour{
        bottom:2.2%
    }
    #fulldoordisplay div.innerDoor.innerDoorheightreduce{
        height:81.5%;
        transform:translateY(11.3%)
    }
    .front .innerDoor{
        transform:translateY(6px)
    }
    .hidePhone{
        display:none;
        opacity:0
    }
    .hideDesk{
        display:block;
        opacity:1
    }
	.ralOpionBox {
    top: -110px;
    left: 0;
    background: rgba(255,255,255, 0.65);
     border: none;
    width: 180px;
    height: 110px;

}
    #fulldoordisplay{
        height:80%;
        margin-top:30px
    }
    .popupScreen{
        width:90% !important;
    }
    #footertabs,#hardwarefootertabs{
        width:90%
    }
    #footertabs a#slabInfo{
        margin-top:0;
        padding:4px;
        right:0
    }
    #footertabs a#slabInfo p{
        padding:0
    }
    #footertabs #doorCategories a{
        font-size:11px;
        padding:6px;
        margin-right:1px
    }
    #fulldoordisplay div.innerDoor{
        transform:translateY(0px)
    }
}
@media all and (max-width: 540px){
	
a.NextBtn, a.PrevBtn {
    font-size: 70%;
    min-width: 60px;
    height: 50px;
    top: 40%;
	padding: 8px;
	
}	   #backgroundchange{
        right:2px;
        top:12px
    }
	#toolBar a, #toolBar label, #shareBar a {
    margin: 0 25px;
    display: block;
    margin-bottom: 4px;
}
    #fulldoordisplay div .innerDoor .sideLightcolour{
        bottom:0
    }
	 #fulldoordisplay div .back .innerDoor {
        transform:translateY(2%)
    }
	#fulldoordisplay div .front .innerDoor {
    transform: translateY(-1%);
}
    #footertabs{
        top:-25px
    }
    #situdoor{
        width:70%;
        height:70%
    }
    #glassoptions p,#fullsidelightOptions p{
        font-size:8px;
        font-weight:400;
        text-transform:lowercase;
        padding:1px 0
    }
    #fullsidelightOptions{
        left:0;
        top:-102px
    }
    #fullsidelightOptions a{
        font-size:10px;
        padding:2px;
        margin-right:1px
    }
    #fullsidelightOptions a img{
        width:28px
    }
	#footertabs, #hardwarefootertabs {
    top: -29px;
	}
	#footertabs a, #hardwarefootertabs a {
    font-size: 11px;
    padding: 8px
	}
}
#patternedglassOveride{
    display:none;
    margin-top:9px
}
#patternedglassOveride a,#glazedSidelights a{
    color:#333
}
#patternedglassOveride a.current,#glazedSidelights a.current{
    color:#fff
}
.warningLabel{
    padding:4px;
    background:#d70f82;
    color:#fff;
    font-size:10px;
    text-align:center;
    display:block;
    float:left;
    margin-right:10px
}
.warningLabel i{
    font-size:14px;
    vertical-align:middle
}
.flipswitch{
    position:relative;
    width:115px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    margin-top:8px;
    float:left
}
.flipswitch input[type=checkbox]{
    display:none
}
.flipswitch-label{
    display:block;
    overflow:hidden;
    cursor:pointer;
    border:0 solid #FFF;
    border-radius:50px
}
.flipswitch-inner{
    width:200%;
    margin-left:-100%;
    -webkit-transition:margin .3s ease-in 0;
    -moz-transition:margin .3s ease-in 0;
    -ms-transition:margin .3s ease-in 0;
    -o-transition:margin .3s ease-in 0;
    transition:margin .3s ease-in 0
}
.flipswitch-inner:before,.flipswitch-inner:after{
    float:left;
    width:50%;
    height:26px;
    padding:0;
    line-height:26px;
    font-size:11px;
    color:#fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.flipswitch-inner:before{
    content:"Patterned glass";
    padding-left:9px;
    background-color:#D40279;
    color:#FFF;
    text-align:left
}
.flipswitch-inner:after{
    content:"Decorative glass";
    padding-right:9px;
    background-color:#62BBAD;
    color:#FFF;
    text-align:right
}
.flipswitch-switch{
    width:17px;
    margin:4.5px;
    background:#FFF;
    border:0 solid #FFF;
    border-radius:50px;
    position:absolute;
    top:0;
    bottom:0;
    right:90px;
    -webkit-transition:all .3s ease-in 0;
    -moz-transition:all .3s ease-in 0;
    -ms-transition:all .3s ease-in 0;
    -o-transition:all .3s ease-in 0;
    transition:all .3s ease-in 0
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner{
    margin-left:0
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch{
    right:0
}