﻿html, body { height: 100%; }
body { margin: 0px auto; margin: 0 auto; font-family: Lato, sans-serif; font-size: 14px; line-height: 125%; color: #000;min-width:320px; -webkit-text-size-adjust: 100%;}

body *{box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 { margin-top: 35px; margin-bottom: 20px; }
h1 { font-size: 175%; line-height: 150%; }
h2 { font-size: 143.75%; line-height: 140%; }
h3 { font-size: 125%; line-height: 130%;  }
h4 { font-size: 100%; line-height: 120%; }
h5 { font-size: 87.5%; line-height: 110%; }
h6 { font-size: 75%; line-height: 100%; }

a { color: #0072ca; transition: all 0.25s; text-decoration: none; }
a:visited{text-decoration:none;color:#9900CC;}
a:hover { color: #0163af; transition: all 0.25s;  }
.content a {  padding-bottom: 1px; margin-bottom: -1px; border-bottom: 1px solid transparent; }
.content a:hover { border-bottom: 1px solid #0163af; }

ul, ol { padding: 0; margin: 0; }
.content ul, .content ol { padding: 0 0 0 30px; margin: 0 0 20px; }
.content ul > li, .content ol > li { margin-top:5px;margin-bottom:10px; }

img {display:block;}

table { table-layout: fixed; border-collapse: collapse; }
table tr { }
table tr td { padding: 20px 20px; border: 1px solid #fff; background-color: #f3f3f3; }
table tr th { padding: 20px 20px; border: 1px solid #fff; background-color: #c2d6e6; }
.content table { margin-bottom:20px; }

.form-grp { margin-bottom: 15px; }
.form-grp > * { width: 98%; }
.form-grp.two-col { }
.form-grp.two-col > * { width: 48%; }
.form-grp.two-col > *:first-child { margin-right: 10px; }

input[type="text"], input[type="search"],
textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: 1px solid #bababa; padding: 15px 15px; border-radius: 5px; font-family: "Lato", sans-serif; font-size: 100%; background-color: #fff; }
select { padding: 14px 50px 14px 15px; background-image: url("../image/select-down.png"); background-position: 95% center; background-repeat: no-repeat; }
textarea { resize: vertical; min-height: 200px; }

iframe { max-width: 100%; margin-bottom: 20px; height: auto; min-height: 400px; }
 
a.btn,
input[type="button"],
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-weight: 700; display: inline-block; border: 2px solid #0072ca; padding: 15px 50px; transition: all 0.25s; background-color: #fff; font-family: "Lato", sans-serif; color: #0072ca; }
a.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #0072ca; color: #fff; transition: all 0.25s;border: 2px solid #0072ca; }

.radio-grp { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio-grp input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radiobtn { position: absolute; top: 4px; left: 0; height: 13px; width: 13px; border: 1px solid #bababa; border-radius: 50%; }
.radio-grp:hover input ~ .radiobtn { background-color: #ccc; }
.radio-grp input:checked ~ .radiobtn { }
.radiobtn:after { content: ""; position: absolute; display: none; }
.radio-grp input:checked ~ .radiobtn:after { display: block; }
.radio-grp .radiobtn:after { top: 2px; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: #0072ca; }

.check-grp { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check-grp input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 4px; left: 0; height: 13px; width: 13px; border: 1px solid #bababa; }
.check-grp:hover input ~ .checkmark { background-color: #ccc; }
.check-grp input:checked ~ .checkmark { }
.checkmark:after { content: ""; position: absolute; display: none; }
.check-grp input:checked ~ .checkmark:after { display: block; }
.check-grp .checkmark:after { left: 3px; top: 0px; width: 3px; height: 7px; border: solid #0072ca; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

input[type=text]::-ms-clear { display: none; width: 0; height: 0; }
input[type=text]::-ms-reveal { display: none; width: 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/*Style for Ask Jamie (VA)*/

a.ask_cheryl_minimized_tab {
	bottom: 30% !important;
	top: 70% !important;
}

textarea.chat_textarea { min-height: auto;}
/*End of Ask Jamie (VA) */



.top + .overlay{position:fixed;top:0;right:0;left:0;bottom:0;z-index:4;background-color:#000;opacity:0.6;display:none;}
.top + .overlay.active{ display:block;}

.scrollWrap {
    position: fixed;
    bottom: 25px;
    left: 0;
    max-width: 1440px;
    margin: auto;
    right: 0;
    padding: 0px 25px;
    z-index: 10;
    pointer-events: none;
    width: 100%;
}
.scrollBtn{
    pointer-events: all;
    width: 40px;
    padding: 8px;
    text-align: center;
    background-color: #ededed;
    border: 0px none;
    left: 5%;
    color: #717171;
    font-size: 12px;
    line-height: 95%;
    margin: auto;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
    border-radius: 1px;
    opacity: 0;
}
	.scrollBtn:hover{background-color: #fff; color:#717171; transition: all 0.25s;}
.scrollBtn:before{    content: "";
       content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #717171;
    display: inline-block;
    margin: auto auto 2px;
    transition: all 0.25s;}
	.scrollBtn:hover:before{ 
    border-bottom: 7px solid #717171;transition: all 0.25s;}

    /** Image initial width ***/
    img.wInit { width:initial !important;}
    /** responsive horizontal scrolling ***/
    .resCont {width:100%; overflow:hidden;}
    .resCont .cnt{overflow:auto;}

/*for scaling 110% and above*/
@media (-webkit-min-device-pixel-ratio: 1.1)  {


}

/*screen up till 640*/
@media screen and (max-width: 640px) {
	iframe {  min-height: 350px; }
}

/*screen up till 512*/
@media screen and (max-width: 512px) {
	iframe {  min-height: 300px; }
}

/*screen up till 480*/
@media screen and (max-width: 480px) {
  .form-grp.two-col > * { width: 100%; margin-right: 0; margin-top: 15px; }
  .form-grp.two-col > *:first-child { margin-top: 0px; }
  .form-grp > *  { width:100%;}
  iframe {  min-height: 250px; }
  @media (-webkit-min-device-pixel-ratio: 1.1)  {
  
  }
}


/*screen up till 372*/
@media screen and (max-width: 372px) {
	iframe {  min-height: 200px; }
}






