@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Patua+One');

h1,h2,h3 { font-family: 'Patua One', serif; }
p,li,a { font-family: 'Raleway', sans-serif; font-weight: 400; }
.yourWebsite { display: none; }

/* ctaForm */

.slider { border-bottom: 1px solid #aaa; margin-bottom: 1.5rem; }
.slider-fill { background: #00B3FF; border-top: 1px solid #37C4FF !important; border-bottom: 1px solid #006C9B; }
.ctaForm form input[type=number] { text-align: center; }
#sliderOutput2 { width: 56px; height: 32px; position: relative; top: -4px; background: linear-gradient(#7FD9F9, #00B3FF); border: 1px solid #0F6C9A; text-shadow: 0 1px 2px #001E2B; font-weight: 800; padding: 0 0 2px; color: #fff; }
#sliderOutput2[readonly] { cursor: default; }
.ctaForm form input[type=number]::-webkit-inner-spin-button, .ctaForm form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.ctaForm form > .row { margin-top: 40px; }
.previous { background: #999; border: 1px solid #555; }
.orangey, .orangey:active, .orangey:focus { background: #FF7242; border: 1px solid #B25900; min-width: 180px; float: right; }
.orangey:hover { background: #FF5922; }	
.submitty, .submitty:active, .submitty:focus { background: #76BB4D; border: 1px solid #639F3E; min-width: 180px; float: right; }
.submitty:hover { background: #6CB044; }
	
.form-section { display: none; }
.form-section.current { display: inherit; }
.btn-info, .btn-default { margin-top: 10px; }
input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; }
input.parsley-error,input.parsley-error:focus, select.parsley-error, textarea.parsley-error { background-color: #F2DEDE; border: 2px solid #9E4E4E; box-shadow: none; }
.parsley-errors-list { display: none !important; }

.content .button.success, .interior .button.success { color: #fff; font-weight: 600; }
	
.heroPrimer { opacity: 0; height: 0; }
.tabs-content, .tabs { border: 0 !important; }

@media screen and (max-width: 44.125em) {
	.off-canvas.position-left { background: #29272C; }
	.off-canvas.position-left img { margin: 12px 0 12px 50px; width: 150px; }
	.off-canvas.position-left ul { border-top: 2px solid #111; border-bottom: 1px solid #111; }
	.off-canvas.position-left ul li a { background: #2C2D30; border-top: 1px solid #444; border-bottom: 1px solid #111; color: #fff; font-weight: 500; }
	.off-canvas.position-left ul li a::before { color: #aaa; content: "\00bb \00a0 \00a0"; }
	
	
    .title-bar button { margin-top: 9px !important; }
    .title-bar a { margin: 0; }
	
	.off-canvas-content > .row:not(:first-of-type) { padding: 0 1rem; }
	
	.ctaForm { background: url(../img/global/hero-bg-small.jpg) center top no-repeat #000 !important; background-size: contain; padding: 0 0; min-height: 24rem; border-bottom: 1rem solid #222; }
	.ctaForm .column:last-child { position: relative; }
	.ctaForm .start-title { color: #fff; font-family: 'Raleway', sans-serif; font-size: 1.65em; font-weight: 300; display: block; text-shadow: 0 -3px 5px #000; margin-bottom: 1rem; }
	.ctaForm p { display: none; }
	.ctaForm label { font-size: 1.0em; font-weight: 400; color: #fff; text-shadow: 0 -3px 5px #000; }
	
	.ctaForm button, .ctaForm .submitty { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 600; }
	
	.content { margin: 16px 0; }
	.content h1 { font-family: 'Raleway', sans-serif; }
	.content h2 { font-size: 16px; line-height: 20px; }
	.content p { font-size: 16px; line-height: 24px; }
	
	.reviews { background: #000; padding: 0 !important; }
	.reviews > .column:first-child { padding: 0 !important; }
	
	.themes { background: url(../img/global/themes_background.png) left top repeat; padding: 16px !important; border-top: 6px solid #444; border-bottom: 6px solid #444; }
	.themes p:last-child { margin-bottom: 0 !important; }
	
	.partners { background: #fbfbfb; border-top: 6px solid #FF7242; margin-bottom: 16px; padding-top: 16px !important; }
	
	.footer { background: #29272C; border-top: 12px solid #070707; padding: 16px !important; }
	.footer img { max-height: 80px; }
	
	.popUp { background: url(../img/global/form_paper_bg_mobile.jpg) center top repeat; padding: 1rem; }
	.popUp .column { padding-right: .375rem; padding-left: .25rem; }
	.popUp .formLogoHolder { display: block; max-width: 150px; height: auto; margin: 0 auto; }
	.popUp h3 { display: none; }
	.popUp p { font-family: 'Special Elite', sans-serif; font-size: .95em; font-weight: bold; margin: 1.5rem 0 2rem; line-height: 1.25; text-align: center; }
	.popUp input, .popUp textarea, .popUp select { font-family: 'Raleway', sans-serif; font-size: 1em; color: #444; line-height: 1; margin-bottom: .5rem; }
	.popUp .is-invalid-input:not { color: #fff; }
	.popUp .switch-span { color: #888; }
	
	.popUp .switch-holder { position: relative; top: -74px !important; }
	.popUp .row:nth-of-type(4), .popUp .row:nth-of-type(5)  { position: relative; top: -54px !important; }
	
	.popUp .popSubmit::before { content: '>'; float: left; margin: -.85rem 1rem -.85rem -1rem; background: #33CC00; padding: .85rem 1rem .85rem; bottom-left-border-radius: 3px; top-left-border-radius: 3px; font-weight: bold; border-right: 1px solid #269700; }
	.popUp .popSubmit { background: #2DB200; border: 1px solid #269700; color: #fff; font-family: 'Raleway', sans-serif; font-size: 1em; font-weight: 600; text-transform: none; padding: .85rem 1rem .85rem; display: block; width: 90%; margin: 1.5rem auto 0; }
	.popUp .popSubmit:hover::before { background: #38E100; background: -webkit-linear-gradient(#38E100, #33CC00); background: -o-linear-gradient(#38E100, #33CC00); background: -moz-linear-gradient(#38E100, #33CC00); background: linear-gradient(#38E100, #33CC00); }
	.popUp .popSubmit:hover { background: #34CE00; background: -webkit-linear-gradient(#34CE00, #2DB200); background: -o-linear-gradient(#34CE00, #2DB200); background: -moz-linear-gradient(#34CE00, #2DB200); background: linear-gradient(#34CE00, #2DB200); }
	
	.popOpen::before { content: '>'; font-family: 'Raleway', sans-serif; font-weight: 800; float: left; margin: -.85em 1em -.85em -1em; background: #21CED8; padding: .85em 1em; bottom-left-border-radius: 3px; top-left-border-radius: 3px; border-right: 1px solid #15888E; transition: .3s; }
	.popOpen { background: #1DB4BD; border: 1px solid #15888E; font-family: 'grobold', sans-serif; font-size: 18px; font-weight: normal; text-transform: none; text-shadow: 0 1px 2px #106165; transition: .3s; padding: .85em 1em; display: block; width: 100%; }
	.popOpen:hover::before { background: #38E100; border-right: 1px solid #269700; transition: .6s; }
	.popOpen:hover { background: #34CE00; border: 1px solid #269700; transition: .6s; }
}

@media screen and (min-width: 44.25em) and (max-width: 63.9375em) {   
	.off-canvas-content { background:  #444; }
    .off-canvas-content > .row { padding: 10px 0; }
    .off-canvas-content > .row > .column:first-child { padding-left: 20px; }
    .off-canvas-content > .row > .column:last-child { padding-right: 20px; }
    
    .navigation { background: #fafafa; background: -webkit-linear-gradient(#fff,#fafafa); background: -moz-linear-gradient(#fff,#fafafa); background: linear-gradient(#fff,#fafafa); }
	.navigation .column:last-child { padding-left: 0; }
    .navigation img { display: inline-block; vertical-align: middle; }
    .navigation ul { margin: 20px 0 0; text-align: right; }
    .navigation ul li { display: inline; margin-left: 16px; }
	.navigation ul li a { color: #555; }
	.navigation ul li a:hover { color: #888; }
    .navigation .button { vertical-align: baseline; margin-right: 1em; }
	 
    .ctaForm { background: url(../img/global/team-building-background.jpg) center top no-repeat #000 !important; padding: 0 0; height: 30rem; border-bottom: 1rem solid #222; }
	.ctaForm > .column:first-child { margin-top: 60px; }
	.ctaForm .start-title { color: #fff; font-family: 'Raleway', sans-serif; font-size: 2.5em; font-weight: 300; margin-bottom: .25rem; display: block; text-shadow: 0 -3px 5px #000; }
	.ctaForm p { font-size: .9em; font-weight: 400; color: #fff; line-height: 1.35; text-shadow: 0 -3px 5px #000; }
	.ctaForm label { font-size: 1.125em; font-weight: 400; color: #fff; text-shadow: 0 -3px 5px #000; }
	
	.ctaForm button, .ctaForm .submitty { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 600; }
	
	.content { background: #fff; padding: 16px 0; }
	.content h1 { font-size: 32px; }
	.content h2 { font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; }
	.content p { font-size: 16px; line-height: 24px; }
	
	.reviews { background: #000; padding: 0 !important; }
	.reviews > .column { padding: 0 !important; }
	
	.themes { background: url(../img/global/themes_background.png) left top repeat; padding: 16px !important; border-top: 6px solid #444; border-bottom: 6px solid #444; }
	.themes h3 { font-size: 14px; font-weight: 500; line-height: 21px; margin-bottom: 0; }
	.themes p { font-size: 14px; line-height: 21px; margin-bottom: 0; }
	.themes p:last-child { margin-bottom: 0 !important; }
	
	.partners { background: #fbfbfb; border-top: 6px solid #FF7242; padding: 16px !important; }
	
	.footer { background: #29272C; border-top: 12px solid #070707; padding: 16px !important; }
	.footer img { max-height: 80px; }
	
	div.popUp { background: none; border: none; padding: 0; }
	.popUp .close-button { right: 1rem; top: .25rem; color: #155F76; }
	.popUp form { margin: 0; }
	.popTop  { padding: 0 !important; }
	.popTop > .column { padding: 0 !important; }
	.popUp form > .row:not(.popTop) { background: #fff; margin: 0; padding: 0 .5rem; }
	.popUp form > .row:not(.popTop) > .column { margin: .5rem 0; }
	.popUp form > .row:not(.popTop) .column:nth-of-type(2) { padding: 0; }
	.popUp form .column:first-of-type h3 { background: #2ba6cb; font-family: 'Raleway', sans-serif !important; font-weight: 700; font-size: 16px !important; color: #fff; display: block; text-align: center; margin: 0; padding: .65rem 1rem; border-top-right-radius: 4px; border-top-left-radius: 4px; }
	.popUp form .column:first-of-type p { background: #fff; color: #777; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; margin: 0; padding: 1.25rem 5rem; text-align: center; }
	.popUp .requiredFields label, .popUp .optionalFields label { font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 600; color: #999; }
	.popUp .switch-holder { margin-left: 1rem !important; }
	.popUp .switch-span { color: #109CD7; }
	.popUp input::-webkit-input-placeholder, .popUp textarea::-webkit-input-placeholder { color: #aaa; }
	.popUp input:focus::-webkit-input-placeholder, .popUp textarea:focus::-webkit-input-placeholder { color: #ddd; }
	.popUp input::-moz-placeholder, .popUp textarea::-moz-placeholder { color: #aaa; }
	.popUp input:focus::-moz-placeholder, .popUp textarea:focus::-moz-placeholder { color: #ddd; }
	.popUp input:-ms-input-placeholder, .popUp textarea::-ms-input-placeholder { color: #aaa; }
	.popUp input:focus:-ms-input-placeholder, .popUp textarea:focus::-ms-input-placeholder { color: #ddd; }
	.popUp input:-moz-placeholder, .popUp textarea::-moz-placeholder { color: #aaa; }
	.popUp input:focus:-moz-placeholder, .popUp textarea:focus::-moz-placeholder { color: #ddd; }
	.popUp select { color: #aaa; }
	.popUp select:focus { color: #333; }
	.popUp input, .popUp textarea, .popUp select { border-radius: 4px; height: auto; font-size: 1em; margin-top: .25rem; background: #f6f6f6; border: 2px solid #e4e4e4; outline: none; box-shadow: none; }
	.popUp input:focus, .popUp textarea:focus, .popUp select:focus { border-radius: 4px; height: auto; font-size: 1em; margin-top: .25rem; background: #fff; border: 2px solid #999; outline: none; box-shadow: none; }
	.popUp select { margin-bottom: 0; }
	.popSubmit { background: #76BB4D; border: 1px solid #639F3E; color: #fff; margin: 0 0 1rem; font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: 700; padding: 1.125em 1em; text-transform: none; transition: .3s; width: 100%; }
	.popSubmit:hover { background: #6CB044; border: 1px solid #639F3E; transition: .6s; }
	
	.popOpen::before { content: '>'; font-family: 'Raleway', sans-serif; font-weight: 800; float: left; margin: -.85em 1em -.85em -1em; background: #21CED8; padding: .85em 1em; bottom-left-border-radius: 3px; top-left-border-radius: 3px; border-right: 1px solid #15888E; transition: .3s; }
	.popOpen { background: #1DB4BD; border: 1px solid #15888E; font-family: 'grobold', sans-serif; font-size: 18px; font-weight: normal; text-transform: none; text-shadow: 0 1px 2px #106165; transition: .3s; padding: .85em 1em; margin-bottom: 0; }
	.popOpen:hover::before { background: #38E100; border-right: 1px solid #269700; transition: .6s; }
	.popOpen:hover { background: #34CE00; border: 1px solid #269700; transition: .6s; }
	
	.themeHero { background: url(../img/themes/themeHero.jpg ) center top no-repeat; background-size: cover; }
}

@media screen and (min-width: 64.25em) {   
	.off-canvas-content { background:  #444; }
    .off-canvas-content > .row { padding: 10px 0; }
    .off-canvas-content > .row > .column:first-child { padding-left: 20px; }
    .off-canvas-content > .row > .column:last-child { padding-right: 20px; }
    
    .navigation { background: #fafafa; background: -webkit-linear-gradient(#fff,#fafafa); background: -moz-linear-gradient(#fff,#fafafa); background: linear-gradient(#fff,#fafafa); }
	.navigation .column:last-child { padding-left: 0; }
    .navigation img { display: inline-block; vertical-align: middle; }
    .navigation ul { margin: 20px 0 0; text-align: right; }
    .navigation ul li { display: inline; margin-left: 16px; }
	.navigation ul li a { color: #555; }
	.navigation ul li a:hover { color: #888; }
    .navigation .button { vertical-align: baseline; margin-right: 1em; }
	 
    .ctaForm { background: url(../img/global/team-building-background.jpg) center top no-repeat #000 !important; padding: 0 0; height: 30rem; border-bottom: 1rem solid #222; }
	.ctaForm > .column:first-child { margin-top: 60px; padding-right: 42px !important; }
	.ctaForm .start-title { color: #fff; font-family: 'Raleway', sans-serif; font-size: 2.5em; font-weight: 300; margin-bottom: .25rem; display: block; text-shadow: 0 -3px 5px #000; }
	.ctaForm p { font-size: .9em; font-weight: 400; color: #fff; line-height: 1.35; text-shadow: 0 -3px 5px #000; }
	.ctaForm label { font-size: 1.125em; font-weight: 400; color: #fff; text-shadow: 0 -3px 5px #000; }
	
	.ctaForm button, .ctaForm .submitty { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 600; }
	
	.content { background: #fff; padding: 16px 0; }
	.content h1 { font-size: 32px; }
	.content h2 { font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; }
	.content p { font-size: 16px; line-height: 24px; }
	
	.reviews { background: #000; padding: 0 !important; }
	.reviews > .column { padding: 0 !important; }
	
	.themes { background: url(../img/global/themes_background.png) left top repeat; padding: 16px !important; border-top: 6px solid #444; border-bottom: 6px solid #444; }
	.themes h3 { font-size: 14px; font-weight: 500; line-height: 21px; margin-bottom: 0; }
	.themes p { font-size: 14px; line-height: 21px; margin-bottom: 0; }
	.themes p:last-child { margin-bottom: 0 !important; }
	
	.partners { background: #fbfbfb; border-top: 6px solid #FF7242; padding: 16px !important; }
	
	.footer { background: #29272C; border-top: 12px solid #070707; padding: 16px !important; }
	.footer img { max-height: 80px; }
	
	div.popUp { background: none; border: none; padding: 0; }
	.popUp .close-button { right: 1rem; top: .25rem; color: #155F76; }
	.popUp form { margin: 0; }
	.popTop  { padding: 0 !important; }
	.popTop > .column { padding: 0 !important; }
	.popUp form > .row:not(.popTop) { background: #fff; margin: 0; padding: 0 .5rem; }
	.popUp form > .row:not(.popTop) > .column { margin: .5rem 0; }
	.popUp form > .row:not(.popTop) .column:nth-of-type(2) { padding: 0; }
	.popUp form .column:first-of-type h3 { background: #2ba6cb; font-family: 'Raleway', sans-serif !important; font-weight: 700; font-size: 16px !important; color: #fff; display: block; text-align: center; margin: 0; padding: .65rem 1rem; border-top-right-radius: 4px; border-top-left-radius: 4px; }
	.popUp form .column:first-of-type p { background: #fff; color: #777; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; margin: 0; padding: 1.25rem 5rem; text-align: center; }
	.popUp .requiredFields label, .popUp .optionalFields label { font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 600; color: #999; }
	.popUp .switch-holder { margin-left: 1rem !important; }
	.popUp .switch-span { color: #109CD7; }
	.popUp input::-webkit-input-placeholder, .popUp textarea::-webkit-input-placeholder { color: #aaa; }
	.popUp input:focus::-webkit-input-placeholder, .popUp textarea:focus::-webkit-input-placeholder { color: #ddd; }
	.popUp input::-moz-placeholder, .popUp textarea::-moz-placeholder { color: #aaa; }
	.popUp input:focus::-moz-placeholder, .popUp textarea:focus::-moz-placeholder { color: #ddd; }
	.popUp input:-ms-input-placeholder, .popUp textarea::-ms-input-placeholder { color: #aaa; }
	.popUp input:focus:-ms-input-placeholder, .popUp textarea:focus::-ms-input-placeholder { color: #ddd; }
	.popUp input:-moz-placeholder, .popUp textarea::-moz-placeholder { color: #aaa; }
	.popUp input:focus:-moz-placeholder, .popUp textarea:focus::-moz-placeholder { color: #ddd; }
	.popUp select { color: #aaa; }
	.popUp select:focus { color: #333; }
	.popUp input, .popUp textarea, .popUp select { border-radius: 4px; height: auto; font-size: 1em; margin-top: .25rem; background: #f6f6f6; border: 2px solid #e4e4e4; outline: none; box-shadow: none; }
	.popUp input:focus, .popUp textarea:focus, .popUp select:focus { border-radius: 4px; height: auto; font-size: 1em; margin-top: .25rem; background: #fff; border: 2px solid #999; outline: none; box-shadow: none; }
	.popUp select { margin-bottom: 0; }
	.popSubmit { background: #76BB4D; border: 1px solid #639F3E; color: #fff; margin: 0 0 1rem; font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: 700; padding: 1.125em 1em; text-transform: none; transition: .3s; width: 100%; }
	.popSubmit:hover { background: #6CB044; border: 1px solid #639F3E; transition: .6s; }
	
	.popOpen::before { content: '>'; font-family: 'Raleway', sans-serif; font-weight: 800; float: left; margin: -.85em 1em -.85em -1em; background: #21CED8; padding: .85em 1em; bottom-left-border-radius: 3px; top-left-border-radius: 3px; border-right: 1px solid #15888E; transition: .3s; }
	.popOpen { background: #1DB4BD; border: 1px solid #15888E; font-family: 'grobold', sans-serif; font-size: 18px; font-weight: normal; text-transform: none; text-shadow: 0 1px 2px #106165; transition: .3s; padding: .85em 1em; margin-bottom: 0; }
	.popOpen:hover::before { background: #38E100; border-right: 1px solid #269700; transition: .6s; }
	.popOpen:hover { background: #34CE00; border: 1px solid #269700; transition: .6s; }
	
	.interior { background: #fff; border-top: 5px solid #bbb; padding-top: 16px !important; }
	.themeHero { padding: 0; }
	.tabs-panel { padding-top: 0; }
	.tabs li a { margin-bottom: 5px; padding: 0; }
	
}