html {
    font-size: 100%;
}

body {
    font-family: 'titillium_webregular';
}

img {
    max-width: 100%;
}

a {
    font-family: 'titillium_websemibold';
    color: #004b81;
    font-size: 0.875rem;
    text-decoration: none;
}
a:hover, a:focus {
    color: #004b81;
    text-decoration: none;
}

ul, ol {
}
ul li {
}
ul li em {
}

.center-column {
    margin: 0 auto;
    float: none;
}

.row.no-gutter {
    /*margin-left: 0;
    margin-right: 0;*/
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/*mm-menu*/
.hamburger {
    box-sizing: border-box;
    width: 70px;
    height: 45px;
    position: fixed;
    top: 10px;
    right: 0;
    z-index: 99999;
}
.hamburger:before, .hamburger:after, .hamburger span {
    background: #00DAFF;
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    right: 20px;
    z-index: 4;
}
.hamburger:before {
    top: 10px;
}
.hamburger span {
    top: 20px;
}
.hamburger:after {
    top: 30px;
}

/* Hamburger animation */
.hamburger:before, .hamburger:after, .hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening .hamburger:before, html.mm-opening .hamburger:after {
    top: 20px;
}
html.mm-opening .hamburger span {
    right: -50px;
    opacity: 0;
}
html.mm-opening .hamburger:before {
    transform: rotate( 45deg );
}
html.mm-opening .hamburger:after {
    transform: rotate( -45deg );
}
/*mm-menu*/

#wrapper {
    width: 100%;
    display:none;
}

.section{
	text-align:center;
	overflow: hidden;
}

#video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:3;
}

#ar-lifestyle {

}
#ar-lifestyle .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
    width: 100%;
	height: 100%;
    z-index: 4;
    background: url('../images/v_pattern.png') repeat left top;
}

#ar-lifestyle .text-wrapper {
	position: absolute;
	z-index: 6;
	width: 100%;
	left: 0;
	top: 250px;
}
.section .title {
    font-size: 3.75rem;
    margin: 0; padding: 0;
    color: #fefefe;
    text-shadow: 0 0 15px rgba(0,218,255,1), 0 1px 6px #424242;
    font-family: 'titillium_weblight';
    font-weight: 300;
}
#ar-lifestyle .text-wrapper h1 {
    margin-bottom: 45px;
}
#ar-lifestyle .text-wrapper .text {
    max-width: 850px;
    margin: 0 auto;
}
#ar-lifestyle .text-wrapper .bg {
    min-width: 485px;
    line-height: 146px;
    height: 146px;
    background: url('../images/text-bg.png') no-repeat right top;
    margin: 0 auto;
    color: #fefefe;
    font-size: 1.375rem;
    text-shadow: 0 0 15px rgba(0,218,255,1), 0 1px 6px #424242;
    text-align: center;
}
#ar-lifestyle .text-wrapper .text .btn {
    margin-top: 50px;
}
#ar-lifestyle .btn-down-wrapper, #rideon-lifestyle-section .btn-down-wrapper {
    position: absolute;
    bottom: 15%;
    width: 100%;
	z-index: 5;
}
#ar-lifestyle .btn-down-wrapper .btn-down-bg, #rideon-lifestyle-section .btn-down-wrapper .btn-down-bg {
    width: 130px;
    height: 102px;
    background: url('../images/btn-down-bg.png') no-repeat left top;
    margin: 0 auto;
}
#ar-lifestyle .btn-down, #rideon-lifestyle-section .btn-down {
    display: inline-block;
    width: 90px;
    height: 100px;
    background: url('../images/btn-down.png') no-repeat left top;
}

.header-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 63px;
    z-index: 0;
}
.header-top {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #00daff;
}
.logo {
    float: left;
    margin: 3px 0 2px 0;
}
.main-menu {
    float: right;
}
.main-menu ul {
    list-style-type: none;
    margin: 0; padding: 0;
    margin-top: 17px;
}
.main-menu ul li {
    display: block;
    float: left;
    margin-left: 50px;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.main-menu ul li:first-child {
    margin-left: 0px;
}
.main-menu ul li a {
    color: #fefefe;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(0,218,255,1);
    font-weight: 600;
    font-size: 0.875rem;
    position: relative;
}
.main-menu ul li a.menu-a {
    padding: 5px 0px;
}
/*.main-menu ul li a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.main-menu ul li a:hover::after {
    opacity: 1;
}*/
.main-menu ul li span.arrow {
    display: none;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 9px);
    width: 18px;
    height: 9px;
    background: url('../images/submenu_arrow.png') no-repeat left top;
}
.main-menu ul li.active span.arrow {
    display: block;
}
.main-menu ul li a.purchase {
    display: block;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #00daff;
	-webkit-box-shadow: 0 3px 13px rgba(66,66,66,1);
	-moz-box-shadow: 0 3px 13px rgba(66,66,66,1);
	box-shadow: 0 3px 13px rgba(66,66,66,1);
    color: #000000;
    font-size: 0.875rem;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding: 0px 16px;
    text-shadow: none;

    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.main-menu ul li a.purchase::after {
    display:none;
}
.main-menu ul li a.purchase:hover {
    background-color: #0dbad7;
}
.share-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../images/share-btn.png') no-repeat left top;
}

.submenu-wrapper {
    float: right;
    display: none;
}
.submenu-wrapper .bg-left {
    float: left;
    width: 69px;
    height: 49px;
    background: url('../images/submenu_corner.png') no-repeat left top;
}
.submenu-wrapper .bg-content {
    float: left;
    height: 49px;
    background: url('../images/submenu_bg.png') repeat-x left top;
    padding-left: 25px;
    padding-right: 30px;
}
.submenu-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.submenu-wrapper ul li {
    display: inline-block;
    margin-left: 55px;
    line-height: 49px;
}
.submenu-wrapper ul li:first-child {
    margin-left: 0px;
}
.submenu-wrapper ul li a {
    color: #ffffff;
    color: #fefefe;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
    position: relative;
}
.submenu-wrapper ul li a.active {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 2px;
}
.submenu-wrapper ul li a.active:hover::after {
    display: none;
}
.submenu-wrapper ul li a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: -5px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.submenu-wrapper ul li a:hover::after {
    opacity: 1;
}

.btn,.btn:active,.btn:hover,.btn:focus {
    display: inline-block;
    min-width: 204px;
    height: 46px;
    line-height: 46px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 10px 13px rgba(66,66,66,.28);
	-moz-box-shadow: 0 10px 13px rgba(66,66,66,.28);
	box-shadow: 0 10px 13px rgba(66,66,66,.28);
    text-align: center;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    color: #02050a;
    font-size: 0.875rem;
    padding: 0px 20px;
}
.btn-green {
	background-color: #00e181;
}
.btn-blue {
	background-color: #00daff;
}
.btn-red {
    background-color: #ff3b41;
    color: #ffffff;
    text-transform: uppercase;
}
.btn-red:hover {
    color: #ffffff;
}
.btn-big,.btn-big:active,.btn-big:hover,.btn-big:focus {
    min-width: 219px;
    -webkit-box-shadow: inset 0 -2px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 -2px rgba(0,0,0,.15);
	box-shadow: inset 0 -2px rgba(0,0,0,.15);
}
.btn,.btn-big{
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn:hover ,.btn:focus,.btn-big:focus,.btn-big:hover{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.btn.btn-border-red {
    border-bottom: 2px solid #d93237;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
}
.btn.btn-border-green {
    border-bottom: 2px solid #00bf6f;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
}


#hp-ski-goggles-wrapper {
    background: url('../images/hp-ski-goggles-bg.jpg') no-repeat center top;
    background-size: cover;
}
.goggles-bg-fixed {
    width: 100%;
    height: 100%;
    background: url('../images/goggles-bg.png') no-repeat center bottom;
    background-size: auto;
    background-attachment: fixed;
}
.hp-ski-goggles-content {
    position: absolute;
    top: 210px;
    z-index: 7;
    width: 100%;
    text-align: center;
}
.hp-ski-goggles-content .title {
    margin-bottom: 45px;
}
.section .bg-text {
    min-width: 485px;
    height: 146px;
    background: url('../images/text-bg.png') no-repeat right top;
    margin: 0 auto;
    color: #fefefe;
    font-size: 1.375rem;
    text-shadow: 0 0 15px rgba(0,218,255,1), 0 1px 6px #424242;
    text-align: center;
    padding: 0 130px;
    display: table-cell;
    vertical-align: middle
}
.section .bg-text p {
    margin: 0;
    line-height: 1.3;
}
.hp-ski-goggles-content .btn {
    margin-top: 50px;
}
.hp-ski-goggles-content .btn-blue {
    margin-right: 35px;
}

#hp-join-us-wrapper {
    position: relative;
}
.background-animation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding:0;margin:0;
    overflow: hidden;
}
.background-animation img {
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    max-width: none;
}
.background-animation img.active{
    z-index:3
}

#hp-join-us-wrapper .fp-tableCell {
    vertical-align: top;
}
#hp-join-us-wrapper .hp-join-us-content {
    padding-top: 290px;
}
.hp-join-us-content .bg-text {
    padding: 0 100px;
}
#rideon-lifestyle-section .bg-text {
    padding: 0 40px;
}
.hp-join-us-content .title {
    margin-bottom: 45px;
}
.hp-join-us-content .btn {
    margin-top: 50px;
}
#hp-join-us-wrapper .btn-up-wrapper {
    position: absolute;
    bottom: 15%;
    width: 100%;
	z-index: 6;
}
#hp-join-us-wrapper .btn-up-wrapper .btn-up-bg {
    width: 130px;
    height: 102px;
    background: url('../images/btn-down-bg.png') no-repeat left top;
    margin: 0 auto;
}
#hp-join-us-wrapper .btn-up {
    display: inline-block;
    width: 90px;
    height: 100px;
    background: url('../images/btn-up.png') no-repeat left top;
}

.footer-wrapper {
    width: 100%;
    background-color: #000000;
    padding: 30px 0px;
}
.footer-bg {
    /*background: url('../images/logo-small.png') no-repeat center bottom;*/
    position: relative;
}
.footer-menu {
    list-style-type: none;
    margin: 0; padding: 0;
}
.footer-menu li {
    margin-top: 5px;
}
.footer-menu li:first-child {
    margin-top: 0px;
}
.footer-menu li a {
    color: #DCDCDC;
    text-transform: uppercase;
    font-family: 'titillium_weblight';
    font-size: 0.9rem;
}
.footer-menu li a.active, .footer-menu li a:hover {
    color: #00e181;
}
.footer-bg .logo-small {
    position: absolute;
    width: 46px;
    height: 39px;
    background: url('../images/logo-small.png') no-repeat center center;
    bottom: 0px;
    left: 50%;
    /*left: calc(50% - 23px);*/
    margin-left: -23px;
}
.copyright {
    text-transform: uppercase;
    color: #a5a5a5;
    font-size: 0.8125rem;
    font-family: 'titillium_weblight';
    margin-bottom: 20px;
    padding-left: 5px;
}
.social-links {}
.social-links a {
    display: inline-block;
    width: 52px;
    height: 55px;
}
.social-links a.facebook {
    background: url('../images/fb-icon.png') no-repeat left top;
}
.social-links a.twitter {
    background: url('../images/twitter-icon.png') no-repeat left top;
}
.social-links a.youtube {
    background: url('../images/youtube-icon.png') no-repeat left top;
}

.contact-title-wrapper {
    width: 100%;
    min-height: 425px;
    background: url('../images/contact-banner.jpg') no-repeat center top;
    background-size: cover;
}
.purchase-title-wrapper {
    width: 100%;
    min-height: 425px;
    background: url('../images/purchase-banner.png') no-repeat center top;
    background-size: cover;
}
.support-title-wrapper {
    width: 100%;
    min-height: 425px;
    background: url('../images/support-banner.jpg') no-repeat center top;
    background-size: cover;
}

.page-title-wrapper {
    padding-top: 220px;
}
.page-title {
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: 'titillium_websemibold';
    font-size: 2.5rem;
    color: #20002c;
}
.purchase-title-wrapper .page-title-wrapper {
    padding-top: 220px;
}
.purchase-title-wrapper  .page-title {
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: 'titillium_websemibold';
    font-size: 2.5rem;
    color: #ffffff;
}
.purchase-title-wrapper .page-title-wrapper p {
    color: #fefefe;
    font-size: 1.375rem;
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
    margin-top: 35px;
}

.contact-text {
    width: 100%;
    text-align: center;
    padding: 60px 20px 50px 20px;
}
.contact-text p {
    margin-bottom: 0px;
    color: #20002c;
    font-size: 1.375rem;
    font-weight: 300;
    font-family: 'titillium_weblight';
}
.contact-text a {
    font-size: 1.375rem;
    font-weight: 300;
    font-family: 'titillium_weblight';
    color: #09cbf0;
}
.contact-text a:hover {
    color: #09cbf0;
}
.contact-text h2 {
    color: #20002c;
    font-family: 'titillium_websemibold';
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: 23px;
}

.contact-form-wrapper {
    border: 2px solid #20002c;
    -webkit-box-shadow: 0 2px 2px rgba(66,66,66,.15);
	-moz-box-shadow: 0 2px 2px rgba(66,66,66,.15);
	box-shadow: 0 2px 2px rgba(66,66,66,.15);
    padding: 60px;
}
.form-control {
    height: 46px;
    line-height: 46px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #eaeaea;
    border: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: 'titillium_webregular';
    border: 1px solid #dfdfdf;
}
textarea.form-control {
    line-height: 1.3;
    height: 100px;
}
.form-group {
    margin-bottom: 35px;
}
.form-group label {
    color: #636363;
    font-family: 'titillium_webregular';
    font-weight: 400;
    margin-bottom: 8px;
}
.ctr-form {
    width: 100%;
    text-align: center;
}

.boxes-wrapper {
    width: 100%;
    background: #02052f;
    padding: 163px 0px 185px 0px;
}
.box-wrapper {
    border: 2px solid #ffffff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.box-wrapper .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #02052f;
    z-index:1;
    opacity: 0.5;
    -webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
    transition-property: opacity;
    transition-duration: 1s;
}
.box-wrapper:hover .cover {
    opacity: 0;
}
.box-wrapper img {
    width: 100%;
}
.box-wrapper .text {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: center;
    z-index:2;
}
.box-wrapper h3 {
    font-family: 'titillium_websemibold';
    font-weight: 600;
    font-size: 2.5rem;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.box-wrapper p {
    color: #ffffff;
    font-size: 1.1875rem;
    text-align: center;
    margin-top: 15px;
    padding: 0 120px;
    line-height: 1.8;
}
.box-wrapper .btns-wrapper {
    position: absolute;
    bottom: 54px;
    width: 100%;
    text-align: center;
    z-index:2;
}

.purchase-page-content {
    width: 100%;
    position: relative;
    min-height: 600px;
}
.purchase-page-content:after {
    content: '';
    background-image: url('../images/goggles-img.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    z-index: -1;
    width: 781px;
    height: 459px;
    position: absolute;
    top: 8px;
    right: -138px;
}

.purchase-page-content-2 {
    width: 100%;
    position: relative;
    min-height: 800px;
}
.purchase-page-content-2:after {
    content: '';
    background-image: url('../images/trycelery.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    z-index: -1;
    width: 781px;
    height: 713px;
    position: absolute;
    top: 8px;
    right: -138px;
}

.second-page-title {
    width: 100%;
    border-bottom: 2px solid #e3e3e3;
    padding: 45px 0px 27px 0px;
}
.second-page-title h2 {
    padding: 0; margin: 0;
    line-height: 1.1;
    color: #20002c;
    font-size: 2.5rem;
    font-weight: 300;
    font-family: 'titillium_weblight';
}
#purchase-form {
    border: 0px;
    width: 100%;
    min-height: 750px;
    margin-top: 45px;
}
#why-we-do-it-section {
    height: auto !important;
}
#why-we-do-it-section .fp-tableCell {
    vertical-align: top;
    height: auto !important;
}
#why-we-do-it-section .fp-section {
    height: auto !important;
}
.why-we-do-it-section-content {
    padding: 150px 0px 140px 0px;
    text-align: left;
}
.section h2.stitle {
    text-align: center;
    width: 100%;
    color: #20002c;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    font-size: 2.5rem;
    margin: 0; padding: 0;
    margin-bottom: 50px;
}
.why-we-do-it-slider {
}
.why-we-do-it-slider .flexslider .flex-viewport {
	/*height: 309px !important;*/
	height: 100% !important;
}
.why-we-do-it-slider .flexslider {
    height: auto;
    border: 0px;
    border-right: 2px solid #17dcfd;
}
.why-we-do-it-content {
    padding-left: 28px;
    max-width: 570px;
}
.why-we-do-it-content p {
    margin-bottom: 0;
    color: #20002c;
    font-weight: 300;
    font-size: 1.1875rem;
    font-family: 'titillium_weblight';
    line-height: 1.1;
}
.why-we-do-it-content a {
    font-family: 'titillium_weblight';
    font-weight: 300;
    font-size: 1.1875rem;
    color: #00b5ff;
}
.why-we-do-it-content .marginTop {
    margin-top: 30px;
}

#rideon-story-section {
    background-color: #f4f4f4;
}
#rideon-story-section .fp-tableCell {
    vertical-align: top;
}
.rideon-story-content {
    padding: 125px 0px 0px 0px;
    text-align: left;
}
.rideon-story-content .text {
    width: 100%;
    text-align: center;
    padding-bottom: 230px;
}
.rideon-story-content .text p {
    margin-bottom: 0px;
    color: #20002c;
    font-family: 'titillium_weblight';
    font-size: 1.375rem;
    font-weight: 300;
}
.story-tree-bg {
    width: 100%;
    background-image: url('../images/story-tree-bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 1556px;
    position: relative;
}
.story-text {
    max-width: 410px;
    text-align: left;
}
.story-text h3 {
    color: #00b5ff;
    font-size: 3.75rem;
    font-family: 'titillium_weblight';
    font-weight: 300;
    margin: 0px; padding: 0px;
    line-height: 1;
    margin-bottom: 30px;
}
.story-text p {
    color: #20002c;
    font-family: 'titillium_weblight';
    font-weight: 300;
    font-size: 1.1875rem;
    margin-bottom: 25px;
}
.story-2014-gallery {
    position: absolute;
    top: -153px;
    left: 96px;
}
.story-2014-text {
    position: absolute;
    top: -18px;
    right: 75px;
}
.story-2015-gallery {
    position: absolute;
    top: 360px;
    left: 769px;
}
.story-2015-text {
    position: absolute;
    top: 490px;
    left: 100px;
}
.story-2016-gallery {
    position: absolute;
    left: 96px;
    top: 970px;
}
.story-2016-text {
    position: absolute;
    top: 1095px;
    right: 75px;
}
.story-gallery .background {
    position: relative;
    width: 100%;
    height: 100%;
}
.story-gallery .background img {
    position:absolute;
    top: 0;
    left: 0;
    z-index:1;
    max-width: none;
}
.story-gallery .background img.active{
    z-index:3
}

#what-we-develop-section {
    width: 100%;
    background-color: #ededed;
    background-image: url('../images/story-tree-end.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 5px) top;
}
#what-we-develop-section .fp-tableCell {
    vertical-align: top;
}
#what-we-develop-section .stitle {
    margin-top: 125px;
}
#what-we-develop-section .text {
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
}
#what-we-develop-section .text p {
    margin-bottom: 0px;
    color: #20002c;
    font-family: 'titillium_weblight';
    font-size: 1.375rem;
    font-weight: 300;
}
.images-slider-ctrl {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.images-slider-ctrl a {
    margin-left: 15px;
}
.images-slider-ctrl a:first-child {
    margin-left: 0px;
}
.images-slider-ctrl .slide-bike {
    display: inline-block;
    width: 72px;
    height: 81px;
    background: url('../images/btn-bike-off.png') no-repeat left top;
}
.images-slider-ctrl .slide-bike:hover, .images-slider-ctrl .slide-bike.on {
    background: url('../images/btn-bike-on.png') no-repeat left top;
}
.images-slider-ctrl .slide-boat {
    display: inline-block;
    width: 74px;
    height: 81px;
    background: url('../images/btn-boat-off.png') no-repeat left top;
}
.images-slider-ctrl .slide-boat:hover, .images-slider-ctrl .slide-boat.on {
    background: url('../images/btn-boat-on.png') no-repeat left top;
}
.images-slider-ctrl .slide-plane {
    display: inline-block;
    width: 73px;
    height: 81px;
    background: url('../images/btn-plane-off.png') no-repeat left top;
}
.images-slider-ctrl .slide-plane:hover, .images-slider-ctrl .slide-plane.on {
    background: url('../images/btn-plane-on.png') no-repeat left top;
}
.images-slider-ctrl .slide-army {
    display: inline-block;
    width: 72px;
    height: 81px;
    background: url('../images/btn-army-off.png') no-repeat left top;
}
.images-slider-ctrl .slide-army:hover, .images-slider-ctrl .slide-army.on {
    background: url('../images/btn-army-on.png') no-repeat left top;
}
.what-we-develop-content {
    padding-bottom: 95px;
}

#the-team-section {}
#the-team-section .fp-tableCell {
    vertical-align: top;
}
#the-team-section .stitle {
    margin-top: 120px;
}
#the-team-section .text {
    width: 100%;
    text-align: center;
    padding-bottom: 120px;
}
#the-team-section .text p {
    margin-bottom: 0px;
    color: #20002c;
    font-family: 'titillium_weblight';
    font-size: 1.375rem;
    font-weight: 300;
}
.team-list-wrapper {

}
.team-list-wrapper ul {
    list-style-type: none;
    margin: 0; padding: 0;
}
.team-list-wrapper ul li {
    display: inline-block;
    width: 290px;
    box-sizing: content-box;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    padding: 0px 40px;
    margin-bottom: 95px;
}
.team-list-wrapper ul li p {
    margin-bottom: 0px;
    color: #5d5d5d;
    font-size: 0.9375rem;
}
.team-list-wrapper ul li h4 {
    margin: 0; padding: 0;
    color: #09cbf0;
    font-family: 'titillium_websemibold';
    font-size: 1.1875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 35px 0px 15px 0px;
}

#be-part-team-section {
    background-color: #ededed;
    height: auto !important;
}
#be-part-team-section .fp-tableCell {
    vertical-align: top;
    height: auto !important;
}
#be-part-team-section .fp-section {
    height: auto !important;
}
#be-part-team-section .stitle {
    margin-top: 150px;
    margin-bottom: 20px;
}
#be-part-team-section .text {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}
#be-part-team-section .text p {
    margin-bottom: 0px;
    color: #20002c;
    font-family: 'titillium_weblight';
    font-size: 1.375rem;
    font-weight: 300;
}
#be-part-team-section .contact-form-wrapper {
    background-color: #ffffff;
    text-align: left;
    padding-bottom: 38px;
    margin-bottom: 120px;
}
#be-part-team-section .contact-form-wrapper textarea {
    height: 100px;
}

#ski-goggle-section {
    background: url('../images/ski-goggle-banner.jpg') no-repeat center top;
    background-size: cover;
}
#ski-goggle-section .fp-tableCell {
    vertical-align: top;
}
#ski-goggle-section .banner-content {
    padding-top: 215px;
}
#ski-goggle-section .banner-content .title {
    font-family: 'titillium_websemibold';
    font-size: 2.5rem;
    font-weight: 500;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
    margin-bottom: 35px;
}
#ski-goggle-section .banner-content .text {
    max-width: 520px;
    margin: 0 auto;
    color: #fefefe;
    font-size: 1.375rem;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
}
#ski-goggle-section .banner-content .btn {
    margin-top: 50px;
    min-width: 204px;
}
#ski-goggle-section .banner-content .btn i {
    margin-right: 10px;
    font-size: 18px;
}

#ski-goggle-slider-section {
    height: auto !important;
}
#ski-goggle-slider-section .fp-tableCell {
    vertical-align: top;
    height: auto !important;
}
#ski-goggle-slider-section .fp-section {
    height: auto !important;
}
.ski-goggle-slider {
    position: relative;
}
.ski-goggle-slider .flexslider {
    margin: 0; padding: 0;
    border: 0px;
}
.ski-goggle-slider .flexslider .flex-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 194px;
    background: rgba(0, 0, 40, 0.8);
    padding:30px 0px 25px 0px;
}
.ski-goggle-slider .flexslider .flex-caption .text h2 {
    color: #fefefe;
    margin-top: 0px;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
    line-height: 1;
}
.ski-goggle-slider .flexslider .flex-caption .text {
    color: #fefefe;
    font-family: 'titillium_weblight';
    font-weight: 300;
    font-size: 1.375rem;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
}
.ski-goggle-slider .flexslider .flex-caption a {
    color: #00daff;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
    font-size: 0.8125rem;
}
.ski-goggle-slider .flex-direction-nav a {
    opacity: 1;
    bottom: 80px;
    top: auto;
    width: auto;
    height: auto;
    font-weight: 300;
}
.ski-goggle-slider .flex-direction-nav .flex-prev {
    left: 15%;
    opacity: 1;
}
.ski-goggle-slider .flexslider:hover .flex-direction-nav .flex-prev {
    left: 14%;
    opacity: 1;
}
.ski-goggle-slider .flex-direction-nav .flex-next {
    right: 15%;
    opacity: 1;
}
.ski-goggle-slider .flexslider:hover .flex-direction-nav .flex-next {
    right: 14%;
    opacity: 1;
}
.ski-goggle-slider .flex-direction-nav a:before {
    color: #ffffff;
    font-size: 25px;
    font-weight: lighter;
    text-shadow: 0 0 15px rgba(0,218,255,.25), 0 3px 13px rgba(66,66,66,.71);
}
.ski-goggle-slider .slider-ctrl {
    position: absolute;
    top: 160px;
    z-index: 10;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.ski-goggle-slider .slider-ctrl .flex-control-nav {
    bottom: auto;
}
.ski-goggle-slider .slider-ctrl li {

}
.flex-slide-interact {
    display: inline-block;
    width: 128px;
    height: 142px;
    background: url('../images/interact-btn-off.png') no-repeat left top;
}
.flex-slide-interact.flex-active {
    background: url('../images/interact-btn-on.png') no-repeat left top;
}
.flex-slide-navigate {
    display: inline-block;
    width: 128px;
    height: 142px;
    background: url('../images/navigate-btn-off.png') no-repeat left top;
}
.flex-slide-navigate.flex-active {
    background: url('../images/navigate-btn-on.png') no-repeat left top;
}
.flex-slide-engage {
    display: inline-block;
    width: 128px;
    height: 142px;
    background: url('../images/engage-btn-off.png') no-repeat left top;
}
.flex-slide-engage.flex-active {
    background: url('../images/engage-btn-on.png') no-repeat left top;
}
.flex-slide-play {
    display: inline-block;
    width: 128px;
    height: 142px;
    background: url('../images/play-btn-off.png') no-repeat left top;
}
.flex-slide-play.flex-active {
    background: url('../images/play-btn-on.png') no-repeat left top;
}

#goggle-specs-section {
    height: auto !important;
}
#goggle-specs-section .fp-tableCell {
    vertical-align: top;
    height: auto !important;
}
#ski-goggle-slider-section .fp-section {
    height: auto !important;
}
#goggle-specs-section .stitle {
    margin-top: 160px;
    margin-bottom: 18px;
}
.goggle-specs-content {
    position: relative;
    width: 100%;
    padding-bottom: 150px;
}
.goggle-specs {
    width: 200px;
    text-align: left;
}
.goggle-specs .spec-title {
    color: #09cbf0;
    text-transform: uppercase;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    font-size: 1.1875rem;
    line-height: 1;
}
.goggle-specs-left-wrapper {
    position: absolute;
    top: 110px;
    left: 0px;
}
.goggle-specs-right-wrapper {
    position: absolute;
    top: 110px;
    right: 0px;
}
.goggle-specs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.goggle-specs ul li {
    color: #5d5d5d;
    font-size: 1.0625rem;
    background: url('../images/arrow-left.png') no-repeat left 8px;
    padding-left: 10px;
}
.goggle-specs.camera {
    /*position: absolute;
    top: 110px;
    left: 0px;*/
}
.goggle-specs.camera .spec-title {
    background: url('../images/camera-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.connectivity {
    /*position: absolute;
    top: 260px;
    left: 0px;*/
    margin-top: 50px;
}
.goggle-specs.connectivity .spec-title {
    background: url('../images/connectivity-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.display {
    /*position: absolute;
    top: 420px;
    left: 0px;*/
    margin-top: 35px;
}
.goggle-specs.display .spec-title {
    background: url('../images/display-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.battery {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
}
.goggle-specs.battery .spec-title {
    background: url('../images/battery-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.op {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    margin-top: 80px;
    width: 210px;
}
.goggle-specs.op .spec-title {
    background: url('../images/op-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.cpu {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    margin-top: 80px;
    width: 210px;
}
.goggle-specs.cpu .spec-title {
    background: url('../images/cpu-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs-bottom-wrapper {
    margin-top: 60px;
    margin-left: 40px;
    text-align: left;
}
.goggle-specs.weight {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    width: 210px;
    margin-right: 60px;
    float: left;
}
.goggle-specs.weight .spec-title {
    background: url('../images/weight-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.fit {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    width: 210px;
    margin-right: 60px;
    float: left;
}
.goggle-specs.fit .spec-title {
    background: url('../images/fit-icon.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs.safety {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    width: 210px;
    margin-right: 60px;
    float: left;
}
.goggle-specs.safety .spec-title {
    background: url('../images/safety-icon.png') no-repeat left center;
    padding-left: 35px;
}

.goggle-specs.fb {
    /*position: absolute;
    top: 420px;
    right: 0px;*/
    width: 210px;
    margin-right: 80px;
    float: left;
}
.goggle-specs.fb .spec-title {
    background: url('../images/fblive.png') no-repeat left center;
    padding-left: 35px;
}
.goggle-specs-slider {
    display: none;
}
.goggle-specs-slider .flexslider {
    margin: 0px;
    border: 0px;
    margin-top: 50px;
}
.goggle-specs-slider .flexslider ul li {
    width: 100%;
}
.goggle-specs-slider .flexslider ul li .goggle-specs {
    position: initial !important;
    margin: 0 auto !important;
    float: none !important;
}
.goggle-specs-slider .flex-direction-nav a {
    opacity: 1;
    width: auto;
    height: auto;
    font-weight: 300;
}
.goggle-specs-slider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
    left: 20px;
    opacity: 1;
}
.goggle-specs-slider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
    right: 20px;
    opacity: 1;
}
.goggle-specs-slider .flex-direction-nav a:before {
    color: #09cbf0;
    font-size: 25px;
    font-weight: lighter;
}

#support-section-wrapper {
    height: auto !important;
}
#support-section-wrapper .fp-tableCell {
    vertical-align: top;
    height: auto !important;
}
#support-section-wrapper .fp-section {
    height: auto !important;
}
#support-section-wrapper .stitle {
    margin-top: 150px;
    margin-bottom: 45px;
}
.support-section-title {
    width: 100%;
    min-height: 425px;
    background: url('../images/support-banner.jpg') no-repeat center top;
}
.support-section-title .btn {
    max-width: 196px;
    color: #ffffff;
    text-transform: uppercase;
}
.support-section-title .btn-red {
    margin-right: 28px;
}
.manul-icon {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 22px;
    background: url('../images/manual-icon.png') no-repeat left top;
    vertical-align: middle;
}
.faq-icon {
    display: inline-block;
    margin-right: 10px;
    width: 29px;
    height: 28px;
    background: url('../images/faq-icon.png') no-repeat left top;
    vertical-align: middle;
}
.partners-wrapper {
    width: 100%;
    background-color: #ededed;
    padding-top: 34px;
    padding-bottom: 40px;
}
.partners-wrapper .ptitle {
    margin-top: 0px;
    margin-bottom: 38px;
    color: #717171;
    font-family: 'titillium_websemibold';
    font-weight: 600;
    font-size: 1.1875rem;
    text-transform: uppercase;
}
.partners-wrapper ul {
    list-style-type: none;
    margin: 0px; padding: 0px;
}
.partners-wrapper ul li {
    display: inline-block;
    padding: 5px 20px;
}
.partners-wrapper ul li:first-child {
    padding-left: 0px;
}
.partners-wrapper ul li:last-child {
    padding-right: 0px;
}

.faq-support-wrapper {}
.faq-support-wrapper .buttons {
    width: 100%;
    padding: 36px 0px 31px 0px;
    border-bottom: 2px solid #e3e3e3;
    text-align: center;
}
.faq-support-wrapper .buttons .btn {
    max-width: 196px;
    color: #ffffff;
    text-transform: uppercase;
}
.faq-support-wrapper .buttons .btn:first-child {
    margin-right: 38px;
}
.faq-plus {
    width: 10px;
    height: 11px;
    background: url('../images/faq-plus.png') no-repeat left top;
}
.faq-minus {
    width: 10px;
    height: 11px;
    background: url('../images/faq-minus.png') no-repeat left top;
}
.faq-questions {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 25px;
}
.faq-questions h3.ui-accordion-header {
    color: #ff3b41;
    font-size: 1.375rem;
    padding: 0px;
    padding-left: 20px;
    border-top: 1px solid #e3e3e3;
    margin-top: 25px;
    padding-top: 25px;
}
.faq-questions h3.ui-accordion-header:focus {
    outline: none;
}
.faq-questions h3.ui-accordion-header:first-child {
    border-top: 0px;
    padding-top: 0px;
    margin-top: 33px;
}
.faq-questions .ui-accordion-header .ui-accordion-header-icon {
    left: 0px;
    margin-top: 8px;
}
.faq-questions h3.ui-accordion-header:first-child .ui-accordion-header-icon {
    margin-top: -5px;
}
.faq-questions .ui-accordion-content {
    padding: 15px 0px 0px 0px;
    overflow: none;
}
.faq-questions .ui-accordion-content p {
    margin-bottom: 0;
    color: #20002c;
    font-weight: 300;
    font-family: 'titillium_weblight';
    font-size: 1.1875rem;
    line-height: 1.6;
}

.copyright-wrapper {
    float: right;
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 70px;
}

#mobile-menu {
    z-index: 2;
}

.preloader-wrapper {
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index: 10000;
    background-color:#000033;
    background-position:center 40%;
    background-repeat:no-repeat;
    background-image:url(../images/preloader.gif);
}
.loader {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 4px;
    margin-left: -90px;
    margin-top: -2px;
    z-index: 99999999;
}
.loader:before {
    content: "";
    display: block;
    width: 10%;
    height: 100%;
    background-color: #FFFFFF;
    -webkit-animation: loader 3.5s ease 0s infinite normal;
    animation: loader 3.5s ease 0s infinite normal;
}
@-webkit-keyframes loader {
    0% {
        margin: 0 99% 0 0;
        width: 1%;
    }

    25% {
        margin: 0 0 0 0;
        width: 100%;
    }

    50% {
        margin: 0 0 0 99%;
        width: 1%;
    }

    75% {
        margin: 0 0 0 0;
        width: 100%;
    }

    100% {
        margin: 0 99% 0 0;
        width: 1%;
    }
}

@keyframes loader {
    0% {
        margin: 0 99% 0 0;
        width: 1%;
    }

    25% {
        margin: 0 0 0 0;
        width: 100%;
    }

    50% {
        margin: 0 0 0 99%;
        width: 1%;
    }

    75% {
        margin: 0 0 0 0;
        width: 100%;
    }

    100% {
        margin: 0 99% 0 0;
        width: 1%;
    }
}

.goggle-specs-image-mobile {
    display:none;
}

.mm-menu.mm-theme-white .mm-listview {
    margin-top: 43px !important;
}

.share {position: absolute;top: 50px;right: -12px;display: none;}
.jssocials-share-link { border-radius: 50%; }
.jssocials-share:first-child {margin-left:0.3em; }

.share-mobile-wrapper {
    display: none;
    position: absolute;
    top: 17px;
    right: 60px;
}
.share-mobile-wrapper .scontent {
    position: relative;
}

.background-animation .bga {
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    max-width: none;
    height:100%;
    width:100%;
    background-repeat: no-repeat;
    background-position:  center top;
}
.background-animation .bga.active{
    z-index:3
}

#goggle-specs-iframe {
    border: 0px;
    width: 100%;
    height: 510px;
}


@media (max-width: 460px) {
    .background-animation { }
    .background-animation .bga {background-size: 350% auto;}
    #ski-goggle-section {
        background-size: 372% auto;
    }
    #goggle-specs-iframe {
        height: 200px;
    }
}

/* Small devices (phones, 460px and down) */
@media (max-width: 460px) {
    .box-wrapper .btns-wrapper {
        bottom: 20px;
    }

    .share-mobile-wrapper {
        display: block;
    }

    .btn-down-wrapper, .btn-up-wrapper {
        display: none;
    }

    .ski-goggle-slider .flexslider .flex-caption .text {
        font-size: 1.1rem;
    }
    .ski-goggle-slider .flexslider .flex-caption .text h2 {
        font-size: 1.6rem;
    }
    .goggle-specs-image-mobile {
        display: block;
    }
    .goggle-specs-image {
        display: none;
    }

    /*.background-animation{
        transform: scale(0.6);
        -ms-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
    }*/
    .background-animation img{
        left:-300px;
    }

    .team-list-wrapper ul li {
        padding: 0px;
    }

    .cd-handle {
        height: 42px;
        width: 42px;
        margin-left: -21px;
        margin-top: -21px;
        background-size: cover;
    }

    #ar-lifestyle {
        background: url('../images/lvl1bg.jpg') no-repeat center top;
        background-size: cover;
    }
    #ar-lifestyle video {
        display:none;
    }

    .contact-title-wrapper,
        .purchase-title-wrapper,
        .support-title-wrapper {
        min-height: auto;
    }
    .page-title-wrapper, .purchase-title-wrapper .page-title-wrapper {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    .contact-form-wrapper {
        padding: 20px;
    }

    .faq-support-wrapper .buttons .btn {
        margin: 0 auto;
    }
    .faq-support-wrapper .buttons .btn:first-child {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .second-page-title h2 {
        font-size: 2.3rem;
    }

    .section .title {
        font-size: 2.2rem;
    }

    #ar-lifestyle .fp-tableCell {
        vertical-align: top;
    }
    #ar-lifestyle .text-wrapper {
        top: 100px;
    }
    #ar-lifestyle .btn-down-wrapper, #rideon-lifestyle-section .btn-down-wrapper {
        bottom: 5%;
    }

    #ar-lifestyle .text-wrapper .bg {
        width: 100%;
        min-width: 1px;
        line-height: 1.5;
    }
    #ar-lifestyle .text-wrapper .bg p {
        padding: 30px 20px 0px 20px;
    }

    .goggles-bg-fixed {
        background-size: 100%;
    }
    .hp-ski-goggles-content {
        position: static;
        padding-top: 100px;
    }
    .section .bg-text {
        width: 100%;
        min-width: 1px;
        padding: 0;
    }
    #hp-join-us-wrapper .bg-text, #rideon-lifestyle-section .bg-text {
        font-size: 1rem;
        padding: 0 20px;
    }
    .hp-ski-goggles-content .btn-blue {
        margin-right: 0px;
    }

    #hp-join-us-wrapper .hp-join-us-content {
        padding-top: 50px;
    }
    #hp-join-us-wrapper .btn-up-wrapper {
        bottom: 5%;
    }

    .rideon-story-content .text {
        padding-bottom: 50px;
    }
    .story-tree-bg {
        background-image: none;
        min-height: auto;
    }
    .story-2014-gallery, .story-2015-gallery, .story-2016-gallery {
        position: initial;
        text-align: center;
        margin: 0 auto;
        width: 265px;
        height: 306px;
        margin-bottom: 20px;
    }
    .story-2014-text, .story-2015-text, .story-2016-text {
        position: initial;
    }
    .images-slider-ctrl a {
        margin-left: 0px;
    }

    #ski-goggle-section .banner-content {
        padding-top: 100px;
    }

    .ski-goggle-slider .flexslider .flex-caption {
        position: initial;
    }
    .ski-goggle-slider .flexslider .flex-caption {
        /*min-height: 300px;*/
        box-sizing: content-box;
    }
    .ski-goggle-slider .slider-ctrl {
        display: block;
        position: initial;
        height: 100px;
        background: rgba(0, 0, 40, 1);
        padding-top: 10px;
    }
    .ski-goggle-slider .slider-ctrl .flex-control-nav a {
        width: 70px;
        height: 80px;
        background-size: 100%;
    }
    .flex-slide-interact {

    }
    .ski-goggle-slider .flex-direction-nav a {
        bottom: 25px;
    }
    .support-section-title .btn-red {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .goggle-specs-left-wrapper, .goggle-specs-bottom-wrapper, .goggle-specs-right-wrapper {
        display: none;
    }
    #goggle-specs-section .stitle {
        margin-top: 50px;
    }
    .goggle-specs-content {
        padding-bottom: 50px;
    }
    .goggle-specs-slider {
        display: block;
        width: 100%;
    }
    .goggle-specs-slider .flexslider {
        width: 100%;
    }
    .section h2.stitle {
        font-size: 2rem;
    }
    .why-we-do-it-content {
        padding: 0px 20px;
    }
    .why-we-do-it-section-content {
        padding: 50px 0px;
    }
}
/* Small devices (phones, 460px and up) */
@media (min-width: 460px) and (max-width: 700px) and (orientation: landscape) {
    .section h2.stitle {
        font-size: 2rem;
    }

    .share-mobile-wrapper {
        display: block;
    }

    .btn-down-wrapper, .btn-up-wrapper {
        display: none;
    }

    .goggle-specs-image-mobile {
        display: block;
    }
    .goggle-specs-image {
        display: none;
    }

    #ar-lifestyle {
        background: url('../images/lvl1bg.jpg') no-repeat center top;
        background-size: cover;
    }
    #ar-lifestyle video {
        display:none;
    }
    .goggle-specs-left-wrapper, .goggle-specs-bottom-wrapper, .goggle-specs-right-wrapper {
        display: none;
    }
    #goggle-specs-section .stitle {
        margin-top: 50px;
    }
    .goggle-specs-content {
        padding-bottom: 50px;
    }
    .goggle-specs-slider {
        display: block;
    }

    .ski-goggle-slider .flexslider .flex-caption {
        position: initial;
    }
    .ski-goggle-slider .flexslider .flex-caption {
        box-sizing: content-box;
    }
    .ski-goggle-slider .slider-ctrl {
        display: block;
        position: initial;
        height: 100px;
        background: rgba(0, 0, 40, 1);
        padding-top: 10px;
    }
    .ski-goggle-slider .slider-ctrl .flex-control-nav a {
        width: 70px;
        height: 80px;
        background-size: 100%;
    }
    .flex-slide-interact {

    }
    .ski-goggle-slider .flex-direction-nav a {
        bottom: 50px;
    }

    #ski-goggle-section .banner-content {
        padding-top: 100px;
    }

    .second-page-title h2 {
        font-size: 2.3rem;
    }

    .section .title {
        font-size: 2.2rem;
    }

    #ar-lifestyle .fp-tableCell {
        vertical-align: top;
    }
    #ar-lifestyle .text-wrapper {
        top: 80px;
    }
    #ar-lifestyle .btn-down-wrapper, #rideon-lifestyle-section .btn-down-wrapper {
        bottom: 5%;
    }
    #ar-lifestyle .text-wrapper h1 {
        margin-bottom: 20px;
    }

    #ar-lifestyle .text-wrapper .bg {
        width: 100%;
        min-width: 1px;
        line-height: 1.5;
        background: none;
        height: auto;
    }
    #ar-lifestyle .text-wrapper .bg p {
        padding: 0px 20px 0px 20px;
    }
    #ar-lifestyle .text-wrapper .text .btn {
        margin-top: 20px;
    }

    .goggles-bg-fixed {
        background-size: 100%;
    }
    .hp-ski-goggles-content {
        position: static;
        padding-top: 50px;
    }
    .section .bg-text {
        width: 100%;
        min-width: 1px;
        padding: 0;
    }
    #hp-join-us-wrapper .bg-text {
        font-size: 1rem;
    }
    .hp-join-us-content .bg-text {
        font-size: 1rem;
        background: none;
        height: auto;
    }
    .hp-join-us-content .btn {
        margin-top: 20px
    }

    #hp-join-us-wrapper .hp-join-us-content {
        padding-top: 50px;
    }
    #hp-join-us-wrapper .btn-up-wrapper {
        bottom: 5%;
    }

    .hp-ski-goggles-content .title {
        margin-bottom: 20px;
    }

    .rideon-story-content .text {
        padding-bottom: 50px;
    }
    .story-tree-bg {
        background-image: none;
        min-height: auto;
    }
    .story-2014-gallery, .story-2015-gallery, .story-2016-gallery {
        position: initial;
        text-align: center;
        margin: 0 auto;
        width: 265px;
        height: 306px;
        margin-bottom: 20px;
    }
    .story-2014-text, .story-2015-text, .story-2016-text {
        position: initial;
    }

    .hp-join-us-content .title {
        margin-bottom: 20px;
    }
}
@media (min-width: 1000px) and (max-width: 1100px) and (orientation: landscape) {
    #ar-lifestyle .btn-down-wrapper, #rideon-lifestyle-section .btn-down-wrapper {
        bottom: 5%;
    }
    .story-2014-gallery {
        left: 0px;
        top: -130px;
    }
    .story-2014-text {
        right: -20px;
    }
    .story-2015-gallery {
        left: 670px;
        top: 380px;
    }
    .story-2015-text {
        left: 0px;
    }
    .story-2016-gallery {
        left: 0px;
    }
    .story-2016-text {
        right: -20px;
    }
}
@media (max-width: 700px) {

    .boxes-wrapper {
        padding: 30px 0px 30px 0px;
    }
    .box-wrapper p {
        padding: 0 20px;
    }
    .boxes-wrapper .container .row .col-xs-12 {
        margin-top: 30px;
    }
    .boxes-wrapper .container .row .col-xs-12:first-child {
        margin-top: 0px;
    }
    .copyright-wrapper {
        float: none;
        margin-bottom: 40px;
    }
    .copyright-wrapper .pull-right {
        float: none !important;
        width: 100%;
        text-align: center;
    }
    .purchase-page-content:after {
        display: none;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .purchase-page-content:after {
        display: none;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    .ski-goggle-slider .slider-ctrl {
        display: block;
        position: initial;
        height: 100px;
        background: rgba(0, 0, 40, 1);
        padding-top: 10px;
    }
    .ski-goggle-slider .slider-ctrl .flex-control-nav a {
        width: 70px;
        height: 80px;
        background-size: 100%;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .share-mobile-wrapper {
        display: block;
    }
    .ski-goggle-slider .flexslider .flex-caption {
        position: initial;
    }
    .ski-goggle-slider .flexslider .flex-caption {
        box-sizing: content-box;
    }
    .ski-goggle-slider .slider-ctrl {
        display: block;
        position: initial;
        height: 100px;
        background: rgba(0, 0, 40, 1);
        padding-top: 10px;
    }
    .ski-goggle-slider .slider-ctrl .flex-control-nav a {
        width: 70px;
        height: 80px;
        background-size: 100%;
    }
    .flex-slide-interact {

    }
    .ski-goggle-slider .flex-direction-nav a {
        bottom: 50px;
    }

    .boxes-wrapper .container .row .col-xs-12 {
        margin-top: 50px;
    }
    .boxes-wrapper .container .row .col-xs-12:first-child {
        margin-top: 0px;
    }
    .rideon-story-content .text {
        padding-bottom: 50px;
    }
    .story-tree-bg {
        background-image: none;
        min-height: auto;
    }
    .story-2014-gallery, .story-2015-gallery, .story-2016-gallery {
        position: initial;
        text-align: center;
        margin: 0 auto;
        width: 265px;
        height: 306px;
        margin-bottom: 20px;
    }
    .story-2014-text, .story-2015-text, .story-2016-text {
        position: initial;
    }
}
@media (min-width: 768px) and (max-width: 1000px) {
    .goggle-specs-image {
        max-width: 70%;
    }
    .goggle-specs-left-wrapper {
        top: 50px;
    }
    .goggle-specs-right-wrapper {
        top: 50px;
    }
    .goggle-specs-bottom-wrapper {
        width: 210px;
        margin: 0 auto;
    }
    .goggle-specs-bottom-wrapper .goggle-specs {
        margin-top: 30px;
    }
    .goggle-specs-bottom-wrapper .goggle-specs:first-child {
        margin-top: 0px;
    }
}
@media (min-width: 769px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .hamburger {
        display: none;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .purchase-page-content:after {
        display: block;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    #hp-join-us-wrapper .hp-join-us-content {
        padding-top: 150px;
    }
    .goggle-specs-bottom-wrapper{
       margin-left: 0 !important; 
    }
    .goggle-specs.fb{
        margin-right: 60px !important;
    }
    .goggle-specs.safety{
        margin-right: 0px !important;
    }
    .goggle-specs.fit{
        margin-right: 0px !important;
    }
    .goggle-specs.weight{
        margin-right: 30px !important;
    }
    
    
    
}
@media (min-width: 1000px) and (max-width: 1550px) {
    .ski-goggle-slider .flexslider .flex-caption .text h2 {
        font-size: 1.6rem;
    }
    .ski-goggle-slider .flexslider .flex-caption .text {
        font-size: 1rem;
    }
    .ski-goggle-slider .flexslider .flex-caption {
        min-height: auto;
    }
    .ski-goggle-slider .slider-ctrl .flex-control-nav {
        bottom: 0px;
    }
    
}
@media (max-width: 1050px) {
    #ar-lifestyle {
        background: url('../images/lvl1bg.jpg') no-repeat center top;
        background-size: cover;
    }
    #ar-lifestyle video {
        display:none;
    }
}
@media (max-width: 1599px) {
    .btn-down-wrapper, .btn-up-wrapper {
        display: none;
    }
}