Div{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0} img{border:0} body{ margin:0;   -webkit-animation-duration: 0.1s;    -webkit-animation-name: fontfix;    -webkit-animation-iteration-count: 1;    -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s;  font-family: 'Work Sans', sans-serif; font-size: 18px; line-height: 1.75; letter-spacing : .01rem}

#darla{width: 600px;  margin: auto; overflow-x:hidden}  a {border-bottom: 1px dotted #AAA;color: #336699;text-decoration:none}#m a:hover{color: red}

#faqs dt { cursor: pointer; border:1px #B5B3A8 dotted;   padding: 20px; color: #336699;   margin-bottom: 35px} #faqs dt:hover {background-color: antiquewhite}
#faqs dt:after { content:"+"; color:#336699; margin-left: 10px; font-weight: bold;  font-size: 20px}#faqs dd { border-top: 0px; margin:auto;  margin-left: 0px; margin-top: -35px}
#faqs dt.expanded { border: none; background-color: antiquewhite; color:black}#faqs dt.expanded:after  {content:"-"; color:#336699; margin-left: 10px; font-weight: bold; font-size: 20px}.inner { font-weight:bold;	border: none!important} .inner:hover{	background-color: cornsilk!important}
#faqs dt.expanded.inner {  background-color: cornsilk; color:black; font-weight:bold} 


#curves {width: 100%; margin-bottom: 35px; display: table} 
.c1 {float:left; width: 245px; margin:  0 0 0 20px}
.c2 {	float:right; width: 327px} .c2 ul {list-style-type: none}
@media (min-width: 571px) and (max-width: 602px) { #curves {width: 100%}  .c1 {margin:  0 } .c2 {width: 51%; }  }
@media (min-width: 400px) and (max-width: 570px) { #curves {width: 400px; margin:auto}  .c1 {width: 175px;margin:  0 } .c2 {width: 160px; margin: -59px 60px 0 0}    }
@media (min-width: 349px) and (max-width: 399px) { #curves {width: 350px; margin:auto}  .c1 {width: 175px;margin:  0 } .c2 {width: 140px; margin: -59px 30px 0 0}    }
@media screen and (max-width: 570px) { .dia {width: 175px; height: 357px} .c2 { font-size: 16px; line-height: 1.5 } .fa {	margin: 18px 0 -21px -39px!important}  .bf {	margin: 32px 0 -45px -39px!important}  .bb {	margin: 63px 0 -53px -38px!important}  } 
@media screen and (max-width: 348px) {   #curves {display: none}  } 
@media screen and (min-width: 349px) {   #area {display: none}  } 

#mass {width: 100%; margin-bottom: 35px; display: table} .ma1 {float:left; width: 330px; margin:  0 0 0 20px}.ma2 {	float:right; width: 249px} .ma2 ul {list-style-type: none}
@media screen and (max-width: 660px) {   #mass {display: none}  } @media screen and (min-width: 661px) {   #marea {display: none}  } 

blockquote { color: darkgrey!important;  font-size: 18px; max-width: 550px;margin: 20px 0 20px 0;padding: 0.25em 40px; position: relative;color: #383838}blockquote:before {display: block;content: "\201C";font-size: 60px;position: absolute;left: 5px;top: -20px;color: #999999}blockquote cite {color: #999999;font-size: 16px;display: block;margin-top: 5px}blockquote cite:before {content: "\2014 \2009"}
.addthis_jumbo_share{ margin: auto; width: 340px; margin-bottom: 20px}

.yt {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px; height: 0; overflow: hidden}.yt iframe,.yt object,.yt embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%}

h1, .tka, .tkb {font-family: 'Roboto', sans-serif}  h1 {text-align:center;font-size: 55px; margin-top: 20px} .tka {font-size: 30px} .tkb {font-size: 45px}  .z-one li {PADDING-BOTTOM: 30px}

.e { color: #666;    font-size: 16px;    font-weight: normal;    margin: -20px 0 25px 20px}
.smt {	font-size: 16px; text-align:center;} 

@media screen and (min-width:825px) { .tap{display: none} }@media screen and (max-width:824px) { .click{display: none} }

@media screen and (max-width: 602px) { #darla {width: 100%; padding: 0 5% 0 5%} h1 {font-size: 40px} .faq {	display:none} a {border-bottom: 0px dotted #AAA;color: #336699;text-decoration:none} .z-one li a {border-bottom:0px dotted #AAA !important}} 


@media screen and (max-width: 342px) {  h1 {font-size: 32px} #faqs dt { font-size: 16px}} 

@media screen and (max-width:1025px) { img{max-width:100%; height:auto} }

#adrian {width: 100%; text-align:center; font-size: 18px;  margin-top: 50px} 
#end {width: 100%; margin-top: 100px; text-align:center; font: 13px/19px  arial; line-height: 28px}
@media screen and (max-width: 500px) {  

#adrian {font-size: 16px} 
#end {font: 12px/19px  arial}


}