@import url('http://fonts.googleapis.com/css?family=Titillium+Web:400'); 
@import url(http://fonts.googleapis.com/css?family=Rokkitt);
@font-face{
    font-family: "Myriad Pro";  
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype");
	font-family: 'Rokkitt Bold';
	/*font-style: normal;*/
	font-weight: 400;
	src: local('Rokkitt Bold'), local('Rokkitt-Bold'), url(http://fonts.gstatic.com/s/rokkitt/v8/Mef17w3J4CtS0lw4Wa_8ryEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: local('Rokkitt Bold'), local('Rokkitt-Bold'), url(http://fonts.gstatic.com/s/rokkitt/v8/Mef17w3J4CtS0lw4Wa_8ryEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/
/*@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt'), url(http://fonts.gstatic.com/s/rokkitt/v8/bUl8SwwZZ2_DZ4GNYp5L7PY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/
body{
    max-width: 100%;
    overflow-x: hidden;
}
.headTop{
    width: 100%;
    height: 113px;
}
body,#topMenu{ font-family:Myriad Pro; }
.addBanner{
	width: 100%;
	background: #f1f1f1;
	text-align: center;
}
.addBanner img{
	width: 100%; 
	max-width: 1120px;
}
.row{
	/*max-width: 1175px;*/
	max-width: 1750px;
}

#bett{
	position: absolute;
	width: 29%;
	top: 18%;
	left: 5.5%;
}
#bett table, #bett tbody, #bett tr, #bett td, #bett tfoot{
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
}
#bett input[type="text"], #bett textarea, #bett input[type="email"]{
	margin: 0px;
	padding: 2% 21px;
	width: 100%;
	background: transparent;
	border: 0px;
	box-shadow: none;
	font-size: 0.875rem;
	border: 2px #8bba9d solid;
	border-top: 0px;
	font-size: 14px;
	/*min-height: 40px;*/
	height: auto;
}
#successBett{
	float: right;
	max-width: 308px;
	width: 55%;
}
#successBett img{
	width: 100%;
	float: right;
	margin: -70% -18%;
	cursor: pointer;
}
/*#bett td textarea{
	padding: 10px 27px; 
}*/
#bett td textarea{
	height: 170px;
}
#bett tr:first-child input[type="text"]{
	border-top: 2px #8bba9d solid;
}
#bett td span.required{
	margin: 0px 0px -38px 15px;
	float: left;
	line-height: 35px;
	color: #48af73;
	font-size: 19px;
}
#bett tr:first-child td span.required{
	line-height: 38px;
}
#bett input.submit{
	color: #fff;
	background: url(../images/submit.png);
	background-size: 100% 100%;
	border: none;
	float: right;
	width: 25%;
	/*height: 32px;*/
	font-size: 17px;
	margin-top: 10px;
	padding: 1%;
}
#landingPage{
	width: 100%;
	position: relative;
/*	background: url(../images/landing_1920.jpg) no-repeat top center;
	background-size: 100%;*/
}
#landingPage img#mobile{
	display: none;
}
#landingPage form{
	height: 0px;
	margin: 0px;
}
.top{
	/*background: #5e5e5e;*/
        background: url(../images/bg_head.png) repeat;
        width: 100%;
	position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
}
h2{
    font-family: "Rokkitt Bold";
    font-size: 60px;
}
.home .top{
    background: none;
}
.home{
/*	background: url(../images/homeTop.jpg) no-repeat top center;
	background-size: auto 100%;*/
        /*background-image: url(../images/bg_pattern.png);*/
	height: auto;
	width: 100%;
	position: relative;
    max-width: 1920px;
}

.home .bg{
    background-image: url(../images/bg_pattern.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
}

.home .bg_video_bottom{
	background: url(../images/bg_video_bottom.png) no-repeat center;
	background-size: auto 100%;
    position: absolute;
    width: 100%;
    height: 3%;
    bottom: -3%;
    right: 0px;
    z-index: 3;
}

.home #order-form{
	position: absolute;
    width: 100%;
    /*height: 3%;*/
    bottom: 11%;
    right: 0px;
    z-index: 3;	
}

.home #order-form #order{
/*	max-width: 1750px;
	margin:0px auto;*/
}

.home #order-form .text{
	font-family: 'Rokkitt', serif;
	color: #fff;
	font-size: 58px;
	width: 100%;
	text-align: center;
	margin: 0px 0px 1%;
}

.order{
    background: url(../images/bg_order.jpg) no-repeat center;
    background-size: 100% 100%;
}
.logo{
	float: left;
	width: 100%;
	max-width: 168px;
}
#header, .headTop .row{
	padding: 24px 0px 17px;	
}

#topMenu ul{
    max-height: 80px;
}

#topMenu ul, #topMenu ul li{
	list-style-type: none;
}
#topMenu ul li{
	background: none;
	padding: 19px 0px;
	margin-left: 23px;
}
#topMenu ul li:before{
	content: "|";
	padding: 0 8px;
	float: left;
	height: 35px;
	color: #fff;
	font-size: 26px;
	line-height: 35px;
	margin: 0 0px -2px -22px;
}
#topMenu ul li:first-child:before{
	display: none;
}
#topMenu li a{
        font-family: "Titillium Web";
	background: none;
	font-size: 28px;
	padding: 0 10px;
	line-height: 35px;
}
#topMenu li.active:not(.has-form) a:not(.button) {
	background: #008759;
	font-weight: bold;
}
#topMenu li:not(.has-form):not(.active):hover a:not(.button) {
    background: none;
    font-weight: bold;
}
#topMenu li:not(.has-form):active a:not(.button) {
    background: #016946;
    font-weight: bold;
}
#topMenu li:hover a{
	background: #008759;
}
.home_top_text{
    font-family: "Titillium Web";
    font-size: 76px;
    color: #fff;
    text-align: center;
    width: 670px;
    line-height: 1.5;
    margin: 160px auto 0px;
    display: table;
    height: 414px;
    display: none;
}
.home_top_text span{
    display: table-cell;
    vertical-align: middle;
}
#bird{
	margin: 50% 0px 0px -4%;
	width: 100%;
	max-width: 260px;
}
.center{
	text-align: center;
}
.text{
        font-family: "Titillium Web";
	color: #9a9a9a;
	font-size: 20px;
	width: 460px;
	max-width: 100%;
	margin: 20px auto 0;
        line-height: 1.2;
}
.text p{
    font-size: inherit;
    line-height: inherit;
}
.row.center.birdHend{
    padding-bottom: 35px;
    padding-top: 35px;
}
.birdHend .text{
    margin-top: -8px;
}
.large-6 h2, .text h2{
/*        font-family: "Rokkitt";
	font-size: 54px;*/
	padding: 45px 0px;
    margin: 0px auto;
	line-height: 1;
}
.text .button{
	background-color: #ffc000;
	font-size: 24px;
	min-width: 205px;
}
.text .button:hover{
    background-color: #ffce3a;
}
.text .button:active{
    background-color: #e5ac00;
}
.large-6 .text .button{
	background-color: #07c07e;
	text-transform: uppercase;
}
.large-6 .text .button:hover{
	background-color: #08dc90;
}
.large-6 .text .button:active{
	background-color: #08dc90;
}
#hend{
	width: 240%;
	max-width: 631px;
	margin: 25% 0px 0px 7%;
}
.future{
	background: url(../images/home_future.jpg) no-repeat top center;
	background-size: auto 100%;
	height: 687px;
	width: 100%;
	position: relative;
}
.future .text h2{
	margin: 0 auto;
	max-width: 295px;
        line-height: 1.2;
}
.future .text{
	color: #373737;
	width: 456px;
	max-width: 90%;
        line-height: 1.2;
}
.future .text p{ line-height: inherit;}
.future .text br + a, .future .text br + span{
        font-family: "Rokkitt";
	font-size: 24px;
	color: #008759;
	font-weight: bold;
}
.future .text br + a:hover{color: #059d69;}
.future .text br + a:active{color: #016946;}
.featured{
	padding-bottom: 110px;
}
.row.featured{
	max-width: 1000px;
}
.featured .large-3.columns{
    width: 25%;
}
.featured .large-3.columns img{
	max-width: 135px;
	max-height: 60px;
}
.featured h2{
/*        font-family: "Titillium Web";
	font-size: 54px;*/
	padding: 45px 0px;
}
.featured .columns img{
/*	height: 85px;
	margin-bottom: 10px;*/
}
.featured .columns .text{
        /*font-family: "Rokkitt";*/
	color: #a1a1a1;
	font-size: 20px;
        width: 196px;
}
.faces{
	background: url(../images/home_faces.jpg) no-repeat top center;
	background-size: auto 100%;
	height: 532px;
	width: 100%;
}
.faces .text h2{
/*        font-family: "Titillium Web";
	margin: 0px auto;*/
	max-width: 375px;
}
.faces .text p{
        /*font-family: "Rokkitt";*/
	padding: 0 65px;
	font-size: 20px;
        line-height: 1.2;
}
.faces .text .button{
        font-family: "Titillium Web";
	background-color: #b9b9b9;
	font-size: 20px;
	font-weight: bold;
}
.faces .text .button:hover{
    background-color: #d5d4d4;
}
.faces .text .button:active{
    background-color: #979797;
}
#footer{
        font-family: "Titillium Web";
	background: #282b2e;
	padding: 35px 0px;
	font-size: 15px;
	color: #d7d7d7;
	line-height: 1.3;
}
#footer .logo{
	width: 95px;	
	float: none;
}
.social{
	width: 205px;
	margin: 30px auto;
}
.social a {
	float: left;
	width: 41px;
	height: 41px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
	cursor: pointer;
}
.fb {
	background-image: url(../images/fb.png);
}
.lin {
	background-image: url(../images/in.png);
}
.tw {
	background-image: url(../images/tw.png);
}
.goog {
	background-image: url(../images/g+.png);
}
.yt {
	background-image: url(../images/yt.png);
}
.fb:hover {
	background-image: url(../images/fb_h.png);
}
.lin:hover {
	background-image: url(../images/in_h.png);
}
.tw:hover {
	background-image: url(../images/tw_h.png);
}
.goog:hover {
	background-image: url(../images/g+_h.png);
}
.yt:hover {
	background-image: url(../images/yt_h.png);
}
.fb:active {
	background-image: url(../images/fb_a.png);
}
.lin:active {
	background-image: url(../images/in_a.png);
}
.tw:active {
	background-image: url(../images/tw_a.png);
}
.goog:active {
	background-image: url(../images/g+_a.png);
}
.yt:active {
	background-image: url(../images/yt_a.png);
}
.clear{
	clear: both;
}
#topButton{
    position: absolute;
    width: 40px;
    height: 30px;
    bottom: 14px;
    left: 50%;
    margin-left: -16px;
	display: none;
}
.future .row{
	position: relative;
}
#video{
/*  position: absolute;
    width: 114px;
    height: 114px;
    right: 3%;
    top: 47.5%;
    background-image: url(../images/playV.png);
    background-size: 100% 100%;*/
    position: absolute;
    width: 142px;
    height: 142px;
    right: 1.3%;
    top: 41.7%;
    background-image: url(../images/playV.png);
    background-size: 100% 100%;
}
#video:hover{
    background-image: url(../images/playV_h.png);
}
#video:active{
    background-image: url(../images/playV_a.png);
}
#popup{
	position: fixed;
	width: 0px;
	height: 100%;
	background: url(../images/bg_popup.png) repeat;
	z-index: 1000;
	top: 0px;
	display: none;
    left: 0px;
        /*background-size: 100% 100%;*/
}
.play-video{
    width: 100%;
    height: 100%;
	margin-top: 3.5%;
	//display: none;
}
/*#popup .bgPopup{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}*/
#popup .text, #successMes .text{
	width: 80%;
	max-width: 1145px;
	height: 100%;
	display: table;
	margin: 0px auto;
	text-align: center;
        position: relative;
}
#popup .text .sell, #successMes .text .sell{
	display: table-cell;
	vertical-align: middle;
	max-height: 80%;
	text-align: center;
	font-size: 60px;
	color: #008759;
	font-family: 'Rokkitt';
}
#contactUs .text{
	width: 80%;
	max-width: 1145px;
	height: 290px;
	display: table;
	margin: 0px auto;
	text-align: center;
        position: relative;
        font-size: 60px;
        color: #008759;
        font-family: 'Rokkitt';
}
#contactUs .text .sell{
	display: table-cell;
	vertical-align: middle;
	max-height: 90%;
        text-align: center;
        font-size: 60px;
        color: #008759;
        font-family: 'Rokkitt';
        line-height: 1;
}
#popup .closePopup{
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/exit_popup.png) no-repeat center;
	background-size: 100%;
	right: 10px;
	top: 13%;
}
.textContent{
	color: #9a9a9a;
	font-size: 20px;
	font-family: "Titillium Web";
}
h1{
	font-size: 60px;
	margin: 120px 0px 45px;
	font-family: Rokkitt;	
}
.textColumn2{
	column-count: 2;
	column-gap: 44px;
	-moz-column-count: 2;
	-moz-column-gap: 44px;
	-webkit-column-count: 2;
	-webkit-column-gap: 44px;
        padding: 5px 0px;
}
.textContent p{
	margin-bottom: 0px;
	font-size: inherit;
	line-height:1.2;
}
.team{
	margin-top: 60px;
	margin-bottom: 70px;
}
.team:first-child{margin-bottom: 0px;}
.team .title{
	font-size: 60px;
	font-family: Rokkitt;
	padding: 5px 1% 0px;
	margin-left: -1%;
	background: #e1e1e1;
	line-height: 0.8;
	margin-bottom: 40px;
        width: 102%;
}
.team .member{
	position: relative;
	margin-top: 65px;
}
.team .member .textContent{
	padding-left: 26%;	
}
.team .member h3 {
	color: #484848;
	margin: 0px;
	font-size: 30px;
	line-height: 30px;
	font-size: 36px;
	font-family: "Titillium Web";
}
.team .member h4 {
	font-family: "Titillium Web";
	color: #484848;
	margin: 5px 0px 15px;
	font-size: 18px;
}
.team .member .textContent ul{
	font-size: inherit;
	line-height: inherit;	
	list-style: none;
	margin-left: 0px;
}
.team .member .textContent ul li{
	/*list-style-type: square;*/
	/*list-style-image: url(../images/ul_img.png);*/
	background: url(../images/ul_img.png) no-repeat left 8px;
	padding: 0px 0px 0px 35px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0;	
}
.member .tumb{
	position: absolute;
	top: 0px;
	left: 0.9375rem;
	width: 23%;
	max-width: 108px;
}
.member .tumb img{
	width: 100%;
}
.member .tumb .linkEmail{
	width: 55%;
	max-width: 51px;
	margin-top: 25px;
	float: left;
}
.map{
	width: 100%;
	height: 100%;
}
#contactUs {
	width: 100%;
	/*height: 348px;*/
	background: #dfdfdf;
	padding: 35px 30px 75px 35px;
	/*float: left;*/
	margin-bottom: 24px;
}
#contactUs ::-webkit-input-placeholder { font-style:italic; }
#contactUs ::-moz-placeholder { font-style:italic; } /* firefox 19+ */
#contactUs :-ms-input-placeholder { font-style:italic; } /* ie */
#contactUs input:-moz-placeholder { font-style:italic; }
#contactUs textarea {
	float: right;
	font-family: "Titillium Web";
	margin-bottom: 23px;
	border: 2px #d3d3d3 solid;
	padding: 2px 2%;
	width: 46.5%;
	height: 160px;
	font-size: 17px;
}
#contactUs input[type="text"] {
/* float: left; */
	font-family: "Titillium Web";
	border: 2px #d3d3d3 solid;
	width: 47.5%;
	padding: 0px 3.5%;
	font-size: 17px;
	margin-bottom: 13px;
	height: 30px;
}
#contactUs select {
	font-family: "Titillium Web";
	border: 2px #d3d3d3 solid;
	width: 47.5%;
	padding: 0px 2%;
	font-size: 17px;
	margin-bottom: 13px;
	height: 30px;
	/*float: right;*/
	line-height: 24px;
	/*margin-top: -43px;*/
}
#contactUs #field34{
	float: right;
	margin-top: -43px;
	width: 46.5%;
}
#order #field34{
	float: none;
	margin-top: 0px;
	width: 100%;
}
#order select{
	/*margin-top:0px;*/
	width: 100%;
	/*float: none;*/
}
/*#contactUs select > option:first-child{font-style: italic;}*/
#contactUs span {
	font-family: "Titillium Web";
	float: left;
	font-size: 30px;
	width: 25px;
	margin-left: -25px;
	color: #484848;
	padding-top: 8px;
	text-align: center
}
#contactUs input[type="submit"] {
	font-family: "Titillium Web";
	background: #008759;
	color: #fff;
	font-size: 21px;
	width: 30%;
	padding: 7px 0;
	border: 0px;
	margin-right: 9%;
	margin-bottom: 0px;
	font-weight: bold;
	float: right;
}
#contactUs input[type="submit"]:hover {
    background: #059d69;
}
#contactUs input[type="submit"]:active {
    background: #016946;
}
.contactInfo {
	font-family: "Titillium Web";
	font-size: 18px;
	width: 100%;
	/*height: 126px;*/
	padding: 25px 20px 8px;	
	background: #dfdfdf;
	/*float: left;*/
	color: #999999;	
	line-height: 20px;
	column-count: 2;
	column-gap: 30px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
}
.contactInfo p{
	margin-bottom: 0px;
	line-height: inherit;
	font-size: inherit;
}
.contactInfo p a{
	color: inherit;
}
.row.form{
	padding-bottom: 80px;
}
h1.contact{
    margin: 55px 0px 30px;
}
#contentArea{
    width: 100%;
    position: relative;
}
#successMes{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg_success.png) repeat;
    top: 0px;
    right: 0px;
    z-index: 9;
    line-height: 1;
    display: none;
}
#order{
    /*background: #dfdfdf;*/
    margin-top: 120px;
    margin-bottom: 50px;
    width: 96%;
    margin-left: 2%;
    /*padding: 15px 0px;*/
}
#order .large-8.columns{
    font-size: 64px;
    color: #fff;
    font-family: "Titillium Web";
    /*font-family: 'Rokkitt';*/
    padding: 35px 3% 35px 0px;
    line-height: 1.1;
    text-align: left;
    display: table;
    height: 30.5%;
}
#order .large-8.columns p{
    display: table-cell;
    vertical-align: middle;
}
#order .large-8.columns p,#order .large-8.columns *{
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    line-height: inherit;
}
#successOrderMess{
    display: none;
}
#order #contactUs{
    margin-bottom: 0px;
    /*background: none;*/
    margin-left: 5%;
    background: url(../images/bg_orderForm.png);
    padding-top: 50px;
    padding-bottom: 100px;
}
#order #contactUs input[type="text"]{
    width: 106.5%;
    height: 40px;
    margin-bottom: 25px;
    max-width: 100%;
    padding: 0px 9%;
}
#order #contactUs span{
    color: #fff;
}
#order #contactUs input[type="submit"]{
    margin-top: 10px;
    margin-bottom: 5px;
    width: 79%;
    margin-right: 11%;
    /*margin-left: 14%;*/
}
#MY_VIDEO_1{
    position: relative;
    margin-bottom: -8px;
/*    top:0px;
    left:0px;*/
    /*z-index: -1;*/
}
#header .mobile{
    width: 12%;
    max-width: 61px;
    float: right;
    display: none;
}
#header .mobile img{
    width: 100%;
}
#contMap{
    max-height: 700px;
}
#contactUs ul{
    max-width: 57%;
}
#img_video{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.featured .clear{
    display: none;
}
#order #contactUs ul{
    max-width: 100%;
    width: 100%;
    margin-left: 0px;
}
.videos{
	background: #e9eeef;
	padding: 40px 0px;
}
.videos .row{
	max-width: 1275px;
}
.videos .row .large-12{
	padding: 0px 50px;
}
.videos_wrap{
	max-width: 1127px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	padding: 0px 0px;
}
.videos .videos_wrap div.slider-box {
  height: 175px;
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.videos_wrap > .slider-box ul {
  max-width: none;
  position: absolute;
  left: 0px;
  top: 0;
  list-style: none;
  width: 1000em;
  margin: 0px;
  padding: 0px;
}
.videos_wrap > .slider-box ul li {
  position: relative;
  float: left;
  width: 280px;
  margin: 0px 1px;
  text-align: center;
  display: table;
}
.videos_wrap > .slider-box ul li div.middle {
  display: table-cell;
  vertical-align: middle;
  height: 175px; 
}
.videos_wrap > .slider-box ul li .middle .play_video{
	width:55px;
	height:55px;
	background: url(../images/video_play.png) no-repeat center;
	background-size: auto 100%;
	margin: 0px auto;
}
.videos_wrap > .slider-box ul li:hover .middle .play_video{
	background: url(../images/video_play_hover.png) no-repeat center;
	background-size: auto 100%;
}
.videos .next-prev{
	list-style: none;
	margin: 0px;
}
.videos .next-prev li{
	position: absolute;
	height: 175px;
	width: 48px;
	z-index: 1;
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: center;
}
.videos .next-prev li.prev{
	left: 0px;
	background-image: url(../images/prev.png);
}
.videos .next-prev li.next{
	right: 0px;
	background-image: url(../images/next.png);
}
.videos .next-prev li a{
	font-size: 0px;
}
.videos_wrap > .slider-box ul li .title_video{
	color: #fff;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 0px 5px 5px;
	display: none;
}
.videos_wrap > .slider-box ul li:hover .title_video{
	display: block;
}

@media (min-width: 1614px){
/*    #MY_VIDEO_1{
        left:0px !important;
        margin: 0px !important;
        width: 100%;
        background: #000;        
    }*/
    .home{
        /*max-width: 100%;*/
        margin: 0px auto;
    }
}

@media (max-width: 1800px){
	#bett td textarea{
		height: 150px;
	}
	#bett input[type="text"], #bett textarea, #bett input[type="email"]{
		padding: 1.5% 21px;
	}
}

@media (max-width: 1500px){
	#bett td textarea{
		height: auto;
	}
}

@media (max-width: 1300px){
	#bett tr:first-child td span.required{
		line-height: 35px;
	}
	#bett td span.required{
		line-height: 32px;
	}
	#bett input[type="text"], #bett textarea, #bett input[type="email"]{
		font-size: 12px;
	}
    .headTop{height: auto;}
    #hend{
        margin-left: -25%;
        width: 150%;
    }
    
/*    .home_top_text{        
        display: table;
    }*/
    .headTop .row{
        height: 83px;
    }
	
    .order .form.row{
        padding-bottom: 0px;
    }
    .order{
        background-image: url(../images/bg_order1024.jpg);
        background-size: 100% 100%;
    }	
}
@media (max-width: 1080px){
	#bett input.submit{
		padding: 0.5%;
		font-size: 14px;
	}
	#bett td textarea{
		height: 70px;
	}
}
@media (max-width: 1070px){
	#topMenu li a{
		font-size:25px;
	}
}
@media (max-width: 1024px){
	#MY_VIDEO_1, .home .bg{
        display: none;
    }
/*    #img_video{
        display: block;
    }*/
    /*.home{
		background: url(../images/imgVideo.jpg) no-repeat top center;
		background-size: 100% 100%;
		height: 510px;
    }*/
}

@media (max-width: 1025px){
	#bett input[type="text"], #bett textarea, #bett input[type="email"]{
		font-size: 14px;		
	}
	#bett td textarea{
		height: 125px;
	}
	#bett{
		width: 44%;
	}
	#bett input.submit {
		padding: 1%;
		font-size: 16px;
	}
    .featured .clear{
        display: block;
    }
    .faces {
        background: url(../images/home_faces1024.jpg) no-repeat top center;
        background-size: auto 100%;
        height: 469px;
    }
    .home{
		background: url(../images/imgVideo.jpg) no-repeat top center;
		background-size: 100% 100%;
		height: 510px;
        /*width: 100%;*/
    }
    .large-2.columns{
        width: 16.666%
    }
    .large-3.columns{
        width: 25%;
    }
    .large-6.columns,.featured .large-3.columns{
        width: 50%;
    }
    .featured .large-3.columns{
        /*margin-bottom: 45px;*/        
    }
    .featured{
        padding-bottom: 30px;
    }
    .large-10.columns{
        width: 83.333%
    }
    #topMenu li a{
        font-size: 22px;
    }
    #topMenu ul li:before{
        font-size: 24px;
    }
    .home_top_text{
        font-size: 70px;
        height: 272px;
        /*display: table;*/
    }
    #bird{
        max-width: 235px;
        margin-left: 0px;
        margin-top: 80%;
    }
    .text{
        width: 340px;
        font-size: 18px;
    }
    .faces .text h2 {
        width: 374px;
        margin-left: -17px;
        line-height: 1.2;
        padding-bottom: 25px;
    }
    #hend{
/*        max-width: 322px;
        margin: 80% 0px 0px -30%;*/
        max-width: 310px;
        margin: 80% 0px 0px -33%;
    }
    .large-6 h2{
        padding-bottom: 5px;
    }
    .future{
	background: url(../images/home_future1024.jpg) no-repeat top center;
	background-size: 100% 100%;
	height: 518px;
    }
    
    #video {
        right: 12%;
        top: 47.5%;
    }
    .future .text h2{
        padding: 25px 0px 35px;
    }
    .future .text{
        width: 340px;
        font-size: 18px;
        max-height: 393px;
        text-overflow: ellipsis;
        overflow-y: hidden;
/*        position: relative;*/
    }
    .future .text br + a, .future .text br + span{
        position: absolute;
        bottom: -60px;        
        left: 0px;
        width: 100%;
    }
    .text .button{
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 45px;
    }
    .faces .text p {
        padding: 0px 2px;
    }
    .contactInfo,#contMap{
        width: 48.5%;
        column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
    }
    .contactInfo{
        padding: 40px 55px;
        /*height: 670px;*/
		font-size: 14px;
    }
    #order #contactUs {
/*        padding: 35px 35px 80px 45px;
        margin-left: 0px;*/
        margin-left: 6%;
    }
    .contactInfo p{
        line-height: 1.5;
    }
    /*.contactInfo p:first-child + p + p + p{margin-bottom: 65px;}*/
    #contMap{
        /*height: 670px !important;*/
		min-height: 500px;
        margin-top: -500px;
    }
    .order{
       background-size: 100% 100%;
    }
    .row.form{
        width: 96%;
    }
    .row.form #order .large-4.columns{
        width: 40%;        
    }
    .row.form #order .large-8.columns{
        width: 60%;
        font-size: 43px;
        /*line-height: 1.1;*/
        height: 35%;
        padding-right: 0px;
        margin-left: -2%
    }
    #order #contactUs input[type="text"]{
        height: 35px;
        margin-bottom: 20px;
    }    
    #MY_VIDEO_1{
        display: none;
    }
    #order{
        margin-top: 50px;
    }
    .headTop .row{
        height: 83px;
    }
/*    #img_video{
        display: block;
    }*/
}

@media (max-width: 1300px) and (orientation:landscape){
    
    #header .large-2.columns, .headTop .large-2.columns{
        width: 21%;
    }
    #header, .headTop .row{
        padding: 5px 0px 5px;
    }
    #header .large-10.columns{
        width: 79%;
    }
    .headTop .row{
        height: 83px;
    }
    #order #contactUs {
        margin-left: 0px;
    }
    /*#order{
        padding: 15px 0px;
        margin-top: 50px;
    }
	#order .large-8.columns{
        padding-left: 0px
    }
    #order .large-4.columns{
        padding-right: 0px;
    }
	*/
	
}

@media (max-width: 950px){
	#bett td textarea{
		height: auto;
	}
}
@media (max-width: 910px){
#topMenu li a{
font-size:18px;
}
}
@media (max-width: 805px){
#topMenu li a{
font-size:16px;
}
}
@media (max-width: 800px){
    .headTop .row {
        height: 114px;
    }
}

@media (max-width: 875px){
    #bett input[type="text"], #bett textarea, #bett input[type="email"]{
		font-size: 12px;
	}
}

@media (max-width: 850px){
    #hend{
        margin-left: -22%;
        width: 131%;
    }
}

@media (max-width: 768px){
	#bett{
		top: 32%;
		left: 13.5%;
		width: 72.5%;
	}
	#bett input[type="text"], #bett textarea, #bett input[type="email"]{
		font-size: 14px;
	}
	#bett td textarea{
		height: 150px;
	}
/*    #header, .headTop .row {
        padding: 5px 15px;
    }*/
    .headTop .row {
        height: auto;
    }
    .headTop{
        height: auto;
        max-height: 100px;
    }
    #header .large-2.columns, .headTop .large-2.columns{
        width: 21%;
    }
    #header .large-10.columns{
        width: 79%;
    }
    #header .mobile{
        display: block;
    }
    #header ul{
        display: none;
        position: absolute;
        right: -0.9375rem;
        top: 68px;
        padding-top: 31px;
        background: url(../images/bg_ulMobile.png) no-repeat 81% 11px;
        width: 60%;
        max-width: 240px;
    }
    #topMenu ul li:before{
        display: none;
    }
    #topMenu ul li{
        margin-left: 0px;
        width: 100%;
        background: url(../images/bg_menuMobile.png) repeat;
        padding: 0px;
        margin-top: -1px;
    }
    #topMenu ul li:not(.has-form) a:not(.button){
        padding: 18px 15%; 
        text-transform: uppercase;
        font-size: 20px;
    }
    #topMenu li.active:not(.has-form) a:not(.button){
        background: none;
    }
    #topMenu li.active:not(.has-form){
        background: url(../images/bg_menuMobile_active.png) repeat;
    }
    .home{
        height: 456px;
    }
    .home_top_text{
        font-size: 53px;
        width: 100%;
        max-width: 470px;
        height: 136px;
        /*display: table;*/
    }    
    h2,h1{
        font-size: 50px;
    }
    #hend{
        margin-left: -10%;
        width: 150%;
    }
    #video{
        right: 8%;
    }
    .text, .faces .text p, .future .text{
        font-size: 18px;
    }
    .featured .columns .text{
        font-size: 18px;
        padding: 0 10%;
        width: 300px;
    }
    .faces .text h2 {
        width: 340px;
        margin-left: -20px;
        padding: 22px 0px;
        line-height: 1.1;
    }
    .faces {
        background: url(../images/home_faces768.jpg) no-repeat top center;
        background-size: auto 100%;
        height: 403px;        
    }
    .future {
        background: url(../images/home_future768.jpg) no-repeat top center;
        background-size: 100% 100%;
        height: 476px;
    }
    .future .text h2{
        line-height: 1.1;
    }
    .future .text{
        max-height: 343px;
    }
    .textColumn2{
        column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
    }
    .team .title{
        font-size: 50px;
        padding: 5px 0.9375rem 0px;
        margin-left: -0.9375rem;
        width: 108%;
    }
    .team .large-6.columns{
       width: 100% 
    }
    .form .columns{
        padding: 0px;
    }
    .contactInfo p {
        line-height: 1.2;
    }
    #order {
        margin-top: 60px;
        margin-bottom: 60px;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0px;
        width: 100%;
    }
    .row.form #order .large-8.columns {
        width: 55%;
        font-size: 32px;
        margin-left: 0px;
        /*padding: 35px 3% 35px 8%;*/
        padding-right: 2%;
        line-height: 1.4;
        height: 35%;
    }
    #order #contactUs{
        margin-left: 0px;
    }
    .row.form #order .large-4.columns{
        width: 40%;
    }
    #order #contactUs input[type="text"]{
        width: 100%;
    }
    #order #contactUs input[type="submit"]{
        width: 72%;
        font-size: 20px;
        margin-right: 14%;
    }
    #contactUs ul {
        margin-left: 0px;
        margin-top: -25px;
        font-size: 14px;
    }
    #popup .text .sell{
        max-height: 55%;
        height: 55%;
    }
    #MY_VIDEO_1{
        width: 100%;
        margin-left: -50% !important;
        display: none;
    }
/*    #img_video{
        display: block;
    }*/
    .home{
        background-image: url(../images/imgVideo768.jpg);
    }
    .order {
        background-image: url(../images/bg_order768.jpg);
        background-size: 100% 100%;
    }
}



@media (max-width: 750px){
    #video {
        right: 1%;
        width: 100px;
        height: 100px;
        top: 52%;
    }
}

@media (max-width: 700px){
	#bett td textarea{
		height: 100px;
	}
}

@media (max-width: 640px){
	#bett{
		/*top: 39%;*/
		top:auto;
		position: relative;
		width: 100%;
		left: auto;
		background: url(../images/mob_table.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#bett ul, #bett ul + a{
		margin: 0px 17%;
	}
	#bett table{
		/*width: 72.5%;*/
		padding: 0px 13.75%;
	}
	#landingPage img#mobile{
		display: block;
	}
	#landingPage form:not(#salesforce){
		height: auto;
		
	}
	#bett input.submit{
		min-width: 70px;
	}
	.contactInfo{
		padding: 30px 15px;
	}
}

@media (max-width: 600px){
	h2, h1 {
		font-size: 45px;
	}
}

@media (max-width: 560px){
	h2, h1 {
		font-size: 40px;
	}
	.featured .large-2.columns {
		width: 33.333%;
	}
     .future .text h2 {
        /*max-width: 155px;*/
        padding: 0px 0px 105px;
    }
    .future .text{
        width: auto;
    }
    #video {
        width: 78px;
        height: 78px;
        top: 135px;
        right: 50%;
        margin-right: -39px;
    }
}

@media (max-width: 430px){
	.large-6 h2{
		font-size: 35px;
	}
}

@media (max-width: 390px){
	.large-6 h2{
		font-size: 30px;
	}
}

@media (max-width: 360px){
    .featured .large-2.columns {
		width: 50%;
	}
    .home {
        height: 236px;
    }
    .home_top_text {
        font-size: 32px;
        margin-top: 45px;        
        height: 146px;
    }
    #header .large-2.columns, .headTop .large-2.columns{
        width: 40%;
    }
    #header .large-10.columns{
        width: 60%;
    }
    #header .mobile {
        width: 17%;
    }
    #header ul{
        width: 100%;
        padding-top: 29px;
        top: 45px;
        background-size: 20%;
        background-position-x: 91%;
    }
    #topMenu ul li:not(.has-form) a:not(.button){
        font-size: 15px;
        line-height: 1;
    }
    .row.center{
        position: relative;
    }
	.row.birdHend .large-6{
		width: 100%;
		margin: 0px -50% 0px 0px;
	}
	.row.birdHend .large-6 .text p + br{
		display: none;
	}
	.row.birdHend .large-6 .text .button{
		margin-bottom: 0px;
	}
    #hend{
        position: absolute;
        right: 0px;
        width: 50%;
        margin: 9px 0px 0px;
        top: 0%;
    }
    #bird{
        position: absolute;
        max-width: 85px;
        margin: 20px 0px 0px;
        top: 0%;
        left: 0.93rem;
        width: 100%;
    }
    .home + .row.center .columns{
        position: initial;
    }
    .home + .row.center .large-6.columns{
        padding-top: 110px;
        width: 100%;
    }
    .home + .row.center .large-6.columns .text p + br, .home + .row.center .large-6.columns .text p + br + br{
        display: none;
    }
	.home + .row.center .large-6.columns h2{
		font-size: 25px;
		padding: 0px 0px 10px;
	}
    .text, .faces .text p, .future .text, .textContent {
        font-size: 15px;
    }
    .text .button{
        font-size: 12px;
        min-width: 105px;
    }
    h2, h1 {
        font-size: 25px;
    }
    .future .text h2{
        max-width: 155px;
        padding: 25px 0px 125px;
    }
    #video{
        width: 78px;
        height: 78px;
        top: 115px;
        right: 50%;
        margin-right: -39px;
    }
    .future {
        background: url(../images/home_future768.jpg) no-repeat 18% top;
        background-size: auto 100%;
        height: auto;
    }
    .future .text {
        max-height: 720px;
    }
    .future .text br + a, .future .text br + span{
        position: relative;
        width: auto;
        bottom: initial;       
        padding-bottom: 25px;
        width: 100%;
        float: left;
    }
    .future .text p + br, .future .text p + br + br, .future .text p + br + br + br{
        display: none;
    }
    .featured .large-3.columns{
        width: 100%;
    }
    .faces {
        background: url(../images/home_faces320.jpg) no-repeat top center;
        background-size: auto 230px;
        height: auto;
    }
    .faces .text{
        padding-top: 230px;
        max-width: 250px;
    }
    .faces .text h2{
        width: 175px;
        margin: 0px auto;
    }
    .faces .text .button{
        font-size: 12px;
    }
    #footer{
        font-size: 9px;
    }
    #footer .logo{
        width: 50px;
    }
    .social {
        width: 128px;
        margin: 20px auto;
    }
    .social a{
        width: 25px;
        height: 25px;
    }
    h1, h1.contact{
        margin: 50px 0px 25px;
    }
    .team .title{
        font-size: 30px;
        width: 109%;
        margin-bottom: 5px;
        margin-left: -4.5%;
        padding: 8px 4.5% 5px;
    }    
    .team .member{
        margin-top: 30px;
    }
    .team .member h3{
        font-size: 18px;
    }
    .team .member h4{
        font-size: 10px;
        margin-top: 0px;
    }
    .team .member .textContent {
        padding-left: 30%;
    }
    .team .member .textContent ul li{
        padding-left: 15px;
    }
    .row.form #order .large-8.columns, .row.form #order .large-4.columns{
        width: 100%
    }
    #order{
        width: 96%;
        margin-left: 2%;
    }
    .row.form #order .large-8.columns{
        font-size: 28px;
        padding-bottom: 0px;
        padding: 35px 8% 35px 8%;
        margin: 0px;
        height: 20%;
    }
    #order #contactUs input[type="text"]{
        height: 28px;
        margin-bottom: 10px;
        font-size: 13px;
        padding: 0px 3.5%;
    }
    #order #contactUs input[type="submit"] {
        width: 65%;
        font-size: 12px;
        margin-right: 17%;
    }
    .row.form .large-8.columns{
        width: 96%;
        margin-left: 2.5%;
    }
    #order #contactUs{
        margin-bottom: 25px;
        font-size: 15px;
        margin-left: 0px;
    }
    #contactUs textarea{
		/*display: none;*/
		width: 100%;
		margin-bottom: 15px;
		float: none;
	}
	
    #contactUs input[type="text"]{
        width: 100%;
        height: 28px;
        margin-bottom: 10px;
        font-size: 13px;
    }
	#contactUs select{
		width: 100% !important;
		margin-top: 0px !important;
		height: 28px !important;
        margin-bottom: 10px !important;
        font-size: 13px !important;
	}
	#contactUs #field34{
		float:none;
		margin-top: 0px;
		width: 100%;
	}
    #contactUs input[type="submit"]{
        width: 65%;
        font-size: 12px;
        margin-right: 18%;
    }
    #contactUs ul {
        float: none !important;
        max-width: 100%;
    }
    .contactInfo{
        font-size: 15px;
        width: 100%;
        padding: 15px 20px 15px;
        height: auto;
    }
    #contMap {
        height: 157px !important;
        margin-top: 25px;
        width: 100%;
        float: left;
        width: 96%;
        margin-left: 2.5%;
    }
    .row.form{
        /*margin-bottom: 30px;*/
    }
    #popup .text .sell, #successMes .text .sell{
        font-size: 28px;
    }
    #successMes .text{
        height: 50%;
    }
    #header{
        padding: 10px 0px 5px;
    }
    .headTop .row{
        padding: 9px 0px 5px;
    }
    .headTop{
        height: auto;
        
    }
    #header .mobile img{
        margin-top: 10px;
    }
    #order{
        margin-top: 0px;        
    }
    .order .form.row{
        padding-bottom: 0px;
    }
}

@media (max-width: 330px){
	.home + .row.center .large-6.columns {
		padding-top: 95px;		
	}
}

@media (max-width: 300px){
	.home + .row.center .large-6.columns {
		padding-top: 80px;
	}
}

@media (max-height: 360px) and (orientation:landscape){
    .future .text h2 {
        /*max-width: 155px;*/
        padding: 0px 0px 105px;
    }
    .future .text{
        width: auto;
    }
    #video {
        width: 78px;
        height: 78px;
        top: 135px;
        right: 50%;
        margin-right: -39px;
    }
    .headTop{
        height: auto;
    }
    #header .mobile img{
        margin-top: 0px;
    }
    #hend {
        margin-left: -23.5%;
        width: 135%;
    }
    #header, .headTop .row{
        padding: 5px 0px 5px;
    }
    #header .large-2.columns, .headTop .large-2.columns{
        width: 20%;
    }
    #header .large-10.columns{
        width: 60%;
    }
    #header .mobile {
        width: 10%;
    }
    #header ul{
        width: 100%;
        padding-top: 34px;
        top: 38px;
        background-size: 20%;
        background-position-x: 91%;
        right: -23px;
    }
/*    #header ul{
        width: 100%;
        padding-top: 31px;
        top: 67px;
        background-size: 20%;
        background-position-x: 87%;
    }*/
    #topMenu ul li:not(.has-form) a:not(.button){
        font-size: 15px;
        line-height: 1;
    }
}

@media (max-width: 250px){
	.featured .large-2.columns {
		width: 100%;
	}
}