/* MISC */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,900');
@font-face { font-family:"UnitedSansBd"; src: url("/fonts/unitedsansrgbd.eot"); src: url("/fonts/unitedsansrgbd.ttf") format("truetype"), url("/fonts/unitedsansrgbd.woff") format("woff"), url("/fonts/unitedsansrgbd.otf") format("opentype"), url("/fonts/unitedsansrgbd.svg#filename") format("svg"); }
html, body { font-family:'Nunito Sans', sans-serif; font-size:14pt; color:#414042; overflow-x:hidden; }
.textbox { color:#333; border:1px solid #888; font-size:14pt; padding:5px; }
.clear { clear:both; }
.clear_pad { clear:both; height:5px; }
.submit { text-align:center; color:#ffffff !important; padding:5px 10px; background-color:rgba(214, 40, 65, 1.0); font-size:14pt !important; cursor:pointer; border:0px; }
.submit_sm { text-align:center; color:#ffffff !important; padding:5px; background-color:rgba(214, 40, 65, 1.0); font-size:10pt !important; cursor:pointer; border:0px; }
.submit:hover, .submit_sm:hover { background-color:#2c6f8c; text-decoration:none !important; }
input[type=text], input[type=password], input[type=file], input[type=email], input[type=tel], input[type=number], textarea { width:95%; }
h1 { color:#414042; font-size:2em; font-family:"UnitedSansBd"; }
h2 { color:#414042; font-size:1.5em; font-family:"UnitedSansBd"; }
h3 { color:#414042; font-size:1.1em; font-family:"UnitedSansBd"; }
td { vertical-align:top; }
a, a:hover, a:active, a:visited { text-decoration:none;color:#414042; }
a:hover { color:rgba(214, 40, 65, 1.0); }
.wrong_page { font-family:"UnitedSansBd"; font-size:4em; text-align:center; }
ol, ul { list-style:disc outside; padding:0 0 0 15px; margin:0 0 0 15px; }
.transition { transition:ease all .3s; -moz-transition:ease all .3s; -webkit-transition:ease all .3s; -o-transition:ease all .3s; }
input[type=checkbox] { height:20px; width:20px; }
input[type=checkbox]:checked:after { background-color:#cf202e; content:''; display:block; position:relative; width:13px; height:13px; top:3px; left:3px; }
*:focus { outline:none !important; }
.white_bg { background-color:#fff; }
.offwhite_bg { background-color:#fafafa; }
.bold { font-weight:bold; }

/* BANNER */
section.banner_section { height:740px; position:relative; overflow:hidden; }
section .banner_area { height:100%; margin:20px 0; }
section .banner_area img { object-fit:cover; object-position:left top; height:100%; width:100%; }
section .banner_area .in_slide_content { position:absolute; z-index:20; top:30%; max-width:600px; margin:0 0 0 52%; }
section .banner_area .in_slide_content h1 { font-weight:bold; font-size:80px; color:#fff; font-family:UnitedSansBd; text-transform:uppercase; }
section .banner_area .in_slide_content p.text { width:500px; font-size:24px; line-height:32px; color:#fff; margin:0 0 1rem 4rem; font-family:'Nunito Sans', sans-serif; padding-left:1rem; border-left:solid 2px #fff; }
section .banner_area .in_slide_content p.link { height:43px; cursor:pointer; align-items:center; width:400px; font-size:14px; font-weight:bold; letter-spacing:1px; color:#fff; margin:20px 0 0 85px; font-family:'Nunito Sans', sans-serif; }
section .banner_area .in_slide_content .link_icon { margin:-10px 0 0 10px; cursor:pointer; position:absolute; z-index:4; display:inline-block; height:30px; width:30px; background:url("/images/arrow-icon.png") no-repeat right center; }
section .banner_area .in_slide_content p.link > a { display:inline-block; color:#fff; }
.mc-hide-scrolls { overflow:hidden; }
.mc-cycle { height:700px !important; left:0; top:0; width:100%; }
div.mc-image { -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; /*If you are using horizontal slide transitions, use the following CSS: -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out;*/ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:left center !important;	background-repeat:no-repeat; height:700px !important; }
section .banner_overlay { height:740px; width:100%; mix-blend-mode:multiply; top:-20px; right:-54%; position:absolute; z-index:10; -ms-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); transform:skewX(-20deg); background-color:rgba(214, 40, 65, 1.0); }
/* DOTS FOR BANNER NAV */
section #pager { position:absolute; z-index:15; bottom:100px; margin:0 0 0 57%;  }
section #pager a { display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:14px; height:14px; background-color:transparent; border:1px solid #fff; cursor:pointer; margin:0 6px; }
section #pager a.activeSlide { background:#fff; }
/* SM BANNER */
section.sm_banner_section { position:relative; max-height:470px; overflow:hidden; }
section .sm_banner_overlay { height:100%; width:100%; mix-blend-mode:multiply; top:0; right:-54%; position:absolute; z-index:1; -ms-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); transform:skewX(-20deg); background-color:rgba(214, 40, 65, 1.0); }
section .sm_banner_area { height:430px; margin:20px 0; background-repeat:no-repeat; background-size:cover; background-position:left center; position:relative; }
section .sm_in_slide_content { position:absolute; z-index:2; top:50%; max-width:45%; left:65%; transform:translate(-35%, -50%); -ms-transform:translate(-35%, -50%); -webkit-transform:translate(-35%, -50%); }
section .sm_in_slide_content h1 { font-weight:bold; font-size:80px; color:#fff; font-family:UnitedSansBd; text-transform:uppercase; letter-spacing:2px; }
section .sm_in_slide_content_text { width:500px; text-align:left; font-size:24px; text-transform:uppercase; line-height:32px; color:#fff; margin:0 0 1rem 4rem; font-family:'Nunito Sans', sans-serif; padding-left:1rem; border-left:solid 2px #fff; }
/* IE SPECIFIC OVERLAY STUFF */
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
	section .sm_banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section .banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_related .item_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_area_articles .article_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.home_latest .home_latest_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
} /* IE10+ CSS */
@supports (-ms-accelerator:true) {
	section .sm_banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section .banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_related .item_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_area_articles .article_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.home_latest .home_latest_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
} /* IE Edge 12+ CSS */
@supports (-ms-ime-align:auto) {
	section .sm_banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section .banner_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_related .item_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.advice_area_articles .article_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
	section.home_latest .home_latest_overlay { background-color:rgba(214, 40, 65, 0.8) !important; }
} /* IE Edge 16+ CSS */

/* BREADCRUMBS/CONTENT */
section.breadcrumb_area { width:1270px; margin:20px auto; }
section.breadcrumb_area a { font-weight:normal; line-height:1.5; font-size:20px; }
section.breadcrumb_area a:hover { text-decoration:underline; color:rgba(214, 40, 65, 1.0); }
section .padded_area { padding:15px; }
section .page_content_area { width:100%; margin:0 auto; }
section .page_content_text { padding:15px; line-height:1.5; font-size:20px; }

/* FORM SECTION */
.form_text { font-size:14pt; }
.login_form_left { float:left; width:40%; text-align:right; padding:7px 5px 0px 0px; }
.login_form_right { float:left; width:55%; text-align:left; padding:0px 0px 0px 5px; }
.login_form_right img { float:left; height:40px; margin:5px 0 0 10px; }
.form_right img { float:left; height:40px; margin:0 0 0 10px; }
.form_left { float:left; width:40%; text-align:right; padding:0 5px 0 0; }
.form_right { float:left; width:55%; text-align:left; padding:0 0 0 5px; }
.form_full { color:#666666; font-size:12pt; text-align:center; line-height:140%; }

/* LINKS */
.header_links a div { float:left; text-align:center; padding:10px 20px 0 0; color:#384043; }
.header_links a div:hover { color:#ffffff; background-color:#27a9e3; }
.item_options a, .item_title a { text-align:center; color:#ffffff !important; padding:5px 10px; background-color:rgba(214, 40, 65, 1.0); border-radius:5px 5px; border:1px solid #cccccc; font-size:7pt; cursor:pointer; }
.item_options a:hover, .item_title a:hover { background-color:#2c6f8c; }

/* NOTIFICATION SECTION */
#error_content_good { position:relative; z-index:110; margin:20px 0 0 0; background-color:#1d5322; color:#fff; font-weight:bold; padding:10px 0; font-size:14pt; text-align:center; border:1px solid #8bf995; border-radius:5px 5px; }
#error_content_bad { position:relative; z-index:110; margin:20px 0 0 0; background-color:#5a1d1d; color:#fff; font-weight:bold; padding:10px 0; font-size:14pt; text-align:center; border:1px solid #f98b8b; border-radius:5px 5px; }
.required { font-weight:bold; color:#ff0000; }

/* HOME SOCIAL CONTENT */
section.home_social_area { max-width:1440px; margin:0 auto 50px auto; display:flex; flex-wrap:wrap; justify-content:center; }
section.home_social_area .home_social_box { width:332px; height:332px; overflow:hidden; border:14px solid #fafafa; position:relative; }
section.home_social_area .home_social_box_nb { width:360px; height:360px; overflow:hidden; position:relative; }
section.home_social_area .home_social_box .icon { position:absolute; z-index:5; right:20px; top:20px; }
section.home_social_area .home_social_img { width:332px; height:332px; position:relative; overflow:hidden; background-size:cover; background-position:center center; transition:ease all .3s; -moz-transition:ease all .3s; -webkit-transition:ease all .3s; -o-transition:ease all .3s; }
section.home_social_area .home_social_info { padding:14px; width:332px; height:332px; position:relative; }
section.home_social_area .home_social_info h2 { font-weight:bold; font-size:2.4em; font-family:UnitedSansBd; margin:100px 0 0 0; }
section.home_social_area .home_social_info .copy { font-size:1.1em; line-height:1.5; margin:20px 0; }
section.home_social_area .home_social_info .icons img { display:inline-block; margin:0 5px 0 0; }
section.home_social_area .home_social_img:hover { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); opacity:.5; }

/* REPAIRS PAGE */
.repair_centers_Area { display:flex; flex-wrap:wrap; justify-content:center; }
.repair_center { width:250px; height:160px; margin:20px }

/* GENERAL MEDIA SWITCHES */
@media only screen and (max-width:1458px) {
	section.home_social_area { max-width:1080px; }
}
@media only screen and (max-width:1310px) {
	section.banner_section { margin:180px 0 0 0; }
	section.sm_banner_section { margin:180px 0 0 0; }
}
@media only screen and (max-width:1290px) {
	section.breadcrumb_area { width:100%; }
}
@media only screen and (max-width:1200px) {
	.video_banner_area { height:500px; }
	.mc-cycle, div.mc-image { height:500px !important; }
	section .banner_overlay, section.banner_section { height:540px; }
	section .banner_area .in_slide_content, .in_video_content { top:20%; max-width:400px; margin:0 0 0 55%; }
	section .sm_in_slide_content { max-width:400px; }
	.in_video_content h1 { font-size:60px; }
	section .banner_area .in_slide_content h1, section .sm_in_slide_content h1 { font-size:40px; }
	section .banner_area .in_slide_content p.text { margin:20px 0 20px 40px; font-size:18px; width:350px; }
	#pager { display:block; bottom:10px; right:40px; }
}
@media only screen and (max-width:1100px) {
	section.home_social_area { max-width:720px; }
}
@media only screen and (max-width:992px) {
	.mc-cycle, div.mc-image { height:420px !important;}
	section .banner_overlay, section.banner_section { height:460px; }
	section.banner_section { margin:0 0 0 0; }
	section.sm_banner_section { margin:100px 0 0 0; }
	section .banner_area .in_slide_content { width:100%; margin:0 0 0 20px; }
	section .banner_area .in_slide_content h1 { font-size:36px; text-align:left; }
	section .banner_area .in_slide_content p.text { display:none; }
	section .banner_area .in_slide_content p.link { margin:20px 0 0 20px; }
	section.video_banner_area { height:420px; }
	section.video_banner_area .in_video_content { max-width:500px; top:25%; }
	section.video_banner_area .in_video_content h1 { font-size:36px; }
	section.video_banner_area .in_video_content p.text { font-size:1.1em; padding-left:.5rem; }
	section.video_banner_area .in_video_content p.link { margin:20px 0 0 85px; }
}
@media only screen and (max-width:800px) {
	section .sm_in_slide_content { top:20%; width:90%; max-width:90%; left:0; right:0; margin:0 auto; transform:none; -ms-transform:none; -webkit-transform:none; } }
	section .sm_in_slide_content h1 { font-size:40px; }
	section .sm_in_slide_content_text { width:90%; margin:0 10px; padding:5px; }
}
@media only screen and (max-width:738px) {
	section.sm_in_slide_content { max-width:100%; width:100%; text-align:center; margin:0 auto; }
	section.home_social_area { max-width:360px; }
}