/* BeeCool.ca */
/* --- READMORE --- */
article { border-bottom: 1px solid black; }

.hide { display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

body { font-family: Regular; font-size: 15px; color: #000; font-weight: normal; background: url(../images/top_bg.jpg) center top no-repeat; }
@media screen and (max-width: 768px) { body { background: none; } }

img { border: 0; }

.clear { clear: both; }

.clear:after { display: table; content: ''; clear: both; }

.nav_div { position: relative; width: 940px; height: 135px; margin: 0 auto; }
@media screen and (max-width: 768px) { .nav_div { width: 100%; height: auto; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; } }

@media screen and (max-width: 768px) { .nav_div:after { content: ''; display: table; clear: both; } }

.bee_log { float: left; }
@media screen and (max-width: 768px) { .bee_log { max-width: 64%; } }

.bee_log a { display: block; border: 0; margin-top: 8px; }
@media screen and (max-width: 768px) { .bee_log a { max-width: 80%; margin-top: 2px; margin-bottom: 6px; } }

@media screen and (max-width: 768px) { .bee_log a img { max-width: 100%; margin-left: 6px; } }

.navlist_div { position: relative; top: 20px; height: 50px; float: right; z-index: 6000; }
@media screen and (max-width: 768px) { .navlist_div { display: none; } }

.dropdown { position: relative; float: right;}

.dropdown li { float: left; position: relative; }

.dropdown a, .dropdown a:visited { display: block; font-family: BoldItalic; color: #000; font-size: 12.5px; text-transform: uppercase; text-decoration: none; padding: 0px 14px 8px 12px; }

.dropdown a:hover { background: #411069; }

.dropdown a:before { display: block; margin-bottom: 5px; font-family: bcicon; font-size: 55px; line-height: 65px; text-align: center; text-transform: none; }

.dropdown a:hover:before { color: #fff; text-shadow: 0 1px 1px #000; }

.dropdown a#link-res:before { content: 'a'; }

.dropdown a#link-com:before { content: 'b'; }

.dropdown a#link-gc:before { content: 'c'; }

.dropdown a#link-bs:before { content: url(../images/icons/material-roll.png); }
.dropdown a#link-bs:hover:before { display: block; background: url(../images/icons/material-roll-white.png); background-repeat:no-repeat; background-position: center; }

.dropdown a#link-rs:before { content: 'f'; }

.dropdown a#link-au:before { content: 'e'; }




/* --- NAV DROPDOWN --- */
.dropdown ul { position: absolute; display: none; margin: 0; width: 250px; min-width: 125px; padding: 4px; list-style: none; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); background: rgba(25, 0, 45, 0.95); }

.dropdown ul:parent a { cursor: default; }

.dropdown ul li { display: table; }

/* .dropdown li:hover ul { // Display the dropdown on hover
	display:block;
} */
.dropdown li ul.farright { right: 0; }

.dropdown li:hover a { color: #fff; background: rgba(45, 0, 82, 0.98); }

.dropdown li ul li a { display: table-cell; vertical-align: middle; width: 50%; height: 50px; padding: 0 24px 0 90px; color: #fff; font-family: Regular; font-size: 12px; line-height: 15px; text-decoration: none; text-transform: none; border-bottom: solid 1px rgba(0, 0, 0, 0.35); box-shadow: none; background: rgba(45, 0, 82, 0.98); }

.dropdown li ul li a:hover { /* individual links */ background: rgba(80, 0, 145, 0.95); }

.dropdown li ul li a:active { -moz-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.75); }

.dropdown li h2 { display: block; padding: 6px 10px; font-family: BoldItalic; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #fff; }

.dropdown ul#nav-reg { left: 0; }

.dropdown ul#nav-bli { left: 0; }

.dropdown ul#nav-res { left: -72px; }

.dropdown li ul li a.nolink { display: none; background: rgba(25, 0, 40, 0.95); }

.main_left a.nolink { display: none; }

.dropdown ul a:before { position: absolute; content: ''; top: 0px; left: 0px; width: 70px; height: 50px; background: #fff; }

.dropdown ul a.nolink:before { border: none; background: none; }

.dropdown ul a.sun:before { background: url(../images/nav-pics-sm-sun-01.jpg); }

.dropdown ul a.sec:before { background: url(../images/nav-pics-sm-sec-01.jpg); }

.dropdown ul a.bla:before { background: url(../images/nav-pics-sm-bla-01.jpg); }

.dropdown ul a.dec:before { background: url(../images/nav-pics-sm-dec-01.jpg); }

.dropdown ul a.bli:before { background: url(../images/nav-pics-sm-bli-01.jpg); }

.dropdown ul a.alu:before { background: url(../images/nav-pics-sm-bli-alu-01.jpg); }

.dropdown ul a.cel:before { background: url(../images/nav-pics-sm-bli-cel-01.jpg); }

.dropdown ul a.fau:before { background: url(../images/nav-pics-sm-bli-fau-01.jpg); }

.dropdown ul a.grf:before { background: url(../images/nav-pics-sm-grf-01.jpg); }

.dropdown ul a.bsf:before { background: url(../images/nav-pics-sm-bsf-01.jpg); }

.dropdown ul a.sov:before { background: url(../images/nav-pics-sm-sov1-01.png); }

.dropdown ul a.rol:before { background: url(../images/nav-pics-sm-bli-rol-01.jpg); }

.dropdown ul a.sol:before { background: url(../images/nav-pics-sm-bli-sol-01.jpg); }

.dropdown ul a.woo:before { background: url(../images/nav-pics-sm-bli-woo-01.jpg); }

.dropdown ul a.csw:before { background: url(../images/nav-pics-sm-csw-01.jpg); }

.dropdown ul a.win:before { background: url(../images/nav-pics-sm-win-01.jpg); }

.dropdown ul a.bee:before { background: url(../images/nav-pics-sm-bee-01.jpg); }

.dropdown ul a.cus:before { background: url(../images/nav-pics-sm-bee-01.jpg); }

.dropdown ul a.war:before { background: url(../images/nav-pics-sm-bee-01.jpg); }

.dropdown ul a.boo:before { background: url(../images/nav-pics-sm-bee-01.jpg); }

.dropdown ul a.que:before { background: url(../images/nav-pics-sm-que-01.jpg); }

.dropdown ul a.glo:before { background: url(../images/nav-pics-sm-glo-01.jpg); }

.dropdown ul a.sit:before { background: url(../images/nav-pics-sm-sit-01.jpg); }

.dropdown ul a.con:before { background: url(../images/nav-pics-sm-con-02.png) center no-repeat; }

.dropdown ul a.loc:before { background: url(../images/nav-pics-sm-loc-01.png) center no-repeat; }

.dropdown ul a.giv:before { background: url(../images/nav-pics-sm-giv-01.jpg); }

.dropdown ul a.tes:before { background: url(../images/nav-pics-sm-tes-01.png) center no-repeat; }

.dropdown ul a.pst:before { background: url(../images/nav-pics-sm-pst-01.jpg) center no-repeat; }

.dropdown ul a.pf:before { background: url(../images/nav-pics-sm-pf-01.png) center no-repeat; }

a#mnv1, a#mnv2 { display: none; position: relative; float: right; right: 12px; margin-top: 9px; padding: 16px 20px; font-family: Icon; color: rgba(0, 0, 0, 0.8); font-size: 26px; text-decoration: none; border: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.05); border-bottom: solid 1px rgba(0, 0, 0, 0.15); border-radius: 3px; background: #fff; }
@media screen and (max-width: 768px) { a#mnv1, a#mnv2 { display: block; } }

a#mnv2 { display: none; color: rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 #fff; border-top: solid 1px rgba(0, 0, 0, 0.25); border-bottom: solid 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.05); }

ul#mnv { display: none; }
@media screen and (max-width: 768px) { ul#mnv { margin-bottom: 12px; } }

ul#mnv a { display: block; padding: 14px; font-size: 15px; color: #000; text-decoration: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

ul#mnv ul { border-left: solid 6px #f90; }




/* --- FEATURE --- */
.feature_div { position: relative; width: 890px; height: 400px; margin: 0 auto; margin-bottom: 60px; }
@media screen and (max-width: 768px) { .feature_div { display: none; } }




/* --- YELLOW LINE --- */
.yellow_line { width: 100%; margin: 0 auto; background: url(../images/yellow_bg2.jpg) right top; }
@media screen and (max-width: 768px) { .yellow_line { width: 100%; height: auto; border-top: solid 1px #fff; background: #fff000; text-align: center; } }

.yellow_line h1 { width: 940px; margin: 0 auto; padding-top: 10px; font-family: Bold; font-size: 36px; letter-spacing: -2px; }
@media screen and (max-width: 768px) { .yellow_line h1 { width: 100%; padding: 6px 12px 8px; font-size: 30px; letter-spacing: -2px; } }

.yellow_box { position: relative; width: 940px; height: 60px; margin: 0 auto; }

.yellow_box_couch { position: relative; width: 155px; height: 75px; float: left; top: -8px; background: url(../images/couch.png) 12px 0 no-repeat; }

.yellow_box_two { position: relative; float: left; width: 170px; height: 60px; padding-top: 12px; font-family: Regular; font-size: 16px; line-height: 18px; letter-spacing: -1px; text-align: center; }

.yellow_box_three { position: relative; float: left; width: 615px; height: 60px; }

.inside_boxthree { position: relative; height: 60px; padding-left: 5px; float: right; font-size: 22px; letter-spacing: -1px; }

.yelbox_ir a, .yelbox_ir a:visited, .yelbox_vl a, .yelbox_vl a:visited, .yelbox_uv a, .yelbox_uv a:visited { padding: 19px 25px 19px 70px; display: block; color: #000; text-decoration: none; }

.yelbox_ir a:hover, .yelbox_vl a:hover, .yelbox_uv a:hover { color: #fff; cursor: default; background: -webkit-gradient(linear, left top, left bottom, from(#004ec4), to(#3d9dff)); background: -moz-linear-gradient(top, #004ec4, #3d9dff); background: -o-linear-gradient(top, #004ec4, #3d9dff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004ec4', endColorstr='#3d9dff'); -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); }

.yelbox_ir:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_ir.png); }

.yelbox_ir:hover:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_ir_w.png); }

.yelbox_vl:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_vl.png); }

.yelbox_vl:hover:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_vl_w.png); }

.yelbox_uv:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_uv.png); }

.yelbox_uv:hover:before { content: ' '; position: absolute; width: 40px; height: 21px; left: 20px; top: 19px; background: url(../images/wave_uv_w.png); }

.boxthree_popup { display: none; position: absolute; background: #fff; padding: 15px; border: solid 3px #0e7bea; -moz-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.85); box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.85); }

.boxthree_popup:before { position: absolute; content: ' '; top: -12px; left: 190px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0e7bea; }

.boxthree_popup.popupUV:before { left: 285px; }

.boxthree_popup p { font-size: 11px; line-height: 17px; margin-top: 15px; letter-spacing: normal; }

.main_content_container { width: 940px; position: relative; margin: 0 auto; background: url(../images/snow.png); }
@media screen and (max-width: 768px) { .main_content_container { width: 100%; } }

.main_left { width: 230px; float: left; margin: 0px 20px 75px 0; }
@media screen and (max-width: 768px) { .main_left { display: none; } }

.main_left ul { width: 228px; margin: 25px 0; border-bottom: solid 1px rgba(202, 201, 255, 0.5); }

.main_left ul ul { margin: 0; border: none; }

.main_left li a { position: relative; display: inline-block; width: 100%; padding: 8px 17px; font-family: Bold; font-size: 15px; color: #000; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff)); background: -moz-linear-gradient(top, #f5f5f5, #fff); background: -o-linear-gradient(top, #f5f5f5, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fff'); background: rgba(255, 255, 255, 0.75); }

.main_left li a:hover { background: url(../images/yellow_bg.jpg) top; }

.main_left li a:active { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15); }

.main_left li h2 a { display: block; width: 100%; padding: 8px 17px; font-family: Bold; font-size: 14px; /*letter-spacing:1px;
text-transform:uppercase;*/ color: #000; text-decoration: none; background: #F1F6FF; }

.main_left li h2 a.current { display: block; width: 100%; padding: 7px 17px; font-family: Bold; /*letter-spacing:1px;
text-transform:uppercase;*/ color: #000; background: url(../images/yellow_bg.jpg) center; }

.main_left li h2 a:hover { background: url(../images/yellow_bg.jpg) top; }

.main_left li h2 a.current:after { content: ''; position: absolute; width: 14px; height: 14px; top: 50%; right: 0; margin: -7px -8px; -webkit-backface-visibility: hidden; -webkit-transform: rotate(57deg) skew(25deg); /* create a rhombus */ transform: rotate(57deg) skew(25deg); /* create a rhombus */ background: url(../images/yellow_bg.jpg) 855px 41px; }

.main_left li h2 a.current:hover { background: url(../images/yellow_bg.jpg) center; }

.main_left li a.current { cursor: default; font-family: Bold; color: #000; border-bottom: solid 1px rgba(0, 0, 0, 0.05); z-index: 500; background: url(../images/yellow_bg.jpg) center; }

.main_left li a.current:after { content: ''; position: absolute; width: 15px; height: 14px; top: 50%; right: 0; margin: -7px -8px; border-right: solid 1px rgba(0, 0, 0, 0.05); -webkit-backface-visibility: hidden; -webkit-transform: rotate(57deg) skew(25deg); /* create a rhombus */ transform: rotate(57deg) skew(25deg); /* create a rhombus */ /* 49.1deg = atan(1.15) = atan(47px/40px) */ /* background: linear-gradient(#f5f5f5, white); */ /* background:url(../images/yellow_bg.jpg) 990px 43px; */ /* background:linear-gradient(130deg, #780ad5, #4c018b); */ background: linear-gradient(130deg, #fcfdff, #e0ebff); background: url(../images/yellow_bg.jpg) 855px 41px; }

.main_left li a.current:active { box-shadow: none; }

.main_left li a.currenthd { color: #fff; text-shadow: none; z-index: 400; background: #1c0043 url(../images/testi_bg.png) 245px 0 no-repeat; }

.main_left li a.currenthd:hover { color: #000; }

.main_left_bluebox { width: 100%; margin-bottom: 10px; padding: 15px; font-size: 15px; color: #173872; border-bottom: solid 1px rgba(202, 201, 255, 0.5); /*box-shadow:inset 0 0 1px 1px #fff;*/ background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; }

.main_left_bluebox a { color: #173872; text-decoration: none; }

.main_left_bluebox a:hover { color: #538df4; }

.main_left_bluebox img { margin: 15px 0; }

.main_left_bluebox h2 { margin: 16px 0 10px; font-family: BoldItalic; font-size: 15px; }

.main_left_bluebox h3 { font-family: Bold; font-size: 27px; margin-top: -5px; }

.main_left_bluebox p { margin-bottom: 15px; text-align: center; font-size: 15px; line-height: 14px; }

.purp_butt, .purp_butt:visited { position: relative; display: block; font-family: LightItalic; font-size: 12px; text-decoration: none; color: #fff; padding: 10px 15px; border-top: solid 1px #be72ff; border-left: solid 1px #be72ff; border-right: solid 1px #370166; border-bottom: solid 1px #370166; background: -webkit-gradient(linear, left top, left bottom, from(#9925fc), to(#4c018b)); background: -moz-linear-gradient(top, #9925fc, #4c018b); background: -o-linear-gradient(top, #9925fc, #4c018b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9925fc', endColorstr='#4c018b'); }

.purp_butt:hover { background: #7213c2; cursor: pointer; }

.purp_butt:active { border-right: solid 1px #be72ff; border-bottom: solid 1px #be72ff; border-top: solid 1px #370166; border-left: solid 1px #370166; -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); }

.main_left_bluebox .slide-purp-butt { float: none; margin: 0 auto; }

.main_right { position: relative; float: left; width: 688px; margin: 25px 0 5px; padding: 25px; line-height: 18px; border: solid 1px #e5e5e5; border: none; background: #fff; }
@media screen and (max-width: 768px) { .main_right { float: none; width: 100%; margin: 0; padding: 0; } }

.main_right hr { height:5px; margin:36px 0; border:none; background: purple; }

.main_right b {font-family: Bold; font-size: 13px;}

.main_right a, .main_right a:visited, .threebox_content li a, .threebox_content li a:visited { /* font-size:13px; */ color: #538df4; text-decoration: none; }

.main_right a:hover, .threebox_content li a:hover { color: #ff7800; }

.main_right img.downabit { margin-top: 12px; }

.main_right img.l { margin: 0; float: left; }

.main_right.csww > p { margin: 0; margin-left: 200px; }
@media screen and (max-width: 768px) { .main_right.csww > p { margin: 0 12px; } }

.main_right.csww p:after { content: ''; display: table; clear: both; }

.main_right.csww > h3 { margin-top: 0; font-size: 24px; }

.main_right.csww > h3 a { color: #000; }

.main_right.csww > h3 a:hover { color: #538DF4; }

.main_right.csww > img { margin: 0; }

.main_right.csww hr { margin: 25px 0; }

.main_right .location-list ul { padding-top: 20px; clear: both; }

.main_right .location-list li { display: inline-block; margin: 0 5px 15px; font-family: Light; font-size: 24px; letter-spacing: -1px; }

.main_right .location-list li:after { content: ','; color: #538df4; }

.main_right .location-list li:last-child:after { content: ''; }

.main_right h1 { margin: 0, auto; font-family: Bold; font-size: 36px; letter-spacing: -1px; line-height: 36px; }
@media screen and (max-width: 768px) { .main_right h1 { margin: 0,auto; font-size: 36px; line-height: 38px; } }

.main_right h3 { margin: 30px 0 15px; font-family: Bold; font-size: 23px; letter-spacing: -1px; line-height: 23px; }
@media screen and (max-width: 768px) { .main_right h3 { margin: 30px 12px 6px; font-size: 20px; line-height: 20px; } }

.main_right h4 { display: block; padding: 3px 10px; font-family: BoldItalic; font-size: 13px; text-transform: uppercase; color: #fff; background: #1c0043 url(../images/testi_bg.png) 260px 0 no-repeat; }
@media screen and (max-width: 768px) { .main_right h4 { margin: 0 6px; } }

.main_right > p { line-height: 21px; margin-bottom: 15px; font-size: 15px; }
@media screen and (max-width: 768px) { .main_right > p { margin: 12px 12px 0; font-size: 17px; line-height: 23px; } }

.main_right .loc-conbox { float: left; margin-right: 60px; }

.main_right .loc-conbox h3 { margin-top: 0; }

.main_right .slide_yell_butt, .main_right .slide_yell_butt:visited { color: #000; }

.main_right .slide_yell_butt:hover { color: #000; }

.main_right_heading { position: relative; width: 690px; height: 50px; left: -26px; top: -26px; background: rgba(45, 0, 80, 0.85); background: #1c0043 url(../images/testi_bg.png) 590px 0 no-repeat; }
@media screen and (max-width: 768px) { .main_right_heading { width: 100%; height: auto; left: 0; top: 0; } }

.main_right_heading h2 { display: block; position: absolute; right: 11px; bottom: 6px; font-family: Italic; font-size: 11px; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75); background: #fff000; }

.main_right_widebox { position: relative; width: 688px; left: -26px; padding: 20px 25px; margin-top: -26px; margin-bottom: 30px; font-size: 15px; line-height: 20px; border: solid 1px #caddff; box-shadow: inset 0 0 1px 1px #fff; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; }
@media screen and (max-width: 768px) { .main_right_widebox { width: 100%; left: 0; margin-top: 0px; padding: 12px 12px; font-size: 17px; line-height: 20px; border: none; border-bottom: solid 1px #caddff; } }

.main_right_widebox p { padding: 0; margin-bottom: 15px; font-family: Regular; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { .main_right_widebox p { font-family: Regular; font-size: 17px; line-height: 22px; } }

@media screen and (max-width: 768px) { .main_right_widebox p b { font-size: 12px; } }

.main_right_widebox p:last-child { margin-bottom: 0; }

.main_right_widebox .in { display: inline; }

.main_right_widebox p.locph { margin: 3px 0 7px; font-size: 26px; }

.picture_box { position: relative; width: 690px; height: 340px; left: -26px; top: -26px; overflow: hidden; }
@media screen and (max-width: 768px) { .picture_box { width: 100%; height: auto; left: 0; top: 0; } }

.picture_box h1 { position: absolute; bottom: 0; width: 690px; padding: 10px 15px 12px; color: #fff; font-family: Bold; font-size: 30px; text-shadow: 0 1px 0 #000; letter-spacing: -1px; line-height: 30px; border: solid 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background: rgba(45, 0, 80, 0.85); }
@media screen and (max-width: 768px) { .picture_box h1 { width: 100%; padding: 6px 12px; font-size: 24px; } }

.picture_box h2 { position: absolute; bottom: 0; width: 690px; padding: 10px 15px 12px; color: #fff; font-family: Bold; font-size: 30px; text-shadow: 0 1px 0 #000; letter-spacing: -1px; line-height: 30px; border: solid 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background: rgba(45, 0, 80, 0.85); }
@media screen and (max-width: 768px) { .picture_box h2 { width: 100%; padding: 6px 12px; font-size: 24px; } }

.picture_box h1.multi { line-height: 34px; }

.picture_box img { position: relative; }
@media screen and (max-width: 768px) { .picture_box img { max-width: 100%; width: 100%; height: auto; } }

.main_right .sum_box { position: relative; width: 688px; left: -25px; top: -26px; margin: 0 0 10px; padding-left: 20px; border-right: none; box-shadow: inset -1px 0 0 0 #caddff, inset 0 0 1px 1px #fff; }
@media screen and (max-width: 768px) { .main_right .sum_box { width: 100%; left: 0; top: 0; margin-top: 24px; padding: 0; } }

.main_right .sum_box:after { content: ''; display: table; clear: both; }

.main_right .sum_box .box { float: left; width: 175px; margin-top: -5px; margin-left: 20px; padding: 0 5px 0 0; }
@media screen and (max-width: 768px) { .main_right .sum_box .box { width: 40%; } }

.main_right .sum_box h2 { margin: 20px 0 10px 38px; font-size: 20px; font-family: Bold; }
@media screen and (max-width: 768px) { .main_right .sum_box h2 { font-size: 22px; letter-spacing: -1px; } }

.main_right .sum_box h2:before { position: absolute; content: ''; width: 30px; height: 21px; margin-left: -38px; margin-top: -1px; background: center; }

.main_right .sum_box h2.heat:before { background: url(../images/icon-sm-heat.png); }

.main_right .sum_box h2.glare:before { background: url(../images/icon-sm-glare.png); }

.main_right .sum_box h2.fading:before { background: url(../images/icon-sm-fading.png); }

.main_right .sum_box h2.light:before { background: url(../images/icon-sm-light.png); }

.main_right .sum_box h2.privacy:before { background: url(../images/icon-sm-privacy.png); }

.main_right .sum_box h2.cost:before { background: url(../images/icon-sm-cost.png); }

.main_right .sum_box p { margin-bottom: 30px; font-family: Regular; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { .main_right .sum_box p { font-size: 17px; line-height: 22px; } }

.main_right .sum_box .link_box { float: right; width: 238px; height: 330px; margin-left: 30px; border-left: solid 1px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 768px) { .main_right .sum_box .link_box { display: none; } }

.main_right .sum_box .link_box .nota p { padding: 15px 20px 0 45px; font-family: Bold; font-size: 27px; letter-spacing: -2px; line-height: 26px; }

.main_right .sum_box .link_box .nota .arrow { position: absolute; width: 100px; height: 47px; top: -12px; left: -20px; background: url(../images/arrow-01.png); }

.main_right .sum_box .link_box .nota, .main_right .sum_box .link_box a, .main_right .sum_box .link_box a:visited { position: relative; display: block; width: 100%; height: 109px; color: #fff; border-top: solid 1px rgba(255, 255, 255, 0.1); background: #1C0043; }

.main_right .sum_box .link_box .nota { width: 237px; color: #000; border-right: solid 1px #caddff; background: url(../images/yellow_bg-lsm.jpg) -190px no-repeat; }

.main_right .sum_box .link_box a:hover { background: -webkit-linear-gradient(285deg, #2e64c7, #0a224e); background: -moz-linear-gradient(285deg, #2e64c7, #0a224e); background: ms-linear-gradient(285deg, #2e64c7, #0a224e); }

.main_right .sum_box .link_box a:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.42); }

.main_right .sum_box .link_box a p { margin: 0 80px 0 15px; font-size: 15px; line-height: 15px; color: rgba(255, 255, 255, 0.8); }

.main_right .sum_box .link_box a p.s { margin: 0 88px 0 15px; }

.main_right .sum_box .link_box a p:first-child { margin: 11px 80px 7px 15px; font-size: 16px; font-family: Bold; line-height: 20px; color: rgba(255, 255, 255, 0.95); }




.main_right .sum_box .link_box a .bg1 { position: absolute; width: 100%; height: 100%; top: 0; background: url(../images/cw-heat-sm.png) no-repeat 148px 7px; }

.main_right .sum_box .link_box a .bg2 { position: absolute; width: 100%; height: 100%; top: 0; background: url(../images/a_bee-01-WM.png) no-repeat 162px 1px; }

.main_right .sum_box .link_box a .bg3 { position: absolute; width: 100%; height: 100%; top: 0; background: url(../images/filmtypes_17-2.png) no-repeat 168px 13px; }

.main_right .sum_box .link_box a .bg4 { position: absolute; width: 100%; height: 100%; top: 0; background: url(../images/glass_break-sm.png) no-repeat 130px -25px; }

.main_right .sum_box .btm-info { position: relative; clear: both; width: 688px; height: 35px; left: -21px; top: -5px; margin: 0; margin-bottom: -6px; padding: 7px 10px 8px; border: solid 1px #eee; border-right: none; background: #fff; }
@media screen and (max-width: 768px) { .main_right .sum_box .btm-info { width: 100%; left: 0; top: 0; margin: 0 0 24px; } }

.main_right .sum_box .btm-info p { margin-right: 25px; padding-left: 16px; display: inline-block; font-size: 15px; color: #999; }
@media screen and (max-width: 768px) { .main_right .sum_box .btm-info p { margin-right: 0; } }

@media screen and (max-width: 768px) { .main_right .sum_box .btm-info p:first-child { margin-right: 12px; } }

.main_right .sum_box .btm-info p:before { position: absolute; margin-left: -16px; margin-top: -2px; font-family: bcicon; content: 'g'; font-size: 18px; }

.main_right .sum_box .btm-info p.rr:before { color: #76d100; }

.main_right .sum_box .btm-info p.rc:before { color: #fa0; }

.main_right .sum_box .sec_vid { width: 452px; height: 327px; margin-left: -21px; margin-right: -35px; }
@media screen and (max-width: 768px) { .main_right .sum_box .sec_vid { width: 100%; height: auto; margin: 0; } }

.main_right .sum_box .main_right_list1 { margin: -10px 0 0; }

.main_right .sum_box .main_right_list1 li { margin: 5px; }

.main_right .sum_box > p { width: 648px; }
@media screen and (max-width: 768px) { .main_right .sum_box > p { width: 100%; padding: 0 12px; font-size: 13px; line-height: 20px; } }

.main_right .sum_box > h3 { font-family: Bold; margin: 20px 0 12px; }
@media screen and (max-width: 768px) { .main_right .sum_box > h3 { padding: 0 12px; } }

.main_right .sum_box .main_right_widebox { top: -5px; left: -21px; margin: 0; border-bottom: none; }

.main_right_filmlist .r { position: absolute; top: -4px; left: -12px; font-family: bcicon; font-size: 18px; }

.main_right_filmlist .rr { color: #76d100; }

.main_right_filmlist .rc { color: #fa0; }

.main_right_filmlist { position: relative; width: 310px; padding-right: 19px; float: left; font-size: 15px; margin: 2px 0 20px; }
@media screen and (max-width: 768px) { .main_right_filmlist { width: 84%; padding: 0; margin: 0 24px 24px; float: none; font-size: 17px; } }

.main_right_filmlist.right { float: right; border: none; padding: none; }
@media screen and (max-width: 768px) { .main_right_filmlist.right { float: none; } }

.main_right_filmlist h2 {font-size: 32px; line-height: 30px;}

hr { clear: both; border: 0; height: 1px; background: #eee; }

.main_right_filmlist a, .main_right_filmlist a:visited { font-family: Bold; display: block; font-size: 24px; margin-bottom: 13px; line-height: 24px; text-decoration: none; letter-spacing: -1px; }

.main_right .main_right_filmlist img { float: left; width: 90px; height: auto; margin: 3px 10px 0 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

.main_right .main_right_filmlist img.square { float: left; margin: 0 10px 15px 0; border-radius: 0; }

.main_right_filmlist li { list-style: none; line-height: 17px; font-size: 15px; display: block; margin: 0 0 1px 100px; padding: 2px 6px 3px; font-family: Regular; color: rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 768px) { .main_right_filmlist li { line-height: 19px; font-size: 17px; } }

.filmlist-sun li:nth-child(1) { background: #ffe8e8; }

.filmlist-sun li:nth-child(2) { background: #e8f1ff; }

.filmlist-sun li:nth-child(3) { background: #fff7e8; }

.filmlist-sun li:nth-child(4) { background: #f1e8ff; }

.filmlist-security li:nth-child(1) { background: #e8f1ff; }

.filmlist-security li:nth-child(2) { background: #fff7e8; }

.filmlist-security li:nth-child(3) { background: #ffe8e8; }

.filmlist-deco li:nth-child(1) { background: #f1e8ff; }

.filmlist-deco li:nth-child(2) { background: #fff7e8; }

.filmlist-deco li:nth-child(3) { background: #e8f1ff; }

li.invis { display: none; }

.main_right .product-list { position: relative; width: 640px; margin: 25px 0 35px; clear: both; }
@media screen and (max-width: 768px) { .main_right .product-list { width: 100%; margin: 16px 0; } }

.main_right .product-list img { width: 237px; height: auto; float: left; margin: 0 25px 0 0; border: 0; }
@media screen and (max-width: 768px) { .main_right .product-list img { width: 24%; margin: 0 12px; } }

.main_right .product-list.lg img { width: 305px; }
@media screen and (max-width: 768px) { .main_right .product-list.lg img { width: 24%; margin: 0 12px; } }

.main_right .product-list img.mb { margin-bottom: 25px; }

.main_right .product-list h2, .main_right .product-list h2 a, .main_right .product-list h2 a:visited { font-family: Bold; display: block; font-size: 25px; margin-bottom: 12px; margin-left: 131px; line-height: 26px; /*color:#000;*/ text-decoration: none; letter-spacing: -1px; }
@media screen and (max-width: 768px) { .main_right .product-list h2, .main_right .product-list h2 a, .main_right .product-list h2 a:visited { margin-left: 12px; } }

.main_right .product-list h2 a:hover { /*color:#538df4;*/ }

.main_right .product-list p { font-size: 15px; line-height: 18px; margin: 5px 0 25px 263px; }
@media screen and (max-width: 768px) { .main_right .product-list p { margin: 4px 12px; font-size: 17px; line-height: 21px; } }

.main_right .product-list.lg p { margin: 5px 0 25px 331px; }
@media screen and (max-width: 768px) { .main_right .product-list.lg p { margin: 5px 12px 25px 12px; } }

.main_right .product-list.lg b { display: block; margin-bottom: 6px; font-family: Bold; font-size: 15px; font-weight: normal; }
@media screen and (max-width: 768px) { .main_right .product-list.lg b { font-size: 15px; } }

.main_right hr.bl { margin: 45px 0 0; }

.main_right hr.bl2 { margin: -7px 0 0; }

.main_right_widebox h3.bl { margin-top: 2px; }
@media screen and (max-width: 768px) { .main_right_widebox h3.bl { margin-left: 0; margin-bottom: 12px; } }

.main_right .product-list.prov img { width: auto; }
@media screen and (max-width: 768px) { .main_right .product-list.prov img { max-width: 20%; height: auto; } }

.main_right .product-list .loctel { display: block; margin: -3px 0 -15px; font-size: 16px; }
@media screen and (max-width: 768px) { .main_right .product-list .loctel { margin: -4px 0 0px; } }

iframe.blinds-if { width: 638px; height: 359px; }
@media screen and (max-width: 768px) { iframe.blinds-if { width: 100%; height: auto; } }

.main_right .lg_gallery { position: relative; width: 660px; left: -5px; margin: 22px 0; }
@media screen and (max-width: 768px) { .main_right .lg_gallery { width: 100%; left: 2px; } }

.main_right .lg_gallery a { float: left; width: 30%; margin: 5px; margin-bottom: -8px; }

.main_right .lg_gallery a:first-child { width: 305px; margin-right: 24px; }
@media screen and (max-width: 768px) { .main_right .lg_gallery a:first-child { width: 47%; margin-right: 5px; } }

.main_right .lg_gallery a:nth-child(2) { width: 305px; }
@media screen and (max-width: 768px) { .main_right .lg_gallery a:nth-child(2) { width: 47%; } }

.main_right .lg_gallery a:hover { opacity: 0.65; }

.main_right .lg_gallery a img { width: 100%; height: auto; }

ul.main_right_list1 { margin: 0; }
@media screen and (max-width: 768px) { ul.main_right_list1 { margin: 0 12px; } }

.main_right_list1 li { font-family: Regular; font-size: 15px; background: url(../images/bullet.png) no-repeat 2px 5px; padding-left: 14px; margin-bottom: 10px; line-height: 18px; }
@media screen and (max-width: 768px) { .main_right_list1 li { font-size: 17px; line-height: 22px; } }

.main_right_list1 li li { font-size: 15px; margin: 3px 0 0 15px; }
@media screen and (max-width: 768px) { .main_right_list1 li li { font-size: 17px; line-height: 22px; } }

ul.main_right_list1.new { margin: 35px 0 25px; }

.main_right img { float: right; margin-left: 25px; margin-bottom: 25px; }
@media screen and (max-width: 768px) { .main_right img { float: none; max-width: 92%; margin: 12px 12px 24px; } }

@media screen and (max-width: 768px) { .main_right > a img { float: right; max-width: 50%; height: auto; } }

.main_right_widebox img { float: left; margin: 0 20px 10px 0; }

.main_right img.imgleft { float: left; margin-left: 0; margin-right: 25px; }
@media screen and (max-width: 768px) { .main_right img.imgleft { max-width: 30%; height: auto; margin-left: 12px; } }

.img-box { float: right; width: 300px; margin-left: 25px; margin-bottom: 25px; }

.img-box img { margin: 0; float: none; }

.img-box p { display: block; width: 264px; padding: 13px 17px; font-family: Regular; font-size: 15px; line-height: 18px; color: #000; border: solid 1px #d9e6fd; box-shadow: inset 0 0 1px 1px #fff; background: #f5f9ff; }
@media screen and (max-width: 768px) { .img-box p { font-size: 17px; line-height: 22px; } }

.main_right ol li a { list-style: decimal; margin: 0 0 10px; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { .main_right ol li a { font-size: 17px; line-height: 22px; } }

.sas-add img { margin: 0; float: left; }
@media screen and (max-width: 768px) { .sas-add img { display: block; float: none; max-width: 70%; margin: 0 auto; } }

.sas-add p, ul.geez { display: table-cell; vertical-align: middle; height: 238px; margin-left: 300px; margin-bottom: 25px; padding: 0 35px; font-size: 11px; line-height: 19px; border: solid 1px rgba(202, 221, 255, 0.5); background: url("../images/bluebox_bg.png") no-repeat #f1f6ff; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
@media screen and (max-width: 768px) { .sas-add p, ul.geez { display: block; height: auto; margin-top: 12px; margin-left: 0; padding: 0 12px; font-size: 13px; line-height: 20px; border: none; background: none; } }

.sas-add p.geez { height: 242px; }

ul.geez { display: block; height: 225px; padding-top: 17px; }

#bcmp { position: relative; margin-bottom: 50px; }

#bcmp .wo { padding: 36px 30px; border: solid 1px rgba(0, 0, 0, 0.05); border-bottom: none; background: url("../images/bluebox_bg.png") no-repeat #f5f5f5; }
@media screen and (max-width: 768px) { #bcmp .wo { padding: 16px 12px; } }

#bcmp .wo:after { display: table; content: ''; clear: both; }

iframe.blast_wo-if { width: 250px; height: 188px; }
@media screen and (max-width: 768px) { iframe.blast_wo-if { width: 100%; height: auto; margin: 0 auto 12px; } }

#bcmp .wo p, #bcmp .wt p { line-height: 22px; }

#bcmp .wo p:nth-child(2) { margin: 0 0 18px; font-family: Bold; font-size: 20px; line-height: 26px; letter-spacing: -1px; }

#bcmp .wo iframe { float: right; margin-left: 30px; }

#bcmp .wt { position: relative; padding: 36px 30px; border: solid 1px rgba(202, 221, 255, 0.5); background: url("../images/bluebox_bg.png") no-repeat #f1f6ff; background: url("../images/bluebox_bg.png") no-repeat #f5f5f5; }
@media screen and (max-width: 768px) { #bcmp .wt { padding: 16px 12px; } }

#bcmp .wt h2 { width: 60%; margin-bottom: 16px; font-family: Bold; font-size: 32px; line-height: 32px; letter-spacing: -2px; }
@media screen and (max-width: 768px) { #bcmp .wt h2 { width: 100%; font-size: 26px; line-height: 30px; } }

#bcmp .wt p { margin-bottom: 24px; }

.wt iframe { width: 100%; height: 455px; }
@media screen and (max-width: 768px) { .wt iframe { width: 100%; height: auto; margin: 0 auto 12px; } }

.sas-chk { padding: 23px; padding-left: 0; border: solid 1px #defad5; background: url("../images/bluebox_bg.png") no-repeat #f0ffed; }

.sas-chk li { margin-left: 185px; }
@media screen and (max-width: 768px) { .sas-chk li { margin-left: 0; font-size: 13px; } }

.sas-chk img { float: left; }
@media screen and (max-width: 768px) { .sas-chk img { max-width: 20%; margin-right: 24px; } }

.sas-chk > li { font-family: Bold; font-size: 12px; background: none; }
@media screen and (max-width: 768px) { .sas-chk > li { font-size: 13px; line-height: 15px; } }

.sas-chk ul { margin-top: 12px; }

.main_right table { margin: 0 auto; font-size: 15px; line-height: 17px; border-top: solid 1px #fff; background: #f5f5f5; max-width: 425px; border-collapse: collapse; }
@media screen and (max-width: 768px) { .main_right table { margin: 0 12px; font-size: 17px; line-height: 20px; } }

.main_right table td { margin-left: -1px; padding: 8px 20px; border: solid 1px rgba(0, 0, 0, 0.05); }

.main_right table tr:nth-child(2n+1) { background: #fff; }

.main_right table tr:nth-child(2) { background: #f5f5f5; }

.main_right table tr:first-child td, table.pf tr:nth-child(2) td { font-family: Bold; color: #173872; border-bottom: solid 1px rgba(202, 221, 255, 0.5); background: #f1f6ff; }

.main_right table tr:nth-child(2) td { border-top: solid 1px #fff; }

.main_right table tr:last-child td { padding: 7px 20px; color: #173872; font-family: Bold; font-size: 8px; text-align: right; line-height: 10px; border-top: solid 1px #fff; background: #f1f6ff; }

.main_right table tr:nth-last-child(2) td { border-bottom: solid 1px rgba(0, 0, 0, 0.05); }

.main_right table td:first-child { width: 636px; }

.main_right table td:nth-child(2) { width: 140px; text-align: center; }

.blinds table { margin: 0 auto; font-size: 12px; line-height: 14px; text-shadow: 0 1px 0 #fff; border: solid 1px #ccc; background: #f5f5f5; border-collapse: collapse; max-width: 575px; }

table.pf { max-width: 526px; }

table.pf td { vertical-align: middle; }

table.pf span { font-size: 8px; }

table.pf tr td:first-child { text-align: center; }

table.pf tr:last-child td { text-align: right; }

table.pf tr:nth-child(2) td, table.pf tr:first-child td { padding: 6px; line-height: 11px; text-align: center; }

.sitemap_list { margin-left: 25px; }

.sitemap_list li { margin-bottom: 7px; padding-left: 9px; font-size: 13px; border-left: solid 2px #deeaff; /* background:url(../images/bullet.png) no-repeat 0 5px; */ }

.sitemap_list li li { margin-left: 10px; }

.sitemap_list a, .sitemap_list a:hover { font-size: 13px; color: #538df4; text-decoration: none; }

.sitemap_list ul { margin: 7px 0 15px 10px; }

.sitemap_list ul li { list-style: none; padding-left: 10px; }

ol.faq { position: relative; margin-bottom: 25px; }
@media screen and (max-width: 768px) { ol.faq { margin: 0 12px 25px; } }

ol.faq li { list-style: decimal; margin: 0 0 10px 25px; color: #538df4; }

ol.faq a, ol.faq a:visited { font-size: 13px; color: #538df4; text-decoration: none; }

ol.faq a:hover, .sitemap_list a:hover { color: #ff7800; }

.faqtext_box { position: relative; width: 638px; margin: 25px 0; }
@media screen and (max-width: 768px) { .faqtext_box { width: 95%; margin: 25px 12px; } }

.faqtext_box h2 { font-family: Bold; font-size: 22px; margin-bottom: 12px; line-height: 24px; letter-spacing: -1px; }

.faqtext_box p { color: #333; }

a.backtotop, a.backtotop:visited { float: right; margin: 4px 0 25px; padding: 0px 6px; font-size: 9px; color: #fff; text-decoration: none; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #b0cbfc; }

a.backtotop:hover { color: #fff; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05); background: #538df4; }

a.backtotop:active { box-shadow: inset 0 0 2px 0px #375a98; }

a.backtotop:after { content: "]"; display: inline-block; margin: 0 0 0 4px; font-family: symboltwo; font-size: 14px; }



/* --- CONTACT --- */

.contact_twobox { width: 635px; position: relative; background: #f06; line-height: 16px; }

.contact_twobox_one { font-size: 14px; line-height: 22px; width: 265px; float: left; }

.contact_twobox_one h1 { font-weight: bold; letter-spacing: -1px; font-family: LightItalic; font-size: 20px; margin-bottom: 10px; }

.contact_twobox_two { width: 335px; float: right; }

.contact_twobox img { position: relative; display: inline; top: 3px; margin: 0; float: none; }

@media screen and (max-width: 768px) { .main_right_widebox.contact { margin-bottom: -60px; } }

.main_right_widebox.contact h3 { font-family: Regular; margin-top: 0; }

.main_right_widebox.contact:after { content: ''; display: table; clear: both; }

.contact_box { margin-top: -35px; position: relative; width: 26%; float: left; }
@media screen and (max-width: 768px) { .contact_box { display: none; } }

.contact_box.r { text-align: right; }

.contact_box.l { width: 40%; float: right; margin-top: 0; text-align: center; }

.contact_box.l img { margin: -38px 0 10px 45px; }

.contact_box.l h3:before { content: ''; display: table; clear: both; }

.contact_box.l h3 { font-size: 24px; margin-bottom: 10px; }

.contact_box.l p { font-size: 14px; line-height: 16px; }

.contact_box p { font-size: 15px; line-height: 22px; }

.contact_box h3 { margin-bottom: 7px; }

.contact_box.row { margin-top: 0px; }

.contact_box.rowdn p { margin-top: 60px; }

.contact_box .email-inline { display: inline-block; position: absolute; margin-top: 3px; right: -20px; }

.contact-map { position: relative; left: -26px; top: -15px; margin-bottom: -45px; }

.threebox_container { width: 972px; margin: 60px auto 35px; }

.threebox { width: 290px; margin: 0 17px 30px; float: left; }

.threebox_head { width: 290px; height: 40px; font-family: Bold; color: #fff; font-size: 18px; line-height: 38px; text-align: center; text-shadow: 0 1px 1px #000; border-bottom: solid 1px rgba(0, 0, 0, 0.25); background: rgba(45, 0, 80, 0.8); }

.threebox_head.sm { font-size: 16px; }

.threebox_image { width: 100%; height: 150px; padding: 0; }

.threebox_image img { border: 0; }

.threebox_content { position: relative; width: 264px; padding: 15px 12px 12px; font-size: 12px; line-height: 14px; border: solid 1px #e0f0ff; border-top: none; min-height: 155px; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; }

.threebox_content ul { font-family: Regular; font-size: 11px; }

.threebox_content li { background: url(../images/bullet.png) no-repeat 2px 5px; padding-left: 14px; margin-bottom: 12px; }

.testi_container { width: 940px; margin: 0 auto 75px; }

.testi_head { position: relative; width: 940px; height: 40px; text-shadow: 0 1px 1px #000; border-bottom: solid 1px rgba(0, 0, 0, 0.25); background: rgba(45, 0, 80, 0.8); }

.testi_head_text { width: 673px; height: 40px; float: left; padding-left: 15px; color: #fff; font-family: Bold; font-size: 22px; line-height: 40px; }

.testi_head_butt { position: relative; width: 250px; height: 40px; float: left; right: -6px; top: 2px; }

.testi_head_butt .slide-yell-butt { position: absolute; top: -18px; right: 0; padding: 7px 15px; font-size: 13px; }

.testi_content { width: 938px; border: solid 1px #e0f0ff; border-top: none; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; }

.testis { width: 265px; float: left; margin: 25px 0; padding: 0 23px; font-size: 12px; line-height: 17px; text-align: center; /* background:url(../images/testi_quote.jpg) no-repeat 10px top; */ }

.testi_content_page { width: 518px; background: url(../images/testi_quote3.jpg) no-repeat top left; padding: 0 30px 25px 100px; margin-bottom: 15px; }

.testi_content_page p { font-size: 11px; line-height: 22px; }




/* --- GALLERY --- */

.gallery_container { position: relative; width: 665px; }

.gallery_container h2 { font-family: LightItalic; font-size: 16px; line-height: 24px; margin: 12px 0 3px; }

.gallery_posts { position: relative; float: left; width: 109px; height: 99px; margin: 15px 15px 0 0; border: 3px solid #F1F6FF; overflow: hidden; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s; }
@media screen and (max-width: 768px) { .gallery_posts { float: none; width: 30%; height: 96px; display: inline-block; margin: 12px 0 0 6px; } }

.gallery_posts:nth-child(5n) { margin: 15px 0 0; }
@media screen and (max-width: 768px) { .gallery_posts:nth-child(5n) { margin: 12px 0 0 6px; } }

.gallery_posts:hover { border: 3px solid #CADDFF; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s; }

.gallery_posts img { position: relative; height: 150%; width: auto; top: -25%; }

.shi { margin-top: -16px; }

.shi:after { display: table; content: ''; clear: both; }

.deseg_posts { position: relative; float: left; width: 308px; height: 135px; margin: 0 10px 10px 0; border: 3px solid #F1F6FF; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s; }

.deseg_posts:hover { border: 3px solid #CADDFF; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s; }

.body_div { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }


/* --- FOOTER --- */

.footer_container, .push { height: 450px; height: auto; }

.footer_container { width: 100%; margin-top: 60px; border-top: solid 1px rgba(0, 0, 0, 0.1); background: #65318f; background: #400053; }

.footer_head_container { width: 100%; height: 40px; }

.footer_head { width: 972px; height: 40px; margin: 0 auto; }
@media screen and (max-width: 768px) { .footer_head { display: none; width: 100%; height: auto; } }

.footer_head .items { position: relative; float: left; height: 110px; margin-top: -92px; left: 105px; font-family: BoldItalic; letter-spacing: -1px; }
@media screen and (max-width: 768px) { .footer_head .items { display: none; } }

.footer_head .items.l, .footer_head .items.r { width: 365px; }

.footer_head .items.l p { position: relative; top: 30px; left: 120px; font-size: 22px; }

.footer_head .items.m { width: 275px; background: url(../images/footer_truck-02-WM.png) center no-repeat;}

.footer_head .items.r p { position: relative; color: #ed1c24; font-size: 32px; }

.footer_head .items-bottom { width: 940px; margin: 0 auto; padding-top: 40px; color: #fff; font-family: BoldItalic; font-size: 26px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }

.footer_head .items-bottom .txt-yell { color: #fe0; }

.footer_head .items-bottom .slog { position: relative; float: left; width: 650px; }

.footer_head .items-bottom .req-qt { position: relative; float: left; width: 290px; }

.footer_content_container { width: 100%; }

.footer_content_container:before { content: ''; display: table; clear: both; }

.footer_content { width: 972px; height: 387px; margin: -22px auto 0; }
@media screen and (max-width: 768px) { .footer_content { width: 100%; height: auto; margin: 0; } }

.f2 { position: relative; float: left; width: 38%; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { .f2 { float: none; width: 100%; padding: 0 12px; } }

.f2:last-child { width: 62%; padding-left: 50px; }
@media screen and (max-width: 768px) { .f2:last-child { width: 100%; padding: 0 12px; } }

.f2:after { content: ''; display: table; clear: both; }

.f2 p { float: left; display: block; margin-top: 10px; color: #fff; font-family: Bold; font-size: 14px; }
@media screen and (max-width: 768px) { .f2 p { float: none; display: inline-block; vertical-align: text-top; } }

.f2:first-child p { width: 32%; }

.f2 p span.tol { position: relative; top: -8px; font-family: Regular; font-size: 10px; }

.f2 p a { color: #fff; font-family: Regular; text-decoration: none; line-height: 30px; }

/*
.f2 p a:hover {
	color:#ff7800;
}
*/
.f2 p span.yl { color: #fe0; }

.f2 p span.add { font-family: Regular; line-height: 17px; }

.f2 p.add::first-line { line-height: 30px; }

.f2 p.add { clear: both; width: 42%; margin-top: 2px; }

.f2 p img { margin-top: 9px; display: inline-block; }

.f2 p:first-child { width: 100%; margin: -6px 0 16px; font-size: 26px; }

.f2:first-child p:first-child { font-size: 17px; line-height: 30px; margin-bottom: 24px; }
@media screen and (max-width: 768px) { .f2:first-child p:first-child { margin: 20px 0 12px; font-size: 20px; text-align: center; letter-spacing: -1px; line-height: 20px; } }

@media screen and (max-width: 768px) { .f2:last-child p:first-child { margin-top: 24px; padding-top: 20px; font-size: 22px; letter-spacing: -1px; border-top: solid 1px rgba(255, 255, 255, 0.25); } }

.footer_content h4 { font-family: Bold; font-size: 12px; margin: 42px 0 5px; }

.footer_content_3box { position: relative; width: 290px; float: left; margin: 0px 17px -5px; padding-top: 30px; font-family: Light; font-size: 12px; color: #fff; }

.footer_content_3box a, .footer_content_3box a:visited { color: #fff; text-decoration: none; }

.footer_content_3box a:hover { text-decoration: underline; }

.footer_content_3box h3 { font-family: Bold; font-size: 16px; }

.footer_small_content { width: 96px; float: left; line-height: 15px; }

.footer_small_diff { width: 90px; float: left; padding-left: 8px; line-height: 15px; }

.footer_small_content2 { float: left; margin-right: 29px; }

.footer_small_content2 h3 { display: block; margin: -4px 0 7px; }

.footer_small_content2 p { font-size: 13px; line-height: 18px; margin-bottom: 30px; }

.footer_small_content2 img { margin-right: -8px; }

.footer_group_links { position: relative; width: 105px; float: left; margin-top: 12px; font-size: 12px; padding-left: 10px; }

.footer_group_links.groupone { width: 105px; }

.footer_group_links.grouptwo { width: 165px; }

.group_link_ls:before { position: absolute; content: ' '; width: 3px; height: 12px; left: 0; background: #fff200; }

.group_link_dals:before { position: absolute; content: ' '; width: 3px; height: 12px; left: 0; background: #00b4ff; }

.group_link_ds:before { position: absolute; content: ' '; width: 3px; height: 12px; left: 0; background: #0066ff; }

.group_link_bc:before { position: absolute; content: ' '; width: 3px; height: 12px; left: 0; background: #971bff; }

.footer_wide_container { width: 100%; height: 45px; background: rgba(0, 0, 0, 0.15); }
@media screen and (max-width: 768px) { .footer_wide_container { height: auto; } }

.footer_wide { width: 940px; height: 45px; margin: 0 auto; line-height: 45px; font-size: 10px; }
@media screen and (max-width: 768px) { .footer_wide { width: 100%; height: auto; } }

.footer_wide ul { float: left; }
@media screen and (max-width: 768px) { .footer_wide ul { float: none; } }

.footer_wide ul li { display: inline; }
@media screen and (max-width: 768px) { .footer_wide ul li { display: block; } }

.footer_wide a, .footer_wide a:visited { color: #fff; text-decoration: none; margin-right: 20px; }
@media screen and (max-width: 768px) { .footer_wide a, .footer_wide a:visited { display: block; width: 100%; padding: 0 12px; font-size: 14px; border-bottom: solid 1px rgba(255, 255, 255, 0.1); } }

.footer_wide a:hover { text-decoration: underline; }

.footer_wide p { color: #fff; float: right; }
@media screen and (max-width: 768px) { .footer_wide p { float: none; display: block; width: 72%; margin: 16px auto 0; padding-bottom: 16px; color: rgba(255, 255, 255, 0.6); text-align: center; line-height: 13px; } }

.bottom-truck { position: absolute; top: 20px; left: -55px; }

.bottom-truck-text { position: absolute; top: 205px; left: -45px; }

.footer_links { margin-left: 12px; margin-top: 0px; }

.footer_links li { margin-bottom: 1px; }

.footer_links a { display: table-cell; width: 158px; height: 34px; padding: 8px 12px 8px 96px; font-family: Bold; font-size: 14px; text-decoration: none; vertical-align: middle; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.15); }

.footer_links a:before { position: absolute; content: ''; width: 70px; height: 50px; left: 0; margin-top: -18px; margin-left: 12px; }

.footer_links a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.05); }

.footer_links a.ft-sun:before { background: url(../images/nav-pics-sm-sun-01.jpg); }

.footer_links a.ft-sec:before { background: url(../images/nav-pics-sm-sec-01.jpg); }

.footer_links a.ft-dec:before { background: url(../images/nav-pics-sm-dec-01.jpg); }

.footer_links a.ft-bli:before { background: url(../images/nav-pics-sm-bli-01.jpg); }

.footer_form { position: relative; margin-bottom: 3px; font-family: Bold; font-size: 12px; color: #000; border: none; }

.footer_form input, .footer_form select { width: 49.7%; padding: 6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { .footer_form input, .footer_form select { font-size: 14px; } }

.footer_form input.ph3 { width: 32.95%; }
@media screen and (max-width: 768px) { .footer_form input.ph3 { width: 49.7%; } }

.footer_form select { padding: 5px 8px; }
@media screen and (max-width: 768px) { .footer_form select { width: 61.8%; } }

.footer_form p { margin-right: 27px; font-size: 12px; display: inline-block; font-family: Regular; }
@media screen and (max-width: 768px) { .footer_form p { margin: 0 0 2px; width: 48%; font-size: 14px; } }

.footer_form p.h { width: 100%; margin: 14px 0 6px; font-size: 16px; font-family: Bold; }
@media screen and (max-width: 768px) { .footer_form p.h { margin: 16px 0; } }

.footer_form p input[type='checkbox'] { width: auto; margin-right: 7px; padding: 0; }

@media screen and (max-width: 768px) { .footer_form input[type='submit'] { font-size: 14px; } }

textarea.footer_form { width: 100%; height: 100px; padding: 6px 8px; font-family: Regular; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.footer_form .slide-yell-butt { cursor: pointer; margin: 10px 0 0; padding: 7px 15px; font-size: 13px; clear: both; }

.footer_form.human { width: 50px; margin-bottom: 0px; }

.formrt { width: 100%; margin-top: 24px; padding-top: 8px; float: right; text-align: right; color: #fff; line-height: 30px; border-top: solid 1px rgba(255, 255, 255, 0.1); }

.formrt input { float: right; }

.footer_form .fmlt { padding-top: 2px; width: 40%; float: left; color: rgba(255, 255, 255, 0.4); font-family: Regular; font-size: 11px; line-height: 14px; text-align: right; }
@media screen and (max-width: 768px) { .footer_form .fmlt { width: 46%; padding-top: 12px; margin-bottom: 32px; } }

.yell_butt_form, .yell_butt_form:visited { position: relative; float: right; right: -10px; font-family: LightItalic; font-size: 12px; text-decoration: none; color: #000; padding: 4px 12px; border-top: solid 1px #feffa6; border-left: solid 1px #feffa6; border-right: solid 1px #ecd900; border-bottom: solid 1px #ecd900; background: -webkit-gradient(linear, left top, left bottom, from(#fcff00), to(#ffc000)); background: -moz-linear-gradient(top, #fcff00, #ffc000); background: -o-linear-gradient(top, #fcff00, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcff00', endColorstr='#ffc000'); }


/* --- SLIDER --- */

.slide { position: relative; width: 890px; height: 400px; margin-top: 10px; }
@media screen and (max-width: 768px) { .slide { display: none; } }

.slide.slide_one { background: url(../images/slidebg_01.jpg); }

.slide.slide_two { background: url(../images/slidebg_02.jpg); }

.slide.slide_three { background: url(../images/slidebg-13.jpg); }

.slide.slide-four { background: url(../images/slidebg_04.jpg); }

.slide.slide-five { background: url(../images/slidebg-05.jpg); }

.slide.slide-six { background: url(../images/slidebg-07.jpg); }

.slide.slide-seven { background: url(../images/slidebg-08.jpg); }

.slide.slide-eight { background: url(../images/slidebg-09.jpg); }

.slide.slide-nine { background: url(../images/slidebg_03.jpg); }

.slide.slide-ten { background: url(../images/slidebg-11.jpg); }

.slide.slide-eleven { background: url(../images/slidebg-12.jpg); }

.slide.slide-twelve { background: url(../images/slidebg-14.jpg); }

.slide.slide-thirteen { background: url(../images/slidebg-15.jpg); }

.slide.slide-fourteen { background: url(../images/slidebg-16.jpg); }

.slide.slide_vid { background: rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.15); }

.slide_infodiv { position: absolute; top: 7px; right: 7px; width: 460px; padding: 30px 35px; text-align: center; border: solid 1px #fff; border-radius: 5px; box-shadow: 0 1px 5px -3px #000; background: rgba(255, 255, 255, 0.92); }

.slide_infodiv.left { left: 7px; }

.slide_infodiv.center { left: 224px; }

.slide_infodiv h1 { font-family: Bold; font-size: 32px; letter-spacing: -1px; line-height: 36px; margin-bottom: 15px; }

.slide_infodiv p { font-family: Regular; font-size: 12px; text-align: left; line-height: 18px; }

.slide_infodiv .slide-link-c { max-width: 410px; position: relative; display: inline-block; padding-left: 10px; }

.slide_infodiv.left .slide-link-c { padding-left: 0; padding-right: 10px; }

/* --- SLIDE BUTTS --- */
.slide-yell-butt, .slide-purp-butt { float: right; display: block; font-family: Bold; font-size: 13px; line-height: 17px; text-decoration: none; padding: 12px 18px; margin: 20px 10px 0 0; border-radius: 4px; border: 0; }

.slide_infodiv.left .slide-yell-butt, .slide_infodiv.left .slide-purp-butt { margin: 20px 0 0 10px; }

.slide-yell-butt, .slide-yell-butt:visited { color: #000; background: -webkit-gradient(linear, left top, left bottom, from(#fcff00), to(#ffc000)); background: -moz-linear-gradient(top, #fcff00, #ffc000); background: -o-linear-gradient(top, #fcff00, #ffc000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcff00', endColorstr='#ffc000'); }

.slide-yell-butt { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }

.slide-purp-butt { text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75); }

.slide-yell-butt:hover { background: #fdf000; }

.slide-yell-butt:active { -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); }

.slide-purp-butt, .slide-purp-butt:visited { color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#9925fc), to(#4c018b)); background: -moz-linear-gradient(top, #9925fc, #4c018b); background: -o-linear-gradient(top, #9925fc, #4c018b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9925fc', endColorstr='#4c018b'); }

.slide-purp-butt:hover { background: #7213c2; cursor: pointer; }

.slide-purp-butt:active { -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); }

a.winopt, a.winopt:visited, a.winopt:hover, a.winopt:active { float: left; margin-left: 0; font-size: 13px; color: #000; }

.winopt-list { margin: -10px 0 0; }

.winopt-list li a { margin-right: 20px; }

.gloss-list li a { border: 0; border-left: solid 1px rgba(255, 255, 255, 0.25); box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.gloss-list li a:hover, .gloss-list li a:active { border: 0; border-left: solid 1px rgba(255, 255, 255, 0.25); }

.winopt-list li:last-child:after { content: ''; display: table; clear: both; }

.slide-yell-butt.glossary-opt { margin: 0; padding: 5px 9px; font-family: Bold; }

.faqtext_box h3 { margin: 25px 0 10px; font-size: 20px; letter-spacing: -1px; }

.faqtext_box p { margin-bottom: 20px; font-size: 15px; line-height: 19px; }
@media screen and (max-width: 768px) { .faqtext_box p { font-size: 17px; line-height: 22px; } }

.faqtext_box.gloss p { margin-bottom: 20px; font-size: 15px; line-height: 19px; }
@media screen and (max-width: 768px) { .faqtext_box.gloss p { font-size: 17px; line-height: 20px; } }

.faqtext_box.gloss .ref-box { position: relative; margin: -21px -25px; padding: 1px 25px; background: #fe0; }

.faqtext_box.gloss .ref-box.first { margin-top: 0; }

.faqtext_box.gloss .ref-box.last { margin-bottom: 0; }

.faqtext_box a.hdn { display: none; }

.faqtext_box .backtotop { display: block; }

.faqtext_box.gloss .ref-box a { display: block; position: absolute; top: 12px; left: -150px; padding: 14px 18px 14px 5px; color: #000; font-family: Bold; font-size: 24px; letter-spacing: -1px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65); border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: url(../images/yellow_bg-lsm.jpg) -190px; }

.faqtext_box.gloss .ref-box a:hover { cursor: pointer; background: url(../images/yellow_bg-lsm.jpg); }

.faqtext_box.gloss .ref-box a:before { content: ''; position: absolute; width: 29px; height: 24px; left: -15px; top: 11px; border-bottom: solid 1px rgba(0, 0, 0, 0.05); -webkit-backface-visibility: hidden; -webkit-transform: rotate(57deg) skew(25deg); /* create a rhombus */ transform: rotate(57deg) skew(25deg); /* create a rhombus */ background: url(../images/yellow_bg-lsm.jpg) -190px no-repeat; z-index: -1; }

.faqtext_box.gloss .ref-box a:hover:before { cursor: pointer; background: url(../images/yellow_bg-lsm.jpg); }

a.backtotop.gloss-top { margin-right: 4px; padding-left: 7px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42); background: rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.6); }

a.backtotop.gloss-top:hover { color: #fff; background: rgba(255, 255, 255, 0.3); }

a.backtotop.gloss-top:active { box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.2); }

.threebox .slide-yell-butt { position: absolute; bottom: 10px; right: 0px; padding: 9px 16px; font-size: 13px; }

a.slide-yell-butt.thanksbutt { float: left; color: #000; }

.loc-con { position: absolute; top: 7px; left: 7px; padding: 10px 17px 8px; border: solid 1px #fff; border-radius: 5px; box-shadow: 0 1px 3px -2px #000; background: rgba(255, 255, 255, 0.92); z-index: 1; }

.loc-con p { position: relative; width: auto; margin: 0; padding: 0; margin-bottom: 0px; font-family: Bold; font-size: 12px; color: #000; font-weight: normal; text-transform: uppercase; border: none; background: none; z-index: 2; }

.loc-con a { font-size: 14px; }

.loc-4box-con { width: 688px; margin: -20px 0 0 -25px; }
@media screen and (max-width: 768px) { .loc-4box-con { width: 100%; margin: -20px auto; } }

.loc-4box { float: left; width: 290px; margin: 30px 0 0 34px; border: solid 1px rgba(0, 0, 0, 0.05); background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; }
@media screen and (max-width: 768px) { .loc-4box { width: 100%; margin: 30px 0 0; } }

.loc-4box:nth-child(3) { clear: both; }

.loc-4box img { display: block; float: none; margin: 0; }
@media screen and (max-width: 768px) { .loc-4box img { max-width: 100%; height: auto; margin: 0 auto; } }

.loc-4box h2 { padding: 6px 12px 8px; color: #fff; font-family: Bold; font-size: 18px; text-shadow: 0px 1px 0px #000; background: rgba(45, 0, 80, 0.85); }

.loc-4box ul { margin: 15px; }

.loc-4box li { margin-bottom: 12px; padding-left: 14px; font-size: 11px; background: url("../images/bullet.png") no-repeat scroll 2px 7px transparent; }
@media screen and (max-width: 768px) { .loc-4box li { font-size: 13px; } }

.loc-4box a.slide-yell-butt { margin: 0 10px 10px 0; padding: 10px 16px; color: #000; font-size: 12px; }
@media screen and (max-width: 768px) { .loc-4box a.slide-yell-butt { font-size: 14px; } }

.loc-jic { position: relative; padding: 1px 0; clear: both; }

.loc-jic h2 { margin: 50px 0 20px; font-family: Light; font-size: 28px; letter-spacing: -.5px; line-height: 30px;}
@media screen and (max-width: 768px) { .loc-jic h1 { margin: 50px 12px 20px; line-height: 26px; } }

.loc-jic p { margin: 15px 0; }
@media screen and (max-width: 768px) { .loc-jic p { margin: 15px 12px; } }

.loc-jic ul { display: block; margin: 10px 25px; list-style: disc; }



/* --- Dual Window Images --- */

section#window_change { width: 688px; margin: -26px 0 50px -25px; }
@media screen and (max-width: 768px) { section#window_change { width: 100%; margin: 0; } }

section#window_change:after { content: ''; display: table; clear: both; }

#window_dual { position: relative; float: left; width: 344px; height: 539px; margin: 0 0 25px; }
@media screen and (max-width: 768px) { #window_dual { margin-bottom:35px;} }

#window_dual:after { content: 'Please note: all data values and imagery above are representative and are provided for comparison purposes only. Actual colours or shades may vary.'; position: relative; display: table; width: 344px; top: 8px; margin-bottom: 30px; color: #aaa; text-align: center; font-size: 9px; line-height: 12px; }

#window-left, .window-left { position: relative; float: left; width: 171px; height: 100%; margin-right: 2px; background: url(../images/window_change-01-WM.jpg); }

#window-right, .window-right { position: relative; float: left; width: 171px; height: 100%; background: url(../images/window_change-elite50-WM.jpg); }

#window_dual p { position: absolute; bottom: 35px; width: 100%; padding: 3px 0; color: #fff; font-family: Bold; text-align: center; background: rgba(70, 0, 90, 0.85); }

.window-right.elite50 { background: url(../images/window_change-elite50-WM.jpg); }

.window-right.beecool35 { background: url(../images/window_change-clearview35-WM.jpg); }

.window-right.beecool25 { background: url(../images/window_change-clearview25-WM.jpg); }

.window-right.beecool15 { background: url(../images/window_change-clearview15-WM.jpg); }

.window-right.dr7 { background: url(../images/window_change-dr7-WM.jpg); }

.window-right.bronze20 { background: url(../images/window_change-bronze20-WM.jpg); }

.window-right.platinum35 { background: url(../images/window_change-platinum35-WM.jpg); }

.window-right.platinum20 { background: url(../images/window_change-platinum20-WM.jpg); }

.window-right.perf { background: url(../images/window_change-perf-WM.jpg); }

.window-right.etched { background: url(../images/window_change-etched-WM.jpg); }

.window-right.frosted { background: url(../images/window_change-frosted-WM.jpg); }

.window-right.vinyl { background: url(../images/window_change-vinyl-WM.jpg); }

#window_product { float: left; width: 344px; padding: 0 20px 0; }
@media screen and (max-width: 768px) { #window_product { float: left; width: 100%; padding: 0; } }

#window_product > h3 { margin: 0px 0 12px; }
@media screen and (max-width: 768px) { #window_product h3.nou { display: none; } }

#window_product > p { margin: 0 0 12px; font-size: 15px; line-height: 16px; }

#window_change.single { margin-top: -26px; margin-bottom: 25px; }
@media screen and (max-width: 768px) { #window_change.single { margin-top: 0; } }

#window_change.single #window_product p { width: 344px; margin-left: -20px; padding: 16px 20px 5px; font-size: 15px; font-family: Regular; line-height: 18px; box-sizing: border-box; }
@media screen and (max-width: 768px) { #window_change.single #window_product p { width: 100%; margin-left: 0; font-family: Regular; font-size: 17px; line-height: 22px; } }

#window_change.single #window_product h3 { width: 344px; margin-top: 0; margin-left: -20px; margin-bottom: 0; padding: 9px 18px 10px; color: #fff; font-family: Bold; font-size: 25px; font-weight: normal; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8); border-right: solid 1px rgba(0, 0, 0, 0.1); border-top: none; background: #1c0043 url(../images/testi_bg.png) 245px 0 no-repeat; box-sizing: border-box; }
@media screen and (max-width: 768px) { #window_change.single #window_product h3 { width: 100%; margin-left: 0; letter-spacing: -1px; } }

#window_change.single #window_product > h4, #window_product > h3 { width: 344px; margin-left: -20px; padding: 3px 20px; color: #000; font-family: Bold; font-size: 13px; letter-spacing: 0; text-transform: none; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.05); background: url(../images/yellow_bg.jpg) 615px -30px; box-sizing: border-box; }
@media screen and (max-width: 768px) { #window_change.single #window_product > h4, #window_product > h3 { width: 100%; margin-left: 0; background: #fff000; } }

img.perf-fix { float: left; margin: 20px 20px 0 0; }
@media screen and (max-width: 768px) { img.perf-fix { margin: 20px; } }

.product_types { margin: 20px 0 35px; }
@media screen and (max-width: 768px) { .product_types { margin: 0; } }

.product_types:after { content: ''; display: table; clear: both; }

.product_type { width: 50%; /* height:125px; */ float: left; border-top: solid 4px #fff; border-left: solid 4px #fff; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
@media screen and (max-width: 768px) { .product_type { width: 49.5%; } }

.product_type a { cursor: pointer; }

.product_type:first-child h3 { background: rgba(10, 15, 50, 0.025); }

.product_type:nth-child(2) h3 { background: rgba(10, 15, 50, 0.07); }

.product_type:nth-child(3) h3 { background: rgba(10, 15, 50, 0.225); }

.product_type:last-child h3 { background: rgba(10, 15, 35, 0.7); }

.product_type:nth-child(4) h3 { color: #fff; text-shadow: 0 1px 1px #000; }

.product_types h3 { margin: 0; padding: 5px 0; font-family: ExtraBold; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); }

.product_types h3:before { position: absolute; content: ''; margin-top: 7px; margin-left: -22px; width: 11px; height: 35px; }

.product_types ul { border-left: solid 1px rgba(10, 15, 50, 0.1); border-right: solid 1px rgba(10, 15, 50, 0.1); }

.product_types li { position: relative; margin: 0; border-bottom: solid 1px rgba(10, 15, 50, 0.1); }

.product_types a, .product_types a:visited { display: block; padding: 3px 7px; color: #2e64c7; font-family: Bold; font-size: 15px; background: #fff; }
@media screen and (max-width: 768px) { .product_types a, .product_types a:visited { padding: 4px 8px; font-size: 15px; } }

.product_types a:hover { color: #fff; text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5); background: #fffaa9; background: rgba(74, 0, 149, 0.8); background: #6e3269; background: #2e64c7; }

.product_types a:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.425); }

.product_type:nth-child(4) a { padding: 2px 7px 3px; border-top: solid 1px rgba(255, 255, 255, 0.25); }

.product_types a.current { color: #000; background: url(../images/yellow_bg.jpg) 1405px -35px; }
@media screen and (max-width: 768px) { .product_types a.current { background: #fff000; } }

.product_types a.current:hover { text-shadow: none; }

#prod-info div { position: relative; display: none; }

#prod-info div#elite50 { display: block; }

#window-right p { display: none; }

#window-right p#paElite50 { display: block; }

#prod-info h3 { margin: 15px 0 12px -18px; padding: 5px 21px 5px 18px; font-family: Bold; font-size: 20px; background: url(../images/yellow_bg.jpg) repeat scroll center center transparent; z-index: 0; }
@media screen and (max-width: 768px) { #prod-info h3 { margin: 12px 0; padding-left: 12px; background: #fff000; } }

#prod-info h3:before { content: ""; position: absolute; width: 20px; height: 18px; margin: 0px 0 0 -31px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; transform: rotate(57deg) skew(25deg); background: url("../images/yellow_bg.jpg") repeat scroll 855px 41px transparent; }
@media screen and (max-width: 768px) { #prod-info h3:before { display: none; } }

#prod-info p { margin-bottom: 10px; font-size: 15px; }

#prod-info div a { position: absolute; right: 0px; top: 0px; padding: 0 15px; color: #fff; font-family: Bold; font-size: 12px; line-height: 33px; text-align: center; text-transform: uppercase; background: #2e64c7; border-left: solid 1px #fff; z-index: 2; }
@media screen and (max-width: 768px) { #prod-info div a { font-size: 12px; } }

#prod-info div a:hover { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9); background: rgba(74, 0, 149, 0.8); }

#prod-info div a:active { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); }

#prod-info li { position: relative; top: 18px; height: 5px; margin-bottom: 28px; border-radius: 12px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); background: #f5f5f5; }
@media screen and (max-width: 768px) { #prod-info li { margin-left: 12px; margin-right: 12px; } }

#prod-info li p { position: relative; top: -17px; padding: 1px 0 0; font-family: Bold; font-size: 15px; line-height: 16px; z-index: 2; }

#prod-info li p b { display: block; float: left; margin: 0px 12px 0 1px; font-weight: normal; font-family: Bold; font-size: 15px; }

#prod-info li div { position: absolute; display: block; bottom: 0px; height: 100%; border-radius: 12px; box-shadow: inset 0 2px rgba(255, 255, 255, 0.08), inset -1px -1px 0 rgba(0, 0, 0, 0.075); z-index: 0; }

#prod-info li div.blk { background: -webkit-linear-gradient(top, #555, #111); background: -moz-linear-gradient(top, #555, #111); background: ms-linear-gradient(top, #555, #111); }

#prod-info li div.pur { background: -webkit-linear-gradient(top, #7c41ba, #0c0215); background: -moz-linear-gradient(top, #7c41ba, #0c0215); background: ms-linear-gradient(top, #7c41ba, #0c0215); }

#prod-info li div.red { background: -webkit-linear-gradient(top, #ff3924, #b51100); background: -moz-linear-gradient(top, #ff3924, #b51100); background: ms-linear-gradient(top, #ff3924, #b51100); }

#prod-info li div.yel { background: -webkit-linear-gradient(top, #fff000, #f7d100); background: -moz-linear-gradient(top, #fff000, #f7d100); background: ms-linear-gradient(top, #fff000, #f7d100); }

#prod-info li div.blu { background: -webkit-linear-gradient(top, #a7dfff, #6dbcff); background: -moz-linear-gradient(top, #a7dfff, #6dbcff); background: ms-linear-gradient(top, #a7dfff, #6dbcff); }

#prod-info li:nth-child(4) p, #prod-info li:nth-child(5) p { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #000; }

#prod-info li div.w3-5 { width: 3.5%; }

#prod-info li div.w5-5 { width: 5.5%; }

#prod-info li div.w6 { width: 6%; }

#prod-info li div.w7 { width: 7%; }

#prod-info li div.w15 { width: 15%; }

#prod-info li div.w16 { width: 16%; }

#prod-info li div.w17 { width: 17%; }

#prod-info li div.w18 { width: 18%; }

#prod-info li div.w43 { width: 43%; }

#prod-info li div.w50 { width: 50%; }

#prod-info li div.w53 { width: 53%; }

#prod-info li div.w58 { width: 58%; }

#prod-info li div.w60 { width: 60%; }

#prod-info li div.w65 { width: 65%; }

#prod-info li div.w67 { width: 67%; }

#prod-info li div.w68 { width: 68%; }

#prod-info li div.w69 { width: 69%; }

#prod-info li div.w70 { width: 70%; }

#prod-info li div.w72 { width: 72%; }

#prod-info li div.w75 { width: 75%; }

#prod-info li div.w78 { width: 78%; }

#prod-info li div.w79 { width: 79%; }

#prod-info li div.w82 { width: 82%; }

#prod-info li div.w83 { width: 83%; }

#prod-info li div.w84 { width: 84%; }

#prod-info li div.w94 { width: 94%; }

#prod-info li div.w99 { width: 99%; }

#slides { position: absolute; }

.slides_container { width: 890px; height: 400px; margin-top: 10px; overflow: hidden; }

.picture_box #slides { position: relative; top: 0; left: -202px; z-index: 0; }

.picture_box .slides_container { width: 890px; height: 339px; }

.slides_container a img { display: block; }

#slides .next, #slides .prev { position: absolute; top: 170px; left: -24px; width: 24px; height: 43px; display: block; z-index: 101; }

#slides .next { left: 890px; background: url(../images/arrow-next.png); }

#slides .next:hover { background: url(../images/arrow-next.png) 0 -43px; }

#slides .next:active { background: url(../images/arrow-next.png) 0 -86px; }

#slides .prev { background: url(../images/arrow-prev.png); }

#slides .prev:hover { background: url(../images/arrow-prev.png) 0 -43px; }

#slides .prev:active { background: url(../images/arrow-prev.png) 0 -86px; }

.picture_box #slides .next, .picture_box #slides .prev { position: absolute; top: 135px; left: 202px; width: 24px; height: 43px; display: block; z-index: 101; }

.pagination { position: absolute; margin: 5px auto 0; right: 0; }

.pagination li { float: left; margin: 0 1px; list-style: none; }

.pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../images/pagination.png); background-position: 0 0; float: left; overflow: hidden; }

.pagination li.current a { background-position: 0 -12px; }

#overview { position: relative; width: 100%; margin: 85px 0 24px; background: #fff; background: url(../images/yellow_bg.jpg) center 28px repeat-x; }
@media screen and (max-width: 768px) { #overview { margin: 12px 0 24px; } }

.midiv { width: 940px; margin: 0 auto; }
@media screen and (max-width: 768px) { .midiv { width: 100%; } }

#overview .midiv:after { content: ''; display: table; clear: both; }

#overview .b3 { position: relative; float: left; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview .b3 { float: none; width: 100%; border-bottom: solid 12px #fff; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; } }

#overview .b3 h2 { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -1px; line-height: 41px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview .b3 h2 { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }

#overview .b3:first-child h2 { font-size: 17px; }
@media screen and (max-width: 768px) { #overview .b3:first-child h2 { font-size: 22px; } }

#overview .b3 img { display: block; margin: 0 auto; }
@media screen and (max-width: 768px) { #overview .b3 img { margin-top: 6px; } }

#overview .b3 ul { width: 290px; margin: 0 auto; border: solid 1px #fff; border-left: solid 1px rgba(0, 0, 0, 0.05); border-right: solid 1px rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview .b3 ul { width: 100%; border: none; } }

#overview .b3 li { margin: 16px 20px 16px 27px; list-style: outside; line-height: 18px; }
@media screen and (max-width: 768px) { #overview .b3 li { font-size: 18px; line-height: 20px; } }

#overview .b3:first-child, #overview .b3:nth-child(4) { left: -10px; }
@media screen and (max-width: 768px) { #overview .b3:first-child, #overview .b3:nth-child(4) { left: 0; } }

#overview .b3:nth-child(4) { clear: both; }

#overview .b3:last-child, #overview .b3:nth-child(3) { right: -10px; }
@media screen and (max-width: 768px) { #overview .b3:last-child, #overview .b3:nth-child(3) { right: 0; } }

#overview .b3 a { float: none; width: 290px; margin: 0 auto 50px; text-align: center; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.075); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview .b3 a { width: 80%; margin-bottom: 24px; font-size: 14px; } }

#quote { position: relative; width: 100%; padding: 65px 0; border-top: solid 1px #000; background: #400053; }

#quote:after { content: ''; display: table; clear: both; }

#quote .sec { float: left; width: 540px; }

#quote .sec:nth-child(2) { width: 400px; }

#quote .sec p { width: 450px; margin-bottom: 35px; color: #fff; font-family: Bold; font-size: 12px; line-height: 18px; }

#quote .sec:first-child p:first-child { font-size: 32px; }

#quote .sec:nth-child(2) p { width: 330px; }

#quote input, #quote textarea, #quote select { width: 370px; padding: 5px 8px; font-family: Bold; font-size: 14px; }

#quote input.human { width: 35px; }

#quote .formrt { right: -125px; }

#quote textarea { width: 375px; height: 100px; }

#quote select { height: auto; width: 395px; margin: 3px 0; padding: 2px 0; }

#quote .slide-yell-butt { margin-right: -114px; width: auto; padding: 10px 18px; }

#testi { position: relative; width: 100%; padding: 65px 0 0; margin-bottom: -60px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: url(../images/bg-cloud-2.jpg) right top; }

#testi .midiv > p:first-child { font-family: Bold; font-size: 32px; letter-spacing: -1px; }
@media screen and (max-width: 768px) { #testi .midiv > p:first-child { padding: 0 12px; } }

#testi .testi-box:after { content: ''; display: table; clear: both; }

#testi .testi-box p { float: left; width: 48.5%; margin-top: 25px; margin: 25px 10px 0 0; padding: 40px 50px; line-height: 20px; text-align: justify; border-left: solid 4px #400053; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #testi .testi-box p { float: none; width: 90%; margin: 12px 12px 0; padding: 20px; font-size: 17px; line-height: 22px; } }

#testi .testi-box p:nth-child(2n+2) { margin: 25px 0 0 10px; }
@media screen and (max-width: 768px) { #testi .testi-box p:nth-child(2n+2) { margin: 12px 12px 0; } }

#testi .testi-box a { float: right; margin-top: 38px; font-size: 14px; }

.temp-center { display: block; margin: 15px auto; }

.yell-temp h1 { width: 330px; }

.temp-ph { display: block; width: 400px; margin: 30px auto 15px; font-family: BoldItalic; font-size: 60px; color: #662d91; letter-spacing: -2px; text-shadow: 1px 1px 0 #fff; }

.temp-ph-under { display: block; width: 400px; margin: 0 auto; font-family: LightItalic; font-size: 19px; letter-spacing: -1px; }

.wp h1 { margin: 12px 0 24px; color: #000; font-family: Bold; font-size: 42px; letter-spacing: -2px; line-height: 40px; display: block; }
@media screen and (max-width: 768px) { .wp h1 { margin: 12px 12px 24px; } }

.main_right.wp h1 a { color: #000; }

.wp h1 a:hover { color: #000; }

.post-meta-links { margin: 24px 0; }

ul.blo ul { display: block; visibility: visible; }

.wp hr { margin-bottom: 50px; }

.wp strong { margin-left: 12px; font-family: Bold; }

.wp img { max-width: 100%; height: auto; }

.wp ul.bul { margin-left: 12px; margin-bottom: 16px; }

.wp ul.bul li { list-style: outside; margin-left: 12px; margin-bottom: 8px; }

.picture_box img { position: relative; }
@media screen and (max-width: 768px) { .picture_box img { max-width: 100%; width: 100%; height: auto; margin: 0; } }




#lf4 .cont { padding: 20px 0; margin: 0 auto; display: block; text-align: center; background: url(../images/bg-cloud-2.jpg) right top; }
@media screen and (max-width: 800px) { #lf4 .cont { padding: 0 12px; padding-top: 24px; padding-bottom: 24px; display: block; text-align: center; } }

#lf4 h2 { font-family:Bold; font-size: 26px; text-align: left; text-align: center; }

#lf4 img { display: inline-block; margin: 0 5px; padding-bottom: 20px; }
@media screen and (max-width: 768px) { #lf4 img {  margin: 0 auto; width: 70%; padding-bottom: 20px; } }

#lf4 p { margin-top: 20px; font-family: Bold; font-size: 15px; color: rgba(0, 0, 0, 0.4); }






/*---------------------New Code 2019-2020 ------------------------------------*/

.midiv2 { width: 940px; margin: 0 auto; }
@media screen and (max-width: 768px) { .midiv2 { width: 100%;  height: auto; padding:5px;} }

.midiv2 img { margin: 0 auto; }
@media screen and (max-width: 768px) { .midiv2 img{ width: 80%;  height: auto;} }

.midiv2 .img2 { width:50%; margin-left: auto; margin-right: auto; padding-bottom: 10px; display:block; float: none;}
@media screen and (max-width: 768px) { .midiv2 .img2{ width: 90%;  height: auto;} }

.midiv2 #img3 { width: 100%; height: 180px; margin: 0 auto;  float: left; }
@media screen and (max-width: 768px) { .midiv2 #img3{ width: 100%;  height: auto; display:block; } }

.midiv2 #img4 { width: 15%; height: auto; margin: 0 auto; padding-bottom: 5px; float:right;}
@media screen and (max-width: 768px) { .midiv2 #img4{ width: 15%;  height: auto; float:none;} }

.midiv2 #img5 { width: 15%; height: auto; margin: 0 auto; padding-bottom: 5px; float:right;}
@media screen and (max-width: 768px) { .midiv2 #img5{ width: 30%;  height: auto; float:none;} }

.midiv2 #img6 { width: 80%; height: auto; margin: 10px 100px 40px; padding-bottom: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
@media screen and (max-width: 768px) { .midiv2 #img6{ margin: 10px 0; width: 100%;  height: auto; float:none;} }

.midiv2 #img7 { width: 80%; height: auto; margin-top:5px;}
@media screen and (max-width: 768px) { .midiv2 #img7{ margin: 10px 0; width: 100%;  height: auto; float:none;} }

.midiv2 #box { width: 300px; height: auto; margin-top: 25px; margin-bottom: 20px; margin-right: 13px; float:left;}
@media screen and (max-width: 768px) { .midiv2 #box{ width: 100%;  height: auto;} }

.midiv2 #box p { font-family: Regular; font-size: 15px; }
@media screen and (max-width: 768px) { .midiv2 #box p { font-size: 17px; line-height: 23px; } }

.midiv2 #box p.bold {font-family: Bold; font-size: 20px;}

.midiv2 #box h3 { margin-top: 5px; font-family:Bold; font-size: 20px; line-height: 30px; }

.midiv2 #box b { font-family: Bold; font-size: 15px; }

.midiv2 h1 { font-family:ExtraBold; font-size: 40px; text-align: left; }
@media screen and (max-width: 768px) { .midiv2 h1 { font-size: 30px;} }

.midiv2 h2 { margin-top: 5px; font-family:Bold; font-size: 25px; line-height: 30px; text-align: left; }

.midiv2 h3 { margin-top: 5px; font-family:Bold; font-size: 20px; line-height: 30px; text-align: left; }

.midiv2 h3.heading { width:80%; margin: 10px 100px 10px; font-family: bold; font-size: 20px; line-height: 20px; color: purple; }
@media screen and (max-width: 768px) { .midiv2 h3.heading { width: 100%;  height: auto; padding:5px; margin: 0 auto;} }

.midiv2 h4 { margin-top: 5px; font-family:Bold; font-size: 15px; line-height: 20px; text-align: left; }

.midiv2 h5 { margin-top: 5px; font-family:Bold; font-size: 20px; line-height: 30px; text-align: left; float:left;}

.midiv2 p { margin-top: 5px; font-family: Regular; font-size: 15px; line-height: 20px;}
@media screen and (max-width: 768px) { .midiv2 p { font-size: 17px; line-height: 22px; } }

.midiv2 p.para2 { width:80%; margin: 10px 100px 10px; font-family: Regular; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { .midiv2 p.para2 { width: 100%;  height: auto; padding:5px; margin: 0 auto; font-size: 17px; line-height: 22px; } }

.midiv2 hr { width: 100%; height: 100px; background-color: #fff;}
@media screen and (max-width: 768px) { .midiv2 hr { width: 100%;  height: auto; padding:5px;} }

.midiv2 b { margin-top: 5px; font-family: bold; font-size: 16px; line-height: 20px;}

.midiv2 .b3 a { float: left; width: auto; margin-right: 10px; text-align: center; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.075); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.midiv2 a { text-decoration: none; }


.midiv2 table { margin: 0 auto; font-size: 12px; line-height: 14px; border-top: solid 1px #fff; background: #f5f5f5; max-width: 500px; border-collapse: collapse; }
@media screen and (max-width: 768px) { .midiv2 table { margin: 0 12px; } }

.midiv2 table td { margin-left: -1px; padding: 8px 20px; border: solid 1px rgba(0, 0, 0, 0.05); }

.midiv2 table tr:nth-child(2n+1) { background: #fff; }

.midiv2 table tr:nth-child(2) { background: #f5f5f5; }

.midiv2 table tr:first-child td, table.pf tr:nth-child(2) td { font-family: Bold; color: #173872; border-bottom: solid 1px rgba(202, 221, 255, 0.5); background: #f1f6ff; }

.midiv2 table tr:nth-child(2) td { border-top: solid 1px #fff; }

.midiv2 table tr:last-child td { padding: 7px 20px; color: #173872; font-family: Bold; font-size: 8px; text-align: right; line-height: 10px; border-top: solid 1px #fff; background: #f1f6ff; }

.midiv2 table tr:nth-last-child(2) td { border-bottom: solid 1px rgba(0, 0, 0, 0.05); }

.midiv2 table td:first-child { width: 250px; }

.midiv2 table td:nth-child(2) { width: 250px; text-align: center; }




.midiv3 { width: 940px; display: flex; justify-content: center; margin: 0 auto; margin-bottom: 20px;}
@media screen and (max-width: 768px) { .midiv3 { width: 100%;  height: auto; padding:5px; display:block;; float:left;} }

.midiv3 h2 { margin-top: 5px; margin-bottom: 5px; font-family:Bold; font-size: 30px; line-height: 30px; text-align: left; }



.yellow_line h2 { width: 940px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; font-family:Bold; font-size: 25px; letter-spacing: -.5px; }
@media screen and (max-width: 768px) { .yellow_line h2 { width: 100%; padding: 5px; font-size: 22px; color: black; line-height: 30px; } }

.yellow_line b { margin: 0 auto; padding-top: 10px; font-family: bold; font-size: 25px; color: black; letter-spacing: -.5px; }
@media screen and (max-width: 768px) { .yellow_line b { width: 100%; padding: 5px; font-size: 22px; color: black; line-height: 30px;} }

.yellow_line a {text-decoration: none; color: red;}

#overview .b3 p { margin: 10px 10px 10px 10px; font-family: regular; font-size: 12px; line-height: 18px; }


#overview .b3 .img2 { width:92%; height: auto;}
@media screen and (max-width: 768px) { #overview .b3 img { margin-top: 6px; } }


#overview .b3 h3 { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -.5px; line-height: 25px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview .b3 h3 { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }


.table_one { justify-content: flex-end; width:250px; font-size:15px; line-height: 17px; border:solid 1px #ccc; background:#f5f5f5; border-collapse:collapse; margin-left: 10px;}
@media screen and (max-width: 768px) { .table_one {flex: auto; font-size: 16px; line-height: 20px; }}

.table_one td { margin-left:-1px; padding:5px 8px; }

.table_one tr:first-child td { font-family:Bold; color:#173872; background:#f1f6ff; border:solid 1px #caddff; }

.table_one tr:last-child td { font-family:Bold; color:#173872; background:#f1f6ff; border:solid 1px #caddff; }


.main_right_heading h3 { font-family: Bold; font-size: 25px; color: #fff; line-height: 30px; letter-spacing: -.5px; margin-left: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75); padding-top:5px;}
@media screen and (max-width: 768px) { .main_right_heading h1 { font-size: 22px; line-height: 22px; margin-left: 0; padding: 6px 12px; } }


.sas-add2 p { display: table-cell; vertical-align: middle; height: 238px; margin-left: 300px; margin-bottom: 25px; padding: 0 35px; font-size: 14px; line-height: 19px; border: solid 1px rgba(202, 221, 255, 0.5); background: url("../images/bluebox_bg.png") no-repeat #f1f6ff; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
@media screen and (max-width: 768px) { .sas-add2 p { display: block; height: auto; margin-top: 12px; margin-left: 0; padding: 0 12px; font-size: 13px; line-height: 20px; border: none; background: none; } }

.sas-add2 img { margin: 0; float: left; }
@media screen and (max-width: 768px) { .sas-add2 img { display: block; float: none; max-width: 70%; margin: 0 auto; } }


#overview2 { position: relative; width: 100%; margin: 35px 0 0 0; background: #fff; }
@media screen and (max-width: 768px) { #overview2 { margin: 12px 0 5px; } }

#overview2 .midiv:after { content: ''; display: table; clear: both; }

#overview2 .b3 { position: relative; float: left; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview2 .b3 { float: none; width: 100%; border-bottom: solid 12px #fff; background: #f1f6ff url(../images/bluebox_bg.png) top left no-repeat; } }

#overview2 .b3 h2 { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -1px; line-height: 41px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview2 .b3 h2 { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }

#overview2 .b3:first-child h2 { font-size: 17px; }
@media screen and (max-width: 768px) { #overview2 .b3:first-child h2 { font-size: 22px; } }

#overview2 .b3 p.bold { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -1px; line-height: 41px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview2 .b3 p.bold { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }

#overview2 .b3:first-child p.bold { font-size: 17px; }
@media screen and (max-width: 768px) { #overview2 .b3:first-child p.bold { font-size: 22px; } }

#overview2 .b3 img { display: block; margin: 0 auto; }
@media screen and (max-width: 768px) { #overview2 .b3 img { margin-top: 6px; } }

#overview2 .b3 ul { width: 290px; margin: 0 auto; border: solid 1px #fff; border-left: solid 1px rgba(0, 0, 0, 0.05); border-right: solid 1px rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview2 .b3 ul { width: 100%; border: none; } }

#overview2 .b3 li { margin: 16px 20px 16px 27px; list-style: outside; line-height: 18px; }
@media screen and (max-width: 768px) { #overview2 .b3 li { font-size: 17px; line-height: 22px; } }

#overview2 .b3:first-child, #overview2 .b3:nth-child(4) { left: -10px; }
@media screen and (max-width: 768px) { #overview2 .b3:first-child, #overview2 .b3:nth-child(4) { left: 0; } }

#overview2 .b3:nth-child(4) { clear: both; }

#overview2 .b3:last-child, #overview2 .b3:nth-child(3) { right: -10px; }
@media screen and (max-width: 768px) { #overview2 .b3:last-child, #overview2 .b3:nth-child(3) { right: 0; } }

#overview2 .b3 a { float: none; width: 290px; margin: 0 auto 50px; text-align: center; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.075); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { #overview2 .b3 a { width: 80%; margin-bottom: 24px; font-size: 14px; } }

#overview2 .b3 p { margin: 10px 10px 10px 10px; font-family: regular; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { #overview2 .b3 p { font-size: 17px; line-height: 22px; } }

#overview2 .b3 .img2 { width:92%; height: auto;}
@media screen and (max-width: 768px) { #overview2 .b3 img { margin-top: 6px; } }


#overview2 .b3 h3 { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -.5px; line-height: 25px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview2 .b3 h3 { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }

#overview2 .b3 p.bold2 { display: block; width: 290px; margin: 0 auto 0px; color: #fff; text-align: center; font-family: Bold; font-size: 19px; letter-spacing: -.5px; line-height: 25px; text-shadow: 0 1px 0 #000; border-bottom: solid 1px rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: url(../images/bluebox_bg-02.png) no-repeat #400053; }
@media screen and (max-width: 768px) { #overview2 .b3 p.bold2 { width: 100%; padding: 8px 0; font-size: 22px; line-height: 24px; } }


.main_right_heading2 { position: relative; width: 690px; height: 50px; left: -26px; top: -26px; background: rgba(45, 0, 80, 0.85); background: #1c0043 url(../images/testi_bg.png) 590px 0 no-repeat; }
@media screen and (max-width: 768px) { .main_right_heading2 { width: 100%; height: auto; left: 0; top: 0; } }

.main_right_heading2 h3 { font-family: Bold; font-size: 30px; color: #fff; line-height: 47px; letter-spacing: -1px; margin-left: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75); }
@media screen and (max-width: 768px) { .main_right_heading2 h3 { font-size: 22px; line-height: 22px; margin-left: 0; padding: 6px 12px; } }

.main_right_heading2 h4 { display: block; position: absolute; right: 11px; bottom: 6px; font-family: Italic; font-size: 11px; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);  }


.hr2 { height:1px; width:940px; margin: 0 auto; border-top:2px solid rgba(0, 0, 0, 0.75);  padding-bottom: 10px; }
@media screen and (max-width: 768px) { .hr2 { width: 100%;  height: auto; padding:5px;} }

p.bold {font-family: Bold; font-size: 20px;}

.main_content_container p.bold {font-family: Bold; font-size: 20px;}

.float {clear: both;}

@media screen and (max-width: 768px) { .nc-inner iframe { height: 300px; width:100%; } }

@media screen and (max-width: 768px) { .nc-inner img { width:100%; } }

#window_change.single #window_product p.bold { width: 344px; margin-top: 0; margin-left: -20px; margin-bottom: 0; padding: 9px 18px 10px; color: #fff; font-family: Bold; font-size: 25px; font-weight: normal; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8); border-right: solid 1px rgba(0, 0, 0, 0.1); border-top: none; background: #1c0043 url(../images/testi_bg.png) 245px 0 no-repeat; box-sizing: border-box; }
@media screen and (max-width: 768px) { #window_change.single #window_product p.bold { width: 100%; margin-left: 0; letter-spacing: -1px; } }

#window_change.single #window_product  p.bold2  { width: 344px; margin-left: -20px; padding: 3px 20px; color: #000; font-family: Bold; font-size: 13px; letter-spacing: 0; text-transform: none; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.05); background: url(../images/yellow_bg.jpg) 615px -30px; box-sizing: border-box; }
@media screen and (max-width: 768px) { #window_change.single #window_product p.bold2 { width: 100%; margin-left: 0; background: #fff000; } }


.faqtext_box p.bold {font-family: Bold; font-size: 20px;}


#fly { position: relative; width: 100%; height: 90px; border-bottom: solid 1px rgba(0, 0, 0, 0.05); background: #fff; }

#fly .cont { position: relative; height: 100%; text-align: center; }

#fly .flybox { display: table; height: 100%; margin: 0 auto; }

#fly .flybox a { position: relative; display: table-cell; width: 220px; vertical-align: middle; color: #275187; font-family: Regular; font-size: 14px; letter-spacing: -1px; text-decoration: none; overflow: visible; transition: ease 0.2s; }

#fly .flybox a:hover { color: #f90; }

#fly .flybox a p { position: relative; display: block; width: 100px; margin-left: 65px; margin-right: 35px; padding: 8px 10px; text-align: left; z-index: 900; }

#fly .flybox a:nth-child(2) p { margin-right: 0; }

#fly .flybox a img {  border: solid 4px #fff; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); transform: rotate(-8deg); z-index: 800; transition: ease 0.2s; }

#fly .flybox a:hover img { border: solid 4px #800080; transition: ease 0.2s; }

#fly .flybox a p span { display: block; margin-top: 6px; margin-bottom: -4px; font-family: Bold; font-size: 11px; color: #bbb; letter-spacing: 0; }

@media screen and (max-width: 768px) { #fly .flybox img { width:40%; } } }



header {  }
@media screen and (max-width: 768px) { header { width: 100%; height: 290px; padding: 5px; background-color: #000;  } }

header .cont { width: 100%; height: 170px; background-color: black; padding: 5px; }
@media screen and (max-width: 768px) { header .cont { width: 100%; height: 225px; padding-bottom: 4px; text-align: center; margin-bottom:10px; } }

header .cont2 { width: 960px; margin: 0 auto; background-color: black; }
@media screen and (max-width: 768px) { header .cont2 { width: 100%; height: 200px; padding-bottom: 10px; text-align: center; margin-bottom:10px; } }


header p { color: #fff; font-family: Bold; font-size: 27px; padding: 5px; }
@media screen and (max-width: 768px) { header p { font-size: 24px; line-height: 28px; text-align: center; } }

header a { text-decoration: none; float: right; font-size: 25px; }
@media screen and (max-width: 768px) { header a { text-align: center; float: none; } }



#lf1 { width: 100%; margin: 0 auto; border-top: solid 1px rgba(0, 0, 0, 0.04); border-bottom: solid 1px rgba(0, 0, 0, 0.075); background: url(../images/yellow_bg2.jpg) top right;  }
@media screen and (max-width: 768px) { #lf1 { width: 100%; }}

#lf1 .cont {margin: 0 auto; width: 1150px; padding-top: 40px; padding-bottom: 40px; display: block; }
@media screen and (max-width: 768px) { #lf1 .cont { width: 100%; padding: 10px; }}

#lf1 .cont img { float: left; }
@media screen and (max-width: 768px) { #lf1 .cont img { width: 25%; padding-top: 5px; margin-left: -30px; margin-right: 20px; }}

#lf1 .b { margin-left: 174px; padding: 20px 45px; border-radius: 30px; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05); background: #fff; }
@media screen and (max-width: 768px) { #lf1 .b { margin-left: 20px; float: none; } }

#lf1 .b:after { display: table; content: ''; clear: both; }

#lf1 .b h1 { margin-right: 24px; font-family: ExtraBold; font-size: 38px; line-height: 40px; letter-spacing: .125px; }
@media screen and (max-width: 768px) { #lf1 .b h1 { font-size: 32px; line-height: 33px; letter-spacing: .125px;  width: 100%; } }

#lf1 .b h2 { display: inline-block; font-family: Bold; font-size: 19px; text-transform: uppercase; line-height: 35px; }
@media screen and (max-width: 768px) { #lf1 .b h2 { font-size: 16px; line-height: 18px; } }

#lf1 .b div { float: left; margin-top: -142px; margin-right: 5px; }
@media screen and (max-width: 768px) { #lf1 .b div { margin: 5px 35px; width:80%; height: auto; } }

#lf1 .b div p { width: 230px; padding: 6px 0 0 2px; font-size: 15px; line-height: 20px; }
@media screen and (max-width: 768px) { #lf1 .b div p { font-size: 17px; padding: 5px; text-align: center; width: 100%; } }

@media screen and (max-width: 768px) { #lf1 .b div img { display: block; float: none; width: 100%; margin: 0; } }

#lf1 a { display:inline-block; border-radius: 5px; background-color:#fff; width:150px; height: 40px;}
@media screen and (max-width: 768px) { #lf1 a { margin-top:10px; } }

#lf1 h1 a { color: #FF0000; }



#lf2 .cont { padding: 20px; width: 100%;  background: -webkit-gradient(linear, left top, left bottom, from(#fcff00), to(#ffc000)); background: -moz-linear-gradient(top, #fcff00, #ffc000); background: -o-linear-gradient(top, #fcff00, #ffc000); text-align: center; }

#lf2 .cont img { display: inline-block; }
@media screen and (max-width: 768px) { #lf2 .cont img { padding: 2px; }}



#lf3 { width: 100%; height: auto; border-top: solid 1px rgba(0, 0, 0, 0.04); border-bottom: solid 1px rgba(0, 0, 0, 0.075);  }
@media screen and (max-width: 768px) { #lf3 { width: 100%; background: url(../images/top_bg.jpg) center top no-repeat; }}

#lf3 .cont {margin: 0 auto; width: 100%; height: auto; padding-top: 40px; padding-bottom: 40px; display: inline-block; text-align: center; }
@media screen and (max-width: 768px) { #lf3 .cont { width: 100%; padding: 10px; }}

#lf3 h1 { font-family: ExtraBold; font-size: 35px; text-align: center; }

#lf3 h2 { font-family: Bold; font-size: 25px; text-align: center; }

#lf3 .cont img { margin: 0 auto; }
@media screen and (max-width: 768px) { #lf3 .cont img { width: 100%; padding: 10px; }}


/*-------------------------Coding for Technician Pages-------------------*/
#main1 { width: 600px; margin: 0 auto; background-image: url(../images/bg-02.jpg);  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 768px) { #main1 { width: 100%; } }

#main1 h1 { font-family: bold; font-size: 36px; margin: 0 auto; text-align: center; color: purple; }

#main1 h2 { font-family: bold; font-size: 26px; margin: 0 auto; text-align: center; color: purple; }

#main1 p.title { background-color: yellow;  font-family: Bold; font-size: 22px; text-align: center; width: 100%; padding: 20px; color: purple; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); }

#main1 p { font-family: Regular; font-size: 17px; text-align: center; line-height: 23px; padding: 5px; }

#main1 p.bold { font-family: Bold; font-size: 18px; text-align: center; color: purple; }

#main1 .checkmark::before { content: "\2713"; color: green;  font-size: 30px; }

#main1 img { display: block; margin: 0 auto; }
@media screen and (max-width: 768px) { #main1 img { width: 80%; } }

#main1 hr { height:1px; width:100%; border-top:6px solid #F00 }

#imgA { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
@media screen and (max-width: 768px) { #imgA{ margin: 10px 0; width: 100%;  height: auto; float:none;} }

@media screen and (max-width: 768px) { .nc-inner2 img { width:40%; } }


.cr { clear: both; }