/*
Color background: f0ffee
Color default font: 000000
Color dark fshade: 258447
Color medium shade: 619e62
Color light shade: a0bca0
*/

.domain:before {
    content: "\0040";
}

/*FONT STANDARDS*/
.font_size_1{
	font-size: 20px;
}
.font_size_2{
	font-size: 0.6em;
}
.font_size_2a{
	font-size: 2em;
}
.font_size_3{
	font-size: 1.4em;
}
.font_size_3b{
	font-size: 7em;
}
.font_size_4{
	font-size: 50px;
}
.font_size_5{
	font-size: 0.95em;
}

.logo_text_small{
	/* color text or shadow menu right */	
    /* text-shadow: 0px 0px #808080; */
    letter-spacing: -0.5px;
    font-size: 17px;
    font-weight: 300;	
}
.logo_text_small_home{
	/* color ? */		
    /* text-shadow: 0px 0px #red;*/
    letter-spacing: -0.5px;
    font-size: 17px;
    font-weight: 300;	

}

.logo_text_large{
	/* color shadow Kiwiversity text logo */
    line-height: 1em;
    text-shadow: 2px 2px #707070;
    letter-spacing: -3px;
    font-weight: 500;		
}
.logo_text_small,.logo_text_large{
	/* color Kiwiversity text logo */
	font-family: 'Hind', sans-serif;
    color: #8A8A8A;
    color: #A5A5A5;	
    color: #AEADA2;	
}

body,html{
	/* color text footer */		
	padding: 0;
	margin: 0;
	height: 100%;
	font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: #676662;
    height: 100%;
}
a{
	/* color text menu left */			
	text-decoration: none;
	color:#484745;
}

a:hover{
	color: #707070;
}
.GLOBAL_WRAPPER{
	min-width: 700px;
}
.float_bg{
/*background: #f0ffee;*/
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -10;
background: #f9f9f7; /* For browsers that do not support gradients */

}
.footpath{
	position: absolute;
	width: 100%;
	height: 100px;
	z-index: -1;

}
/*GLOBAL MENU*/
.GLOBAL_MENU{
	position: fixed;
	padding-top: 3px;	
	left: 10px;
	right: 10px;
	top: 5px;
	border-radius: 5px;
	/* color border top menu */		
	border: 1px solid #B2AFAF;
	background: #f0ffee;
	background: white;	
	z-index: 1;
	/* color border shadow top menu */		
	box-shadow: 2px 2px #B2AFAF;
	height: 35px;

}
.GLOBAL_MENU div{
	margin-left: 20px;
	margin-right: 20px;
}
.logo{
	float: left;
	margin-top: 7px;
	color:#484745;	
}
.try,.login{
	float: right;
	margin-top: 7px;
	color:#484745;	
}

.facebook{
	float: right;
    position: relative; top: 4px;	
    vertical-align:top;zoom:1;
	padding-top: 50px;	
	margin-top: 50px;	
	margin-left: 50px;
	margin-right: 50px;
}

.GLOBAL_FOOTER{
	/* background color footer */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}
.GLOBAL_FOOTER .inner{
	/* Color separation footer-main line */		
	border-top: 1px solid #B2AFAF;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_LIGHT{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}

.GLOBAL_FOOTER_LIGHT .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_SMART{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 270px;
	width: 100%;
	padding-top: 0px;	
	padding-bottom: 10px;
}
.GLOBAL_FOOTER_SMART .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_CONTACTUS{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}
.GLOBAL_FOOTER_CONTACTUS .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_PREMIUM{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}
.GLOBAL_FOOTER_PREMIUM .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_WHAT_IS{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}
.GLOBAL_FOOTER_WHAT_IS .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}

.GLOBAL_FOOTER_FRIENDLY{
	/* Color ? */		
	background: #f9f9f7;
	margin-top: 50px;
	width: 100%;
	padding-bottom: 30px;
}
.GLOBAL_FOOTER_FRIENDLY .inner{
	/* Color ? */		
	border-top: 1px solid #707070;
	padding-top: 10px;
	margin: 10px;
}


/*GLOBAL ELEMENTS*/
.page{
	height: 80vh;
	position: relative;
	margin-bottom: 0px;
}
.page_partial3{
	min-height: 400px;
	position: relative;
}

.page_partial4{
	height: 25vh;
	position: relative;
	margin-bottom: 15%;
}

.page_partial5{
	height: 25vh;
	position: relative;
	margin-bottom: 15%;
}

.page_partial6{
	height: 25vh;
	position: relative;
	margin-bottom: 15%;
}

.page_partial7{
	height: 25vh;
	position: relative;
	margin-bottom: 15%;
	margin-top: 5%;
	margin-left: 5%;		
}

.page_partial8{
	min-height: 50vh;
	margin-bottom: -50px;
	position: relative;
}

.page_partial9{
	min-height: 50vh;
	margin-bottom: -50px;
	position: relative;
}

.page_partial10{
	min-height: 70vh;
	margin-bottom: 50px;
	position: relative;
}

.page_partial11{
	min-height: 50vh;
	margin-bottom: -50px;
	position: relative;
}

.page_partial{
	min-height: 50vh;
	margin-bottom: -50px;
	position: relative;
}

.page_inner_full{

}

.page_inner_center_center{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 50vw;
    height: 50vh;
    position:absolute; /*it can be fixed too*/
    left:0; right:0;
    top:0; bottom:0;
    margin:auto;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.page_inner_left_center2{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 50vw;
    height: 50vh;
    position:relative; /*it can be fixed too*/
    left:0px; right:0;
    top:0; bottom:0;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.page_inner_left_center2_price{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 50vw;
    height: 50vh;
    position:relative; /*it can be fixed too*/
    left:-200px; right:0;
    top:0; bottom:0;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.page_inner_left_center_registration{
	min-width: 600px;
	min-height: 10px;
	max-width: 1200px;
	max-height: 10px;
	border: 0px solid blue;
    width: 50vw;
    height: 10vh;
    left:0px; right:0;
    top:0; bottom:0;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}



.page_inner_center_center2{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 85vw;
    height: 50vh;
    position:absolute; /*it can be fixed too*/
    left:0px; right:0;
    top:50px; bottom:0;
    margin:auto;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.page_inner_left_center_login{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 85vw;
    height: 50vh;
    position:absolute; /*it can be fixed too*/
    left:0px; right:0;
    top:250px; bottom:0;

    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.page_inner_left_center_login2{
	overflow: visible;
	min-width: 600px;
	min-height: 600px;
	max-width: 1200px;
	max-height: 1200px;
	border: 0px solid blue;
    width: 85vw;
    height: 50vh;
    position:absolute; /*it can be fixed too*/
    left:0px; right:0;
    top:10px; bottom:0;

    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width:100%;
    max-height:100%;
}

.centered{
	text-align: center;
}
.button{
	/* Color buttons */		
	text-align: center;	
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 10px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
}
.button_options{
	position: absolute;
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 10px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
	margin-left: 10%;
	z-index:1;	
}

.button_options_subscribe{
	position: absolute;
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 10px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
	margin-left: 10%;
	z-index:1;	
}

.button_options_premium{
	position: absolute;
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 10px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
	margin-left: 10%;
	margin-top: 10%;	
	z-index:1;	
}

.payment_box{
	position: absolute;
    padding: 10px 15px;
    display: inline-block;
	margin-top:  -1%;		
	margin-left: 11%;
	z-index:1;
}

.contactus {
	position: absolute;
	margin-left: 110px;
	font-weight: 400;
	z-index:1;		
	margin-top: -380px;	
}

.button_joint_pricing_free{
	text-align: center;		
	position: relative;
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 0px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
	margin-left: 115px;
}

.button_joint_pricing_premium{
	text-align: center;		
	position: relative;
	background: #00A992;
    box-shadow: 3px 3px #707070;
    border-radius: 5px;
    padding: 0px 15px;
    color: white;
	font-weight: 400;
    display: inline-block;
    cursor: pointer;
	margin-left: 95px;
}

.button_options:hover{
    box-shadow: 2px 2px #707070;
}

.title_parts{
	/* Color text title */		
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 400;
	color: #808080;	
	/*text-shadow: 1px 1px #707070;*/

}

.title_parts_index{
	/* Color text underneath Kiwiversity (Slogan) */		
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 400;
	color: #808080;	
	/*text-shadow: 1px 1px #a0bca0;*/

}


.title_parts_light{
	/* ? */	
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight: 100;
	color: #707070;	


}

.title_parts_pricing{
	/* ? */		
	margin-top: 2%;
	margin-bottom: 5%;
	font-weight: 100;
	color: #707070;	


}

.text_desc{	
	/* Color subtitle and text  */	
	font-weight: 300;
	color: #707070;
	margin-bottom: -10px;	
}

.text_desc2{	
	font-weight: 300;
	color: #707070;
	font-size: 17px;
	width: 100%;
	height: 100%;
}

.text_desc div{
	font-weight: 500;
	font-style: italic;
	margin-bottom: 10px;
}
.left_portion{
	width: 75%;
}
.right_portion{
	width: 75%;
	margin-left: 25%;
}
.center_portion{
	width: 75%;
	margin: auto;
}
.center_portion.text_desc{
	margin-top: 0px;
}
.button:hover{
    margin: 1px 0 0 1px;
    box-shadow: 2px 2px #707070;

}

/*HOME SPLASH PAGE*/
.home_splash .logo_kiwi{
	width: 13vw;
	margin: 7vh auto 2vw auto;
	margin-bottom: -15px;
    margin-top: -15px;	
}
.home_splash .logo_kiwi img{
	width: 100%;
}

.home_splash_side_price .logo_kiwi{
	width: 12vw;
	margin: 7vh auto 2vw auto;
}

.home_splash_side_price .logo_kiwi img{
	width: 100%;
}

/*HOME SPLASH SIDE PAGE*/
.home_splash_side .logo_kiwi{
	width: 8vw;
	margin-left: 10%;
	margin-top: 10%;
}
.home_splash_side .logo_kiwi img{
	width: 100%;
}

.home_splash_side_registration .logo_kiwi{
	width: 6vw;
	margin-left: 10%;
	margin-top: 20%;
}

.home_splash_side_premium .logo_kiwi{
	width: 6vw;
	margin-left: 10%;
	margin-top: 20%;
}

.home_splash_side_contactus .logo_kiwi{
	width: 12vw;
	margin-top: 25%;
	margin-left: 15%;	
}

.home_splash_side_contactus .logo_kiwi img{
	width: 100%;
}

.home_splash_side_registration_key .logo_kiwi{
	width: 8vw;
	margin-left: 40%;
	margin-top: 10%;
}

.home_splash_side_registration_login .logo_kiwi{

	width: 10vw;
	margin-left:  25%;
	margin-top: -15%;
}

.home_splash_side_registration_connect .logo_kiwi{
	width: 8vw;
	margin-left: 55%;
	margin-top: 10%;
}

li {
  position: relative; /* necessary for positioning the :after */
}
li.checkmark {
  list-style: none; /* remove normal bullet for checkmark items */
}
li.checkmark:after {
  content: "";
  background-color: transparent;
  /* position the checkbox */
  position: absolute;
  left: -25px;
  top: 0px;
  margin-top: 7px;
  /* setting the checkbox */
  /* short arm */
  width: 7px;
  border-bottom: 4px solid #00A992;
  /* long arm */
  height: 11px;
  border-right: 4px solid #00A992;
  /* rotate the mirrored L to make it a checkbox */
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.pricing_free_box{
	background: #f0ffee;
	margin-top: -15px;
	border: 1px solid #a0bca0;
	margin-left: 2%;
    width: 410px;
    height: 470px;
}

.pricing_premium_box{
	background: #f0ffee;
	margin-top: -472px;
	border: 1px solid #a0bca0;
	margin-left: 52%;
    width: 410px;
    height: 470px;
}

.pricing_free_box .text_pricing_title {
	margin-top: 10px;
	font-size: 17px;	
	font-weight: 600;
	color: #707070;	
    line-height: 3em;
}

.pricing_free_box_subtitle {
	text-align: center;	
}

.pricing_premium_box_subtitle {
	text-align: center;	
}

.pricing_free_box .text_pricing {
	font-size: 12px;
	margin-top: 20px;
	margin-left: 40px;
	font-weight: 400;
	color: #707070;	
    line-height: 3em;
}

.pricing_premium_box .text_pricing_title {
	margin-top: 10px;
	font-size: 17px;	
	font-weight: 600;
	color: #707070;	
    line-height: 3em;
}

.pricing_premium_box .text_pricing {
	font-size: 12px;
	margin-top: 20px;
	margin-left: 40px;
	font-weight: 400;
	color: #707070;	
    line-height: 3em;
}

.subscribe_box{
	background: #f0ffee;
	margin-top: -15px;
	border: 2px solid #a0bca0;
    box-shadow: 2px 2px #619e62;
    border-radius: 15px;
	margin-left: 8%;
    width: 725px;
    height: 410px;
}

.subscribe_box_title{
	text-align: center;	
	font-weight: 100;
	color: #707070;	
	text-shadow: 1px 1px #a0bca0;		
    width: 785px;
    height: 60px;
	margin-top: 2%;
	margin-bottom: -6%;
	margin-left: 5%;	
}

.subscribe_box .text2 {
	font-size: 12px;	
	margin-top: 20px;
	margin-left: 20px;
	font-weight: 400;
	color: #707070;			
}

.subscribe_box .text2_comment {
	font-size: 12px;
	font-weight: 400;
	color: #707070;			
}
	
.subscribe_box .text2 .label {
  display: inline-block;
  float: left;
  clear: left;
  width: 350px;
  text-align: right;  
}

.subscribe_box .text2 .input {
  display: inline-block;
  float: left;
}

.contactus_box{
	background: #f0ffee;
	margin-top: -15px;
	border: 2px solid #a0bca0;
    box-shadow: 2px 2px #619e62;
    border-radius: 15px;
	margin-left: 8%;
    width: 725px;
    height: 430px;
}

.contactus_box_title{
	text-align: center;	
	font-weight: 100;
	color: #707070;	
	text-shadow: 1px 1px #a0bca0;		
    width: 785px;
    height: 60px;
	margin-top: 2%;
	margin-bottom: -6%;
	margin-left: 5%;	
}

.contactus_box .text2 {
	font-size: 12px;	
	margin-top: 20px;
	margin-left: 20px;
	font-weight: 400;
	color: #707070;			
}

.contactus_box .text2_comment {
	font-size: 12px;
	font-weight: 400;
	color: #707070;			
}
	
.contactus_box .text2 .label {
  display: inline-block;
  float: left;
  clear: left;
  width: 350px;
  text-align: right;  
}

.contactus_box .text2 .input {
  display: inline-block;
  float: left;
}

.premium_box{
	background: #f0ffee;
	margin-top: -15px;
	border: 2px solid #a0bca0;
    box-shadow: 2px 2px #619e62;
    border-radius: 15px;
	margin-left: 8%;
    width: 725px;
    height: 440px;
}

.premium_box_title{
	font-weight: 100;
	color: #707070;	
	text-shadow: 1px 1px #a0bca0;		
    width: 725px;
    height: 60px;
	margin-top: 3%;
	margin-bottom: -5%;
	margin-left: 8%;	
}

.premium_box .text2 {
	font-size: 12px;	
	margin-top: 20px;
	margin-left: 20px;
	font-weight: 400;
	color: #707070;				
}
	
.premium_box .text2 .label {
  display: inline-block;
  float: left;
  clear: left;
  width: 350px;
  text-align: right;  
}

.premium_box .text2 .input {
  display: inline-block;
  float: left;
}

.home_element{
	margin-top: 0px;
}
		
.home_element .button{
	margin-top: 20px;
}

.home_element_first{
	margin-top: 0px;
}

.home_element_first .button{
	margin-top: 20px;
}