@charset "utf-8";

/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME: themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(normalize.css);

@import url(homepage.css);

@import url(navi.css);

@import url(forms.css);

@import url(tables.css);

@import url(mobile.css);

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@font-face {
	font-family: 'FontAwesome';
	src: url('../icons/fontawesome-webfont.eot?v=4.0.3');
	src: url('../icons/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../icons/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  url('../icons/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  url('../icons/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url("//hello.myfonts.net/count/31e6ad");

@font-face {
	font-family: 'Atletico-Bold';
	src: url('../fonts/31E6AD_0_0.eot');
	src: url('../fonts/31E6AD_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_0_0.woff2') format('woff2'),url('../fonts/31E6AD_0_0.woff') format('woff'),url('../fonts/31E6AD_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'NeoSansLight';
	src: url('../fonts/31E6AD_1_0.eot');
	src: url('../fonts/31E6AD_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_1_0.woff2') format('woff2'),url('../fonts/31E6AD_1_0.woff') format('woff'),url('../fonts/31E6AD_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Atletico-Medium';
	src: url('../fonts/31E6AD_2_0.eot');
	src: url('../fonts/31E6AD_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_2_0.woff2') format('woff2'),url('../fonts/31E6AD_2_0.woff') format('woff'),url('../fonts/31E6AD_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Atletico-Thin';
	src: url('../fonts/31E6AD_3_0.eot');
	src: url('../fonts/31E6AD_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_3_0.woff2') format('woff2'),url('../fonts/31E6AD_3_0.woff') format('woff'),url('../fonts/31E6AD_3_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Atletico-Regular';
	src: url('../fonts/31E6AD_4_0.eot');
	src: url('../fonts/31E6AD_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_4_0.woff2') format('woff2'),url('../fonts/31E6AD_4_0.woff') format('woff'),url('../fonts/31E6AD_4_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Atletico-UltraLight';
	src: url('../fonts/31E6AD_5_0.eot');
	src: url('../fonts/31E6AD_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31E6AD_5_0.woff2') format('woff2'),url('../fonts/31E6AD_5_0.woff') format('woff'),url('../fonts/31E6AD_5_0.ttf') format('truetype');
}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/myriad-pro/myriad-pro-regular-webfont.eot');
	src: url('../fonts/myriad-pro/myriad-pro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriad-pro/myriad-pro-regular-webfont.woff') format('woff'),
         url('../fonts/myriad-pro/myriad-pro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriad-pro/myriad-pro-regular-webfont.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeoSansRegular';
	src: url('../fonts/neosans/neosans.eot');
	src: url('../fonts/neosans/neosans.eot') format('embedded-opentype'),
         url('../fonts/neosans/neosans.woff') format('woff'),
         url('../fonts/neosans/neosans.ttf') format('truetype'),
         url('../fonts/neosans/neosans.svg#NeoSansRegular') format('svg');
}

@font-face {
	font-family: 'NeoSansMedium';
	src: url('../fonts/neosans-medium/NeoSans-Medium.eot');
	src: url('../fonts/neosans-medium/NeoSans-Medium.eot') format('embedded-opentype'),
         url('../fonts/neosans-medium/NeoSans-Medium.woff') format('woff'),
         url('../fonts/neosans-medium/NeoSans-Medium.ttf') format('truetype'),
         url('../fonts/neosans-medium/NeoSans-Medium.svg#NeoSansMedium') format('svg');
}

@font-face {
	font-family: 'NeoSansBold';
	src: url('../fonts/neosans-bold/neosans-bold.eot');
	src: url('../fonts/neosans-bold/neosans-bold.eot') format('embedded-opentype'),
         url('../fonts/neosans-bold/neosans-bold.woff') format('woff'),
         url('../fonts/neosans-bold/neosans-bold.ttf') format('truetype'),
         url('../fonts/neosans-bold/neosans-bold.svg#NeoSansBold') format('svg');
}

@font-face {
	font-family: 'NeoSansItalic';
	src: url('../fonts/neosans-italic/neosans-italic.eot');
	src: url('../fonts/neosans-italic/neosans-italic.eot') format('embedded-opentype'),
         url('../fonts/neosans-italic/neosans-italic.woff') format('woff'),
         url('../fonts/neosans-italic/neosans-italic.ttf') format('truetype'),
         url('../fonts/neosans-italic/neosans-italic.svg#NeoSansItalic') format('svg');
}

@font-face {
	font-family: 'NeoSansLight';
	src: url('../fonts/neosans-light/NeoSans-Light.eot');
	src: url('../fonts/neosans-light/NeoSans-Light.eot') format('embedded-opentype'),
         url('../fonts/neosans-light/NeoSans-Light.woff') format('woff'),
         url('../fonts/neosans-light/NeoSans-Light.ttf') format('truetype'),
         url('../fonts/neosans-light/NeoSans-Light.svg#NeoSansLight') format('svg');
}

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}

:focus {
	outline: 0
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #014B50;
	margin: 0;
	padding: 0
}

ol, ul {
	list-style: none
}

table {
	border-collapse: separate;
	border-spacing: 0
}

caption, th, td {
	text-align: left;
	font-weight: normal
}

blockquote:before, 
blockquote:after,
q:before, q:after {
	content: ""
}

blockquote, q {
	quotes: "" ""
}

* {
	margin: 0;
	padding: 0
}

html, body {
	height: 100%
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background: #CCE8DC;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'NeoSansLight', 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: none
}

.fixed {
	padding: 0;
	margin: 0 auto;
	max-width: 855px;
	width: 100%;
	text-align: left;
	position: relative
}


.fixed:before,
.fixed:after {
	content: "";
	display: table
}

.fixed:after {
	clear: both
}

.fixed {
	clear: both;
	*zoom: 1
}

#backend__frame .fixed {
	max-width: 1120px
}

a {
	
}

a:hover {
	
}

h1, h2, h3 {
	margin: 0 0 8px 0;
	padding: 0;
	display: block
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

/* embedded videos */

embed,
	object,
	iframe {
	width: 100%;
	height: auto;
}

h1,h2 {
	display: block;
	font-family: 'NeoSansLight'
}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
	zoom: 1;
}

.group:before,
.group:after {
	content: "";
	display: table
}

.group:after {
	clear: both
}

.group {
	clear: both;
	*zoom: 1
}

.parallax {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover
}

.onlyHome {
	background-size: cover !important
}


/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#header {
	position: relative;
	width: 100%;
    max-width: 1346px;
	padding: 0;
	margin: 0 auto;
	height: 80px;
	background: #fff;
	font-family: 'NeoSansLight';
}

#header:before,
#header:after {
	content: "";
	display: table
}

#header:after {
	clear: both
}

#header {
	clear: both;
	*zoom: 1
}

#header .logo {
	position: relative;
	float: left;
	width: 74px;
	height: 59px;
	padding: 12px 0 0;
	margin: 0
}

#header .logo img {
	width: 40px
}

#header .top_menu {
	position: relative;
	float: right;
	width: 80%;
	padding: 10px 0 0 0;
	margin: 0 0 0 0
}

#header .top_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 14px 0 0;
	overflow: hidden
}

#header .top_menu li {
	/*float: left;
	margin: 0 22px 0 0
	margin: 0*/
	list-style: none;
    margin: 0 10px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    border-bottom: 4px solid #fff;
}
#header .top_menu li.selected,
#header .top_menu li:hover {
	border-bottom: 4px solid #014B50
}

#header .top_menu li a {
	/*
	display: block;
	color: #014B50;
	text-align: center;
	padding: 14px 10px;
	margin:0 10px;
	text-decoration: none;
	font-size: 20px
	*/
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: relative;
    display: inline;
    text-decoration: none;
    font-size: 20px;
    color: #014B50;
}



#header .top_menu li:first-child {
	/*margin: 0 !important*/
}

.hamburger {
	background: none;
	position: absolute;
	top: -40px;
	right: 0;
	line-height: 45px;
	padding: 0px 0 0px 15px;
	color: #014B50;
	border: 0;
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 100001
}

.cross {
	background: none;
	position: absolute;
	top: -40px;
	right: 0;
	padding: 0px 0 0px 15px;
	color: #014B50;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 100001
}

.cross i {
	font-style: normal;
	font-size: 18px;
	line-height: 0;
	display: inline-block;
	position: absolute;
	top: 23px;
	right: 0
}

.menu {
	z-index: 1000000;
	font-size: 0.8em;
	width: 100%;
	background: #CCE8DC;
	position: absolute;
	top: 80px;
	right: 0;
	text-align: center
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none
}

.menu li {
	display: block;
	text-align: left;
	padding: 8px;
	border-bottom: #ABABAD 1px solid
}

.menu li:last-child {
	border-bottom: #ABABAD 0px solid !important
}

.menu ul li a {
	text-decoration: none;
	margin: 0px;
	color: #676769
}

.menu ul li a:hover {
	color: #fff;
	text-decoration: none
}

.menu a {
	text-decoration: none;
	color: #676769
}

.menu a:hover {
	text-decoration: none;
	color: #676769
}

#backend__frame #header {
	height: 59px !important;
	overflow: hidden
}

#backend__frame #selected {
	padding: 14px 0 8px !important
}

/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#main {
	position: relative;
	width: 100%;
    max-width: 1346px;
	padding: 0;
	margin: 0 auto;
	background-color: #CCE8DC
}

#main:before,
#main:after {
	content: "";
	display: table
}

#main:after {
	clear: both
}

#main {
	clear: both;
	*zoom: 1
}

h1 {
	font-size: 30px;
	line-height: 33px
}

.two_lines	h1 {
	line-height: 35px !important
}

h2 {
	padding: 10px 0 15px !important;
	margin: 0 !important;
	font-size: 26px
}

.inline-group a {
	color: #fff !important;
	text-decoration: none
}

#close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	height: 52px;
	padding: 0;
	margin: 0;
	background: url('../images/cross.png') no-repeat 0 0;
	z-index: 10001
}

#close a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

span.close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	height: 52px;
	padding: 0;
	margin: 0;
	background: url('../images/cross.png') no-repeat 0 0;
	z-index: 10001
}

span.close a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

#forgotten-window {
	padding: 0;
	margin: 0;
	max-width: 535px;
	width: 100%;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	color: #fff;
	background-color: rgb(1, 75, 80);
}

#forgotten-window .form__frame {
	position: relative;
	padding: 53px 85px;
	margin: 0 auto;
	text-align: center !important;
	font-family: 'NeoSansLight';
}

#forgotten-window .form__frame p {
	padding: 0 0 8px !important;
	font-size: 15px;
	line-height: 20px
}

#forgotten-window .form__frame .sky-form section {
	margin: 12px 0 !important
}

#forgotten-window .form__frame .sky-form input {
	text-align: center !important
}

.centered {
	text-align: center !important
}

.btn_middle {
	float: none !important;
	margin: 0 auto !important
}

#signin-window {
	padding: 0;
	margin: 0;
	max-width: 425px;
	width: 100%;
	min-height: 275px;
	height: auto !important;
	height: 175px;
	color: #fff;
	background-color: #2C2D33;
	font-family: 'NeoSansLight'
}

#signin-window .form__frame {
	position: relative;
	padding: 53px 70px;
	margin: 0 auto;
	text-align: center !important
}

#signin-window .form__frame p {
	padding: 0 0 25px !important;
	font-size: 15px;
}

.content__frame {
	position: relative;
	margin: 0 auto;
	padding: 60px 0
}

.content__frame02 {
	position: relative;
	margin: 0 auto;
	padding: 60px 50px;
display:table
}

.form_inner {
	position: relative;
	padding: 25px 50px 50px;
	margin: 0 auto 25px;
	max-width: 642px;
	width: 100%;
	color: #fff;
	background-color: #8ECBB1
}

.no__marg_b {
	margin-bottom: 0 !important
}

.over_b {
	padding: 0 !important;
	margin-right: 0 !important;
	width: 39% !important
}

.over_c {
	padding: 0 !important;
	margin-right: 1px !important;
	width: 20% !important
}

p.intro {
	font-size: 20px !important;
	font-family: 'NeoSansLight';
	margin: 0 0 25px
}

.user_inner {
	position: relative;
	padding: 50px;
	margin: 0 auto 25px;
	max-width: 855px;
	width: 100%;
	color: #fff;
	background-color: #8ECBB1;
}

.user_inner_dash {
	position: relative;
	padding: 50px 5%;
	margin: 0 auto 25px;
	max-width: 855px;
	width: 90%;
	color: #fff;
	background-color: #8ECBB1;
}

.user_inner_dash_user {
	position: relative;
	padding: 50px 5%;
	margin: 0 auto 25px;
	max-width: 855px;
	width: 100%;
	color: #fff;
	/*background-color: rgba(0,0,0,0.6)*/
background-color:#8ECBB1
}

.small__box {
	position: relative;
	padding: 8px 10px !important;
	margin: 0 0 25px !important;
	background: #2C2D33;
	text-align: left;
	line-height: 20px;
	font-size: 14px
}

.user_box_frame {
	position: relative;
	padding: 20px 0 0 !important;
	margin: 0 !important;
	width: 100%
}

.user_box_frame	h3 {
	display: block;
	padding: 0 0 15px;
	font-size: 25px;
	font-weight: normal
}

.edit-btn {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	color: #014B50;
	margin: 0;
	text-decoration: none;
	text-align: center;
	padding: 5px 0;
	width: 200px;
	border-radius: 0;
	border: solid 0 #014B50;
	border-bottom: 2px solid #014B50;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-family: 'NeoSansBold';
}

.edit-btn-inline {
	display: inline-block;
	position: relative;
	background: #fff;
	color: #8ECBB1;
	margin: 0;
	text-decoration: none;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
	width: 200px;
	border-radius: 0;
	border: solid 0 #014B50;
	border-bottom: 2px solid #014B50;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-family: 'NeoSansBold';
}

.box_in01 {
	position: relative;
	padding: 0;
	margin: 0 auto 10px;
	width: 100%;
	color: #fff;
	background-color: #8ECBB1;
	min-height: 180px;
	height: auto !important;
	height: 180px
}

/*335*/

.box_in01 .wrapper {
	padding: 10px;
	font-family: 'NeoSansLight';
	font-size: 14px
}

.box_in01 .wrapper h4 {
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 10px 0 0 !important
}

.box_in01 .wrapper .inner__01 {
	position: relative;
	background-color: #8ECBB1;
	padding: 15px 15px 0;
	margin: 0
}

.countdown__frame {
	position: relative;
	padding: 0;
	margin: 0 0 5px
}

.countdown__frame span {
	display: inline-block;
	background-color: #8ECBB1;
	color: #fff;
	text-transform: uppercase;
	padding: 0 6px;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	font-family: 'NeoSansBold'
}

.h2_cd {
	display: block;
	color: #fff;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	font-size: 14px;
	font-family: 'NeoSansMedium'
}

.parent_inner_dash {
	position: relative;
	padding: 50px 5%;
	margin: 0 auto 25px;
	max-width: 855px;
	width: 90%;
	color: #fff;
	background-color: #8ECBB1;
}

.survey-btn-inline {
	display: inline-block;
	position: relative;
	background: #fff;
	color: #8ECBB1;
	padding: 5px 0;
	width: 200px;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	border-radius: 0;
	border: solid 0 #8ECBB1;
	border-bottom: 2px solid #8ECBB1;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.in__left {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0
	/*

; background-color: rgba(0,0,0,0.4) */
}

.in__right {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0/*

; background-color: rgba(0,0,0,0.4)*/
}

.contact_bg {
	background-image: url('../images/jumping-lake.jpg')
}

#contact__warpper {
	position: relative;
	padding: 50px;
	margin: 0;
	max-width: 426px;
	width: 100%;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	color: #fff;
	background-color: #8ECBB1;
}

#contact__warpper p.p_1 {
	display: block;
	padding: 0 0 15px;
	font-size: 24px;
	font-weight: 100;
	font-family: 'NeoSansLight'
}

#contact__warpper p.p_2 {
	display: block;
	padding: 0 0 15px;
	font-size: 24px;
	font-weight: 100;
	font-family: 'NeoSansLight'
}

#contact__warpper strong {
	
}

.reg_bg {
	background-image: url('../images/details__bg.jpg')
}

.home_bg {
	background-image: url('../images/boy-climbing-net.jpg')
}

.login__frame {
	position: relative;
	padding: 50px 40px;
	margin: 0 auto;
	max-width: 580px;
	width: 100%;
/*
	min-height: 350px;
	height: auto !important;
	height: 350px;
*/
	color: #fff;
	background-color: #8ECBB1;
	text-align: center;

display:table-cell;
vertical-align:middle;
height:400px
}


.login__frame h2 {
	padding: 10px 0 30px !important
}

p.sub__text {
	display: block;
	padding: 25px 0;
	font-size: 25px;
	line-height: 34px;
	font-weight: 100;
	font-family: 'NeoSansLight'
}

.dash_bg {
	background-image: url('../images/other__bg.jpg')
}

.dash__frame {
	position: relative;
	padding: 0;
	margin: 30px 0 0
}

.nav_right {
	float: right !important
}

.inner_content_frame {
	position: relative;
	padding: 0;
	margin: 30px 0 0;
	font-family: 'NeoSansLight';
}

.form__frame h2 {
	padding: 10px 0 5px !important;
	margin: 0 !important;
	font-size: 20px !important
}

.wrap {
	position: relative;
	padding: 0 0 5px;
	margin: 5px 0;
	width: 100%;
	border-bottom: 2px solid #fff;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px
}

.box__right {
	margin-left: 170px;
	padding: 0 10px;
}

.box__left {
	width: 170px;
	float: left;
	padding: 0 0 0 10px;
}

.parent_inner_dash_new {
	font-family: 'NeoSansLight'
}

.three__cols {
	position: relative;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 18px
}

.three__cols .survey-btn-inline {
	width: 100% !important;
	font-size: 13px !important
}

.three__cols.rows_01 {
	width: 39%;
	font-weight: 600;
	padding: 5px 0 0
}

.three__cols.rows_02 {
	width: 33%;
	padding: 5px 0 0
}

.three__cols.rows_03 {
	width: 28%;
	padding: 0 0 0
}

.empty_survey {
	position: relative;
	padding: 0 10px;
	margin: 60px 0 0;
	font-size: 13px;
	text-align: center;
	font-weight: 600
}

.single__img {
    position: relative;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background-color: #8ECBB1;
}

.single__img img,.single__img video {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto
}

p.intro a {
	color: #fff
}

.red__pad {
	padding: 2px 50px 50px !important
}

.red__pad02 {
	padding: 50px 50px 2px !important
}

.inner_content_frame h2 {
	padding: 20px 0 !important;
	margin: 0 !important;
	font-size: 20px
}

.topframe_in {
	padding: 50px 50px 2px !important
}

span.dd {
	display: inline-block;
	padding: 0;
	margin-right: 2px;
	text-align: center;
	width: 42px;
	text-transform: uppercase
}

span.hh {
	display: inline-block;
	padding: 0;
	margin-right: 2px;
	text-align: center;
	width: 42px;
	text-transform: uppercase
}

span.mm {
	display: inline-block;
	padding: 0;
	margin-right: 0;
	text-align: center;
	width: 42px;
	text-transform: uppercase
}

.restBtn {
	width: 100% !important
}

.login__frame h1,
.login__frame h2 {
	text-transform: uppercase
}

.login__frame h1 {
	font-size: 45px;
	line-height: 65px;
    margin-left: auto;
    margin-right: auto;
}



.submit__btns {
	position: relative;
	padding: 0;
	margin: 0;
	clear: both
}

.add_pad {
	position: relative;
	margin: 25px 0 12px !important
}

.sky-form p {padding:0 0 5px !important}

/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer {
	position: relative;
	width: 100%;
    max-width: 1346px;
	padding: 0;
	margin: 0 auto;
	height: 50px;
	border-top: 3px solid #014B50;
	background: #fff;
	font-family: 'NeoSansLight'
}



#footer:before,
#footer:after {
	content: "";
	display: table
}

#footer:after {
	clear: both
}

#footer {
	clear: both;
	*zoom: 1
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}

#footer li {
	float: left;
	margin: 0 22px 0 0
}

#footer li a {
	display: block;
	color: #014B50;
	text-align: center;
	padding: 14px 0;
	text-decoration: none;
	font-size: 20px
}

#footer li a:hover:not(.active) {
	
}

#footer .active {
	
}

.survey_bg-1 {
	background-image: url('../images/girl-boy-jumping.jpg')
}

.survey_bg-2 {
	background-image: url('../images/oy-climbingwall.jpg')
}

.survey_bg-3 {
	background-image: url('../images/girl-basketball.jpg')
}

.family__dash,
.innerpage_bg {
	background-image: url('../images/other__bg.jpg')
}

.desktopOnly {
	display: block !important
}

.mobileOnly {
	display: none !important
}

table {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 20px
}

td {
	padding: 10px;
	border-bottom: 1px solid #014B50;
}

tr:first-child td {
	padding: 5px 10px !important;
	border-bottom: 3px solid #014B50 !important;
}

td:nth-child(odd) {
	background: #7a7c7e
}

/*
.ui-datepicker-calendar td:nth-child(odd) {
	background:#014B50;
	text-align: center !important
}

.ui-datepicker-calendar td:nth-child(odd) a {color:#fff !important}
*/


td.ui-datepicker-today{
	background:#014B50;
}

td.ui-datepicker-today a {color:#fff !important}

td  a {
	color: #014B50
}

#survey__builder td:nth-child(odd) {
	background: #fff !important;
	color: #014B50 !important;
}

table#users td:nth-child(odd) {
	background: transparent !important
}

table#users td:nth-child(even) {
	background: #8ECBB1
}

table#users tr td {
	padding: 5px 10px !important
}

table#selected_users td:nth-child(odd) {
	background: transparent !important
}

table#selected_users td:nth-child(even) {
	background: #7a7c7e
}

table#selected_users tr td {
	padding: 5px 10px !important
}

.modalDesk {
	top: 160px !important;
	left: 50% !important;
	margin-top: 0px !important;
	margin-left: -267.5px !important;
	display: block !important
}

.no_first {
	margin: 0 auto !important;
	padding: 50px 50px 2px !important
}

.no_second {
	padding: 0 50px 50px !important
}

.p01_text {
	font-family: 'NeoSansLight';
	font-size: 25px;
	line-height: 35px
}

.spec_index {
	background-position: 0 80px !important
}

.sky-form .select select {
	background: #fff !important;
	color: #014B50 !important
}

.removed_marg {
	margin: 0 auto !important
}

/* 07/09/2016 */

#selected {
	padding: 14px 0 29px !important;
	border-bottom: 4px solid #014B50
}

.second_frame {
	position: relative;
	margin: 25px 0 !important;
	padding: 20px !important;
	background-color: #8ECBB1;
	font-family: 'NeoSansLight'
}

.note_header {
	position: relative;
	margin: 15px 0 8px !important;
	padding: 0 5px !important;
	font-size: 14px;
	font-weight: 600
}

.note_header_inner {
	position: relative;
	margin: 15px 0 0 !important;
	padding: 0 5px !important;
	font-size: 14px;
	font-weight: 600
}

.note_header_inner_sub {
	position: relative;
	margin: 15px 0 10px !important;
	padding: 0 5px 0 0 !important;
	font-size: 14px;
	font-weight: 600
}

.edit-btn-inline.blackTxt {
	color: #8ECBB1 !important;
	height: 44px;
	line-height: 44px;
}

.pad50top {
	padding: 15px 0 0 !important
}

.floatTxtRight {
	text-align: right !important;
	padding-right: 1px !important
}

table#users tr td:nth-child(1) {
	width: 5%
}

table#users tr td:nth-child(2) {
	width: 27.5%
}

table#users tr td:nth-child(3) {
	width: 20%
}

table#users tr td:nth-child(4) {
	width: 27.5%
}

table#selected_users tr td:nth-child(1) {
	width: 5%
}

table#selected_users tr td:nth-child(2) {
	width: 27.5%
}

table#selected_users tr td:nth-child(3) {
	width: 20%
}

table#selected_users tr td:nth-child(4) {
	width: 27.5%
}

table.list {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 20px
}

table.list td {
	padding: 5px 0;
	border-bottom: none !important
}

table.list tr:first-child td {
	padding: 0 !important;
	border-bottom: 0 solid #fff !important
}

table.list tr td:nth-child(2) {
	width: 85%
}

td label {
	line-height: 25px
}

table.list td:nth-child(odd) {
	background: none !important;
	width: 30px !important;
}

table.list td  a {
	color: #fff
}

table.list-inline {
	width: 100%;
	padding: 0;
	margin: 0 0 25px;
	font-size: 13px;
	line-height: 20px
}

table.list-inline td {
	padding: 5px 0 10px;
	border-bottom: none !important;
	width: 120px
}

table.list-inline tr:first-child td {
	padding: 0 0 5px!important;
	border-bottom: 0 solid #fff !important
}

table.list-inline td:nth-child(odd) {
	background: none !important;
	width: 30px !important
}

.third_frame {
	position: relative;
	margin: 25px auto;
	width: 70%;
	padding: 20px 15px;
	background-color: #8ECBB1;
	font-family: 'NeoSansLight'
}

table#domain tr td:nth-child(1) {
	width: 33.333334%
}

table#domain tr td:nth-child(2) {
	width: 33.333334%
}

table#domain tr td:nth-child(3) {
	width: 33.333334%
}

table#domain td {
	background: rgba(0,0,0,0.4) !important;
	padding: 5px 10px !important
}

.fourth_frame {
	position: relative;
	margin: 25px 0;
	padding: 0 15px 20px;
	background-color: #8ECBB1;
	font-family: 'NeoSansLight'
}

.nomarginrow {
	margin: 0 0 !important
}

table#reward td {
	padding: 5px !important
}

.next_step_btn {
	position: relative;
	padding: 0;
	margin: 5px 0 0 !important
}

.next_step_btn .button {
	float: right !important;
	margin: 0 !important
}

.next_back_btn {
	position: relative;
	padding: 0;
	margin: 5px 0 0 !important
}

.next_back_btn .button {
	float: left !important;
	margin: 0 !important
}

.button.winner {
	margin: 0 !important;
	padding: 0 2% !important;
	width: 96%;
	height: 24px !important;
	font-weight: 400 !important
}

.button.winner-plus {
	margin: 0 0 10px !important;
	padding: 0 2% !important;
	width: 96%;
	height: 30px !important;
	font-weight: 400 !important
}

.frame_in03 {
	position: relative;
	padding: 25px 0 50px !important;
	margin: 0 !important;
}

.frame_in03 .txt_in {
	font-size: 14px;
	line-height: 20px;
font-weight:bold;
}

#backend__frame .user_inner_dash_user {
	padding: 50px 0;
	margin: 0 auto 25px;
	max-width: 1120px;
	width: 100%;
}

.frame__dash {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 965px
}

#backend__frame .user_inner_dash_user {
	background-color: #8ECBB1 !important
}

#board__frame .fixed {
	max-width: 980px !Important
}

.parent_inner_dash_new {
	position: relative;
    margin: 20px auto 25px;
	max-width: 980px;
    color: #fff;
	background-color: #8ECBB1;
	padding: 20px !important;
	width: auto !important
}

.user_inner_dash_new {
	position: relative;
	padding: 50px 5% 10px !important;
	margin: 0 auto 0;
	max-width: 980px;
	width: 90%;
	color: #fff;
	background-color: #8ECBB1;
}

.divider__bar_left {
	padding: 0;
	margin: 0;
	position: relative
}

.divider__bar_right {
	padding: 10px 20px 0 10px;
	margin: 0;
	position: relative
}


.bar_div {
	position: relative;
	display: inline-block;
	max-width: 460px;
	width: 100%;
	padding: 0;
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
	*display: inline
}


.bar_div:nth-child(odd) {
	margin: 0 16px 15px 0
}

.bar_div:nth-child(even) {
	margin: 0 0 15px 0
}

#survey__builder {
	position: relative;
	padding: 0;
	margin: 0;
	height: 400px;
	overflow: auto
}

.inner_content_frame ul {
	list-style-position: outside !important;
	list-style-type: disc !important;
	margin: 0 0 12px 18px
}

.inner_content_frame ul li {
	
}

@media only screen 
and (min-width : 320px) 
and (max-width : 732px)
and (orientation : landscape) {
.red__pad {
    padding: 18px 50px 50px !important;
}
}


@media only screen 
and (min-width : 320px) 
and (max-width : 732px) {

p.sub__text {
    font-size: 23px !important;
}

.fixed {
	max-width: 100%
}

#header {
    height: 78px;
}

#header .top_menu {
    float: right !important;
    padding: 0 !important;
}

.parent_inner_dash {
	padding: 15px 0;
	width: 100%
}

.in__left {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0 0 25px
}

.in__right {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0
}

.family__dash {
	background-image: url('../images/assets/fam-dashboard-bg-mobile.jpg')
}

.parallax {
	background-attachment: inherit;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain
}

.content__frame {
	padding: 150px 0 0
}

.content__frame02 {
	padding: 175px 0 0
}

.content__frame.spec_frametop {
	padding: 175px 0 0 !important
}

.contact_bg {
	background-image: url('../images/assets/contact-bg-mobile.jpg')
}

#contact__warpper {
	position: relative;
	padding: 20px 5%;
	margin: 0;
	max-width: 100%;
	width: 90%;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	color: #fff;
	background-color: #8ECBB1;
}

#contact__warpper span {
	display: block
}

#contact__warpper p.p_1,
	#contact__warpper p.p_2 {
	line-height: 30px
}

.login__frame {
	padding: 25px 5% 15px;
	margin: 0;
	max-width: 100%;
	width: 90%
}

.form_inner {
	padding: 25px 5% 15px;
	margin: 0 auto;
	width: 90%
}

/*	
	.login__frame							{padding:25px 5% 15px; margin:0; max-width:100%; width:90%; background-color: rgba(171,171,174,1); }
	.form_inner								{padding:25px 5% 15px; margin:0 auto; width:90%; background-color: rgba(171,171,174,1)}
*/

.reg_bg {
	background-image: url('../images/assets/details-bg-mobile.jpg')
}

.user_inner_dash {
	padding: 25px 5% 20px;
	max-width: 100%;
	width: 90%
}

.user_inner_dash {
	margin: 0 auto
}

.user_inner_dash_user {
	padding: 25px 5% 20px;
	max-width: 100%;
	width: 90%
}

.user_inner_dash_user {
	margin: 0 auto
}

.edit-btn {
	top: 10px;
	right: 10px;
	margin: 0 auto
}

.survey_bg {
	background-image: url('../images/assets/survey-bg-mobilee.jpg')
}

#footer {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 70px;
	border-top: 3px solid #8ECBB1;
	background: #fff
}

.nav_right {
	float: left !important
}

#footer .fixed {
	width: 90%;
	padding: 0 5% !important
}

#footer li {
	float: left;
	margin: 0;
	width: 100%;
	padding: 0
}

#footer li:last-child a {
	text-align: center !important
}

#footer li a {
	text-align: center;
	padding: 7px 0 0;
	font-size: 16px
}

#header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 0;
	width: 74px;
	height: 59px;
	padding: 0;
	margin: 0 !important
}

.cross,
	.hamburger {
	top: 25px;
	right: 20px
}

.desktopOnly {
	display: none !important
}

.mobileOnly {
	display: block !important
}

#main .fixed {
	overflow: hidden
}

.sky-form section.submit__btns {
	margin: 0 auto 12px !important;
	text-align: center
}

.sky-form .submit__btns .button {
	float: left !important;
	display: inline-block !important;
	width: 32% !important
}

.sky-form section.submit__btns_in {
	margin: 0 auto 12px !important;
	text-align: center
}

.sky-form .submit__btns_in .button {
	float: none !important;
	display: inline-block !important;
	width: 100% !important;
	box-sizing: border-box;
}

.sky-form .button.lastbtn {
	margin: 18px 0 0 0 !important
}

#forgotten-window .form__frame {
	padding: 53px 5%
}

.sky-form .col.over_b,
	.sky-form .col.over_c {
	float: left !important;
	position: relative !important
}

.innerpage_bg {
	background-image: url('../images/assets/fam-dashboard-bg-mobile.jpg')
}

h1 {
	font-size: 32px
}

.btn__mob {
	position: relative;
	margin: 0 auto;
	text-align: center
}

.no__marg_b {
	margin-bottom: 12px !important
}

.login__frame {
	min-height: auto;
	height: auto !important;
	height: auto
}

.modalDesk {
	top: 160px !important;
	left: 0% !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	display: block !important
}

.middle {
	text-align: center !important
}

.darkerbg {
	
}

/

* 120, 120, 125, 1 */

.no_first {
	margin: 0 auto !important;
	padding: 25px 5% 10px !important;


/*background-color:rgba(171,171,174,1) !important*/
}

.no_second {
	padding: 25px 5% 0 !important
}

.parent_inner_dash {
	margin: 0 auto
}

.p01_text {
	font-size: 20px;
	line-height: 30px
}

.removed_marg {
	margin: 0 auto !important;
	box-sizing:border-box
}

.edit-btn {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: 25px auto 0;
	padding: 5px 0
}

.spec_index {
	background-position: top !important;
	background-size: cover !important
}

#forgotten-window {
	padding: 0;
	margin: 0 2%;
	max-width: 100%;
	width: 96%
}

.form__frame .sky-form .button {
	width: 84% !important
}

.login__frame h2 {
	padding: 10px 0 15px !important
}

.topframe_in {
	background-color: rgba(255,255,255,1) !important;
	color: #676769 !important;
	/* padding: 50px !important */
}

.box_in01 {
	width: 94%
}

.barWhite {
	margin: 0 auto 39px !important
}

.barWhite:after {
	height: 10px;
	display: block;
	position: absolute;
	width: 107%;
	margin: 10px 0 0 -12px;
	border-bottom: 10px solid #fff;
	content: ''
}

.last_b {
	margin: 0 auto !important;
	min-height: 244px;
	height: auto !important;
	height: 244px
}

.no_first {
	margin: 0 auto !important;
	padding: 50px 5% 2px !important
}

.form_inner.reduced_margin {
	padding: 10px 5% 10px !important;
	margin: 0 0 10px;
	background-color: #8ECBB1 !important;
}

.parent_inner_dash_new {
	margin: 10px auto 0
}

.bar_div:nth-child(odd) {
	margin: 0 0px 0 0
}

.bar_div:nth-child(even) {
	margin: 0
}

.bar_div {
	max-width: 100%
}

.parent_inner_dash_new {
	padding: 20px 0!important
}

p.intro a {
	color: #676769 !important
}

}

@media only screen 
and (min-width : 320px) 
and (max-width : 732px) 
and (orientation : portrait) {

.login__frame .sky-form {padding: 0 10px}

.fixed {
	max-width: 100%
}

.parent_inner_dash {
	padding: 15px 0;
	width: 100%
}

.in__left {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0 0 0
}

.in__right {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0
}

.family__dash {
	background-image: url('../images/750x406-skateboard.jpg')
}

.parallax {
	background-attachment: inherit;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain
}

.content__frame {
	padding: 150px 0 0
}

.content__frame02 {
	/*padding: 202px 0 0*/
padding: 0 0 0;
}

.content__frame.spec_frametop {
	padding: 0 0 0 !important
}

.contact_bg {
	background-image: url('../images/750x406-lake-jumping.jpg')
}

.home_bg {
	background-image: url('../images/750x406-boy-net.jpg')
}

.survey_bg-1 {
	background-image: url('../images/750x406-girl-boy-jumping.jpg')
}

.survey_bg-2 {
	background-image: url('../images/750x406-boy-climbing-net.jpg')
}

.survey_bg-3 {
	background-image: url('../images/750x406-girl-basketball.jpg')
}

.innerpage_bg {
	background-image: url('../images/750x406-girl-boy-jumping.jpg')
}

#contact__warpper {
	position: relative;
	padding: 20px 5%;
	margin: 0;
	max-width: 100%;
	width: 90%;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	color: #fff;
	background-color: #8ECBB1;
}

#contact__warpper span {
	display: block
}

#contact__warpper p.p_1,
	#contact__warpper p.p_2 {
	line-height: 30px
}

.login__frame {
	padding: 25px 5% 15px !important;
	margin: 0;
	max-width: 100%;
	width: 90%;
    display: block;


/* background-color: rgba(171,171,174,1);*/
}

.form_inner {
	padding: 25px 5% 15px !important;
	margin: 0 auto;
	width: 90%;
/*

background-color: rgba(171,171,174,1)*/
}

.form_inner.reduced_margin {
	padding: 10px 5% 10px !important
}

.reg_bg {
	background-image: url('../images/assets/details-bg-mobile.jpg')
}

.user_inner_dash {
	padding: 25px 5% 20px;
	max-width: 100%;
	width: 90%
}

.user_inner_dash {
	margin: 0 auto
}

.user_inner_dash_user {
	padding: 25px 5% 20px;
	max-width: 100%;
	width: 90%
}

.user_inner_dash_user {
	margin: 0 auto
}

.edit-btn {
	top: 10px;
	right: 10px;
	margin: 0 auto
}

.survey_bg {
	background-image: url('../images/assets/survey-bg-mobilee.jpg')
}

#footer {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 70px;
	border-top: 3px solid #8ECBB1;
	background: #fff
}

.nav_right {
	float: left !important
}

#footer .fixed {
	width: 90%;
	padding: 0 5% !important
}

#footer li {
	float: none;
	margin: 0 0 5px;
	width: 100%;
	padding: 0
}

#footer li:last-child a {
	text-align: center !important
}

#footer li a {
	text-align: center;
	padding: 7px 0 0
}

#header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 0;
	width: 50px;
	height: 59px;
	padding: 0;
	margin: 0
}

.cross,
	.hamburger {
	top: 25px;
	right: 20px
}

.desktopOnly {
	display: none !important
}

.mobileOnly {
	display: block !important
}

#main .fixed {
	overflow: hidden
}

.sky-form section.submit__btns {
	margin: 0 auto 12px !important;
	text-align: center
}

/*	
	.sky-form .submit__btns .button			{float:left !important; margin:18px 0 0 0 !important; display:inline-block !important; width:34% !important}
	.sky-form #add__btn_fe .button			{float:none !important; margin:18px auto 0 !important; display:inline-block !important; width:50% !important}
*/

.sky-form .submit__btns .button {
	float: none !important;
	margin: 18px 0 0 0 !important;
	display: inline-block !important;
	width: 78% !important
}

.sky-form #add__btn_fe .button {
	float: none !important;
	margin: 18px auto 0 !important;
	display: inline-block !important;
	width: 50% !important
}

.sky-form section.submit__btns_in {
	margin: 0 auto 12px !important;
	text-align: center
}

.sky-form .submit__btns_in .button {
	float: none !important;
	display: inline-block !important;
	/* width: 78% !important */
	width: 100% !important
}

/*width:50% !important*/

.sky-form .button.lastbtn {
	margin: 18px 0 0 0 !important;
	float: right !important
}

#forgotten-window .form__frame {
	padding: 53px 5%
}

.sky-form .col.over_b,
	.sky-form .col.over_c {
	float: left !important;
	position: relative !important
}

h1 {
	font-size: 30px;
	line-height: 30px
}

.btn__mob {
	position: relative;
	margin: 0 auto;
	text-align: center
}

.no__marg_b {
	margin-bottom: 12px !important
}

.login__frame {
	min-height: auto;
	height: auto !important;
	height: auto
}

.modalDesk {
	top: 160px !important;
	left: 0% !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	display: block !important
}

.middle {
	text-align: center !important
}

.darkerbg {
	
}

/* 120, 120, 125, 1 */

.no_first {
	margin: 0 auto !important;
	padding: 25px 5% 10px !important;


/*background-color:rgba(171,171,174,1) !important*/
}

.no_second {
	padding: 25px 5% 0 !important
}

.parent_inner_dash {
	margin: 0 auto
}

.p01_text {
	font-size: 20px;
	line-height: 30px
}

.removed_marg {
	margin: 0 auto !important
}

.edit-btn {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: 25px auto 0;
	padding: 5px 0
}

.spec_index {
	background-position: top !important;
	background-size: cover !important
}

#forgotten-window {
	padding: 0;
	margin: 0 2%;
	max-width: 100%;
	width: 96%
}

.form__frame .sky-form .button {
	width: 84% !important;
	padding: 0 8%;
}

.login__frame h2 {
	padding: 10px 0 15px !important
}

.topframe_in {
	background-color: rgba(255,255,255,1) !important;
	color: #676769 !important;
	/*padding: 50px !important*/
}

.box_in01 {
	width: 94%
}

.barWhite {
	margin: 0 auto 39px !important
}

.barWhite:after {
	height: 10px;
	display: block;
	position: absolute;
	width: 107%;
	margin: 10px 0 0 -12px;
	border-bottom: 10px solid #fff;
	content: ''
}

.last_b {
	margin: 0 auto !important;
	min-height: 244px;
	height: auto !important;
	height: 244px
}

#contact__warpper {
	
}

/*	
	.sky-form .submit__btns .button:nth-child(even) {float: right !important; display: inline-block !important; width: 34% !important; margin:18px 0 0 0 !important}
*/

.sky-form .submit__btns .button:nth-child(even) {
	float: none !important;
	display: inline-block !important;
	width: 78% !important;
	margin: 18px 0 0 0 !important
}

.sky-form #add__btn_fe .button:nth-child(even) {
	float: none !important;
	margin: 18px auto 0 !important;
	display: inline-block !important;
	width: 50% !important
}

/*32%*/

.mobbgcolor {
	
}

.

last-m {
	margin: 0 !important
}

.sky-form .input-file .button {
	top: -0 !important;
	right: -10px;
	left: 0;
	width: 100% !important;
	padding: 0 0 !important;
	text-align: center
}

.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
	margin: 0 0 10px !important
}

.parent_inner_dash_new {
	padding: 15px 0 0;
	margin: 0 auto
}

.divider__bar {
	padding: 10px 0px 0
}

.divider__bar_left {
	padding: 10px 10px 0
}

.divider__bar_right {
	padding: 10px 10px 0 10px
}

.three__cols.rows_01 {
	width: 40%
}

.three__cols.rows_02 {
	width: 60%;
	float: right !important;
	text-align: right
}

.three__cols.rows_03 {
	clear: both;
	margin: 15px 0 0;
	width: 100%
}

.three__cols .survey-btn-inline {
	width: 60% !important
}

.middle .edit-btn-inline {
	border-top: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
	border-left: solid 1px #cacaca
}

.bar_div:nth-child(odd) {
	margin: 0 0px 0 0
}

.bar_div:nth-child(even) {
	margin: 0
}

#selected {
	border-bottom: 0 solid #fff
}

.two_lines	h1 {
	line-height: 45px !important;
	font-size: 45px !important
}



.grecaptcha-badge {
    position: absolute;
    top: -12px;
    right: 0;
    top: 3px;
}


.sky-form .button.g-recaptcha {margin:75px 0 0}

}

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) 
and (orientation : portrait) {

h1 {
	line-height: 33px !important
}

.login__frame h1 {
    font-size: 45px !important;
    line-height: 65px !important;
}

.content__frame02,
	.content__frame.spec_frametop {
	padding: 0 0 0 !important
}

.over_b {
	padding: 0 !important;
	margin-right: 0 !important;
	width: 38.5% !important
}

.sky-form .button {
	margin: 18px 10px 0 0 !important
}

#contact__warpper {
	
}

.sky-form .input-file .button {
	/*top: -18px !important;*/
	right: -10px;
	left: 0;
	width: 84% !important;
	padding: 0 8% !important;
	text-align: center
}

.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
	margin: 0 0 10px !important
}

.box__right {
	margin-left: 100px
}

.box__left {
	width: 100px
}

.three__cols.rows_01 {
	width: 100%
}

.three__cols.rows_02 {
	width: 100%;
	margin: 10px 0 0;
	float: left !important;
	text-align: center
}

.three__cols.rows_03 {
	clear: both;
	margin: 0;
	width: 100%
}

.three__cols .survey-btn-inline {
	width: 60% !important
}

.sky-form .submit__btns .button,
.sky-form .submit__btns .button:nth-child(even) {
	float: none !important;
	display: inline-block !important;
	width: 78% !important;
	margin: 18px 0 0 !important
}

.bar_div:nth-child(odd) {
	margin: 0 0px 15px 0
}

.bar_div:nth-child(even) {
	margin: 0
}

#selected {
	border-bottom: 0 solid #fff
}

}

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) 
and (orientation : landscape) {

h1 {
	line-height: 33px !important
}

.content__frame02,
	.content__frame.spec_frametop {
	padding: 175px 0 0 !important
}

.over_b {
	padding: 0 !important;
	margin-right: 0 !important;
	width: 38.5% !important
}

.sky-form .button {
	margin: 18px 10px 0 0 !important
}

#contact__warpper {
	
}

}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

.parallax {
	background-size: contain;
	background-position: top
}

.home_bg {
	background-size: cover !important
}

.fixed {
	padding: 0 2%;
	width: 96%
}

.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
	margin: 0 0 10px !important
}

.three__cols.rows_01 {
	width: 40%
}

.three__cols.rows_02 {
	width: 60%;
	float: right !important;
	text-align: right
}

.three__cols.rows_03 {
	clear: both;
	margin: 0 0 0;
	width: 100%;
	text-align: center
}

.three__cols .survey-btn-inline {
	width: 60% !important
}

.bar_div {
	max-width: 100% !important
}

.bar_div:nth-child(odd) {
	margin: 0 0px 0 0
}

.bar_div:nth-child(even) {
	margin: 0
}

}



/*

input[type=range] {
	-webkit-appearance: none;
	border: 1px solid #fff;
	width: 100%;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px
}


input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff;
	margin-top: -4px;
z-index:10001
}

input[type=range]:focus {
	outline: none
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc
}

input[type=range]::-moz-range-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px
}

input[type=range]::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff
}

input[type=range]:-moz-focusring {
	outline: 1px solid #fff;
	outline-offset: -1px
}

input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent
}

input[type=range]::-ms-fill-lower {
	background: #777;
	border-radius: 10px
}

input[type=range]::-ms-fill-upper {
	background: #ddd;
	border-radius: 10px
}

input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff;
cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
	background: #888
}

input[type=range]:focus::-ms-fill-upper {
	background: #ccc
}

*/



/* new */

input[type=range] {
  -webkit-appearance: none;
  margin: 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: #515151;
  border-radius: 1.3px;
  border: 0.2px solid #fff;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #515151;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: #515151;
  border-radius: 1.3px;
  border: 0.2px solid #fff;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #515151 !important;
  border: 0.2px solid #fff;
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: #515151 !important;
  border: 0.2px solid #fff;
  border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #515151;
}
input[type=range]:focus::-ms-fill-upper {
  background: #515151;
}

/* end */


iframe {
	display: block;
	width: 100% !important;
	padding: 25px 5%;
	background: #8ECBB1 !important;
	box-sizing:border-box
}

label.control-label {
	font-weight: 100;
	font-family: 'NeoSansLight';
	font-size: 14px
}

select::-ms-expand {
	display: none;
}



/* Start: Added by Erik */

.sky-form-modal-window {
	padding: 0;
	margin: 0;
	max-width: 535px;
	width: 100%;
	height: auto !important;
	height: 350px;
	color: #fff;
	background-color: rgb(1, 75, 80);
}

.sky-form-modal-window .form__frame {
	position: relative;
	padding: 53px 90px;
	margin: 0 auto;
	text-align: center !important;
	font-family: 'NeoSansLight';
}

.sky-form-modal-window .form__frame p {
	padding: 0 0 8px !important;
	font-size: 15px
}

.sky-form-modal-window .form__frame .sky-form section {
	margin: 12px 0 !important
}

.sky-form-modal-window .form__frame .sky-form input {
	text-align: center !important
}

.sky-form-modal-window .form__frame {
	padding: 53px 5%
}

/* End: Added by Erik */

@media screen and (min-width: 1920px) {

.home_bg {
	min-height: 85%
}

}

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) 
and (orientation : portrait) {

.sky-form-modal-window {
	padding: 0;
	margin: 0;
	max-width: 100%;
	width: 100%;
	height: auto !important;
	height: 350px;
	color: #fff;
	background-color: rgb(1, 75, 80);
}

}

::-webkit-input-placeholder {
	color: #014B50
}

::-moz-placeholder {
	color: #014B50
}

:-ms-input-placeholder {
	color: #014B50
}

:-moz-placeholder {
	color: #014B50
}