/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
末末末末末末末末末末末末末末末末末末末末末末末末末
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
 
/* Grid
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.container {
  position: relative;
  width: 100%;
  min-width: 330px;
  max-width: 680px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 98%; }
  .column,
  .columns {
    margin-left: 2%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 49%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  position: relative;
  min-height:100%;
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  color: #222; }


/* Typography
末末末末末末末末末末末末末末末末末末末末末末末末末 */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  }
h2 { font-size: 3.6rem; line-height: 1.25; }
h3 { font-size: 3.0rem; line-height: 1.3;  }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
末末末末末末末末末末末末末末末末末末末末末末末末末 */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
  
  
input[type="submit"] {
	display: inline-block;
	height: 48px;
	width: 254px;
	padding: 0;
	text-align: center;
	font-size: 21px;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: #48c5f4;
	border: 4px solid #FFF;
	border-radius: 0;
	cursor: pointer;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.143;
	-moz-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);
	-webkit-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);
	-ms-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);
  }
  
  
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #fbb301;
  border-color: #fbb301;
  box-shadow: 0px 8px 13.14px 4.86px rgba(0, 0, 0, 0.11);  }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #FFC22C;
  border-color: #FFC22C; }


/* Forms
末末末末末末末末末末末末末末末末末末末末末末末末末 */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: none;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
末末末末末末末末末末末末末末末末末末末末末末末末末 */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
末末末末末末末末末末末末末末末末末末末末末末末末末 */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
末末末末末末末末末末末末末末末末末末末末末末末末末 */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
末末末末末末末末末末末末末末末末末末末末末末末末末 */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
末末末末末末末末末末末末末末末末末末末末末末末末末 */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
末末末末末末末末末末末末末末末末末末末末末末末末末 */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

.one-half.column.smart h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Larger than mobile */
@media (min-width: 400px) {
.container.footer{
margin-top: 5%;
}
.one-half.column.smart {
  width: 100%;
}
.one-half.column.smart h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.container.footer {
margin-top: 5%;
}
.content {
  height: 100%;
}
.one-half.column.smart {
  width: 100%;
    margin: 0;
}
.one-half.column.smart h2{
 text-align: center;
 margin-top: 20px;
 margin-bottom: 10px;
}
}

/* Larger than tablet */
@media (min-width: 750px) {
.container.footer{
margin-top: 10%;
}
.content {
 height: 100%;
}
.one-half.column.smart {
  width: 100%;
    margin: 0;
}
.one-half.column.smart h2{
 text-align: center;
  margin-top: 15px;
}
}

/* Larger than desktop */
@media (min-width: 1040px) {
.container.footer{
margin-top: 0;
}
.content {
  height: calc(100vh - 137px);
    display: table;
}
.one-half.column.smart {
  width: 49%;
}
.one-half.column.smart h2{
 text-align: center;
  margin-top: 10px;
}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
.footer .column {
margin-top: 0;
}
.content {
  height: calc(100vh - 137px);
    display: table;
  
}
.one-half.column.smart {
  width: 49%;
}

}


/*Newwww*/
body {background: url(images/beach.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}


/* #Header
================================================== */
	#headerwrap {
	width: 100%;
	background-color: #fbb301;
		}
		
	#logo-navig {
		position: relative;
		}

	h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
	h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #222; }
	
	#tagline {
		width: 100%;
		background: #FFFFFF;
		border-bottom: 1px solid #EAEAEA;
		z-index: 12;
		}
	#tagline h1, #tagline h2, #tagline h3, 
	#tagline h4, #tagline h5, #tagline h6 { color: #666; letter-spacing: -.03em; }
	div.tagline-text {
		padding: 25px 0 30px;
		}
	div.tagline-text p, div.tagline-text span {
		margin-bottom: 0;
		color: #666;
		font-size: 14px;
		padding: 0;
		}

/* Logo
================================================== */
	#logo {
		margin: 0;
		
		}
	#logo a {
		display: block;
		line-height: 0;
		}
		
	#logo-h1 {margin:0;}
	
	
	.layer-10 {
	background: url(images/layer-10.png) no-repeat right 0;
	z-index: 9;
	height: 72px;
}

/* Social
================================================== */
.box{
  font-size: 24px;
  font-weight: bold;
  color: rgb(255, 255, 255);
  margin: 16px 115px 16px 0;
  padding: 0;
  display: inline-block;
  float: right;
}
 
.fb{
    background: url('images/social-ico.png') no-repeat 0 -1px;
    width: 52px;
    height: 52px;
    margin: 10px;
	opacity: 1;
    float: left;
}
 
.fb:hover  {
    background: url('images/social-ico.png') no-repeat 0 -1px;
    width: 52px;
    height: 52px;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
    opacity: 0.6;
}
 
.ma{
    background: url('images/social-ico.png') no-repeat -66px -1px;
    width: 52px;
    height: 52px;
    margin: 10px;
    opacity: 1;
    float: left;
}
 
.ma:hover  {
    background: url('images/social-ico.png') no-repeat -66px -1px;
    width: 52px;
    height: 52px;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
    opacity: 0.6;
}

.vk{
    background: url('images/social-ico.png') no-repeat -135px -1px;
    width: 52px;
    height: 52px;
    margin: 10px;
    opacity: 1;
    float: left;
}
 
.vk:hover  {
    background: url('images/social-ico.png') no-repeat -135px -1px;
    width: 52px;
    height: 52px;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari and Chrome */
    -o-transition: opacity 0.5s; /* Opera */
    opacity: 0.6;	
}



.box1 {
  margin-top: 42px;
  z-index: 5;
}
.box2 {
  margin-top: 15px;
  z-index: 5;
  background: #fff;
  box-shadow: 0px 8px 13.14px 4.86px rgba(0, 0, 0, 0.11);
  padding: 20px 40px;
}
.box1 img {
border: 12px solid #fbb301;

 max-width: 100%;
  height: auto;
}

h1{
font-size: 24px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: bold;
  line-height: 1.412;
  -moz-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
  -webkit-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
  -ms-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
}

h2{
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 24px;
    text-align: left;
    font-weight: bold;
	margin-bottom: 15px;
}
ol {
	margin-bottom: 10px;

}
ol li {
	font-size: 20px;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	/*font-weight: bold;*/
	text-align: left;
	-moz-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	-webkit-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	-ms-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	z-index: 17;
	margin-bottom: 10px;
	margin-left: 20px;
	
}

table p {
    margin-bottom: 5px;
}

p {
	font-size: 20px;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	/*font-weight: bold;*/
	text-align: left;
	-moz-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	-webkit-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	-ms-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
	z-index: 17;
	margin-bottom: 30px;
}
/*submit*/

.sr-box .sr-name {
	display:none!important
}
.box3 {
 background: #FF8000;
  width: 100%;
}
.box3 h2 {
color: #fff;
  text-align: center;
  padding-top: 18px;
font-weight: bold;
}
.form_hint {
background: url(images/form-2.png) no-repeat 220px -1px;
}

input[type="email"], textarea, select {
  height: 48px;
  width: 250px;
  padding: 0 0 0 30px;
  margin: 0;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 21px;
}
input[type="email"]:focus, textarea:focus, select:focus {
  border: none;
}

.submite {
  font-size: 21px;

  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.143;
  text-align: left;
  -moz-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);
  -webkit-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);
  -ms-transform: matrix( 0.99404383938291,0,0,0.98937977352269,0,0);

  z-index: 19;
}


.one-half.column.formed {
  margin-bottom: 10px;
}

@media only screen and (min-width:1040px) and (max-width: 1100px) {
input[type="email"],
input[type="submit"] {
  width: auto;
  padding: 0 8px;
}
.form_hint {
  background: url(images/form-2.png) no-repeat 173px -1px;
}
}

.footer p {
  margin-bottom: 5px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  text-align: center;
  line-height: 1.286;
    -moz-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
  -webkit-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
  -ms-transform: matrix( 1.03895399424104,0,0,1.03567532133074,0,0);
}

.box2 ol {
margin-bottom: -10px;
}

@media all and (-webkit-min-device-pixel-ratio:0) { 
.box2 ol {
margin-bottom: 25px;
}
}
.container.footer {
width: 96%;
}

.box2 h3 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.button-footer {
margin: 25px 0;
font-size: 24px;
}
.button-footer a {
font-size: 24px;
}
.button-footer  .button{
width: 146px;
}
 .button-footer  .button.left{
margin-left: 26px;
} 
  .button-footer  .button{
margin-left: 0px;
} 
@media (max-width: 400px) {
.button-footer  .button{
margin-left: 26px;
} 
}

.section {
    margin-bottom: 130px;
}