@font-face{font-family:"Din Next Lt Pro Bold";src:url("https://s3.amazonaws.com/freeinfograph/DINNextLTPro-Bold.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Din Next Lt Pro Light";src:url("https://s3.amazonaws.com/freeinfograph/DINNextLTPro-Light.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Din Next Lt Pro Regular";src:url("https://s3.amazonaws.com/freeinfograph/DINNextLTPro-Regular.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Futura Bold";src:url("https://s3.amazonaws.com/freeinfograph/futura_medium_bt-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Futura Light";src:url("https://s3.amazonaws.com/freeinfograph/futura_lt_bt_light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}::-webkit-input-placeholder{color:#333 !important;font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif;text-align:left;font-weight:lighter}:-moz-placeholder{color:#333 !important;font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif;text-align:left;font-weight:lighter}::-moz-placeholder{color:#333 !important;font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif;text-align:left;font-weight:lighter}:-ms-input-placeholder{color:#333 !important;font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif;text-align:left;font-weight:lighter}body{background-color:#FFF;font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif;font-size:15px;letter-spacing:1px}.font-paragraph{font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Din Next Lt Pro Bold","Futura Bold","Avenir Next Pro Bold",Helvetica;font-weight:bold}.font-headline{font-family:"Din Next Lt Pro Bold","Futura Bold","Avenir Next Pro Bold",Helvetica}h1 .white-text,h2 .white-text,h3 .white-text,h4 .white-text,h5 .white-text,h6 .white-text,div .white-text,section .white-text,span .white-text,strong .white-text,p .white-text,label .white-text,li .white-text,a .white-text,i .white-text,nav .white-text{color:#FFF}h1 .black-text,h2 .black-text,h3 .black-text,h4 .black-text,h5 .black-text,h6 .black-text,div .black-text,section .black-text,span .black-text,strong .black-text,p .black-text,label .black-text,li .black-text,a .black-text,i .black-text,nav .black-text{color:#000}h1 .dark-gray-text,h2 .dark-gray-text,h3 .dark-gray-text,h4 .dark-gray-text,h5 .dark-gray-text,h6 .dark-gray-text,div .dark-gray-text,section .dark-gray-text,span .dark-gray-text,strong .dark-gray-text,p .dark-gray-text,label .dark-gray-text,li .dark-gray-text,a .dark-gray-text,i .dark-gray-text,nav .dark-gray-text{color:#bab8b8}h1 .dark-blue-text,h2 .dark-blue-text,h3 .dark-blue-text,h4 .dark-blue-text,h5 .dark-blue-text,h6 .dark-blue-text,div .dark-blue-text,section .dark-blue-text,span .dark-blue-text,strong .dark-blue-text,p .dark-blue-text,label .dark-blue-text,li .dark-blue-text,a .dark-blue-text,i .dark-blue-text,nav .dark-blue-text{color:#23305e}h1 .salmon-text,h2 .salmon-text,h3 .salmon-text,h4 .salmon-text,h5 .salmon-text,h6 .salmon-text,div .salmon-text,section .salmon-text,span .salmon-text,strong .salmon-text,p .salmon-text,label .salmon-text,li .salmon-text,a .salmon-text,i .salmon-text,nav .salmon-text{color:#f76c6c}h1 .aqua-text,h2 .aqua-text,h3 .aqua-text,h4 .aqua-text,h5 .aqua-text,h6 .aqua-text,div .aqua-text,section .aqua-text,span .aqua-text,strong .aqua-text,p .aqua-text,label .aqua-text,li .aqua-text,a .aqua-text,i .aqua-text,nav .aqua-text{color:#7ccbbe}h1 .neon-blue-text,h2 .neon-blue-text,h3 .neon-blue-text,h4 .neon-blue-text,h5 .neon-blue-text,h6 .neon-blue-text,div .neon-blue-text,section .neon-blue-text,span .neon-blue-text,strong .neon-blue-text,p .neon-blue-text,label .neon-blue-text,li .neon-blue-text,a .neon-blue-text,i .neon-blue-text,nav .neon-blue-text{color:#5c74ff}h1 .pink-text,h2 .pink-text,h3 .pink-text,h4 .pink-text,h5 .pink-text,h6 .pink-text,div .pink-text,section .pink-text,span .pink-text,strong .pink-text,p .pink-text,label .pink-text,li .pink-text,a .pink-text,i .pink-text,nav .pink-text{color:#faabab}h1 .mint-text,h2 .mint-text,h3 .mint-text,h4 .mint-text,h5 .mint-text,h6 .mint-text,div .mint-text,section .mint-text,span .mint-text,strong .mint-text,p .mint-text,label .mint-text,li .mint-text,a .mint-text,i .mint-text,nav .mint-text{color:#70d1aa}h1 .purple-text,h2 .purple-text,h3 .purple-text,h4 .purple-text,h5 .purple-text,h6 .purple-text,div .purple-text,section .purple-text,span .purple-text,strong .purple-text,p .purple-text,label .purple-text,li .purple-text,a .purple-text,i .purple-text,nav .purple-text{color:#403d66}h1 .yellow-text,h2 .yellow-text,h3 .yellow-text,h4 .yellow-text,h5 .yellow-text,h6 .yellow-text,div .yellow-text,section .yellow-text,span .yellow-text,strong .yellow-text,p .yellow-text,label .yellow-text,li .yellow-text,a .yellow-text,i .yellow-text,nav .yellow-text{color:#ffe985}h1 .green-text,h2 .green-text,h3 .green-text,h4 .green-text,h5 .green-text,h6 .green-text,div .green-text,section .green-text,span .green-text,strong .green-text,p .green-text,label .green-text,li .green-text,a .green-text,i .green-text,nav .green-text{color:#6ec4b3}h1 .rosa-text,h2 .rosa-text,h3 .rosa-text,h4 .rosa-text,h5 .rosa-text,h6 .rosa-text,div .rosa-text,section .rosa-text,span .rosa-text,strong .rosa-text,p .rosa-text,label .rosa-text,li .rosa-text,a .rosa-text,i .rosa-text,nav .rosa-text{color:#e06369}h1 .light-rosa-text,h2 .light-rosa-text,h3 .light-rosa-text,h4 .light-rosa-text,h5 .light-rosa-text,h6 .light-rosa-text,div .light-rosa-text,section .light-rosa-text,span .light-rosa-text,strong .light-rosa-text,p .light-rosa-text,label .light-rosa-text,li .light-rosa-text,a .light-rosa-text,i .light-rosa-text,nav .light-rosa-text{color:#f5918f}h1 .chick-yellow-text,h2 .chick-yellow-text,h3 .chick-yellow-text,h4 .chick-yellow-text,h5 .chick-yellow-text,h6 .chick-yellow-text,div .chick-yellow-text,section .chick-yellow-text,span .chick-yellow-text,strong .chick-yellow-text,p .chick-yellow-text,label .chick-yellow-text,li .chick-yellow-text,a .chick-yellow-text,i .chick-yellow-text,nav .chick-yellow-text{color:#ddb922}h1 .uppercase,h2 .uppercase,h3 .uppercase,h4 .uppercase,h5 .uppercase,h6 .uppercase,div .uppercase,section .uppercase,span .uppercase,strong .uppercase,p .uppercase,label .uppercase,li .uppercase,a .uppercase,i .uppercase,nav .uppercase{text-transform:uppercase}h1 .capitalize,h2 .capitalize,h3 .capitalize,h4 .capitalize,h5 .capitalize,h6 .capitalize,div .capitalize,section .capitalize,span .capitalize,strong .capitalize,p .capitalize,label .capitalize,li .capitalize,a .capitalize,i .capitalize,nav .capitalize{text-transform:capitalize}h1 .lowercase,h2 .lowercase,h3 .lowercase,h4 .lowercase,h5 .lowercase,h6 .lowercase,div .lowercase,section .lowercase,span .lowercase,strong .lowercase,p .lowercase,label .lowercase,li .lowercase,a .lowercase,i .lowercase,nav .lowercase{text-transform:lowercase}h1 .text-transform-none,h2 .text-transform-none,h3 .text-transform-none,h4 .text-transform-none,h5 .text-transform-none,h6 .text-transform-none,div .text-transform-none,section .text-transform-none,span .text-transform-none,strong .text-transform-none,p .text-transform-none,label .text-transform-none,li .text-transform-none,a .text-transform-none,i .text-transform-none,nav .text-transform-none{text-transform:none}h1 .letter-space-0,h2 .letter-space-0,h3 .letter-space-0,h4 .letter-space-0,h5 .letter-space-0,h6 .letter-space-0,div .letter-space-0,section .letter-space-0,span .letter-space-0,strong .letter-space-0,p .letter-space-0,label .letter-space-0,li .letter-space-0,a .letter-space-0,i .letter-space-0,nav .letter-space-0{letter-spacing:0}h1 .letter-space-1,h2 .letter-space-1,h3 .letter-space-1,h4 .letter-space-1,h5 .letter-space-1,h6 .letter-space-1,div .letter-space-1,section .letter-space-1,span .letter-space-1,strong .letter-space-1,p .letter-space-1,label .letter-space-1,li .letter-space-1,a .letter-space-1,i .letter-space-1,nav .letter-space-1{letter-spacing:1px}h1 .letter-space-2,h2 .letter-space-2,h3 .letter-space-2,h4 .letter-space-2,h5 .letter-space-2,h6 .letter-space-2,div .letter-space-2,section .letter-space-2,span .letter-space-2,strong .letter-space-2,p .letter-space-2,label .letter-space-2,li .letter-space-2,a .letter-space-2,i .letter-space-2,nav .letter-space-2{letter-spacing:2px}h1 .letter-space-3,h2 .letter-space-3,h3 .letter-space-3,h4 .letter-space-3,h5 .letter-space-3,h6 .letter-space-3,div .letter-space-3,section .letter-space-3,span .letter-space-3,strong .letter-space-3,p .letter-space-3,label .letter-space-3,li .letter-space-3,a .letter-space-3,i .letter-space-3,nav .letter-space-3{letter-spacing:3px}h1 .letter-space-4,h2 .letter-space-4,h3 .letter-space-4,h4 .letter-space-4,h5 .letter-space-4,h6 .letter-space-4,div .letter-space-4,section .letter-space-4,span .letter-space-4,strong .letter-space-4,p .letter-space-4,label .letter-space-4,li .letter-space-4,a .letter-space-4,i .letter-space-4,nav .letter-space-4{letter-spacing:4px}h1 .bold,h2 .bold,h3 .bold,h4 .bold,h5 .bold,h6 .bold,div .bold,section .bold,span .bold,strong .bold,p .bold,label .bold,li .bold,a .bold,i .bold,nav .bold{font-weight:bold}h1 .lighter,h2 .lighter,h3 .lighter,h4 .lighter,h5 .lighter,h6 .lighter,div .lighter,section .lighter,span .lighter,strong .lighter,p .lighter,label .lighter,li .lighter,a .lighter,i .lighter,nav .lighter{font-weight:lighter}a:hover,a:active,a:focus{text-decoration:none;outline:none}a.white-text:hover,a.white-text:active,a.white-text:focus{color:#F1F1F1}a.black-text:hover,a.black-text:active,a.black-text:focus{color:#333}a.yellow-text:hover,a.yellow-text:active,a.yellow-text:focus{color:#ffee9f}a.dark-gray-text:hover,a.dark-gray-text:active,a.dark-gray-text:focus{color:#bab8b8}a.underline{text-decoration:underline}a.underline:hover,a.underline:active,a.underline:focus{text-decoration:underline}p a:hover,p a:active,p a:focus{text-decoration:underline}input.text,textarea.textarea,.form-group select,.submit-button{border:none;border-radius:0}input.text,textarea.textarea,.form-group select{padding:9px 20px 6px;font-size:25px;background-color:transparent;color:#23305e;text-align:left}@media only screen and (min-width: 768px){input.text,textarea.textarea,.form-group select{min-width:100%}}@media only screen and (max-width: 768px){input.text,textarea.textarea,.form-group select{max-width:350px !important}}textarea.textarea{min-height:80px}@media only screen and (min-width: 768px){textarea.textarea{min-width:100%}}@media only screen and (max-width: 768px){textarea.textarea{max-width:350px !important}}.form-control{color:#000}@media only screen and (min-width: 768px){.form-control{min-width:100%}}@media only screen and (max-width: 768px){.form-control{max-width:350px !important}}.form-group{margin-bottom:20px}.form-group select{height:50px;padding:10px 16px;color:#000;border-radius:0}.form-group select option{background-color:#FFF}.submit-button{display:inline-block;padding:6px 15px 4px;font-size:27px;background-color:#f76c6c;color:#FFF;border:1px solid transparent;cursor:pointer;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;border-radius:2px}.submit-button i{font-size:17px}.submit-button:hover,.submit-button:active,.submit-button:focus{background-color:#f88484;color:#FFF;border-color:transparent;outline:none}.submit-button.btn-xs{padding:3px 10px 1px;font-size:13px}.submit-button.btn-sm{padding:3px 80px 3px;font-weight:bold;font-size:30px}.submit-button.btn-lg{padding:16px 25px 13px;font-weight:bold;font-size:37px}.submit-button.btn-nav{padding:3px 25px;font-weight:bold;font-size:30px}.submit-button.btn-popup{padding:6px 30px 6px;font-size:26px;letter-spacing:2px}.submit-button.btn-100{width:100%}.submit-button.button-salmon{background-color:#f76c6c;color:#FFF}.submit-button.button-salmon:hover,.submit-button.button-salmon:active,.submit-button.button-salmon:focus{background-color:#f87b7b;color:#FFF}.submit-button.button-yellow{background-color:#ffe985;color:#23305e}.submit-button.button-yellow:hover,.submit-button.button-yellow:active,.submit-button.button-yellow:focus{background-color:#ffec94;color:#23305e}.submit-button.button-green{background-color:#6ec4b3;color:#FFF}.submit-button.button-green:hover,.submit-button.button-green:active,.submit-button.button-green:focus{background-color:#79c8b9;color:#FFF}.relative-wrap{position:relative}.padtopless{padding-top:5px}.padbottomless{padding-bottom:5px}.padtop{padding-top:10px}.padbottom{padding-bottom:10px}.padtopmore{padding-top:15px}.padbottommore{padding-bottom:15px}.padtop20{padding-top:20px}.padbottom20{padding-bottom:20px}.padtop25{padding-top:25px}.padbottom25{padding-bottom:25px}.padtop30{padding-top:30px}.padbottom30{padding-bottom:30px}.margintopless{padding-top:10px}.marginbottomless{padding-bottom:10px}.margintop{padding-top:15px}.marginbottom{padding-bottom:15px}.margintopmore{padding-top:20px}.marginbottommore{padding-bottom:20px}.vertical-align-element{position:relative;top:49%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.scale-item{-webkit-transition:all ease-out 0.5s;transition:all ease-out 0.5s}.scale-item:hover,.scale-item:active,.scale-item:focus{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:all ease-out 0.5s;transition:all ease-out 0.5s}.form-custom{color:#FFF}.form-custom ::-webkit-input-placeholder{color:#7777A0 !important;font-weight:bold;text-align:left}.form-custom :-moz-placeholder{color:#7777A0 !important;font-weight:bold;text-align:left}.form-custom ::-moz-placeholder{color:#7777A0 !important;font-weight:bold;text-align:left}.form-custom :-ms-input-placeholder{color:#7777A0 !important;font-weight:bold;text-align:left}.form-custom input.text,.form-custom textarea.textarea,.form-custom .form-group select{font-weight:bold;background-color:#FFF;color:#7777A0;text-align:left}.form-custom .form-control{height:50px;color:#403d66}.form-custom .form-group select{color:#7777A0}.form-custom .form-group select option{background-color:#FFF;color:#7777A0}.form-custom h1,.form-custom h2,.form-custom h3,.form-custom h4,.form-custom h5,.form-custom h6,.form-custom p,.form-custom strong,.form-custom label,.form-custom .checkbox{color:#FFF}.form-white-border-fields{color:#FFF}.form-white-border-fields ::-webkit-input-placeholder{color:#F1F1F1 !important;font-weight:lighter;text-align:left}.form-white-border-fields :-moz-placeholder{color:#F1F1F1 !important;font-weight:lighter;text-align:left}.form-white-border-fields ::-moz-placeholder{color:#F1F1F1 !important;font-weight:lighter;text-align:left}.form-white-border-fields :-ms-input-placeholder{color:#F1F1F1 !important;font-weight:lighter;text-align:left}.form-white-border-fields input.text,.form-white-border-fields textarea.textarea,.form-white-border-fields .form-group select,.form-white-border-fields form select{padding:3px 10px;font-weight:lighter;font-size:16px;background-color:transparent;background:transparent;color:#FFF;border:1px solid #FFF;text-align:left;border-radius:0;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.form-white-border-fields input.text:hover,.form-white-border-fields input.text:focus,.form-white-border-fields input.text:active,.form-white-border-fields textarea.textarea:hover,.form-white-border-fields textarea.textarea:focus,.form-white-border-fields textarea.textarea:active,.form-white-border-fields .form-group select:hover,.form-white-border-fields .form-group select:focus,.form-white-border-fields .form-group select:active,.form-white-border-fields form select:hover,.form-white-border-fields form select:focus,.form-white-border-fields form select:active{background-color:transparent;background:transparent;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.form-white-border-fields textarea.textarea{padding-top:8px;min-height:110px}.form-white-border-fields .form-control{height:35px;color:#FFF}.form-white-border-fields .form-group select,.form-white-border-fields form select{height:35px;margin:5px;background-color:transparent;background:transparent;color:#FFF;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.form-white-border-fields .form-group select option,.form-white-border-fields form select option{background-color:#FFF;color:#000}.form-white-border-fields .form-group select:hover,.form-white-border-fields form select:hover{cursor:pointer}.form-white-border-fields h1,.form-white-border-fields h2,.form-white-border-fields h3,.form-white-border-fields h4,.form-white-border-fields h5,.form-white-border-fields h6,.form-white-border-fields p,.form-white-border-fields strong,.form-white-border-fields label,.form-white-border-fields .checkbox{color:#FFF}.textarea-big textarea.textarea{padding-top:8px;min-height:200px}.main-container .main{text-align:center;border-radius:0}section{text-align:center}.circle{display:inline-block;width:28px;height:28px;margin:5px 0;padding-top:3px;font-size:16px;background-color:transparent;color:#FFF;border:1px solid #FFF;text-align:center;border-radius:50%}.circle i{-webkit-transition:none;transition:none}.circle .fa-twitter{font-size:15px}.circle .fa-facebook{font-size:16px}.circle .fa-behance{font-size:13px}.post-thumbnail{height:200px}.column-space{padding:0 5px}.progress-bar-custom .progress{border:none;border-radius:0}.progress-bar-custom .progress .progress-bar{background-color:#bab8b8;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}nav.pagination-container{font-size:18px;border:none;text-align:center}nav.pagination-container ul.pagination{margin:0;border-radius:0}nav.pagination-container ul.pagination li a{background-color:transparent;color:#000;border:none;border-radius:0}nav.pagination-container ul.pagination li a:hover,nav.pagination-container ul.pagination li a:active,nav.pagination-container ul.pagination li a:focus{background-color:transparent;color:#170f0c}nav.pagination-container ul.pagination li.active a{color:#bab8b8;font-weight:bold}nav.pagination-container ul.pagination li.disabled a{color:#000}.share-buttons i{font-size:23px}.share-button.facebook-link{background-color:#3B5998}.share-button.facebook-link:hover,.share-button.facebook-link:active,.share-button.facebook-link:focus{background-color:#4c70ba}.share-button.twitter-link{background-color:#1Da1F2}.share-button.twitter-link:hover,.share-button.twitter-link:active,.share-button.twitter-link:focus{background-color:#4db5f5}.socials{display:none}nav.side{display:none}.popup .close{top:10px !important}.popup .close svg{width:20px;height:20px}nav.navbar-inverse{background-color:#000;border:none}.menu.codenation-nav a:hover,.menu.codenation-nav a:active,.menu.codenation-nav a:focus{color:#ffe985;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s}.menu.codenation-nav a:hover i,.menu.codenation-nav a:active i,.menu.codenation-nav a:focus i{-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s}.menu.codenation-nav .submit-button.custom{padding:10px 25px;font-size:31px}.menu.codenation-nav .submit-button.custom:hover,.menu.codenation-nav .submit-button.custom:active,.menu.codenation-nav .submit-button.custom:focus{color:#23305e;-ms-box-shadow:2px 2px 4px rgba(255,255,255,0.5);-o-box-shadow:2px 2px 4px rgba(255,255,255,0.5);box-shadow:2px 2px 4px rgba(255,255,255,0.5)}.outer-menu .menu>div>div>ul>li>a{-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s}.navbar-brand{position:fixed;margin-top:10px;padding:0 0 0 10px;left:25px;font-weight:bold;font-size:30px;color:#ffe985;z-index:500;cursor:pointer}.navbar-brand img{max-width:120px}a.navbar-brand.yellow{color:#ffe985}a.navbar-brand.yellow:hover,a.navbar-brand.yellow:active,a.navbar-brand.yellow:focus{color:#fff2b8}section.home-slides .container .wrap:not(.noSpaces),section.home-slides .container .wrap.spaceWrap,section.home-slides .container .wrap .spaceWrap{padding:calc(.56% + 50px) calc(8% + 15px)}section.infographic-slides h1,section.infographic-slides h2,section.infographic-slides h3,section.infographic-slides h4,section.infographic-slides h5,section.infographic-slides h6{font-size:25px}section.infographic-slides .container .wrap:not(.noSpaces),section.infographic-slides .container .wrap.spaceWrap,section.infographic-slides .container .wrap .spaceWrap{padding:calc(4.56% + 50px) calc(8% + 15px)}section.how-to-infographic-slide-one h1,section.how-to-infographic-slide-one h2,section.how-to-infographic-slide-one h3,section.how-to-infographic-slide-one h4,section.how-to-infographic-slide-one h5,section.how-to-infographic-slide-one h6{font-size:40px}section.how-to-infographic-slide-one .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-two .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-three .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-four .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-five .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-six .infographic-content img.images-middle{max-width:100px}section.how-to-infographic-slide-seven .infographic-content img.images-middle{max-width:180px}section.how-to-infographic-slide-seven .submit-button.custom{position:absolute;width:230px;height:55px;top:0;right:0;bottom:0;left:0;margin:auto;padding:10px 15px 7px;font-weight:bold;font-size:27px}section.how-to-infographic-slide-seven .submit-button.custom:hover,section.how-to-infographic-slide-seven .submit-button.custom:active,section.how-to-infographic-slide-seven .submit-button.custom:focus{-ms-box-shadow:3px 3px 5px rgba(255,255,255,0.5);-o-box-shadow:3px 3px 5px rgba(255,255,255,0.5);box-shadow:3px 3px 5px rgba(255,255,255,0.5)}section.how-to-infographic-slide-seven .container .wrap:not(.noSpaces),section.how-to-infographic-slide-seven .container .wrap.spaceWrap,section.how-to-infographic-slide-seven .container .wrap .spaceWrap{padding:calc(.56% + 50px) calc(8% + 15px)}#apply-modal,.apply-modal{background-color:#403d66}#apply-modal .form-wrap,.apply-modal .form-wrap{padding-top:30%;padding-bottom:80px}#apply-modal textarea.textarea,.apply-modal textarea.textarea{min-height:100px}#apply-modal .close-apply-modal .close-x,.apply-modal .close-apply-modal .close-x{float:right;padding:20px;font-size:35px;color:#ffe985}#apply-modal .close-apply-modal .close-x:hover,#apply-modal .close-apply-modal .close-x:active,#apply-modal .close-apply-modal .close-x:focus,.apply-modal .close-apply-modal .close-x:hover,.apply-modal .close-apply-modal .close-x:active,.apply-modal .close-apply-modal .close-x:focus{cursor:pointer}#apply-modal .modal-content,.apply-modal .modal-content{background-color:transparent;border:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}#apply-modal .content,.apply-modal .content{overflow-y:visible}.stage-1 .slide{background-color:#403d66}.stage-1 .navigation li:after{background-color:#ffe985;border-color:#ffe985}.stage-1 .navigation li:after:hover,.stage-1 .navigation li:after:active,.stage-1 .navigation li:after:focus{background-color:#ffee9f}.stage-1 .navigation li.selected:after{background-color:#ffe985}.stage-1 .navbar-header .navbar-brand{color:#ffe985}.stage-1 .navbar-header .navbar-brand:hover,.stage-1 .navbar-header .navbar-brand:active,.stage-1 .navbar-header .navbar-brand:focus{color:#ffee9f}.stage-1 .outer-menu .hamburger>div{background:#ffe985}.stage-1 .panel svg{fill:#ffe985}.stage-1 .panel .navbar-brand{color:#ffe985}.stage-2 .navigation li:after{background-color:#FFF;border-color:#FFF}.stage-2 .navigation li:after:hover,.stage-2 .navigation li:after:active,.stage-2 .navigation li:after:focus{background-color:#fff}.stage-2 .navigation li.selected:after{background-color:#FFF}.stage-2 .navbar-header .navbar-brand{color:#FFF}.stage-2 .navbar-header .navbar-brand:hover,.stage-2 .navbar-header .navbar-brand:active,.stage-2 .navbar-header .navbar-brand:focus{color:#fff}.stage-2 .outer-menu .hamburger>div{background:#FFF}.stage-2 .panel svg{fill:#FFF}.stage-2 .panel .navbar-brand{color:#FFF}.stage-3 .navigation li:after{background-color:#23305e;border-color:#23305e}.stage-3 .navigation li:after:hover,.stage-3 .navigation li:after:active,.stage-3 .navigation li:after:focus{background-color:#2a3971}.stage-3 .navigation li.selected:after{background-color:#23305e}.stage-3 .navbar-header .navbar-brand{color:#23305e}.stage-3 .navbar-header .navbar-brand:hover,.stage-3 .navbar-header .navbar-brand:active,.stage-3 .navbar-header .navbar-brand:focus{color:#2a3971}.stage-3 .outer-menu .hamburger>div{background:#23305e}.stage-3 .panel svg{fill:#23305e}.stage-3 .panel .navbar-brand{color:#23305e}.stage-4 .navigation li:after{background-color:#70d1aa;border-color:#70d1aa}.stage-4 .navigation li:after:hover,.stage-4 .navigation li:after:active,.stage-4 .navigation li:after:focus{background-color:#83d7b5}.stage-4 .navigation li.selected:after{background-color:#70d1aa}.stage-4 .navbar-header .navbar-brand{color:#70d1aa}.stage-4 .navbar-header .navbar-brand:hover,.stage-4 .navbar-header .navbar-brand:active,.stage-4 .navbar-header .navbar-brand:focus{color:#83d7b5}.stage-4 .outer-menu .hamburger>div{background:#70d1aa}.stage-4 .panel svg{fill:#70d1aa}.stage-4 .panel .navbar-brand{color:#70d1aa}.stage-5 .navigation li:after{background-color:#23305e;border-color:#23305e}.stage-5 .navigation li:after:hover,.stage-5 .navigation li:after:active,.stage-5 .navigation li:after:focus{background-color:#2a3971}.stage-5 .navigation li.selected:after{background-color:#23305e}.stage-5 .navbar-header .navbar-brand{color:#23305e}.stage-5 .navbar-header .navbar-brand:hover,.stage-5 .navbar-header .navbar-brand:active,.stage-5 .navbar-header .navbar-brand:focus{color:#2a3971}.stage-5 .outer-menu .hamburger>div{background:#23305e}.stage-5 .panel svg{fill:#23305e}.stage-5 .panel .navbar-brand{color:#23305e}.stage-6 .navigation li:after{background-color:#faabab;border-color:#faabab}.stage-6 .navigation li:after:hover,.stage-6 .navigation li:after:active,.stage-6 .navigation li:after:focus{background-color:#fbc3c3}.stage-6 .navigation li.selected:after{background-color:#faabab}.stage-6 .navbar-header .navbar-brand{color:#faabab}.stage-6 .navbar-header .navbar-brand:hover,.stage-6 .navbar-header .navbar-brand:active,.stage-6 .navbar-header .navbar-brand:focus{color:#fbc3c3}.stage-6 .outer-menu .hamburger>div{background:#faabab}.stage-6 .panel svg{fill:#faabab}.stage-6 .panel .navbar-brand{color:#faabab}.stage-7 .navigation li:after{background-color:#FFF;border-color:#FFF}.stage-7 .navigation li:after:hover,.stage-7 .navigation li:after:active,.stage-7 .navigation li:after:focus{background-color:#fff}.stage-7 .navigation li.selected:after{background-color:#FFF}.stage-7 .navbar-header .navbar-brand{color:#FFF}.stage-7 .navbar-header .navbar-brand:hover,.stage-7 .navbar-header .navbar-brand:active,.stage-7 .navbar-header .navbar-brand:focus{color:#fff}.stage-7 .outer-menu .hamburger>div{background:#FFF}.stage-7 .panel svg{fill:#FFF}.stage-7 .panel .navbar-brand{color:#FFF}.panel .left .navbar-brand{position:relative}.panel .right .button.actionButton{margin-right:10px;background-color:transparent;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.panel .right .button.actionButton svg{width:27px;height:27px}.sidebar{min-width:100%;background-color:rgba(64,61,102,0.95)}.sidebar .content .mainMenu{margin-top:8%}.sidebar .close{top:20px;right:25px}.sidebar .close svg{fill:#ffe985}.popup .close{top:20px;right:25px}.popup .close svg{fill:#FFF}section.infographic-slides img.progress-circle{position:absolute;width:250px;top:0;right:0;bottom:0;left:0;margin:auto}.slides .background{-webkit-transition:1s;transition:1s}.home-slides.home-slide-two li p{color:#434343;border-bottom:1px solid transparent}.home-slides.home-slide-two li.active p{font-weight:bold}.home-slides.home-slide-two li.li-tab-1.active p{color:#e06369;border-color:#e06369}.home-slides.home-slide-two li.li-tab-2.active p{color:#ddb922;border-color:#ddb922}.home-slides.home-slide-two li.li-tab-3.active p{color:#6ec4b3;border-color:#6ec4b3}.home-slides.home-slide-two li.li-tab-4.active p{color:#5c74ff;border-color:#5c74ff}.home-slides.home-slide-two li.li-tab-5.active p{color:#f5918f;border-color:#f5918f}.changing-square{position:relative;width:100%;height:395px;margin-top:120px;padding:20% 4% 8%}ul.links-area li{padding-bottom:0}ul.links-area li p{margin-bottom:10px}.static-form-popup .container .wrap:not(.noSpaces),.static-form-popup .container .wrap.spaceWrap,.static-form-popup .container .wrap .spaceWrap,.staged-form-popup .container .wrap:not(.noSpaces),.staged-form-popup .container .wrap.spaceWrap,.staged-form-popup .container .wrap .spaceWrap{padding:calc(.56% + 50px) calc(8% + 15px)}.static-form-popup .form-container,.staged-form-popup .form-container{background-color:#e06369;padding:50px 80px}.static-form-popup .form-container p,.staged-form-popup .form-container p{font-size:16px;font-weight:lighter}.static-form-popup .form-container .grid+.grid,.staged-form-popup .form-container .grid+.grid{margin-top:5px}.static-form-popup .form-container h1,.static-form-popup .form-container h2,.static-form-popup .form-container h3,.static-form-popup .form-container h4,.static-form-popup .form-container h5,.static-form-popup .form-container h6,.staged-form-popup .form-container h1,.staged-form-popup .form-container h2,.staged-form-popup .form-container h3,.staged-form-popup .form-container h4,.staged-form-popup .form-container h5,.staged-form-popup .form-container h6{font-family:"Din Next Lt Pro Light","Futura Light","Avenir Next Pro",Sans-serif}.static-form-popup .close svg,.staged-form-popup .close svg{fill:#e06369}.staged-form-popup .form-container{background-color:#403d66}.staged-form-popup .close svg{fill:#403d66}footer{background-color:#bab8b8;margin:0;padding:20px 30px}footer p{color:#000}footer a:hover,footer a:active,footer a:focus{text-decoration:underline}body.homepage nav.side .navigation li:after{background-color:transparent !important;border-width:1px}body.homepage.stage-1 .navigation li:after,body.homepage.stage-4 .navigation li:after,body.homepage.stage-5 .navigation li:after,body.homepage.stage-6 .navigation li:after{background-color:#FFF;border-color:#FFF}body.homepage.stage-1 .navigation li:after:hover,body.homepage.stage-1 .navigation li:after:active,body.homepage.stage-1 .navigation li:after:focus,body.homepage.stage-4 .navigation li:after:hover,body.homepage.stage-4 .navigation li:after:active,body.homepage.stage-4 .navigation li:after:focus,body.homepage.stage-5 .navigation li:after:hover,body.homepage.stage-5 .navigation li:after:active,body.homepage.stage-5 .navigation li:after:focus,body.homepage.stage-6 .navigation li:after:hover,body.homepage.stage-6 .navigation li:after:active,body.homepage.stage-6 .navigation li:after:focus{background-color:#fff}body.homepage.stage-1 .navigation li.selected:after,body.homepage.stage-4 .navigation li.selected:after,body.homepage.stage-5 .navigation li.selected:after,body.homepage.stage-6 .navigation li.selected:after{background-color:#FFF}body.homepage.stage-1 .circle,body.homepage.stage-4 .circle,body.homepage.stage-5 .circle,body.homepage.stage-6 .circle{color:#FFF;border:1px solid #FFF}body.homepage.stage-1 .long-line,body.homepage.stage-4 .long-line,body.homepage.stage-5 .long-line,body.homepage.stage-6 .long-line{border-color:#FFF}body.homepage.stage-2 .navigation li:after,body.homepage.stage-3 .navigation li:after{background-color:#403d66;border-color:#403d66}body.homepage.stage-2 .navigation li:after:hover,body.homepage.stage-2 .navigation li:after:active,body.homepage.stage-2 .navigation li:after:focus,body.homepage.stage-3 .navigation li:after:hover,body.homepage.stage-3 .navigation li:after:active,body.homepage.stage-3 .navigation li:after:focus{background-color:#4a4776}body.homepage.stage-2 .navigation li.selected:after,body.homepage.stage-3 .navigation li.selected:after{background-color:#403d66}body.homepage.stage-2 .circle,body.homepage.stage-3 .circle{color:#403d66;border:1px solid #403d66}body.homepage.stage-2 .long-line,body.homepage.stage-3 .long-line{border-color:#403d66}@media only screen and (min-width: 768px){.socials{display:block}nav.side{display:block}.changing-square{position:absolute;width:330px;height:395px;margin-top:-4px;padding:20% 4% 8%;top:48px;right:0}ul.links-area li{padding-bottom:10px}ul.links-area li p{margin-bottom:30px}section.infographic-slides h1,section.infographic-slides h2,section.infographic-slides h3,section.infographic-slides h4,section.infographic-slides h5,section.infographic-slides h6{font-size:50px}section.how-to-infographic-slide-one h1,section.how-to-infographic-slide-one h2,section.how-to-infographic-slide-one h3,section.how-to-infographic-slide-one h4,section.how-to-infographic-slide-one h5,section.how-to-infographic-slide-one h6{font-size:70px}section.how-to-infographic-slide-one .infographic-content img.images-middle{max-width:145px}section.how-to-infographic-slide-two .infographic-content img.images-middle{max-width:140px}section.how-to-infographic-slide-three .infographic-content img.images-middle{max-width:125px}section.how-to-infographic-slide-four .infographic-content img.images-middle{max-width:195px}section.how-to-infographic-slide-five .infographic-content img.images-middle{max-width:185px}section.how-to-infographic-slide-six .infographic-content img.images-middle{max-width:150px}section.how-to-infographic-slide-seven .infographic-content img.images-middle{max-width:350px}section.how-to-infographic-slide-seven .submit-button.custom{position:absolute;width:395px;height:79px;top:0;right:0;bottom:0;left:0;margin:auto;padding:16px 25px 13px;font-weight:bold;font-size:37px}section.infographic-slides img.progress-circle{width:575px}body.homepage nav.side .navigation{z-index:100}body.homepage nav.side .navigation li{margin:50px -11px}body.homepage nav.side .long-line{position:absolute;height:93%;width:0;top:7%;right:49.5%;bottom:0;left:auto;border-right:2px solid #FFF;-webkit-filter:opacity(0.05);-moz-filter:opacity(0.05);-ms-filter:opacity(0.05);-o-filter:opacity(0.05);filter:opacity(0.05);z-index:99}}#apply_modal .modal-dialog .modal-content{background-color:#403d66;border-radius:3px}#apply_modal .modal-header{padding:20px 30px 10px;border-bottom:none}#apply_modal .modal-body{padding-bottom:20px}#apply_modal input.text:active,#apply_modal input.text:focus,#apply_modal textarea.textarea:active,#apply_modal textarea.textarea:focus,#apply_modal .form-group select:active,#apply_modal .form-group select:focus{outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}#apply_modal .stage-indicators-container{width:100%;left:0;position:relative}#apply_modal .stage-indicators{list-style-type:none;padding:0;margin:0 auto;width:auto;text-align:center}#apply_modal .stage-indicators li{display:inline-block;position:relative;margin-right:5px;white-space:nowrap;width:51px}#apply_modal .stage-indicators li:after{display:none;content:" ";width:42px;height:0;border-bottom:1px solid #333;position:absolute;top:18px;left:39px}#apply_modal .stage-indicators li:last-child{margin-right:0}#apply_modal .stage-indicators li:last-child:after{display:none}#apply_modal .stage-indicators li .stage-label{font-size:12px;font-weight:600;position:relative;text-transform:uppercase}#apply_modal .stage-indicators li.stage-1 .stage-label{left:-1px}#apply_modal .stage-indicators li.stage-2 .stage-label{left:-8px}#apply_modal .stage-indicators li.stage-3 .stage-label{left:-3px}#apply_modal .stage-indicators li .stage-count{position:relative;display:block;color:#333;width:30px;height:30px;text-align:center;border-radius:99px;font-weight:bold;line-height:28px;font-size:15px}#apply_modal .stage-indicators li .stage-count-inner{width:30px;height:30px;line-height:28px;display:block;position:relative;color:#f76c6c;border:solid 2px #f76c6c;position:relative;border-radius:99px}#apply_modal .stage-indicators li.active .stage-count-inner{background:#f76c6c;color:#fff}#apply_modal .stage-indicators li.seen .stage-count-inner{background:#f76c6c;color:#fff;cursor:pointer}#apply_modal .stage-indicators li.completed .stage-count-inner{text-indent:-9999px;background:#f76c6c;cursor:pointer}#apply_modal .stage-indicators li.completed .stage-count-inner:before{color:#fff;position:absolute;width:39px;line-height:39px;z-index:20;opacity:1;text-align:center;top:-5px;left:-6px;font-size:17px;cursor:pointer;text-indent:0}#apply_modal .stage-indicators li.completed .stage-count{cursor:pointer}#apply_modal .form-stages{padding:0;border-radius:2px}#apply_modal .form-stages .form-stage{display:none}#apply_modal .form-stages .form-stage.active{display:block}#apply_modal .progress-stage-button-prev{display:block;margin-top:.5em}#apply_modal .progress-stage-button-prev:before{content:"\00ab\0000a0"}.lt-ie9 .stage-indicators li.stage-3:after{display:none}.menu.codenation-nav .navbar-brand{padding-top:30px;padding-left:30px}.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.outer-menu{position:fixed;top:25px;right:106px;z-index:100;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.outer-menu:hover,.outer-menu:active,.outer-menu:focus{-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.outer-menu .checkbox-toggle{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:60px;height:60px;opacity:0;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.outer-menu .checkbox-toggle:hover,.outer-menu .checkbox-toggle:active,.outer-menu .checkbox-toggle:focus{-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.outer-menu .checkbox-toggle:checked+.hamburger>div{-webkit-transform:rotate(135deg);transform:rotate(135deg);background:white}.outer-menu .checkbox-toggle:checked+.hamburger>div:before,.outer-menu .checkbox-toggle:checked+.hamburger>div:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after{opacity:0}.outer-menu .checkbox-toggle:checked ~ .menu{pointer-events:auto;visibility:visible}.outer-menu .checkbox-toggle:checked ~ .menu>div{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:.75s;transition-duration:.75s}.outer-menu .checkbox-toggle:checked ~ .menu>div>div{opacity:1}.outer-menu .hamburger{position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;padding:.5em 1em;background:transparent;border-radius:0 0.12em 0.12em 0;cursor:pointer;-webkit-transition:box-shadow 0.4s ease;transition:box-shadow 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer-menu .hamburger>div{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;height:4px;background:#ffe985;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer-menu .hamburger>div:before,.outer-menu .hamburger>div:after{content:'';position:absolute;z-index:1;top:-10px;left:0;width:100%;height:4px;background:inherit;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.outer-menu .hamburger>div:after{top:10px}.outer-menu .menu{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer-menu .menu>div{width:200vw;height:200vw;color:#FEFEFE;background:#23305e;opacity:.94;border-radius:50%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer-menu .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;overflow-y:auto;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outer-menu .menu>div>div>ul{list-style:none;padding:0 1em;margin:0;display:block;max-height:100vh}.outer-menu .menu>div>div>ul>li{padding:0;margin:1em;font-size:24px;display:block}.outer-menu .menu>div>div>ul>li>a{position:relative;display:inline-block;cursor:pointer}.outer-menu .menu>div>div>ul>li>a:hover:before,.outer-menu .menu>div>div>ul>li>a:hover:after{width:100%}.outer-menu .menu>div>div>ul>li>a:before,.outer-menu .menu>div>div>ul>li>a:after{content:'';position:absolute;z-index:1;width:0;height:4px;background:transparent;-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.outer-menu .menu>div>div>ul>li>a:after{left:0;bottom:-0.25em}.outer-menu .menu>div>div>ul>li>a:before{right:0;top:-0.25em}