@charset "utf-8";
/* Base reset by 007css.com */
/* Fonts
--------------------------------------------------------------*/   
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900);
@import url(forms.css);

/* CSS Reset / Globals
--------------------------------------------------------------*/   
* { margin: 0; padding: 0; outline: 0; }
ul, li { list-style: none; }
a:active { background: inherit; opacity: .85; filter: alpha(opacity=85); -ms-filter: "alpha(opacity=85)"; -khtml-opacity: .85; -moz-opacity: .85; }
.desktop a:hover { text-decoration: underline; }
.desktop a.cbtn:hover, .desktop a.circ:hover { text-decoration: none; }
/*.sbtn:active { opacity: .85; filter: alpha(opacity=85); -ms-filter: "alpha(opacity=85)"; -khtml-opacity: .85; -moz-opacity: .85; }*/
a, input[type=submit], input[type=button], input[type=radio], input[type=checkbox], .circ { -webkit-tap-highlight-color: rgba(233, 233, 233, 0); }
::selection { background: rgba(229,77,66,0.8); color: #fff; }
::-moz-selection {
background: rgba(229,77,66,0.8);
color: #fff;
}
a img, fieldset { border: 0; }
img { display: block; }
input[type="submit"] { cursor: pointer; -webkit-appearance: button; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
p { padding: 0 0 1.35em 0; }
address { font-style: normal; }
body, html { font-size: 10px; min-width: 320px; }
body { font-family: "Roboto", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-smooth: always; /*text-rendering: optimizeLegibility !important;*/ -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: none; /*opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;*/ background: #f5f5f5; color: rgba(0,0,0,0.78); font-size: 10px; }
@media all and (max-width: 640px) {
body.noscroll, html.noscroll { position: fixed; overflow: hidden; width: 100%; }
}
.clr { height: 0; font-size: 0; line-height: 0; clear: both; }
* html .clrd { height: 1%; overflow: visible; }
*+html .clrd { min-height: 1%; }
.clrd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clrL { clear: left; }
.clrB { clear: both; }
sup { display: none; }
select { display: block; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-smooth: always; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-font-smoothing: antialiased !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/main_sel_drop.png) no-repeat; }
select::-ms-expand {
 display: none;
}
@-moz-document url-prefix() {
 select {
-moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
}
}
form { padding-right: 0.4px; }
/* Selects and input sizes and font
--------------------------------------------------------------*/   

/*select { line-height: 1.5em;  height: 1.5em; }*/
input[type=text], input[type=password], input[name=shippingPostcode], input[name=email], textarea, .inTxt { -moz-osx-font-smoothing: grayscale; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding-box; background-clip: padding-box!important; }
.textarea { -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; transition-property: all; transition-duration: 150ms; transition-timing-function: linear; display: block; }
textarea { overflow-y: auto; overflow-x: hidden; display: block; width: 100%!important; height: 7.1em; }
.textarea textarea { width: 100%; max-width: 100%!important; }
/*selects wrapper*/
/*checkbox*/
.chk { text-align: center; position: relative; top: 0; overflow: hidden; vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display:inline;
}
.rad { position: relative; overflow: hidden; vertical-align: top; display: -moz-inline-stack; display: inline-block; zoom: 1; *display:inline;
}
.chk input, .rad input { display: block; position: absolute; left: 0px; top: 0px; margin-right: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; font-size: 60px; width: 100%; height: 100%; cursor: pointer; z-index: 20; }
.chk span, .rad span { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; -webkit-transition-property: all; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: all; -moz-transition-duration: 150ms; -moz-transition-timing-function: ease-in-out; transition-property: all; transition-duration: 150ms; transition-timing-function: ease-in-out; width: 3.9rem; height: 3.9rem; display: block; }
.rad span { position: relative; }
.checked span { opacity: 1!important; filter: alpha(opacity=100)!important; -ms-filter: "alpha(opacity=100)"!important; -khtml-opacity: 1!important; -moz-opacity: 1!important; }
/*transitions handling */
a, .sbtn { -webkit-transition-property: transform, color, position, opacity, text-shadow, background-color, box-shadow; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: linear; -moz-transition-property: transform, color, position, opacity, text-shadow, background-color, box-shadow; -moz-transition-duration: 150ms; -moz-transition-timing-function: linear; transition-property: transform, color, position, opacity, text-shadow, background-color, box-shadow; transition-duration: 150ms; transition-timing-function: linear; text-decoration: none; -webkit-background-clip: padding-box; background-clip: padding-box!important; }
.sbtn { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display:inline;
}
.sbtn input { position: absolute; z-index: 1; width: 100%!important; height: 100%!important; padding: 0!important; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; cursor: pointer; }
.notrans * { -webkit-transition-property: none!important; -moz-transition-property: none!important; transition-property: none!important; }
.accel3d, input { -moz-transform: scale3d(1, 1, 1); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: scale3d(1, 1, 1); -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }
.bordBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}
.circ { -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 665px!important; -moz-border-radius: 665px!important; border-radius: 665px!important; }
.noMar { margin: 0!important; }
.noPad { padding: 0!important; }
.noBord { border: 0!important; }
.actr { text-align: center; display: block; }
.ita { font-style: italic; }
.inlB { display: -moz-inline-stack; display: inline-block; zoom: 1; *display:inline;
vertical-align: top; }
.bgCvr { background-size: cover!important; background-repeat: no-repeat!important; }
.smB { font-weight: 600; }
strong { font-weight: 700; }
.ctr { padding: 0 15px; margin: 0 auto; max-width: 1024px; }
.body { min-width: 960px; }
.c1, a.c1 { color: #cc0000;}
.c2, a.c2 { color: #1565c0;}
.btn1 { background: #06cdb6; color: #fff; line-height: 60px; display: block; font-size: 20px; text-align: center; }
#mainHeader { background: #3137bb;  }
#mainHeader .mainLogo { display: block;  white-space: nowrap; height: 104px; width: 7em; margin: 0 auto; line-height: 104px; font-size: 50px;  color: #fff; text-align:  center; }
#mainHeader .mainLogo span { color: #06cdb6;  }
#mainCont { font-size: 16px; line-height: 24px; }
#mainTabWrp { position: relative; }
#mainCont .tabCont { padding: 45px 0 0 0; }
.tabCont p { padding-bottom: 27px; }
#mainCont .tab { width: 100%; }
#tab1 { text-align: center; }
#mainIcons { padding: 0 0 42px 0; display: flex; justify-content: space-between; max-width: 560px; margin: 0 auto; }
#mainIcons li { display: block; max-width: 18%; text-align: center; margin: 0 auto;  }
#mainIcons li img { max-width: 100%!important; height: auto!important; margin: 0 auto; }
#mainContact { padding: 0 0 50px 0;  display: flex; justify-content: center; align-items: center;  }
#mainCont .tabCont #mainContact p { display: block; float: left; width: 196px; padding: 0; margin-right: 20px; }
#mainCont .tabCont #mainContact p:last-child { margin-right: 0; }
#mainContact p .title { display: block; background: #2a2d9e; color: rgba(255,255,255,0.87); font-size: 13px; line-height: 23px; font-weight: 700; padding-top: 1px; }
#mainContact p .dtls { line-height: 44px; color: rgba(255,255,255,0.87); background: #3137bb; display: block; font-weight: 700; font-size: 16px; text-decoration: none; }
#mainBtmCont { background: #fff url(../images/main_btm_support_bg.jpg) no-repeat right center; background-size: cover; color: #000; font-size: 18px; line-height: 24px; font-weight: 300; }
#mainBtmCont .ctr .title { display: block; font-weight: 900; font-size: 30px; line-height: 1.2em; text-transform: uppercase; padding: 0 0 20px 0; }
#mainBtmCont .ctr .wrp { display: block; max-width: 558px; padding: 193px 0 157px 0; }
#mainBtmCont .ctr .wrp p:last-child { padding-bottom: 0;  }
#tab2 .tabCont .title { font-size: 30px; line-height: 34px; color: #000; display: block; padding-bottom: 15px; }
#tab2 .tabCont .topMsg { padding-bottom: 23px; }
#tab2 .tabCont .formWrp { max-width: 600px; margin: 0 auto; padding-bottom: 75px; }
#tab2 .tabCont .formWrp  p { padding: 0px 0px 10px 0; }
#tab2 .tabCont .formWrp .sent p { padding: 20px 0 0 0; }
#tab2 .tabCont .formWrp .sent p a { color: #3137bb; }
@media all and (max-width: 576px) {
#mainHeader .mainLogo { font-size: 8.68vw; line-height: 2.08em; height: 2.08em; } 
#mainContact p .title { font-size: 12px; }
#mainContact p .dtls { font-sizr: 15px; line-height: 42px; }
#mainBtmCont .ctr { background: rgba(255,255,255,0.35);}
#mainBtmCont .ctr .wrp { padding: 60px 0 60px 0; }
#mainBtmCont .ctr .title { font-size: 22px; }
}