/******************************************************************
Site Name: Giroptic
Author: Inkoniq

Stylesheet: Theme Stylesheet
******************************************************************/

@font-face {
  font-family: 'zona_proextrabold';
  src: url('fonts/zonapro-extrabold/zonapro-extrabold.eot');
  src: url('fonts/zonapro-extrabold/zonapro-extrabold.eot?#iefix') format('embedded-opentype'),
  url('fonts/zonapro-extrabold/zonapro-extrabold.woff2') format('woff2'),
  url('fonts/zonapro-extrabold/zonapro-extrabold.woff') format('woff'),
  url('fonts/zonapro-extrabold/zonapro-extrabold.ttf') format('truetype'),
  url('fonts/zonapro-extrabold/zonapro-extrabold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'zona_probold';
  src: url('fonts/zonapro-bold/zonapro-bold.eot');
  src: url('fonts/zonapro-bold/zonapro-bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/zonapro-bold/zonapro-bold.woff2') format('woff2'),
  url('fonts/zonapro-bold/zonapro-bold.woff') format('woff'),
  url('fonts/zonapro-bold/zonapro-bold.ttf') format('truetype'),
  url('fonts/zonapro-bold/zonapro-bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;

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

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


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


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

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

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

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

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

/* Global Styles */
body{
  font-weight: normal;
}
a{
  outline:none !important;
}
.none{display: none !important;}
.col-centered {
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-right: -4px;
}
#playerlayer{
   width:100%;
   position: relative;
   top:0px;
   background-color:rgba(0,0,0,0);
   position:relative;
   z-index:999;
 
}
.row-centered {
  text-align: center;
}
.col-centered_custom {
  display: inline-block;
  vertical-align: top;
  float: none;
  
}
#player1{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  
  height: 100%;

}
.fluid-container{margin:0 2%;}
.navbar .sb-toggle-left {
  width: 58px;
  float: left;
  padding: 14px;
}
.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #44bbff;
}
.topnav .sb-toggle-left {
  width: 56px;
}
.sb-slidebar{width:250px !important;background:#fff;border-right: 2px solid #ccc;

}
/*.sb-menu li{padding: 10px 20px;border-bottom: 1px solid #666;}*/
.topnav{ position: fixed;top:-200px;left:0px;width:100%;  z-index: 1;right:0px;
  opacity: 0;
  transition:top 600ms ease;
  -webkit-transition:top 600ms ease;
}
.topnav.activenav{

  top:0px;
  opacity: 1;

}
.cart_box{padding: 20px;float:right;}
.logo_box{float:left;}
.logo_box img{display: block;}
.navbar-left{cursor: pointer;}
.cam_arroundsection img{margin: 0 auto; display: block;}
.cam_headingsection{padding: 20px 0px;}
.cam_headingsection h2{font-size: 50px;font-weight: bold;text-align: center;}

/* Menu */
.logo_container {
  padding-top: 20px;
} 
.logo_container ul {
  margin: 0;
  padding:0;
}
.logo_container ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  margin-left: 10px;
}
.logo_container .share,.logo_container .addToCart{
  border: 2px solid #2799e3;
  width:36px;
  border-radius: 50%;
  height:36px;
  padding:5px 0px 0px 0px;
  text-align: center; 
}

.share a {
  display: block;
}
.logo_container .share:hover, .logo_container .bborder span:hover {
  background: #555;
  color: #fff;
}
.logo_container ul li ul {
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.logo_container ul li ul li { 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  margin-top:4px;
  margin-left:0px;
}
.logo_container ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.logo_container .bborder span {
  border: 2px solid #2799e3;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "zona_pro_regular";
  font-size: 13px;
  height: 35px;
  padding: 7px 0 0;
  text-align: center;
  text-shadow: initial;
  width: 55px;
}
/*other section menu*/

.logo_container_other ul {
  margin: 0;
  padding:0;
}
.logo_container_other ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  margin-left: 10px;
}
.logo_container_other .share,.logo_container_other .addToCart {
  border: 2px solid #2799e3;
  border-radius: 50%;
  height: 35px;
  padding: 4.5px 0 0;
  text-align: center;
  width: 35px;
}
.logo_container_other .share:hover, .logo_container_other .bborder span:hover {
  background: #555;
  color: #fff;
}
.sharediv .share ul {
  display: none;
}
.sharediv .share:hover ul {
  display: block;
}
.share a{
  color: #fff;
  text-shadow: initial;
}
.share a i {
  padding-top: 4px;
}
.logo_container_other ul li ul {
  padding: 0;
  position: absolute;
  top: 30px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.logo_container_other ul li ul li { 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  margin-top:8px;
  margin-left:0px;
}
.logo_container_other ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.logo_container_other .bborder span {
  border: 2px solid #2799e3;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "zona_pro_regular";
  font-size: 13px;
  padding: 6px 0;
  text-align: center;
  text-shadow: initial;
  width: 60px;
}

.logo_container_other .section_change .share{
  border: 2px solid #bfbfbf;
  
}
.logo_container_other .section_change .bborder span {
  border: 2px solid #bfbfbf;
  color: #44bbff;
}
/*************Buy Button**********/
.button_buy{
  background: none repeat scroll 0 0 #4c4d4b;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  /*padding: 7px 8px;*/
  text-align: center;
  text-decoration: none;
  width: 150px;
}
.button_buy_2new{width:190px;}
.button_buy .imagecart{
  border-right: 1px solid #474647;
  padding: 7px 9px 7px 0px;
  margin-top: 0px;
  border-radius: 50%;
  margin-right:15px;
}
.button_buy.button_buy_2new .imagecart{margin-right:10px;}
.button_buy span{
  font-size: 14px;
  display: inline-block;
  font-family: 'gotham_boldregular';
  margin-right: 10px;
}

.button_buy:hover{
  text-decoration: none;
  color: #fff;

}
/***********Buy Button End ****/
/*************Buy Button 2 ****/

.button_buy_2{
  background: none repeat scroll 0 0 #4c4d4b;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  /*padding: 7px 8px;*/
  text-align: center;
  text-decoration: none;
  width: 155px;
}
.frenchbutton.button_buy_2 {
  width: 220px !important;
}
.button_buy_2 .imagecart {
  border-radius: 50%;
  border-right: 1px solid #474647;
  margin-left: 0px;
  margin-top: 0;
  padding: 7px 12px 7px 0;
  float:left;
}
.button_buy_2 span {
  display: inline-block;
  font-family: "gotham_boldregular";
  font-size: 14px;
  margin: 6px 0px 0px 0px;
  text-indent: 14px;
  float: left;
}

.button_buy_2:hover{
  text-decoration: none;
  color: #fff;

}

/************Buy Button 2 End ******/
/********Buy Button 3 *********/
.button_buy_3 {
    background: none repeat scroll 0 0 #4c4d4b;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: "gotham_boldregular";
    padding: 7px 8px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
.button_buy_3 .imagecart{
  border-right: 1px solid #474647;
  padding: 7px 12px 7px 0px;
  margin-top: 0px;
  border-radius: 50%;
  margin-right:23px;
}
.button_buy_3 span{
  font-size: 14px;
  display: inline-block;
  font-family: 'gotham_boldregular';
}

.button_buy_3:hover{
  text-decoration: none;
  color: #fff;

}

/******Buy Button End *******/



/**********END**********/
/*.sb-menu li a{color: #000; font-size: 15px; font-weight: bold;text-decoration: none;}*/
.cart_menu{
  float:right;
  width:200px;
  margin-top: 10px;

}
.sharemenu{
  float: left;
  width:50px;
}
.sharemenu a{
  display: block;
  border-radius: 50%;
  border: 2px solid #2799e3;
  width:32px;
  height:32px;
  padding: 3px 0px 0px 0px;
}
.sharemenu i{
  display: block;
  font-size: 25px;
  color:#fff;
}
.selectLang{
  position: relative;
  width:60px;
  height:50px;
  float: left;
}

.select_list{
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 2px;
  display: none;
  height: 80px;
  
}
.select_list li{
  border:2px solid #2799e3;
  padding:4px 8px;
  border-radius: 40px 40px 40px 40px;
  color:#fff;
  list-style: none;
  margin-bottom: 2px;
  font-size: 12px;
  cursor: pointer;

}
.full_screenvideo iframe{display: block; margin: 0 auto}
.viewmore_box button {
  background: none repeat scroll 0 0 #999;
  border: medium none;
  color: #000;
  display: block;
  font-size: 18px;
  padding: 8px 15px;
  text-align: center;
}
.col_one{padding:0 15px;

  -webkit-transition: width 0.8s ease, margin 0.8s ease;
  -moz-transition: width 0.8s ease, margin 0.8s ease;
  -o-transition: width 0.8s ease, margin 0.8s ease;
  transition: width 0.8s ease, margin 0.8s ease;
}
.col_two{
 -webkit-transition: width 0.8s ease, margin 0.8s ease;
 -moz-transition: width 0.8s ease, margin 0.8s ease;
 -o-transition: width 0.8s ease, margin 0.8s ease;
 transition: width 0.8s ease, margin 0.8s ease;

}

.video_section2{ padding:0 15px}
.video_section3{width:20%; padding:0 15px}
.video_spinsection{
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  height:100%;
}
.videotxt {
  bottom: 24%;
  color: #fff;
  font-family: 'zona_probold';
  font-size: 32px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 999;
}
.hiddenbox{display: none;}
.slide h1{text-align: center;}
.blog_heading h3{text-align: left;}
.blog_excerpt p{text-align: left;}
.view_more_section a{display: block;padding: 5px 8px; color:#000;background: #44BBFF; font-size: 13px;text-decoration: none;text-transform: capitalize;width: 150px;float:right;}
.footer_heading h4{font-size: 15px;color:#000;text-align: left;font-weight: bold;}
.footer_section{}
.page_list li{list-style: none;text-align: left;}
.section{
  text-align:center;
}
.footerInner {
    float: left;
    padding: 0 110px;
}
.footerInner h3 {
    color: #fff;
    font-family: zona_pro_regular;
    font-size: 18px;
    margin-bottom: 35px;
}
.footerFollow h3 {
    margin-bottom: 40px;
}
.footerFollow .footer_social_icon li a i {
    color: #44bbff !important;
}
.newsLetter h3 {
    margin-bottom: 5px;
}
.footerInner p {
    color: #737373;
    font-family: zona_pro_regular;
    font-size: 12px;
    margin-bottom: 18px;
}
.footerInnerBottom {
    border-top: 1px solid #575757;
    margin-top: 6%;
    padding-top: 6%;
}
.footerInnerBottom-col-1 p {
    float: left;
    padding-right: 65px;
    text-align: left;
}
.footerInnerBottom-col-1 img {
    margin-bottom: 10px;
}
.footerInnerBottom a {
    color: #fff;
    float: left;
    font-family: zona_pro_regular;
    font-size: 12px;
    text-align: left;
    width: 100%;
}
.footerInnerBottom a:hover {
    color: #737373;
    text-decoration: none;
}
.footerInnerBottom h3 {
    color: #44bbff;
    margin-bottom: 15px;
    text-align: left;
}
.footerInnerBottom-col-2 a {
    line-height: 26px;
}
.newsletterSend {
    margin: 0 auto;
    position: relative;
    width: 80%;
}
.newsletterSend .txtEmail {
    border: 0 none !important;
    border-radius: 22px !important;
    font-size: 12px !important;
    height: 40px !important;
    outline: medium none !important;
    text-indent: 50px;
    width: 100% !important;
}
.newsletterSend .sendMail {
    background-color: #44bbff !important;
    border: 0 none !important;
    border-radius: 22px !important;
    color: #fff !important;
    font-family: zona_probold;
    font-size: 12px !important;
    height: 40px !important;
    outline: medium none !important;
    padding: 0 25px !important;
    position: absolute;
    right: -1px;
    top: 0;
}
.newsletterSend .sendMail:hover {
  background-color: #737373;
}
.newsletterSend span {
    border-radius: 70px;
    border-right: 2px solid #f4f4f4;
    height: 40px;
    left: 12px;
    position: absolute;
    top: 0;
    width: 35px;
}
.newsletterSend span img {
    margin-left: -10px;
    margin-top: 12px;
}
.newsletterSend .mc4wp-ajax-loader {
    left: 50% !important;
    position: absolute !important;
    top: 12px !important;
}
.footerRights {
    bottom: 10px;
    color: #737373;
    float: left;
    font-size: 14px;
    left: 0;
    position: absolute;
    width: 100%;
}
.mc4wp-alert {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    font-size: 12px;
    text-align: left;
    text-indent: 25px;
    width: 100%;
}
.mc4wp-error{
  color: red !important;
}
.mc4wp-success,.mc4wp-notice {
  color: #44BBFF !important;
}
/***********FOOTER SOCIAL ICON************/
.address_section {
  padding: 100px 0 15%;
}
.footer_link{
  text-decoration: none;
  font-size: 15px;
  color:#fff;
  text-transform: uppercase;
  font-family: 'zona_pro_regular';
}
.footer_social_icon{
  text-align: center;
}
.footer_social_icon li{
  list-style: none;
  display: inline-block;
  width:50px;
}
.footer_social_icon li a{
  display: block;
  border:2px solid #737373;
  padding: 10px;
  width:40px;
  height:40px;
  border-radius: 50%;
}
.footer_social_icon li a:hover i {
  color: #44bbff;
}
.footer_social_icon li a:hover {
  border-color: #44bbff;
}
.footer_social_icon li a i{
 color:#737373;
 font-size: 18px; 
}
.copyright p{
  font-size: 11px;
  color:#737373;
  font-family: 'zona_pro_regular';
}
.images_box {
  min-height: 95px;
}
.footer_link span,.footer_link a  {
  clear: both;
  color: #44bbff;
  display: block;
  font-size: 12px;
  margin-top: 15px;
}
.footer_link a:hover {
  color: #fff;
}
.footer_social_icon ul {
  padding: 0 0 0 10px;
}
/***********FOOTER SOCIAL ICON END************/

#section1{position: relative;overflow: hidden; }
#myVideo{
  position: absolute;
  right: 0;
  bottom: 0;
  top:0px;
  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:120;
}
@-moz-document url-prefix() { 
  #myVideo{
   top:0px;
 }
}
.innersection{width:600px;padding-top: 35px;}
.outer{width:100%;overflow: hidden;}
.container_abl{position: relative;overflow: hidden;height: 500px;}
.container_abl iframe{position: absolute;top:0px;bottom: 0px;left: 0px; right:0px;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;
}





/*************DANNY EDITS***************/

/*************Common Styles Start***************/
#fp-nav.right {
  left: 15px !important;
}
.section_properties {
  background-color: rgba(67, 186, 255, 0.85);
  bottom: 0;
  color: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.section_properties .pagination-hover {
  display: none;
  font-family: "museo900";
  font-size: 100px;
  padding-left: 100px;
  position: absolute;
  top: 38%;
}

/*************Common Styles Ends***************/


/*************Navigation Start***************/
.sb-slidebar.sb-left {
  width: 100% !important;
  background-color: #fff;
}

.sb-left .sb-left-nav {
  background-color: #5bc3ff;
  border: 20px solid #6ccaff;
  border-radius: 250px;
  height: 450px;
  margin: 6% auto 0;
  padding: 15px;
  position: relative;
  width: 450px;
}
.sb-left .sb-menu {
  background-color: #44bbff;
  border-radius: 250px;
  height: 380px;
  margin: 0 auto;
  position: absolute;
  width: 380px;
  z-index: 999;
}
.sb-left .sb-menu img {
  display: block;
  margin: 0 auto;
  max-width: 60%;
  padding-bottom: 4%;
  padding-top: 20%;
}
.sb-left .sb-menu li {
  text-align: center;
}
.sb-left .sb-menu li a {
  color: #fff;
  font-family: "zona_proextrabold";
  font-size: 18px;
  line-height: 32px;
}
.sb-left .sb-menu li a:hover {
  color: #dcdcdc;
  text-decoration: none;
}
.menu-close {
  background: url("../images/sprite.png") repeat scroll -61px -4px rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 30px;
  left: 2%;
  outline: medium none;
  padding: 20px;
  position: absolute;
  top: 40px;
  width: 30px;
  z-index: 9;
}
.menu-follow {
  background-color: #3b3b3b;
  border-radius: 250px;
  bottom: -35px;
  height: 150px;
  padding: 12% 0 0 6%;
  position: absolute;
  right: -50px;
  width: 150px;
  z-index: 9;
}
.menu-follow > span {
  color: #dcdcdc;
  float: left;
  font-family: "museo500";
  font-size: 12px;
  width: 100%;
}
.menu-follow li {
  background: url("../images/sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 2px solid #545454;
  border-radius: 25px;
  display: inline-block;
  height: 35px;
  margin: 10px 8px 0 0;
  width: 35px;
  cursor: pointer;
}
.menu-follow a{
  display: block;
  width: 20px;
  height: 20px;
}
.menu-follow .menu-fb {
  background-position: -29px -3px !important;
  margin-left: -5px;
}
.menu-follow .menu-tt {
  background-position: 0 -2px !important;
}
/*************Navigation Ends***************/




/*************Section 0 Starts***************/
#section0 {
  background-image: url("../images/background_images.jpg");
  background-position: center center;
} 
#section0 .section_aroundrounder {
  height: 100%;
  position: relative;
}
.cam_arroundsection {
  margin-top: 2%;
}
.buy-section {
  position: absolute;
  right: 8%;
  top: 24%;
}
.buy-section h1 {
  color: #fff;
  font-family: 'gotham_boldregular';
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 25px;
}
.buydiscover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 20px;
  clear: both;
  color: #fff;
  display: block;
  font-family: 'gotham_boldregular';
  margin: 10px auto 0;
  padding: 5px 0;
  width: 155px;
  font-size: 14px;
}
.buydiscover:hover {
  background-color:#4b4b4b ;
  border: 2px solid #4b4b4b;
  text-decoration: none;
  color:#fff;
}
.buy_button{
  background-color:#4b4b4b ;
  border: 2px solid #4b4b4b;
}
img.rollerblade-img {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.nextsection{width:100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index:99999;
  border-bottom: 5px solid #fff;
}
.arrow_area{background: #fff;  border-top-left-radius: 30px; border-top-right-radius:30px; width:60px;height:30px;
 margin: 0 auto; overflow: hidden;padding: 4px;
 cursor: pointer;
}
.arrow_row{
  display: table;
  vertical-align: middle;
  height: 30px;
  width: 100%;
  
}
.arrow_cell{display: table-cell;vertical-align: middle;}
.arrow_area i{font-size: 30px;display: inline-block; color: #44bbff;}
/*************Section 0 Ends***************/





.innersection .video_container {
  margin: 0 2px 4px 0;
  width: 36%;
  text-align: left;
  float: left;
}
.innersection .video_container iframe {
  float: left;
  width: 100%;
}
.col_two.col-centered.col-md-2 {
  width: 19%;
}
#myVideo2{
  position: absolute;
  right: 0;
  bottom: 0;
  top:35px;
  right:0;
  width: 100%;
  height:94%;
  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;

}
.sb-right .sb-menu li {
  border-bottom: 0 none;
}
.sb-slidebar.sb-right {
  border-left: 2px solid #ccc;
  border-right: 0 none;
  font-size: 14px;

  width: 100% !important;
  background-color: #fff;

}
.sb-menu button {
  background-color: #00bb27;
  color: #fff;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 50px;
  padding: 5px 20px;
}


/*menu new style code*/
.nav_bar_content i {
  font-size: 30px;
  color: #44bbff;
}
.logo_cut{
  padding: 20px 10px;
}
.logo_cut i.customsize{
  font-size: 30px;
  color:#000;
}


/*menu style end*/
/*video section*/
.video_topcover{
  display: block;
}

.video_button{
 position: absolute;
 top:0px;
 left:0px;
 width:100%;
 z-index: 101;
 background: url("../images/video_top.png") repeat scroll 0 0 / cover  rgba(0,0,0,0.8);
 

}
.close_icon{
  position: absolute;
  top: 18px;
  left: 0px;
  width: 100%;
  z-index: 99999;

}
.menu-close_2 {
  background: url("../images/sprite.png") repeat scroll -61px -4px rgba(0, 0, 0, 0);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5%;
  right: 1%;
  cursor: pointer;
}
.background_video{

  width:100%;
  z-index: 100;
  display: none;
  position: relative;
  height:100%;

}
.video_water{
  display: table;
  vertical-align: middle;
  text-align: left;
  width:100%;
}
.videowatter_cell{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.video_table{
  display: table;
  vertical-align: middle;
  text-align: center;
  width:100%;
}
.video_cell{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.video_button h5{
  color: #4AB5FD;
  font-size: 14px;
  line-height: 20px;
}
.video_button a{
 cursor: pointer;
 display: inline-block;
}
.video_button a img{

  cursor: pointer;
}

#fp-nav ul.white_background li a span{

  background:#49B3FD;
  border: 2px solid #fff;

}
#fp-nav ul.white_background li a.active span{
  border: 2px solid #49B3FD;
  background: #fff;

}

/*section third */

.roundedimages{
  opacity: 0.8;

}
.roundedimages h5{

 vertical-align: middle;
 font-size: 120px;
 font-family: "museo900";
 color: #ededed;
 padding-left: 5%;
 text-transform: uppercase;


}
.rounededimage_content{
  position: absolute;
  top: 0px
  left:0px;
  width:100%;
  height: 100%;
  bottom: 0px;
  right:0px;
}


/*section third end*/
/*background water mark*/
.background_watermarktable{
  display: table;
  vertical-align: middle;
  text-align: left;
  width:100%;
}
.background_watermark_cell{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.background_watermark h4{
  text-align: left;
  /*text-indent: 40px;*/
  vertical-align: middle;
  font-size: 120px;
  font-family: "museo900";
  color: #F9F9F9;
  padding-left: 12%;
  text-transform: uppercase;
  word-wrap: break-word;
  
}
#section2 .background_watermark h4{opacity: 0.3}
#section1 .background_watermark h4{color:#E4E4E4;}
/*third secction*/

/*color changer*/
.cam_color_section{
  position: absolute;
  top:0px;
  left:0px;
  bottom: 0px;
  right:0px;
  width:100%;
  height: 100%;

}
.section_color_1{
 background: url("../images/CamBlack.png") repeat scroll left center / cover  rgba(0, 0, 0, 0);
 -webkit-transition: background 0.4s linear;
 -moz-transition: background 0.4s linear;
 -o-transition: background 0.4s linear;
 transition: background 0.4s linear;
}

.background_productcolor{
  background: #343436;
  -webkit-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  transition: background 0.4s linear;
}

.background_watermark_2 h4{
  text-align: left;
  
  vertical-align: middle;
  font-size: 150px;
  font-family: "museo900";
  color: #434142;
  padding-left: 16%;
  text-transform: uppercase;
  -webkit-transition: color 0.4s linear;
  -moz-transition: color 0.4s linear;
  -o-transition: color 0.4s linear;
  transition: color 0.4s linear;
  
}


.section_content{
  position: absolute;
  top:0px;
  left:0px;
  z-index: 1;
  visibility: hidden;
  width:100%;
  background-size: cover;
}
.section_heading h4{
  color:#fff;
  font-size: 30px;

}
.section_content_area p{
  font-size: 14px;
  color:#dcdcdc;
  font-family: 'zona_pro_regular';
  line-height: 20px;
}
.price_rate{
  color:#dcdcdc;
  font-size: 28px;
  font-family: 'zona_pro_regular';
  vertical-align: middle;
}
.color_select_section li{
  display: inline-block;
  padding: 10px 8px 10px 0px;
}
.color_select_section li span{
  display: block;
  width:20px;
  height: 20px;
  border-radius: 50%;
  background: #343436;
  cursor: pointer;
}
.color_select_section li span.active{border:2px solid #fff;}
.buy_button a{display: block;}

.color_select_section li span[data="1"]{

  background:#4b4b4b;

}
.color_select_section li span[data="2"]{

  background:#3ba4de;

}
.color_select_section li span[data="3"]{

  background:#b62f36;

}
.color_select_section li span[data="4"]{

  background:#753faf;

}
.color_select_section li span[data="5"]{

  background:#27a84e;

}
.color_select_section li span[data="6"]{

  background:#ce5e21;

}
.color_select_section li span[data="7"]{

  background:#d5a71d;

}



.section_content_box{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  bottom: 0px;
  right: 0px;
  z-index: 5;
}
.content_pull{
  margin-right: 10%;
  padding-right:10%;
}

.section_images_1{
  background: url("../images/CamBlack.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}
.section_images_2{
  background: url("../images/CamBlue.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}
.section_images_3{
  background: url("../images/CamRed.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}
.section_images_4{
  background: url("../images/CamPurple.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}
.section_images_5{
  background:url("../images/CamGreen.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  /* url("../images/CamGreen.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.section_images_6{
  background: url("../images/CamOrange.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}
.section_images_7{
  background: url("../images/CamYellow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.color_changer_1 .section_images_1{
 z-index: 2;
 visibility: visible;
 /*background: url("../images/CamBlack.png") repeat scroll left top / cover  rgba(0, 0, 0, 0); */
}

.color_changer_1 .background_productcolor{

  background: #343436;
}

.color_changer_1 .background_watermark_2 h4{

  color:#434142;
}

/**2**/
.color_changer_2 .section_images_2{

 z-index: 2;
 visibility: visible;

 /*background: url("../images/CamBlue.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_2 .background_productcolor{

  background: #4cbef4;
}

.color_changer_2 .background_watermark_2 h4{

  color:#46a1d6;
}
/**3**/
.color_changer_3 .section_images_3{


 z-index: 2;
 visibility: visible;

 /* background: url("../images/CamRed.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_3 .background_productcolor{

  background: #b62f36;
}

.color_changer_3 .background_watermark_2 h4{

  color:#b63d41;
}
/**4**/
.color_changer_4 .section_images_4{

 z-index: 2;
 visibility: visible;

 /*background: url("../images/CamPurple.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_4 .background_productcolor{

  background: #753faf;
}

.color_changer_4 .background_watermark_2 h4{

  color:#824cae;
}
/**5**/
.color_changer_5 .section_images_5{
  z-index: 2;
  visibility: visible;

  /*background: url("../images/CamGreen.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_5 .background_productcolor{

  background: #27a84e;
}

.color_changer_5 .background_watermark_2 h4{

  color:#3aaf5d;
}
/**6**/
.color_changer_6 .section_images_6{
  z-index: 2;
  visibility: visible;

  /*background: url("../images/CamOrange.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_6 .background_productcolor{

  background: #ce5e21;
}

.color_changer_6 .background_watermark_2 h4{

  color:#db6a31;
}
/**7**/
.color_changer_7 .section_images_7{

 z-index: 2;
 visibility: visible;

 /*background: url("../images/CamYellow.png") repeat scroll left top / cover  rgba(0, 0, 0, 0);*/

}
.color_changer_7 .background_productcolor{

  background: #e2b91e;
}

.color_changer_7 .background_watermark_2 h4{

  color:#c3a529;
}






/***********/

/********************CAROUSEL CODE*****************/
.carousel_item{
  display: block;
}
.carousel_item_1{
 background: url("../images/lightbulb.png") no-repeat scroll center top/cover  rgba(0, 0, 0, 0);
}
.carousel_item_2{
 background: url("../images/poe.png") no-repeat scroll center top/cover rgba(0, 0, 0, 0);
}
#section2 {
  background: url("../images/siderbg.jpg") repeat scroll center top rgba(0, 0, 0, 0) !important; 
}
#section2 .background_watermark h4 {
  color: #D7D4D4;
}
#owl-buttons{
  clear:both;
}
.owl-item .item {
  height: 100% !important;
}
#accessries_carousel{
  margin:0px auto 0px;
}
.background_watermarktable_2{
  display: table;
  vertical-align: top;
  text-align: left;
  width:100%;
}
.background_watermark_cell_2{
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.carousel_content_box {
  margin-right: 7%;
  padding-right: 12%;
}
#section3 .carousel_content_box{
 margin: 12% 6% 0% 0%;
}
/*#section3{background:#42b5f5 !important;}*/
.bordertop{
  border-top: 1px solid #f2f2f2;
  padding: 5% 0;
}
.section_heading h4{
  color:#44bbff;
  font-size: 25px;
  text-transform: uppercase;
  font-family: 'zona_pro_regular';
  font-weight: bold;
}
#section3 .section_heading h4{

  color:#fff;
  font-family: 'zona_problack';
}
.carousel_content p{
  font-size: 16px;
  color: #737373;
  line-height: 20px;
  font-family: 'zona_pro_regular';

}
#accessries_carousel .owl-buttons div{
  background: none;
  color:#000;
  position: absolute;
  top:40%;
  font-size: 35px;
}
#accessries_carousel .owl-buttons div.owl-prev{
  left:10%;
}
#accessries_carousel .owl-buttons div.owl-next{
 right:10%; 
}
.#accessries_carousel .owl-buttons div i{
  font-size: 85px;
  color:#000;
}
/*******************CAROUSEL CODE END *************/
/******Technology Section**************/
.technology_structure{
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom: 0px;
  width:100%;
  height:100%;
}
.technology_bigimage{
  position: relative;
  overflow: hidden;
}
.circle_technology{

  text-align: center;
  border-radius: 50%;
  border:1px solid #EDEDED;
  margin: -20px auto;
}
.circle_technology img{
  margin:16% 0px 0px 0px;
}
.circle_button{
  width:100%;
  height:100%;
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom: 0px;
}
.circle_button_control{
  position: relative;
}
.technology_zone{
  position: absolute;
  cursor: pointer;
  
}
.technoloyg_zone_one{
  top:20%;
  left:8%;
}
.technoloyg_zone_two{
  bottom:20%;
  left:7% !important;
}
.technoloyg_zone_three{
  top:20%;
  right:8% !important;
}
.technoloyg_zone_four{
 bottom:20%;
 right:7% !important;
}
.temp_ciricle{
  width:100px;
  height:100px;
  
  border-radius: 50%;
}
.technology_para{
  text-align: justify;
}
.technology_para_heading h4 {
  color: #5d5d5d;
  font-family: "zona_proextrabold";
  font-size: 19px;
  text-align: left;
  text-transform: uppercase;
}
.technology_para_content p {
  color: #737373;
  font-family: 'zona_pro_regular';
  font-size: 14px;
  line-height: 20px;
}
.slidercontrol {
  background: none repeat scroll 0 0 #4b4b4b;
  border-radius: 50%;
  height: 150px;
  left: 44.7%;
  padding: 50px 0 0;
  position: absolute;
  top: 40%;
  width: 150px;
  z-index: 999999;
}
.slidercontrol ul{
  padding-left:0px;
  text-align: center;
}
.slidercontrol li{
  display: inline-block;
  vertical-align: middle;
}
li.number{
  font-size: 32px;
  color:#fff;
  padding: 0px 10px;

}
li.next,li.prev{
  cursor: pointer;
}
.slidercontrol li i{
  font-size: 44px;
  color:#fff;
}
.remove_padding{
  padding-left: 0px;
  padding-right: 0px;

}
.remove_margin{
  margin-right: 0px;
  margin-left: 0px;
}
.recording_col{
  background:#eeeeee;

}
#technology_slider .carousel_technology{
  overflow: hidden;
}
.outer_circle{
  position: absolute;
  width:140px;
  height:140px;
  border:1px solid #c9e7fb;
  border-radius: 50%;
  top:-23px;
  left:-10px;
  padding:9px; 
  display: none;
  /*opacity: 0;
  visibility: hidden;
  -webkit-transition:  visibility 0s .3s, opacity .3s linear;
  -moz-transition:  visibility 0s .3s, opacity .3s linear;
  -o-transition:  visibility 0s .3s, opacity .3s linear;
  transition:  visibility 0s .3s, opacity .3s linear;*/


}
.outer_inner_circle{
 width:120px;
 height:120px;
 border:1px solid #44bbff;
 border-radius: 50%;
 background: #fff;
 padding:0px 12px;
}
.technology_zone:hover .outer_circle{ 
  display: block;
  /*visibility: visible;
  opacity: 1;
  transition: opacity .3s linear;*/
}
.outer_circle_table{
  display: table;
  vertical-align: middle;
  text-align: center;
  width:100%;
  height: 120px
}
.outer_circle_cell{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.outer_circle_cell p{
  font-size: 12px;
  font-family: 'zona_pro_regular';
  padding: 0px;
  margin: 0px;
}
/*********Arrow*******/
/***************Technology Hover Section****/

.relative_maker{
  position: relative;
}
.technology_hover_content{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  bottom: 0px;
  right:0px;
  background: #fff;
  text-align: center;
  display: none;
}
.content_mustcenter{
  width:50%;
  margin: 0 auto;
  text-align: left;
}
.technology_hover_content_area_content ul{
  text-align: left;
  padding-left: 0px;


}
.technology_hover_content_area_content li{
  list-style: none;
  font-family: 'zona_pro_regular';
  font-size: 13px;
}

.technology_hover_content_area_heading h5{
  font-family: 'zona_proextrabold';
  font-size: 16px;
  text-transform: uppercase;
}
.technology_hover_content_area_content p{
  font-family: 'zona_pro_regular';
  font-size: 13px;
}
.hover_tablesection{
  display: table;
  height:272px;
  width:100%;
  vertical-align: middle;
}
.hover_tablesection_cell{
  display: table-cell;
  vertical-align: middle;
}
.images_hoverposition{
  position: absolute;

  cursor: pointer;
}
#design_option_1{
  bottom:102px;
  right:140px;
}
#design_option_2{
  top: 140px;
  left: 125px;
}
#design_option_3{
  bottom: 150px;
  right: 150px;
}
#design_option_4{
  top: 200px;
  left: 211px;
}
#design_option_5{
  top: 205px;
  left: 467px;
}
#design_option_6{
  top: 195px;
  left: 220px;
}
#design_option_7{
  top: 160px;
  left: 400px;
}
#design_option_8{
 top: 145px;
 left: 182px;
}
#design_option_9{
  top: 200px;
  left: 127px;
}
.tagline{font-family: 'zonapro-semibold' !important;font-size:14px;}
/***********Technology Hover End*********/

/*********** View Potrait starts*********/

#potraitView, #mobileview{
  background-color: rgba(67, 186, 255, 0.85);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.potraitSection {
  margin-top: 40%;
}
.potraitSection p{
  color: #fff;
  font-family: "museo900";
  font-size: 30px;
  text-align: center;
}
.potraitSection > img {
  display: block;
  margin: 0 auto;
}

/*********** View Potrait Ends*********/

/*********** Style From HTML Starts*********/

/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}

/* Overlay closing cross */


/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 5%;
  height: 100%;
  -webkit-transform: translateX(-0%);
  transform: translateX(-0%);
}


/* Effects */
.overlay-slidedown {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
  transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
  z-index:999;
}

.overlay-slidedown.open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.overlay-slideright {
  visibility: hidden;
  -webkit-transform: translateX(300%);
  transform: translateX(300%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
  transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
  z-index:999;
}

.overlay-slideright.open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}

/* overlay2 style */
.overlay2 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}

/* overlay2 closing cross */


/* Menu style */
.overlay2 nav {
  text-align: center;
  position: relative;
  top: 5%;
  height: 100%;
  -webkit-transform: translateX(-0%);
  transform: translateX(-0%);
}


/* Effects */
.overlay2-slidedown {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
  transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
  z-index:999;
}

.overlay2-slidedown.open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.overlay2-slideright {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
  transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
  z-index:999;
}

.overlay2-slideright.open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}

.menu-close{border:none;}
.topnav{z-index:9;}
#fullpage{display:none;}
.spinner1 {
  bottom: 0;
  height: 40px;
  left: 48.5%;
  position: absolute;
  top: 50%;
  width: 40px;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    } 50% { 
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
  }

/*********** Style From HTML Ends*********/

/*********** Form Style Starts*********/

.forms #section0 {
  height: 500px;
}
.custom-menu {
    padding: 7px 5px !important;
}
.custom-menu a {
    color: #fff;
    font-family: zona_pro_regular;
    padding: 10px;
}
.custom-menu a:hover {
    text-decoration: none;
    color: #dcdcdc;
}
.formDetail {
    background-color: #eee;
    color: #4b4b4b;
    font-family: zona_pro_regular;
    font-size: 20px;
    padding: 50px 0;
    float: left;
    width: 100%;
}
.formSection {
    float: left;
    padding: 20px 0 40px;
    width: 100%;
}
.form-group {
    float: none;
    margin: 0 auto !important;
    width: 50%;
}
.formSection .text_field {
    background-color: #eee;
    border: 0 none;
    border-radius: 20px;
    color: #4b4b4b;
    display: block;
    float: none;
    font-family: zona_pro_regular;
    height: 40px;
    margin: 30px auto 0;
    padding: 10px 0;
    text-indent: 20px;
}
select.text_field {
    text-indent: 7px !important;
}
.formSendContainer {
    margin: 15px auto !important;
    width: 50%;
}
textarea.text_field {
    height: 100px !important;
}
.formSend {
    background-color: #4b4b4b;
    border: 0 none;
    border-radius: 20px;
    box-shadow: none;
    color: #fff;
    float: right;
    font-weight: bold;
    padding: 6px 25px;
}
.formDetail > p {
    margin: 0 auto;
    width: 75%;
}
.formDetail p a {
    color: #4b4b4b;
}
.formSend:hover {
    background-color: #333;
}
::-webkit-input-placeholder {
    color: #4b4b4b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #4b4b4b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #4b4b4b;
   opacity:  1;
}
:-ms-input-placeholder {  
    color: #4b4b4b;
}
.form1 {
    background-image: url("../images/form1.jpg") !important;
}
.form2 {
    background-image: url("../images/form2.jpg") !important;
}
.form3 {
    background-image: url("../images/form3.jpg") !important;
}
.form4 {
    background-image: url("../images/form4.jpg") !important;
}

/*********** Form Style Ends*********/

/************************* 360 Player styles Starts **************************/
#section5{
  background-image: url("../images/playerbg.png");
  background-position: center center;
}
.player360Container {
    display: inline-block;
    float: none;
    margin: 85px auto;
    width: 1195px;
}
.player360Container .playerContainer {
    background-color: #aaa;
    height: 600px;
    padding: 0;
    width: 850px;
    float: left;
}
.player360Container .optionBar {
    width: 325px;
    float: right;
    height: 520px;
}
.sectionShow {
    color: #fff;
    display: none;
    font-family: zona_pro_regular;
    font-size: 22px;
}
.optionBarInner .menuBar {
    background-color: #fff;
}
.menuBar .menuSwitcher {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}
.menuBar .goGallery {
    padding: 10px 0;
}
.goGallery .galleryButton {
    background-color: #44bbff;
    border: 0 none;
    border-radius: 16px;
    color: #fff;
    font-family: zona_probold;
    font-size: 14px;
    padding: 8px 25px;
}
.galleryButton:hover {
    background-color: #dcdcdc;
    text-decoration: none;
}
.optionBarInner > img {
    margin-top: 10px;
    width: 100%;
}
.mobileApps {
    background-color: #fff;
}
.mobileApps h3 {
    color: #4b4b4b;
    font-family: zona_probold;
    font-size: 16px;
    margin-top: 0;
    padding-top: 10px;
}
.mobileApps > p {
    color: #737373;
    font-family: zonapro-light;
    font-size: 11px;
    padding: 0 10px;
}
.mobileApps > p b {
    color: #4b4b4b;
    font-family: zonapro-semibold;
}
.appOS {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 10px 0;
}
.appOS span {
    color: #737373;
    font-size: 10px;
}
.appOS img {
    padding: 0 10px;
}
.playerNewsletter > h4 {
    color: #4b4b4b;
    font-family: zonapro-semibold;
    font-size: 14px;
}
.newsletterApp{
    position: relative;
}
.newsletterApp > input {
    background-color: #e5e5e5;
    border: 0 none;
    border-radius: 16px;
    font-family: zona_pro_regular;
    font-size: 11px;
    height: 38px;
    margin-bottom: 16px;
    outline: medium none;
    text-indent: 10px;
    width: 80%;
}
.errorborder{color:red;}
.applinkform{position: relative;}
.sendmessage{position: absolute; width:100%;top:0px; display: none;}
.contentsend{position: relative;}
.appsendbutton{  border: 2px solid #ccc;
  margin: 0 auto;
  width: 90%;
  height: 38px;
  border-radius: 16px;
  background: #fff;
  color: #44bbff;
   padding-top: 9px;
  font-family: 'zona_pro_regular';
  font-size: 13px;
}

.newsletterApp ::-webkit-input-placeholder {
    color: #c9c9c9;
}
.newsletterApp :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c9c9c9;
   opacity:  1;
}
.newsletterApp ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c9c9c9;
   opacity:  1;
}
.newsletterApp :-ms-input-placeholder {  
    color: #c9c9c9;
}
.newsletterAppSend {
  background-image: url("../images/mail.png");
  background-repeat: no-repeat;
  float: left;
  height: 38px !important;
  outline: none;
  position: absolute;
  right: 22px;
  width: 38px !important;
}
.newsletterAppSend:hover {
    background-image: url("../images/mail-sent.png");
}
.playerContainer > div {
  position: relative;
}
.playerContainer .view360 {
    border-bottom: 15px solid #777;
    height: 70%;
    width: 100%;
    background-image: url("../images/player360.png");
}
.playerContainer .panorama360 {
    background-image: url("../images/playerPanorama.png");
    background-size: cover;
    height: 30%;
    width: 100%;
}
.background360 {
    background: none repeat scroll 0 0 rgba(75, 76, 77, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.panoramaMessage {
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 45px;
}
.view360 .panoramaMessage {
    top: 120px;
}
.panoramaMessage h4 {
    font-family: zona_probold;
}
.panoramaMessage p {
    font-family: zona_pro_regular;
}
/****** Toggle switch custom styles starts ******/
.switch-toggle.switch-candy {
    background: none repeat scroll 0 0 white;
    border: 2px solid #dcdcdc;
    border-radius: 16px;
    box-shadow: none;
    margin: 0 auto;
    text-shadow: 0 0;
    width: 45%;
}
.switch-candy label {
    color: #dcdcdc;
}
.switch-candy input:checked + label {
    color: #44bbff;
    text-shadow: 0 0;
}
.switch-candy input,.switch-candy label {
  outline: 0 none !important;
  cursor: pointer;
}

/****** Toggle switch custom styles Ends ******/

/*#block_0 .cartProductImage {
  background-image: url("../images/CamBlue.jpg");
}
#block_1 .cartProductImage {
  background-image: url("../images/sugg1.jpg");
}*/
#block_2 .cartProductImage {
  background-image: url("../images/CamBlack.jpg");
}
#block_3 .cartProductImage {
  background-image: url("../images/CamYellow.jpg");
}
#block_4 .cartProductImage {
  background-image: url("../images/CamOrangee.jpg");
}
#block_5 .cartProductImage {
  background-image: url("../images/CamGreen.jpg");
}
#block_6 .cartProductImage {
  background-image: url("../images/CamPurple.jpg");
}
#block_7 .cartProductImage {
  background-image: url("../images/CamRed.jpg");
}
#block_8 .cartProductImage {
  background-image: url("../images/CamBlue.jpg");
}
#block_9 .cartProductImage {
  background-image: url("../images/sugg1.jpg");
}
#block_10 .cartProductImage {
  background-image: url("../images/sugg5.jpg");
}
#block_11 .cartProductImage {
  background-image: url("../images/sugg2.jpg");
}
#block_12 .cartProductImage {
  background-image: url("../images/sugg4.jpg");
}
#block_13 .cartProductImage {
  background-image: url("../images/sugg3.jpg");
}

#cart_block {
  margin-bottom: 0 !important;
  position: absolute;
  background-color: yellow;
  width: 15px !important;
  top: -6px;
  height: 15px;
  border-radius: 20px;
  left: -6px;
}
.first_item {
  line-height: 0px;
}
.modal-backdrop.in {
  opacity: 0.85 !important;
}
#cartView .modal-content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  box-shadow: none;
}
#cartView .modal-dialog {
    width: 850px;
}
#cartView .modal-content h2 {
    color: #fff;
    float: left;
    font-family: museo900;
    font-size: 50px;
    margin: 0;
    width: auto;
}
#cartView .modal-content .buy_now {
    float: right;
    margin-top: 10px;
}
#cartView .modal-content .button_buy_2 {
    background-color: #44bbff;
    cursor: pointer;
}
#cartView .modal-content .button_buy_2 .imagecart {
    border-right: 1px solid #40b0f0;
}
#cartView .modal-content .addToCartClose {
    background: url("../images/sprite.png") repeat scroll -61px -4px rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    height: 30px;
    outline: medium none;
    padding: 20px;
    position: absolute;
    right: -20%;
    top: 20px;
    width: 30px;
    z-index: 9;
}
#cartView .modal-content .productBlock {
    background-color: #fff;
    float: left;
    margin-top: 20px;
    position: relative;
    width: 100%;
}
.productBlock .cartProductImage {
    height: 132px;
    margin-right: 20px;
    width: 136px;
}
#cartView .productBlockDesc h3 {
    font-family: zona_pro_regular;
    font-size: 22px;
    margin: 20px 0 5px;
    color: #4b4b4b;
}
#cartView .productBlockDesc p {
    color: #a0a0a0;
    font-family: zona_pro_regular;
    font-size: 12px;
    min-height: 17px;
}
#cartView .productattr {
    border-top: 1px solid #eeeeee;
    height: 55px;
}
#cartView .productQuantity {
    margin-top: 15px;
    width: 50%;
}
#cartView .productPrice{
    border-bottom: 2px solid #44bbff;
    color: #4b4b4b;
    float: right;
    font-family: zona_pro_regular;
    font-size: 22px;
    height: 55px;
    margin-top: -15px;
    padding: 15px 20px;
}
#cartView .totalAmount {
    border-bottom: 2px solid #44bbff;
    color: #4b4b4b;
    float: right;
    font-family: zona_pro_regular;
    font-size: 22px;
    height: 55px;
    padding: 10px 20px;
}
#cartView .noQuantity {
    background-color: #eee;
    border-radius: 20px;
    font-family: zona_pro_regular;
    height: 26px;
    margin: -2px 8px;
    padding-top: 3px;
    text-align: center;
    width: 26px;
    font-size: 12px;
}
#cartView .minusQuantity,#cartView .plusQuantity {
    cursor: pointer;
}
#cartView .productTotal {
    margin-top: 20px;
    background-color: #fff;
}
.productTotal h3 {
    float: left;
    margin: 10px;
    color: #4b4b4b;
    line-height: 35px;
}
#cartView .productTotal .productPrice {
    padding: 0 20px!important;
    float: right;
    margin-top: 0 !important;
    line-height: 55px;
}
#cartView .suggestionSection {
    float: left;
    width: 100%;
}
.suggestionSection h4 {
    color: #fff;
    font-family: museo900;
    font-size: 18px;
    margin: 20px 0 40px;
}
.suggestionBlock {
    background-color: #fff;
    float: left;
    width: 100%;
}
.suggestions {
    display: flex;
    float: left;
    width: 20%;
    position: relative;
}
.suggestions img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.suggestions:hover .suggHover {
    display: block;
}
.suggHover {
    border: 4px solid #44bbff;
    color: #fff;
    display: none;
    height: 195px;
    left: 8px;
    position: absolute;
    top: -30px;
    width: 150px;
}
.suggName {
    font-family: zonapro-light;
    font-size: 12px;
    margin: 5px 0;
    text-align: center;
}
.suggPrice {
    font-family: zona_pro_regular;
    font-size: 18px;
    text-align: center;
}
.previewAdd {
    display: table;
    height: 134px;
    width: 100%;
}
.previewAdd > div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.previewAdd > div span {
    color: #44bbff;
    cursor: pointer;
    float: left;
    font-family: zona_pro_regular;
    font-size: 12px;
    line-height: 105px;
    text-align: center;
    visibility: hidden;
    width: 100%;
    font-style: normal;
}
.suggAdd i {
    background-image: url("../images/addSugg.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin-top: -25px;
    width: 100%;
}
.suggAdd i:hover {
    background-image: url("../images/addSuggHover.png");
}
.suggPreview i {
    background-image: url("../images/preview.png");
     background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin-top: -25px;
    width: 100%;
}
.suggPreview i:hover {
    background-image: url("../images/previewHover.png");
}
.suggAdd i:hover span,.suggPreview i:hover span{
    visibility: visible;
}
.buy_now_bottom {
    margin-top: 40px !important;
}
.continueShop .button_buy_2{
    width: 220px;
}
.continueShop .imagecart > img {
    margin-top: -3px;
}
#cartView .continueShop .button_buy_2 {
    background-color: transparent;
    border: 2px solid #959595;
}
#cartView .continueShop .button_buy_2 .imagecart {
    border-right: 1px solid #959595;
}
.cartCount {
    background-color: yellow;
    border-radius: 50%;
    display: none;
    float: left;
    font-size: 10px;
    height: 15px;
    left: -4px;
    position: absolute;
    text-indent: 1px;
    top: -4px;
    width: 15px;
}
.button_buy_3,.button_buy {
    cursor: pointer;
} 
.productTotal{
  display: none;
}
.productRemove {
    background-image: url("../images/proremove.jpg");
    float: left;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    cursor: pointer;
}
.cartBox .cartEmpty {
    color: #fff;
    float: left;
    font-size: 18px;
    margin: 30px 0 60px;
    width: 100%;
}
.productBlockDesc > span, {
    display: none;
}
.hide{
   display: none!important;
}
.message {
    background-color: lightgreen;
    color: green;
    display: none;
    font-family: zona_pro_regular;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    width: 35%;
}
.cartMessage {
    background-color: #44bbff;
    color: #fff;
    display: none;
    font-family: zonapro-light;
    font-size: 16px;
    left: 0;
    margin: 0 auto;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 20px;
    width: 18%;
    z-index: 999;
}

/************************Press and media Form starts************************/

.pressInputs {
    overflow: hidden;
}
.pressInputs .form-group {
  width: 80%;
}
.overviewDownload, .pictureDownload, .packshotDownload {
    background-repeat: no-repeat;
    background-size: cover;
    height: 175px;
}
.overviewDownload {
    background-image: url("../images/overview.png");
}
.pictureDownload {
    background-image: url("../images/pictures.png");
}
.packshotDownload {
    background-image: url("../images/packshots.png");
}
.pressForm {
    padding: 0;
}
.pressForm div h4,.addressSection h4 {
    color: #44bbff;
    font-family: zona_pro_regular;
    font-size: 18px;
    margin-top: 55px;
}
.pressForm div a {
    border: 2px solid #fff;
    border-radius: 16px;
    color: #fff;
    font-family: zona_pro_regular;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
}
.pressForm div a:hover {
    text-decoration: none;
    color: #44bbff;
    border-color: #44bbff;
}
.pressAddress {
    background-color: #f9f9f9;
    margin-bottom: -5000px;
    margin-top: -20px;
    padding-bottom: 5000px;
    padding-left: 40px;
    padding-right: 40px;
}
.addressSection {
    margin-top: 50px;
}
.addressSection h4 {
    line-height: 18px;
    margin: 5px 0;
}
.addressSection > span,.addressSection h5 {
    font-family: zona_pro_regular;
    font-size: 14px;
}
.addressSection > span {
    display: block;
    line-height: 16px;
    padding: 12px 0;
}
.addressSection h5 {
    margin: 0;
    word-wrap: break-word;
}
.addressSection h5 span {
    color: #44bbff;
    margin-right: 5px;
}
.addressSection a {
    color: #4b4b4b;
}
.pressInputs .formSend {
    background-color: #44bbff;
}
.pressInputs .form-group > p {
    color: #4b4b4b;
    font-family: zona_pro_regular;
    font-size: 18px;
    margin-top: 30px;
}
.pressInputs .formSend:hover {
    background-color: #3eb5c4;
}

/************************Press and media Form starts************************/

/************************* 360 Player styles Ends **************************/