* {margin:0; padding:0; font-family:arial,helvetica neue,sans-serif; font-size:1em; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0; }
table {border-collapse:collapse; border-spacing:0; }
fieldset, img {border:0; }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal; }
ol, ul {list-style:none; }
caption, th {text-align:left; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; }
q:before, q:after {content:''; }
abbr, acronym {border:0; 	font-variant:normal; }
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top; }
sub {vertical-align:text-bottom; }
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit; }
select{border-radius:0!important }
/*to enable resizing for IE*/
input, textarea, select {*font-size:100%; }
/*because legend doesn't inherit in IE */
legend {color:#000; }
.clearfloats {clear:both; }

body {margin:0 auto; padding:0; height:100%; position:relative; width:100%; background:#fff; }

/*================BASE TEMPLATE @ 1200+===================*/
/* PUT EXISTING CSS HERE */

/* HEADER */
#header {width:1200px; margin:0 auto; text-align:center; padding:9px 0 0 0;}
.headerimage {border-bottom:1px solid #000; padding-bottom:4px;}
.headerimage img {margin:0 100px;}
.headerimageMobile{display:none;}
.headerimageMobile {border-bottom:1px solid #004282; padding-bottom:4px;}
/* MAIN CONTENT */
#main {width:1200px; margin:0 auto 36px auto; text-align:center; overflow:hidden;}
#mainInner {width:1200px; margin:40px auto; text-align:center; overflow:hidden;}
#mainColumn1, #mainColumn2 {float:right; position:relative; margin-bottom:-1000px; padding-bottom:1000px; }
#mainColumn1 {text-align:center; width:500px; margin-top: 38px;}
#mainColumn2 {text-align:right; width:509px; margin-right:89px; margin-top:80px; }
#mainColumn1 img {height:100%; width:auto; }
#mainColumn1 .tick{font-size:180%; font-weight:bold;background-image: url('../images/tick.png');background-repeat:no-repeat;background-position:54% -9%;height:300px;padding-top:11px;}
#mainColumn1 .tick .tailoringText {padding-top: 87px; width:60%;}
#mainColumn1 .tick .tailoringText p {min-width:401px; margin-top:8px;}
#mainColumn1 .tick .tailoringText p.line2 {text-align:left; padding-left:28.5%;}
#mainColumn1 .tick .tailoringText span.twenty {font-size:188%; font-weight:bold;line-height: 0.8;letter-spacing:0.4px; letter-spacing: -1.5px;}
#mainColumn1 .tick .tailoringText span.smaller, #mainColumn1 .tick .tailoringText p.smaller {color:#000; font-size:60%; font-weight:normal;}
#textContent {padding:0 15%; font-size:80%;}
#textContent h1 {font-size:120%; margin-bottom:25px;}
#textContent h1.terms {margin-bottom:0;}
#textContent h2, #textContent p, #textContent ol {text-align: left;}
#textContent h2 {font-weight:bold;}
#textContent p {margin-bottom:5px;}
#textContent p.doubleSpace {margin-top:10px;}
#textContent p.center {text-align:center;}
#textContent a {color:#000; text-decoration:none;}
#textContent a:hover {text-decoration:underline;}
#textContent ol {list-style-position: outside;}
#textContent ol.level1 {list-style-type: lower-roman;padding-left:25px;}
#textContent ol.level2 {list-style-type: lower-alpha;padding-left:16px;}
#textContent ol.level1 li {margin-bottom:3px;padding-left:5px; }
#textContent ol.level2 li {padding-left:5px;}
.headline {float:right; width:570px; line-height:13px; margin:14px 0; color:#000;}
.headline p {font-size:125%; padding-right:10px;}
.subline {color:#19AFED;}
.subline p {font-size:110%; margin:9px 0; padding-right:10px;}
/* FOOTER */
#footer {clear:both; width:1200px; margin:0 auto;text-align:center; padding:20px 0 20px 0;}
#footer p {color:#000;font-size:95%; line-height:150%;}
#footer div.footerCompany {margin:31px auto 0 auto; font-size:13px;}
#footer div.footerCompany p{line-height:130%;margin-bottom:5px;}
#footer div.footerLink .linkText{font-size:98%;display:block;margin:0 auto;}
#footer div.footerLink .linkText:hover{text-decoration:none;color:#000;letter-spacing: 0.7px;}
#footer div.footerLink a{color:#000;letter-spacing:0.4px;}
#footer div.footerLink a:link, #footer p.footerLink a:visited {text-decoration:none;}
#footer div.footerLink a:hover, #footer p.footerLink a:active {text-decoration:underline;} 
#footer div.footerLink {width:300px;margin:-24px auto 30px;}
#footer div.footerLink a{-moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background: #19AFED; border-radius: 40px; border: 0; color: #fff; cursor: pointer; display: inline-block; padding: 12px 10px; text-align: center; text-decoration: none; /*font-size: 1.4em;*/ /*font-weight: 600;*/ width:195px; border:1px #19AFED solid;}
#footer div.footerLink a:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {background-color:#E8F7FE; color:#000;border:1px #000 solid;}
input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, .button.fit {width: 100%;}
input[type="submit"].small, input[type="reset"].small, input[type="button"].small, .button.small {font-size: 0.8em;}
#footer .footerLeft {float:left;height:35px;margin-left:100px; width:150px; margin-top:-39px;background-image: url('../images/footerPageslink.png');background-repeat:no-repeat;font-size:0;}
#footer .footerRight {float:right;height:35px;margin-right:93px; margin-top:-39px;font-size:0;}
#footer .footerLinks {color:#000;text-align: left;font-size: 0;}
#footer .footerLinks a {text-decoration:none; color:#000;}
#footer .footerLinks a:hover {text-decoration:underline; color:#000;}
#footer .homeLink, #footer .legalLink, #footer .termsLink {display:inline-block;font-size:12px;width:39px;height:25px;padding-top: 10px;text-align:center;}
#footer .homeLink {margin-right:0;}
#footer .legalLink {}
#footer .termsLink {}
#footer img.link-Pages{height:35px;}
#footer img.link-YDNP{height:50px;width:auto;}
#footer .ydnpImage{height:50px;margin-left:128px;position:relative; bottom:46px; }
#footer img.link-LinkedIn{height:35px;}
#footer img.link-Monkey{height:35px;margin-right: 10px;}
#footer .ydnpSmall {display:none;}

/*=========RESPONSIVE SECTION========================================================================================*/
/*********************************************************************************************************************/

/*=========SMALL DESKTOP, LANDSCAPE TABLETS @ 1024 - 1199==========*/
@media all and (min-width: 1024px) and (max-width: 1199px) {

/* HEADER */

#header  {width:1024px; padding:15px 0 30px 0;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 14px 4px;}
.headerimageMobile img {margin:0}
.headerimageMobile .mobileLogo {float:left;}
.headerimageMobile img{height:52px;}
.headerimageMobile .mobileTitle {float:right;margin-top:-1px;}

/* MAIN CONTENT */
#main {width:1024px; margin: 40px auto;}
#mainColumn2 {width:430px; margin-right:40px;margin-top:20px;}
#mainColumn1 {width:500px; margin-top:0;}
#mainColumn1 .tick{background-position:54% 125%;}
#mainColumn1 .tick .tailoringText {padding-top:100px;padding-left:0px;}
#mainInner {width:1024px; margin:0 auto; text-align:center; overflow:hidden;}
/* FOOTER */
#footer div.footerCompany {font-size: 12px;}
#footer .footerLeft {margin-left:52px;}
#footer .footerRight {margin-right:44px;}
#footer {width:1024px; margin: 40px auto;}
#footer div.footerCompany p{margin-bottom:4px;}
#footer div.footerCompany {margin:27px auto 0 auto;}
#footer img.link-YDNP{height:45px;width:auto;}
#footer .ydnpImage{height:50px;margin-left:127px;position:relative; bottom:43px;}
}

/*=========SMALL DESKTOP, LANDSCAPE TABLETS @ 768 - 1023==========*/
@media all and (min-width: 768px) and (max-width: 1023px) {
/* HEADER */
#header  {width:768px; padding:15px 0 30px 0;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 14px 4px;}
.headerimageMobile img {margin:0}
.headerimageMobile .mobileLogo {float:left;}
.headerimageMobile img{height:52px;}
.headerimageMobile .mobileTitle {float:right;margin-top:1px;}
/* MAIN CONTENT */
#main {width:768px;margin:0 auto;display:flex;flex-flow:row wrap;}
#mainColumn1 {width:768px; margin-left:0;order: 1;margin-top:0;}
#mainColumn2 {width:768px; margin-right:0;margin-top:20px;order:2;text-align:center;}
#mainColumn1 .tick{background-position:54% 125%;}
#mainColumn1 .tick .tailoringText {width:100%;padding-top:100px;padding-left:11px;}
#mainColumn1 .tick .tailoringText p {min-width: 100%;}
#mainInner {width:768px; margin:0 auto; text-align:center; overflow:hidden;}
#textContent {padding: 0 12%;}

.headline {margin:10px 0;width:100%; line-height:13px;}
.headline p {padding-right:0;}
.subline {margin:7px 0;}
.subline p {padding-right:0;}
/* FOOTER */
#footer {width:768px; margin:25px auto;display:flex;flex-flow:row wrap;justify-items:end;}
#footer p {font-size:85%;}
#footer div.footerLink a {width:131px;}
#footer div.footerLink {width:300px;margin:-30px auto 25px;order:1;}
#footer div.footerLink .linkText{font-size:80%; }
#footer div.footerContacts{width:100%;order:2;}
#footer div.footerCompany {font-size:12px;width:100%;margin:20px auto 0 auto;order:5;}
#footer .footerLeft {margin-left:15px;margin-top:20px;background-size:auto 29px;order:3;width:50%;background-position-x: 14px;}
#footer .footerRight {margin-right:0;margin-left:19px;margin-top:20px;order:4;width:40%;text-align:right;}
#footer .footerLinks {margin-left:14px;}
#footer .homeLink, #footer .legalLink, #footer .termsLink {font-size: 9px;width: 32px;height: 19px;padding-top:9px;}
#footer .ydnpImage{height:50px;margin-left:106px;position:relative; bottom:40px;}
#footer img.link-YDNP{height:45px;/*bottom:25px;*/}
#footer img.link-Monkey {height:29px;}
#footer img.link-LinkedIn{height:29px;}
}

/*=========SMALL TABLETS, PORTRAIT @ 600 - 767==========*/
@media all and (min-width: 600px) and (max-width: 767px) {

/* HEADER */
#header  {width:600px; padding:15px 0 10px 0;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 25px 4px;}
.headerimageMobile img {margin:0}
.headerimageMobile .mobileLogo {float:left;width:10%;}
.headerimageMobile img{height:52px;}
.headerimageMobile .mobileTitle {float:right;margin-top:2px;}
/* MAIN CONTENT */
#main {width:600px;margin:0 auto;display:flex;flex-flow:row wrap;}
#mainColumn1 {width:600px; margin-left:0;order: 1;margin-top:0;}
#mainColumn2 {width:600px; margin-right:0;margin-top:20px;order:2;text-align:center;}
#mainColumn1 .tick{background-position:75% 110%;}
#mainColumn1 .tick .tailoringText {width:100%;padding-top:100px;padding-left:11px;}
#mainColumn1 .tick .tailoringText p {min-width: 100%;}
#mainInner {width:600px; margin:30px auto; text-align:center; overflow:hidden;}
#textContent {padding: 0 10%;}
.headline {margin:10px 0;width:100%; line-height:13px;}
.headline p {padding-right:0;}
.subline {margin:7px 0;}
.subline p {padding-right:0;}
/* FOOTER */
#footer {width:600px; margin:25px auto;display:flex;flex-flow:row wrap;justify-items:end;}
#footer p {font-size:85%;}
#footer div.footerLink a {width:131px;}
#footer div.footerLink {width:300px;margin:-30px auto 25px;order:1;}
#footer div.footerLink .linkText{font-size:80%; }
#footer div.footerContacts{width:100%;order:2;}
#footer div.footerCompany {font-size:12px;width:100%;margin:20px auto 0 auto;order:5;}
#footer .footerLeft {margin-left:15px;margin-top:20px;background-size:auto 29px;order:3;width:50%;background-position-x: 14px;}
#footer .footerRight {margin-right:0;margin-left:19px;margin-top:20px;order:4;width:40%;text-align:right;}
#footer .footerLinks {margin-left:14px;}
#footer .homeLink, #footer .legalLink, #footer .termsLink {font-size: 9px;width: 32px;height: 19px;padding-top:9px;}
#footer .ydnpImage{height:50px;margin-left:106px;position:relative; bottom:37px;}
#footer img.link-YDNP{height:40px;}
#footer img.link-Monkey {height:29px;}
#footer img.link-LinkedIn{height:29px;}
}

/*=========PHONES, LANDSCAPE MODE @ 480 - 599==========*/
@media all and (min-width: 480px) and (max-width: 599px) {
/* HEADER */
#header  {width:480px; padding:15px 0 10px 0;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 25px 4px;}
.headerimageMobile img {margin:0}
.headerimageMobile .mobileLogo {float:left;width:10%;}
.headerimageMobile img{height:44px;}
.headerimageMobile .mobileTitle {float:right;margin-top:2px;}
/* MAIN CONTENT */
#main {width:480px;margin:0 auto;display:flex;flex-flow:row wrap;}
#mainColumn1 {width:480px; margin-left:0;order: 1;margin-top:0;}
#mainColumn2 {width:480px; margin-right:0;margin-top:20px;order:2;text-align:center;}
#mainColumn1 .tick{background-position:115% 95%;background-size:75% auto;}
#mainColumn1 .tick .tailoringText {width:100%;padding-top:100px;padding-left:11px;}
#mainColumn1 .tick .tailoringText p {min-width: 100%;}
#mainInner {width:480px; margin:20px auto; text-align:center; overflow:hidden;}
#textContent {padding: 0 10%;}
.headline {margin:10px 10%;width:80%;line-height:22px;}
.headline p {padding-right:0;font-size:120%;}
.subline {margin:7px 0;}
.subline p {padding-right:0;font-size:105%;}
/* FOOTER */
#footer {width:480px; margin:25px auto;display:flex;flex-flow:row wrap;justify-items:end;}
#footer p {font-size:85%;}
#footer div.footerLink a {width:131px;}
#footer div.footerLink {width:300px;margin:-30px auto 25px;order: 1;}
#footer div.footerLink .linkText{font-size:80%; }
#footer div.footerContacts{width:100%;order:2;}
#footer div.footerCompany {font-size:12px;width:100%;margin:20px auto 0 auto;order:5;}
#footer .footerLeft {margin-left:15px;margin-top:20px;background-size:auto 29px;order:3;width:50%;background-position-x: 14px;}
#footer .footerRight {margin-right:0;margin-left:19px;margin-top:20px;order:4;width:40%;text-align:right;}
#footer .footerLinks {margin-left:14px;}
#footer .homeLink, #footer .legalLink, #footer .termsLink {font-size: 9px;width: 32px;height: 19px;padding-top:9px;}
#footer .ydnpImage{height:50px;margin-left:106px;position:relative; bottom:37px;}
#footer img.link-YDNP{height:40px;}
#footer img.link-Monkey {height:29px;}
#footer img.link-LinkedIn{height:29px;}
}

/*=========PHONES, PROTRAIT MODE @ 300 - 479==========*/
@media all and (min-width: 300px) and (max-width: 479px) {

/* HEADER */
#header  {width:300px; padding:15px 0 10px 0;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 25px 4px;}
.headerimageMobile img {margin:0;}
.headerimageMobile .mobileLogo {float:none;width:17%;margin:0 auto;}
.headerimageMobile img{width:100%;}
.headerimageMobile .mobileTitle {float:none;width:92%;margin:0 auto;}
.headerimageMobile .mobileTitle img {margin-top:10px;}
/* MAIN CONTENT */
#main {width:300px; margin:0 auto;display:flex;flex-flow:row wrap;}
#mainColumn1, #mainColumn2 {float: none;}
#mainColumn1 {width:300px; margin-left:0;order: 1;margin-top:0;}
#mainColumn2 {width:300px; margin-right:0;order: 2;margin-top:0;}
#mainColumn1 .tick{background-position:170% 50%;background-size:85% auto;padding-top:0px;height:200px;}
#mainColumn1 .tick .tailoringText {padding-top:55px;padding-left:0;font-size:70%;width:100%;text-align: center;}
#mainColumn1 .tick .tailoringText p {min-width:100%;}
#mainInner {width:300px; margin:20px auto; text-align:center; overflow:hidden;}
#textContent {padding: 0 5%;}
.headline {margin:10px 0;width:300px; line-height:20px;}
.headline p {font-size:120%; padding-right:0; text-align:center;}

.subline {margin:7px 0;}
.subline p {font-size:100%; padding-right:0; text-align:center;}
/* FOOTER */
#footer {width:300px; margin:25px auto;display:flex;flex-flow:row wrap;justify-content: flex-end;}
#footer p {font-size:85%;}
#footer div.footerLink a {width:225px;}
#footer div.footerLink {width:100%;margin:-30px auto 25px;order: 1;}
#footer div.footerLink .linkText{font-size:80%; }
#footer div.footerContacts{width:100%;order:2;}
#footer div.footerCompany {font-size:12px;width:100%;margin:20px auto 0 auto;order:6;}
#footer .footerLeft {margin-left:0;margin-top:20px;background-size:auto 29px;order:3;width:40%;background-position-x:0;}
#footer .footerRight {margin-right:0;margin-top:20px;order:4;width:60%;text-align:right;}
#footer .footerLinks {margin-left:0;}
#footer .homeLink, #footer .legalLink, #footer .termsLink {font-size: 9px;width: 32px;height: 19px;padding-top: 10px;}
#footer img.link-YDNP{display:none;}
#footer img.link-Monkey {height:29px;margin-right:10px;}
#footer img.link-LinkedIn{height:29px;float:right;margin-right:-26px;}
#footer div.ydnpSmall {display:block; order:5;margin:10px auto 0;}
#footer div.ydnpSmall img {height:45px;width:auto;}





/* HEADER */
/*#header  {width:300px; padding:10px 0 5px 0; overflow:hidden;}
.headerimage {display:none;}
.headerimageMobile {display:block;overflow:hidden;width:90%;margin:0 auto;padding:0 25px 4px;}
.headerimageMobile img {margin:0;}
.headerimageMobile .mobileLogo {float:none;width:17%;margin:0 auto;}
.headerimageMobile img{width:100%;}
.headerimageMobile .mobileTitle {float:none;width:100%;margin-top:2px;margin:0 auto;}
*/
/* MAIN CONTENT */
/*#main {width:295px; }
#mainColumn1, #mainColumn2 {clear:left; margin:0 auto; padding:0;}
#mainColumn1 {width:295px; text-align:center;}
#mainColumn2 {width:295px; margin-right:-7px;}
#mainColumn1 img {width:200px; height:auto; margin-top:0px;}

.headline {width:290px; line-height:9px;}
.headline p {font-size:80%; }

.subline {}
.subline p {font-size:75%;}
*/
/* FOOTER */
/*#footer {padding:0 0 10px 0;}
#footer p {font-size:70%;}
#footer div.footerLink .linkText{width:270px; }
#footer div.footerLink .linkText{padding-top:15px;font-size:84%; }
#footer div.footerContacts {margin-top:-70px;}
#footer p.footerCompany{font-size:55%; margin: 10px auto;}
*/

}

/*=========PHONES, PROTRAIT MODE @ 0 - 299==========*/
@media all and (min-width: 0px) and (max-width: 299px) {
body {display:none;}
}