/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* google stuff */

iframe[name=google_conversion_frame] 
{
    display: none !important;
}

/* Main CSS */

html			{width: 100%; height: 100%;} /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */
body			{width: 100%; height: 100%; background-color: #ffffff;font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 1.063em; color: #000000; line-height: 1.529em;}

input,
textarea		{font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; color: #888888; font-size: 1em; outline: 0;}

input::-moz-focus-inner {border: 0;}

a				{color: #01b6f2; text-decoration: none; outline: 0;}
a:hover			{text-decoration: none; color: #000000;}
em				{font-style: normal;}

.clearer:after { 
   content: ".";   
   display: block; 
   height: 0; 
   clear: both;
   visibility: hidden; 
   font-size: 0;
}

#wrap			{position: relative; display: block; width: 100%; height: auto;}

.bg_pink		{background-color: #fea49c;}

#news			{position: relative; display: block; width: 100%; height: auto;}
#news img		{position: relative; display: block; width: 100%; height: auto;}
#newsc 			{position: absolute; display: block; width: 100%; max-width: 1400px; height: 100%; top: 0px; left: 50%; z-index: 100; transform: translateX(-50%);}
#newsc h1		{position: absolute; display: block; width: auto; max-width: 786px; height: auto; left: 20px; bottom: 80px; font-weight: 700; font-size: 5.353em; line-height: 1.022em; color: #ffffff;}
#news_nav		{position: absolute; display: none; width: auto; height: auto; bottom: 63px; right: 200px; }
#news_nav ul	{position: relative; display: block; width: auto; height: auto; background: red;}
#news_nav ul li				{position: relative; display: inline-block; width: 12px; height: 12px; float: left; margin-right: 12px; }
#news_nav ul li:last-child	{margin-right: 0px;}
#news_nav ul li a			{position: relative; display: block; text-indent: -10000px; width: 100%; height: 100%; border: 1px solid #ffffff; border-radius: 50% 50%; -moz-border-radius: 50% 50%; box-sizing: border-box;}
#news_nav ul li a.sel		{background-color: #ffffff;}

#logo			{position: relative; display: block; width: 250px; height: auto; top: 45px; left: 20px;}
#social			{position: absolute; display: block; width: auto; height: auto; top: 60px; right: 20px;}
#social a				{position: relative; display: inline-block; width: 35px; height: 35px; text-indent: -10000px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
#social a.instagram		{background-image: url(images/ico_instagramw.svg);}

.cbox_holder	{position: relative; display: block; width: 100%; height: auto;}
.cbox			{position: relative; display: block; width: auto; max-width: 1400px; height: auto; margin: 0px auto 0px auto; padding: 90px 0px 65px 0px; box-sizing: border-box;}
.higl			{background-color: #ccf0fc;}
.wtb			{border-top: 1px solid #01b6f2;}

.cbox h2		{position: relative; display: block; width: auto; height: auto; text-align: center; font-size: 4.765em; line-height: 1.025em; color: #01b6f2; font-weight: 900; margin-bottom: 20px;}
.cbox em		{position: relative; display: block; width: auto; max-width: 930px; height: auto; text-align: center; font-size: 2.059em; line-height: 1.2em; font-weight: 300; margin: 0px auto 0px auto;}

#numbers		{position: relative; display: block; width: auto; height: auto; padding: 70px 0px 0px 0px;}
#numbers .nbox	{position: relative; display: block; width: 20%; height: 550px; float: left;}

#numbers .nbox:nth-child(odd)	{background-color: #ccf0fc;}

#numbers .nbox strong	{position: relative; display: block; width: 100%; height: 190px; text-align: center; color: #01b6f2; padding-top:40px; margin-bottom: 60px; font-family: 'Six Caps'; font-size: 13.647em; line-height: 0.819em;}
#numbers .nbox span		{position: relative; display: block; width: auto; height: auto; font-size: 1.471em; line-height: 1.28em; text-align: center; padding: 0px 20px 0px 20px;}

#nlet_form				{position: relative; display: block; width: 100%; height: auto; max-width: 600px; margin: 0px auto 45px auto; padding: 85px 0px 10px 0px;}
#nlet_form	.container	{position: relative; display: block; top: auto; left: auto; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 10px;}
#nlet_form .checkmark 	{position: absolute; top: 0px; left: 5px; height: 18px; width: 18px; border: 1px solid #01b6f2; box-sizing: border-box; border-radius: 5px 5px;}
#nlet_form .wm		{margin-left: 18px;}
#nlet_form .wm2		{margin-left: 35px; padding-left: 35px;}
#nlet_form .wmb		{padding-bottom: 10px; border-bottom: 1px solid #01b6f2; margin-bottom: 10px;}

#nlet_form .container:hover input ~ .checkmark 		{background-color: #ffffff;}
#nlet_form .container input:checked ~ .checkmark 	{background-color: #2196F3;}

#nlet_form input[type="email"]	{position: relative; display: block; width: 100%; height: 40px; line-height: 40px; color: #000000; border: 0px; padding: 0px 120px 0px 35px; box-sizing: border-box; border-bottom: 1px solid #01b6f2;}
#nlet_form input[type="email"]::placeholder	{color: #01b6f2; opacity: 1;}
#nlet_form input.err::placeholder			{color: #ff0000;}

#nlet_form input[type="submit"] 		{position: relative; display: block; width: 100px; height: 40px; background-color: #01b6f2; color: #ffffff; border:0px; outline: none; border-radius: 20px; margin: 0px auto 0px auto;}
#nlet_form input[type="submit"]:hover	{cursor: pointer; background-color: #000000;}
#nlet_form .container input.hidden 	{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}

#nlet_form label	{font-weight: 400; line-height: 1em; color: #01b6f2; color: #000000;}
#nlet_form label.err			{color: #ff0000;}

.form_message			{position: relative; display: none; width: auto; height: auto; text-align: center; font-weight: 500; color: #01b6f2; padding: 20px 0px 20px 0px;}
#form_newsletter_msg	{padding: 85px 0px 70px 0px;}

#wrap .loader		{text-indent: -10000px; background-image: url('images/loader.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px;}

.vboxh			{position: relative; display: flex; width: auto; height: auto; justify-content: space-between; flex-direction: row; margin-bottom: 120px; padding: 0px 20px 0px 20px;}
.vbox			{position: relative; display: flex; width: 30%;  flex-flow: column;}
.vbox_ico		{position: relative; display: block; width: auto; height: auto; padding: 65px 0px 55px 0px;}
.vbox_ico em	{position: relative; display: block; width: 190px; height: 190px; background-color: #01b6f2; border-radius: 50% 50%; -moz-border-radius: 50% 50%; background-repeat: no-repeat; background-position: center center;}
.vbox_ico em.ico_heart		{background-image: url('images/ico_heart.svg');  background-size: 90px;}
.vbox_ico em.ico_tree		{background-image: url('images/ico_tree.svg');  background-size: 90px;}
.vbox_ico em.ico_globe		{background-image: url('images/ico_globe.svg');  background-size: 80px;}
.vbox_text					{position: relative; display: flex; width: auto; height: auto; padding: 40px 0px 40px 0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #01b6f2; text-align: center; flex: 1 1 auto; font-weight: 500;}

#cbox_story		{padding-left: 20px; padding-right: 20px; padding-top: 120px;}
#cbox_story	h2	{text-align: left;} 

.cbox_text		{padding-left: 20px; padding-right: 20px; padding-top: 120px; padding-bottom: 0px;}
.cbox_text	h2	{text-align: left;}
.cbox_text	h2.ac	{text-align: center;}
.tboxt			{position: relative; display: block; width: auto; height: auto; padding: 55px 0px 0px 0px}
.tboxt p		{position: relative; display: block; width: auto; height: auto; margin: 0px 0px 30px 0px;}
.tboxt strong	{position: relative; display: block; width: auto; height: auto; font-size: 2.118em; line-height: 1.056em; color: #01b6f2; padding: 0px 0px 0px 0px; margin-bottom: 20px;}
.tboxt span		{font-weight: 700; color: #01b6f2;}
.tboxt strong.bld	{font-weight: 700;}
.tboxt ul			{position: relative; display: block; border-top: 1px solid #01b6f2; font-weight: 500; font-size: 1.294em; line-height: 1.182em; max-width: 750px; margin: 0px auto 0px auto;}
.tboxt ul li		{position: relative; display: block; border-bottom: 1px solid #01b6f2; padding: 35px 0px 35px 0px;}

.tboxt_boxh		{position: relative; display: flex; width: auto; height: auto; justify-content: space-between; flex-direction: row; padding: 55px 0px 0px 0px; flex-wrap: wrap;}
.tbt_box		{position: relative; display: block; width: 48%; flex-flow: column; padding: 20px 0px 40px 0px;}
.tbt_box strong	{font-weight: 500;}
.tbt_box strong.tb2t_title		{position: relative; display: block; width: auto; height: auto; font-weight: 700; color: #01b6f2; font-size: 1.588em; line-height: 1.111em;}

.tbox1			{position: relative; display: block; width: auto; height: auto; padding: 55px 0px 0px 0px;}
.tbox1 img		{position: relative; display: block; width: auto; height: auto; float: right;}
.tbox1 strong	{position: relative; display: block; width: auto; max-width: 680px; height: auto; font-size: 2.118em; line-height: 1.056em; color: #01b6f2; padding: 65px 0px 0px 0px; margin-bottom: 40px;}
.tbox1 p		{position: relative; display: block; width: auto; max-width: 680px; height: auto; margin: 0px 0px 30px 0px;}

#cbox_sponsor	{padding-left: 20px; padding-right: 20px;}

.tbox2			{position: relative; display: block; width: auto; height: auto; padding: 70px 0px 40px 0px;}
.tbox2_img		{position: relative; display: block; width: auto; height: auto; margin-bottom: 100px;}
.tbox2_img span	{position: absolute; display: block; width: 100%; max-width: 900px; height: auto; left: 50%; bottom: 80px; transform: translateX(-50%); font-weight: 700; color: #ffffff; font-size: 3.353em; line-height: 1.158em;}
.tbox2_img img	{position: relative; display: block; width: 100%; height: auto;}
.tbox2_text		{position: relative; display: block; width: 100%; height: auto; max-width: 900px; margin: 0px auto 0px auto; padding-top: 0px;}
.tbox2_text p	{position: relative; display: block; width: auto; height: auto; margin: 0px 0px 30px 0px;}

.tbox2_boxh		{position: relative; display: flex; width: auto; height: auto; justify-content: space-between; flex-direction: row; padding: 55px 0px 0px 0px;}
.tb2_box		{position: relative; display: block; width: 48%; flex-flow: column; border-top: 1px solid #01b6f2; padding: 20px 0px 0px 0px;}
.tb2_box strong	{font-weight: 500;}
.tb2_box strong.tb2b_title		{position: relative; display: block; width: auto; height: auto; font-weight: 700; color: #01b6f2; font-size: 1.588em; line-height: 1.111em;}


#cbox_contact		{padding-left: 20px; padding-right: 20px; padding-top: 90px; padding-bottom: 120px;}
#cbox_contact h2	{text-align: left; padding-top: 0px; margin-bottom: 70px;}
#cbox_contact .ico	{position: relative; display: block; width: auto; max-width: 460px; font-weight: 700; font-size: 1.765em; line-height: 1.4em; padding-left: 60px; margin-bottom: 50px; background-repeat: no-repeat;}
#cbox_contact a.ico	{color: #000000;}
#cbox_contact a.ico:hover	{color: #01b6f2;}
#cbox_contact .ico_email	{background-position: left 7px; background-size: 40px; background-image: url('images/ico_email.svg');}
#cbox_contact .ico_addr			{background-position: left 7px; background-size: 30px; background-image: url('images/ico_location.svg');}
#cbox_contact .ico_instagram	{background-position: left 2px; background-size: 40px; background-image: url('images/ico_instagram.svg');}
#cbox_contact .ico_phone			{background-position: left 7px; background-size: 35px; background-image: url('images/ico_phone.svg');}
#cbox_contact .ico_phone em	{text-align: left; font-style: normal; font-size: 0.7em; line-height: 1em;}
#cbox_contact iframe		{position: absolute; display: block; width: 800px; height: 470px; top: 90px; right: 20px;}


#cbox_message		{padding-left: 20px; padding-right: 20px; padding-bottom: 150px;}
#cbox_message h2	{text-align: left; max-width: 720px;}
#cbox_message em	{text-align: left; max-width: 720px; margin: 0px 0px 0px 0px;;}

#cbm_holder			{position: relative; display: flex; width: auto; height: auto; justify-content: space-between; flex-direction: row; padding: 100px 0px 0px 0px;}
.cbm_box			{position: relative; display: flex; width: 45%;  flex-flow: column;}
.cbm_box ul			{position: relative; display: block; border-top: 1px solid #01b6f2; font-weight: 500; font-size: 1.294em; line-height: 1.182em; color: #01b6f2;}
.cbm_box ul li		{position: relative; display: block; border-bottom: 1px solid #01b6f2; padding: 35px 0px 35px 0px;}

.cbm_box fieldset	{position: relative; display: block; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #01b6f2; padding: 15px 20px 15px 20px;}
.cbm_box fieldset:first-child	{border-top-width: 1px;}

.cbm_box label				{position: absolute; display: block; top: 15px; left: 20px; font-weight: 500; font-size: 0.941em; color: #01b6f2; z-index: 100;}
.cbm_box label.err			{color: #ff0000;}
.cbm_box input[type="text"],
.cbm_box input[type="email"]	{position: relative; display: block; width: 100%; height: 45px; line-height: 45px; color: #000000; border: 0px; padding: 0px 0px 0px 60px; box-sizing: border-box; background-color: transparent;}
.cbm_box textarea			{position: relative; display: block; width: 100%; height: 200px; line-height: 45px; color: #000000; border: 0px; padding: 10px 0px 0px 60px; box-sizing: border-box; background-color: transparent; line-height: 1.25em;}
.cbm_box input[type="checkbox"]	{position: relative; display: inline-block;}

.cbm_box input[type="submit"] {position: relative; display: block; width: 100px; height: 40px; background-color: #01b6f2; color: #ffffff; border:0px; outline: none; border-radius: 20px; margin-top: 25px;}
.cbm_box input[type="submit"]:hover	{cursor: pointer; background-color: #000000;}

.cbm_box .container 		{position: relative; display: block; top: auto; left: auto; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0.824em; margin-top: 10px;}
.cbm_box .container input 	{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.cbm_box .checkmark 		{position: absolute; top: 5px; left: 0; height: 18px; width: 18px; border: 1px solid #01b6f2; box-sizing: border-box; border-radius: 50% 50%;}

.cbm_box .container:hover input ~ .checkmark 	{background-color: #ffffff;}
.cbm_box .container input:checked ~ .checkmark 	{background-color: #2196F3;}

.hbanner		{position: relative; display: block; width: 100%; height: auto;}

.hbb			{border: 1px solid #ffd0d0;}

.btn			{position: relative; display: block; text-align: center; padding: 40px 10px 30px 10px;}
.btn a			{position: relative; display: inline-block; width: auto; height: auto; background-color: #f25930; color: #ffffff; padding: 15px 30px 15px 30px; border-radius: 30px; font-size: 1.471em; line-height: 1.28em;}
.btn a:hover	{color: #7d2533;}

.btn_higl a		{background-color: #ec6166; color: #ffffff;}
.btn_higl a:hover	{color: #fdf202;}

.btn1 a			{background-color: #f98585; border: 1px solid #ffd0d0;}

.team			{position: relative; display: block; width: auto; height: auto;}
.team ul		{position: relative; display: flex; width: auto; height: auto; justify-content: center; flex-direction: row; flex-wrap: wrap; align-items: center;}
.team ul li		{position: relative; display: flex; width: 300px; flex-flow: column; margin: 20px 20px 20px 20px; text-align: center; box-sizing: border-box;}
.team ul li img	{position: relative; display: block; width: auto; height: auto; border-radius: 50%; margin-bottom: 10px;}
.team ul li strong	{position: relative; display: block; font-weight: 500; font-size: 2.118em; line-height: 1.111em; color: #01b6f2;}
.team ul li span	{position: relative; display: block; font-size: 1.412em; line-height: 1.083em;}

@media screen and (max-width: 1366px) {
  body {
	  font-size: 0.875em;
  }
  
  #newsc h1 {font-size: 4.765em; bottom: 30px;}
  
  #cbox_contact iframe {width: 500px;}
}

@media screen and (max-width: 1024px) {
  body {
	  font-size: 0.75em;
  }
  input, 
  textarea {font-size: 1.333em;}
 
  #cbox_contact h2			{padding-top: 0px;}
  #cbox_contact iframe		{position: relative; display: block; width: 800px; height: 470px; top: auto; right: auto; margin: 0px auto;}
}