@import url(fonts.css);
@import url(bootstrap.min.css);
@import url(mc_classic_10_7.css);

body, html{
	margin: 0;
	background: #f4f4f4;
}
html{
	overflow-x: hidden !important;
}
body{
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	width: 100%;
}

#preloader {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:1999;
	width: 100%;
	height: 100%;
}

#status {
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(../assets/preload.gif); 
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px;
}

.nb{
	padding: 0;
}
.mt{
	margin-top: 150px;
}

.navi{
	position: relative;
	min-height:120px;
	height:120px;
	height:auto;
	background: #ffffff;
	margin: 0;
	-webkit-box-shadow: 0 5px 6px -3px #c1c1c1;
	   -moz-box-shadow: 0 5px 6px -3px #c1c1c1;
	        box-shadow: 0 5px 6px -3px #c1c1c1;
	        transition:all ease .3s;
}
.navi a{
	display: inline-block;
	padding: 40px 0px;
	transition:all ease .3s;
}
.navi a img{
	height: auto;
	max-width: 100%;
}



.navbar-brand{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
.navbar{
	transition:all ease .3s;
	background-color: transparent !important;
	border: none !important;
}
.shrink-nav {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	
	min-height:80px;
	height:80px;
	height:auto;
}
.shrink-nav a{
	padding: 25px 0px;
}
.logo img{
	transition:all ease-in-out .3s;
	width: 100%;
	height: 100%;
}
.logocnv{
	min-width:280px;
}
.shrink-logo img {
  max-width:80% !important;
}


.overlayNavi{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	/*top: 490px;*/
	right: 40px;
	z-index: 900;
}

.shapeNavi h4.shapeNavih4{
	color: #80b539 !important;
	min-width: 150px;
	margin-left: -160px;
}


.shapeNavi{
	width: 25px; 
	height: 50px;
	display: block;
	margin: 5px 0px;
}
.shapeNavi a{
	display: inline-block;
	margin-right: 10px;
	float: right;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
}
.shapeNavih4{
	display: none;
	font-family: "DPET";
	text-decoration: none;
	font-size: 14px;
	margin-right: 10px;
}

.shapeoverlay{
	width: 1px; height: 50px;
	background: #c6c6c6;
}
.shapeNavi a.nav-active{
	background: #80b539 !important;
}
.gotoTop{
	background: url("../assets/icon_up.svg") no-repeat scroll center center ;
	background-size: 7px 50px;
	right: 47px;
	position: fixed;
	bottom: 0px;
		display: block;
		text-decoration: none;
		margin-bottom: 50px;
		width: 7px;
		height: 50px;
		z-index: 900;
}
.navbtn{
	right: 50px;
	position: fixed;
	top: 95px;
		display: block;
		text-decoration: none;
		margin-bottom: 50px;
		width: 7px;
		height: 50px;
		z-index: 900;
}

section { 
	position: relative;
	height: 100vh; 
	clear: both; }

#model div:hover{
	cursor: grab !important;
}

section #signupform {
	margin-bottom: -100px;
}
#ft{
	position: relative;
	margin-top: 50px;
	height: 50px;
	background: #690d5f;
	padding-top: 15px;
}
.ftxt{
	font-family: 'DPET';
	font-size: 14px;
	color: #ffffff;
	/*line-height: 50px;*/
}
#ft .logo img{
	height: 20px;
}

.mainttl{
	font-family: 'DPT';
	font-size: 48px;
	line-height: 60px;
	color: #690d5f;
	padding-bottom: 15px;
}
.secttl{
	font-family: 'DPET';
	font-size: 36px;
	color: #80b539;
	padding-bottom: 15px;
}

.maintxt{
	font-family: 'DPL';
	font-size: 18px;
	line-height: 24px;
	color: #575757;
}
.maintxt2{
	font-family: 'DPL';
	font-size: 18px;
	color: #575757;
}

.square-button {
    display: inline-block;
    padding: 15px 20px 17px;
    position: relative;
    overflow: hidden;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #FFF;
    background: #80b539;
    font: 18px DPET, Arial, sans-serif;
    z-index: 1
}

.square-button:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    border-color: #690d5f transparent transparent;
    -webkit-transition: 250ms ease-out;
    transition: 250ms ease-out;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    z-index: -1
}

.square-button:hover {
    color: #FFF;
    text-decoration: none;
    border: 1px solid #FFF;
}

.square-button:hover:after {
    border-width: 330px 330px 0 0
}

.valign {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.vtxt{
	margin-top: -30%;
}
.getapp{
	display: inline-block;
	float: left;
	padding-left: 15px;
	margin-top: -2px;
}
.getapp a{
	display: inline-block;
	margin-top: 5px;
}

.mc{
	position:relative;
	text-align: right;
	z-index: 2;
}

#mc_embed_signup form { padding: 10px 0 10px 3.8% !important; }
#mc_embed_signup{background:#fff; border-top: 3px solid #690d5f; clear:left; font:400 16px/1.4 DPL,Arial,sans-serif; color: #575757; }
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto!important; margin-right: 10px;margin-top: 2px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
#mc_embed_signup input[type=text], #mc_embed_signup input[type=email] { border-radius: 0px !important; border: 1px solid #e1e1e1; outline: none;  }
#mc_embed_signup input[type=text]:focus, #mc_embed_signup input[type=email]:focus { outline: none !important; border:1px solid #e1e1e1;}
#mc_embed_signup .mc-field-group label { width: 33% !important; display: inline-block !important; }


#mc_embed_signup input[type=submit], #mc_embed_signup button { border-radius: 0px !important; border:  none !important; outline: none; margin-bottom: 20px; }
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { color: #ee00ae !important; font: 10px DPL,Arial,sans-serif !important; margin: 0px !important; padding: 0px !important; position: absolute; }
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error { border: 1px solid #ee00ae !important; }
#mc_embed_signup .mc-field-group { padding-bottom: 18px !important;}
#mc_embed_signup div#mce-responses {	padding:  10px 0px !important; margin: 0 1% !important; }
#mc_embed_signup #mce-error-response { color: #ee00ae !important; font: 14px DPL,Arial,sans-serif !important; }
#mc_embed_signup #mce-success-response { color: #80b539 !important; font: 14px DPL,Arial,sans-serif !important; }
#mergeRow-gdpr  { width:  100% !important; padding-bottom: 8px !important; padding: 0px 10px; }
.mc_fieldset.gdprRequired.mc-field-group { padding-left: 18px !important; }
#mc_embed_signup div.response { margin: 0px !important; padding: 0px !important;}
#mc-embedded-subscribe { margin:  1em 0 1em 1% !important;}

@-webkit-keyframes pulsedots {
    0%, 8% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.3);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@keyframes pulsedots {
    0%, 8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes pulsedots2 {
    0%, 8% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.3);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@keyframes pulsedots2 {
    0%, 8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes pulsedots3 {
    0%, 8% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.4);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@keyframes pulsedots3 {
    0%, 8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes pulsedots4 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.4);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@keyframes pulsedots4 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.dots_holder {
    display: block;
    position: absolute;
    top: 60%;
    left: 70%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 288px;
    height: 288px;
}

.dots_holder.dots_holder_hide .dots_rays1, .dots_holder.dots_holder_hide .dots_rays2,
.dots_holder.dots_holder_hide .dots_rays3, .dots_holder.dots_holder_hide .dots_rays4 {
    -webkit-animation: none;
    animation: none
}

.dots_holder .dots_rays1 {
    margin: 0 auto;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 84px;
    right: 84px;
    border: 1px solid rgba(127,180,57, 0.4);
    opacity: .1;
    -webkit-animation: pulsedots 4s linear infinite;
    animation: pulse 4s linear infinite;
	animation-delay: 5s;
}

.dots_holder .dots_rays2 {
    margin: 0 auto;
    border-radius: 50%;
    width: 168px;
    height: 168px;
    position: absolute;
    top: 60px;
    right: 60px;
    background-color: rgba(255, 255, 255, .03);
    border: 1px solid rgba(127,180,57, .3);
    opacity: .1;
    -webkit-animation: pulsedots2 4s linear infinite;
    animation: pulse2 4s linear infinite;
    animation-delay: 5s;
}

.dots_holder .dots_rays3 {
    margin: 0 auto;
    border-radius: 50%;
    width: 288px;
    height: 288px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .03);
    border: 1px solid rgba(127,180,57, .2);
    opacity: .1;
    -webkit-animation: pulsedots3 4s linear infinite;
    animation: pulse3 4s linear infinite;
    animation-delay: 5s;
}

.dots_holder .dots_rays4 {
    margin: 0 auto;
    border-radius: 50%;
    width: 750px;
    height: 750px;
    position: absolute;
    top: -225px;
    right: -225px;
    background-color: rgba(255, 255, 255, .05);
    border: 1px solid rgba(127,180,57, .1);
    opacity: .1;
    -webkit-animation: pulsedots4 4s linear infinite;
    animation: pulse4 4s linear infinite;
    animation-delay: 5s;
}


    
.featuresNavi svg{
	height: 500px;
	position: relative;
	left: -50px;
	top: 0px;
	z-index: 1000 !important;
	/*position: absolute;
	height: 100% !important;*/
}   

.featuresNavi svg path#dpot1:hover, 
.featuresNavi svg path#dpot2:hover, 
.featuresNavi svg path#dpot3:hover, 
.featuresNavi svg path#dpot4:hover, 
.featuresNavi svg path#dpot5:hover{
	cursor: pointer;
} 
.dotContent2,   
.dotContent3,
.dotContent4,
.dotContent5{
	display: none;
}    

 
section#mvideo{
	margin: 0 auto;
	text-align: center;
}
#bgvid {
  position: relative;
  height: auto;
  width: 85%;
}
#bgvid:hover{
	cursor: pointer;
}

 @-webkit-keyframes pulse {
     0%, 8% {
         -webkit-transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.1);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.3);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2)
     }
 }
 
 @keyframes pulse {
     0%, 8% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2);
         transform: scale(2)
     }
 }
 
 @-webkit-keyframes pulse2 {
     0%, 8% {
         -webkit-transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.1);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.3);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2)
     }
 }
 
 @keyframes pulse2 {
     0%, 8% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2);
         transform: scale(2)
     }
 }
 
 @-webkit-keyframes pulse3 {
     0%, 8% {
         -webkit-transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.4);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.5);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2)
     }
 }
 
 @keyframes pulse3 {
     0%, 8% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1.4);
         transform: scale(1.4);
         opacity: 1
     }
 
     30% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2);
         transform: scale(2)
     }
 }
 
 @-webkit-keyframes pulse4 {
     0% {
         -webkit-transform: scale(0);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1);
         opacity: 1
     }
 
     50% {
         -webkit-transform: scale(1.4);
         opacity: 1
     }
 
     60% {
         -webkit-transform: scale(1.5);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2)
     }
 }
 
 @keyframes pulse4 {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 0
     }
 
     15% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
 
     50% {
         -webkit-transform: scale(1.4);
         transform: scale(1.4);
         opacity: 1
     }
 
     60% {
         -webkit-transform: scale(1.5);
         transform: scale(1.5);
         opacity: 1
     }
 
     100% {
         opacity: 0;
         -webkit-transform: scale(2);
         transform: scale(2)
     }
 }
 
 .pulse_holder {
     display: block;
     position: absolute;
     top: 30%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 288px;
     height: 288px
 }
 
 .pulse_holder.pulse_holder_hide .pulse_rays1, .pulse_holder.pulse_holder_hide .pulse_rays2,
 .pulse_holder.pulse_holder_hide .pulse_rays3, .pulse_holder.pulse_holder_hide .pulse_rays4 {
     -webkit-animation: none;
     animation: none
 }
 
 .pulse_holder .pulse_rays1 {
     margin: 0 auto;
     border-radius: 50%;
     width: 120px;
     height: 120px;
     position: absolute;
     top: 84px;
     right: 84px;
     border: 1px solid rgba(128, 181, 57, .6);
     opacity: .1;
     -webkit-animation: pulse 4s linear infinite;
     animation: pulse 4s linear infinite
 }
 
 .pulse_holder .pulse_rays2 {
     margin: 0 auto;
     border-radius: 50%;
     width: 168px;
     height: 168px;
     position: absolute;
     top: 60px;
     right: 60px;
     background-color: rgba(255, 255, 255, .03);
     border: 1px solid rgba(128, 181, 57, .3);
     opacity: .1;
     -webkit-animation: pulse2 4s linear infinite;
     animation: pulse2 4s linear infinite
 }
 
 .pulse_holder .pulse_rays3 {
     margin: 0 auto;
     border-radius: 50%;
     width: 288px;
     height: 288px;
     position: absolute;
     top: 0;
     right: 0;
     background-color: rgba(255, 255, 255, .03);
     border: 1px solid rgba(128, 181, 57, .2);
     opacity: .1;
     -webkit-animation: pulse3 4s linear infinite;
     animation: pulse3 4s linear infinite
 }
 
 .pulse_holder .pulse_rays4 {
     margin: 0 auto;
     border-radius: 50%;
     width: 750px;
     height: 750px;
     position: absolute;
     top: -225px;
     right: -225px;
     background-color: rgba(255, 255, 255, .05);
     opacity: .1;
     -webkit-animation: pulse4 4s linear infinite;
     animation: pulse4 4s linear infinite
 }
 
 .pulse_holder .play-btn {
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: #80b539;
     text-transform: uppercase;
     font-family: "DPL";
     font-size: 14px;
     line-height: 23px;
     display: block;
     padding-left: 29px;
     letter-spacing: 1px
 }
 
 .pulse_holder .play-btn img {
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }   
 
 
.efficiency{
	position: absolute;
	right: -200px !important;
	top: 250px;
	z-index: 1000;
	opacity: 0;
}  
.efficiency img{
	display: inline-block;
	margin-right: -8px;
    position: relative;
    right: -5px;
    z-index: 5;
    -webkit-animation: slide 1.5s infinite;
    -webkit-animation-delay: 3s;
    animation: slide 1.5s infinite;
}

@-webkit-keyframes slide {
    100% { right: 0; }
}

@keyframes slide {
    100% { right: 0; }
}    
.efficiency span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	/*color: #690d5f;*/
	color: #000000;
	font-family: "DPET";
	font-size: 12px;
	padding: 10px;
	background: #ffffff;
	border-left: 2px solid #80b539;
	text-transform: uppercase;
	z-index: 10;
}  
.click{ cursor:pointer;}  
div.pulseDot {
 	position: absolute !important;
 	width: 28px !important;
 	height: 28px !important;
 	z-index: 20 !important;
}
 div.pulseDot a {
 	cursor: pointer;
 	position: absolute !important;
 	width: 28px;
 	height: 28px;
 	background: #80b539;
 	border-radius: 50%;
 	box-sizing: border-box;
 	vertical-align: middle;
 	text-align: center;
 	line-height: 28px;
 	text-align: center;
    animation: pulseDot 2s infinite;
    z-index: 100;
 }
  .pulseDot a:hover{
  	border: 1px solid #80b539;
  }
  
  .pulseDotCnt svg{
  	width: 4px !important;
  }

 @-webkit-keyframes pulseDot {
   0% {
     -webkit-box-shadow: 0 0 0 0 rgba(128, 181, 57, 0.4);
   }
   70% {
       -webkit-box-shadow: 0 0 0 10px rgba(128, 181, 57, 0);
   }
   100% {
       -webkit-box-shadow: 0 0 0 0 rgba(128, 181, 57, 0);
   }
 }
 @keyframes pulseDot {
   0% {
     -moz-box-shadow: 0 0 0 0 rgba(128, 181, 57, 0.4);
     box-shadow: 0 0 0 0 rgba(128, 181, 57, 0.4);
   }
   70% {
       -moz-box-shadow: 0 0 0 10px rgba(128, 181, 57, 0);
       box-shadow: 0 0 0 10px rgba(128, 181, 57, 0);
   }
   100% {
       -moz-box-shadow: 0 0 0 0 rgba(128, 181, 57, 0);
       box-shadow: 0 0 0 0 rgba(128, 181, 57, 0);
   }
 } 


.pulseDotCnt{
	width: 230px;
}	




/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: rgba(105,13,95,0.9);*/
	
	background: rgba(105,13,95,0.9);
	background: -moz-linear-gradient(-135deg, #92278f 25%, #690a66 100%);
	background: -webkit-linear-gradient(-135deg, #92278f 25%, #690a66 100%);
	background: linear-gradient(-135deg, #92278f 25%, #690a66 100%);
	
	z-index: 2000;
}


.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../assets/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	/*margin: 0 auto;*/
	text-align: left;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li a {
	font-size: 52px;
	line-height: 80px;
	font-weight: 300;
	font-family: "DPET";
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
	text-decoration: none;
}

.overlay-cornershape {
	background: transparent;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.5s;
	transition: visibility 0s 0.5s;
}

.overlay-cornershape.open {
	visibility: visible;
	-webkit-transition: none;
	transition: none;
}

.overlay-cornershape svg {
	position: absolute;
	top: 0;
	left: 0;
}

.overlay-cornershape .overlay-path {
	fill: rgba(105,13,95,0.9);
}

.overlay-cornershape nav,
.overlay-cornershape .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
}

.overlay-cornershape.open nav,
.overlay-cornershape.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.overlay-cornershape.close nav,
.overlay-cornershape.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

#myCarousel, .carousel-item {height: 80vh;}
/*.carousel-indicators { position: absolute; margin-left: 0px; left: -9%; top: 0px; margin-top: 38%;
 }*/
/*.carousel-indicators {position: absolute; margin-left: 0px; left: 0%; top: 45%; margin-top: 0%; bottom: ; }*/
.carousel-indicators {
	text-align: left;
	float: left;
	left: 0% !important;
	/*width: 100%;*/
	top: 44%;
	margin-left: -2%;
	z-index: 1;
	width: auto !important;
}
 ol.carousel-indicators li{
   border: 1px solid #80b539;
   background: #f4f4f4;
 }
 
 ol.carousel-indicators li.active {
  border: 1px solid #f4f4f4;
  background: #80b539;
 }

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
	overflow: visible;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




.itemcap {
	background: #fff;
	opacity: 0;
	transform: translate(-300px, 0);
	padding: 30px;
	position: absolute;
	left: -15%;
	z-index: 1;
}
.itembkg{
	opacity: 0;
	transform: translate(300px, 0);
	position: relative;
	left: -20%;
	
	cursor: pointer;
}


.tdtitle{
	font-family: 'DPL';
	font-size: 32px;
	line-height: 36px;
	color: #690d5f;
}
.tddesc{
	font-family: 'DPT';
	font-size: 22px;
	color: #575757;
	padding-bottom: 10px;	
}

/* -------------------------------- Intro Product -------------------------------- */
.cd-product-viewer-wrapper {
  text-align: center;
  padding: 2em 0;
}
.cd-product-viewer-wrapper > div {
  display: inline-block;
}
.cd-product-viewer-wrapper .product-viewer {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
}
.cd-product-viewer-wrapper img {
  /* this is the image visible before the image sprite is loaded */
  display: block;
  position: relative;
  z-index: 1;
}
.cd-product-viewer-wrapper .product-sprite {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  /* our image sprite is composed by 32 frames */
  width: 3200%;
  background: url(../assets/introsprite.png) no-repeat center center;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-product-viewer-wrapper.loaded .product-sprite {
  /* image sprite has been loaded */
  opacity: 1;
  cursor: ew-resize;
}

.cd-product-viewer-handle {
  position: relative;
  z-index: 2;
  width: 60%;
  max-width: 300px;
  border-radius: 100em;
  margin: 1em auto 3em;
  margin-left: 55%;
  /*margin: 0 auto !important;*/
  height: 1px;
  /*background: #d9d9d9;*/
  background: rgb(244,244,244);
  background: -moz-linear-gradient(left, rgba(244,244,244,1) 0%, rgba(217,217,217,1) 11%, rgba(217,217,217,1) 89%, rgba(244,244,244,1) 100%);
  background: -webkit-linear-gradient(left, rgba(244,244,244,1) 0%,rgba(217,217,217,1) 11%,rgba(217,217,217,1) 89%,rgba(244,244,244,1) 100%);
  background: linear-gradient(to right, rgba(244,244,244,1) 0%,rgba(217,217,217,1) 11%,rgba(217,217,217,1) 89%,rgba(244,244,244,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=1 );
}
.cd-product-viewer-handle .fill {
  /* this is used to create the loading fill effect */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: #80b539;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
.no-csstransitions .cd-product-viewer-handle .fill {
  display: none;
}
.loaded .cd-product-viewer-handle .fill {
  /* image sprite has been loaded */
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
  transition: transform 0.3s, opacity 0.2s 0.3s;
}
.cd-product-viewer-handle .handle {
  position: absolute;
  z-index: 2;
  display: inline-block;
  height: 20px;
  width: 20px;
  left: 0;
  top: -10px;
  background: #80b539 url(../assets/cd-arrows.svg) no-repeat center center;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(127,180,57, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
  /* replace text with image */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
.cd-product-viewer-handle .handle:active {
  box-shadow: 0 0 0 0 rgba(127,180,57, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.loaded .cd-product-viewer-handle .handle {
  /* image sprite has been loaded */
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  -webkit-animation: cd-bounce 0.3s 0.3s;
  -moz-animation: cd-bounce 0.3s 0.3s;
  animation: cd-bounce 0.3s 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  cursor: ew-resize;
}
.in-product-viewer {
	width: 92%;
	/*border: 1px solid #333;*/
}
@-webkit-keyframes cd-bounce {
  0% {
    -webkit-transform: translateX(-50%) scale(0);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
  }
}
@-moz-keyframes cd-bounce {
  0% {
    -moz-transform: translateX(-50%) scale(0);
  }
  60% {
    -moz-transform: translateX(-50%) scale(1.1);
  }
  100% {
    -moz-transform: translateX(-50%) scale(1);
  }
}
@keyframes cd-bounce {
  0% {
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
}

@media (min-width:1920px) { 
}
@media screen and (min-width: 1442px) {
	/*#intro .mc img{
		max-width: 150%; height: auto; opacity: 0.5;
	}*/
	#myCarousel { height: auto; }
	.video-fluid { max-width: 180% !important; height: auto !important; }
}
@media screen and (max-width: 1440px) {
	.navi{
		height: auto !important;
		min-height: 80px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:80px;
		height:80px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logocnv{
		min-width:200px;
	}
	#intro .mt {
		margin-top: 160px;
	}
	#intro .mc img{
		max-width: 100%; height: auto;
	}
	#outro .mc img{
		max-width: 130%; height: auto;
	}
	.mainttl{
		font-size: 38px;
		line-height: 48px;
	}
	.secttl{
		font-size: 24px;
	}
	
	.maintxt{
		font-size: 18px;
		line-height: 22px;
	}
	.maintxt2{;
		font-size: 18px;
	}
	#features .dotContent1 img, #features .dotContent2 img, #features .dotContent3 img, #features .dotContent4 img, #features .dotContent5 img, #app .mc img{
				max-width: 60% !important;
				background-size: 75% !important;
			}
	#app .mc, #features .mc {
		text-align: right !important;
	}

	#myCarousel { height: auto; }
	
	.tdtitle{ font-size: 22px; }
	.tddesc{ font-size: 16px;  }
	.itemcap { left:  5%; margin-top: -60px; padding: 20px; max-width: 90%; }
	.video-fluid { max-width: 140% !important; height: auto !important; }

 }
@media screen and (max-width: 1279px){

	.navi{
		height: auto !important;
		min-height: 70px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:70px;
		height:70px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logo img{
		transition: none !important;
	}
	
	
	.overlay .overlay-close {
		width: 20px;
		height: 20px;
	}
	.overlay ul{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.overlay ul li {
		height: 36px;
		min-height: 36px;
	}
	
	.overlay ul li a {
		font-size: 22px;
	}
	
	.overlayNavi {
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    height: 40px;
	    text-align: center;
	    display: table;
	    margin: 0 auto;
	    right: 0px;
	    left: auto !important;
	    top: auto !important;
	    transform: translateY(0%);
	    background: #fff;
	    z-index: 900;
	}     
	.shapeoverlay{
		height: 25px;
		background: #ffffff !important;
	} 
	.shapeNavi a.nav-active{
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active h4{
		color: #690d5f !important;
	}
	.shapeNavi {
	    display: inline-block;
	    height: 25px;
	    margin: 8px 10px 0px 5px;
	}  
	.shapeNavi span{
		display: none;
	}
	.shapeNavih4{
		display: inline;
	}
	.shapeNavi h4.shapeNavih4{
		margin-left: 8px;
	}
	.gotoTop{
	  	display: none;
	}
	.gotoTopm{
	  	background: url("../assets/icon_upm.svg") no-repeat scroll center center ;
	  	right: 10px;
	  	position: fixed;
	  	bottom: 15px;
	  	display: block;
	  	text-decoration: none;
	  	margin-bottom: -5px;
	  	width: 25px;
	  	height: 25px;
	  	line-height: 40px;
	  	z-index: 1000;
	}
	.navbtn{
		left: 10px;
		position: fixed;
		bottom: 15px;
		top: 100%;
		margin-top: -35px;
		z-index: 1000;
	}
	.navbtn a img:first-child{
		display: none;
	}
	section:last-of-type{
		margin-bottom: 0px;
		height: auto !important;
	}
	.round_animate_wrap{
		top: 35px;
	}
	.mainttl{
		font-size: 36px;
		line-height: 48px;
	}
	.secttl{
		font-size: 22px;
	}
	
	.maintxt{
		font-size: 16px;
		line-height: 20px;
	}
	.maintxt2{;
		font-size: 16px;
	}
	
	.square-button {
	    padding: 15px 20px 17px;
	    font: 18px DPET, Arial, sans-serif;
	}
	.mc img{
		max-width: 100%;
		height: auto;
	}
	#features .dotContent1 img, #features .dotContent2 img, #features .dotContent3 img, #features .dotContent4 img, #features .dotContent5 img, #app .mc img{
		max-width: 60% !important;
		background-size: 75% !important;
	}

	
	#bgvid{
		min-width: auto !important;
		min-height: auto !important;
		width: 100%    !important;
		height: auto   !important;
		top: 0%; left: 0%;
		transform: translateX(0%) translateY(0%); 
	}
	.pulse_holder {
	    display: block;
	    position: absolute;
	    top: 25%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    width: 288px;
	    height: 288px;
	}
	.efficiency{
		right: -10px !important;
		top: 125px;
	}
	.efficiency span{
		font-size: 10px;
	}
	#ft { bottom: 40px; }
	.ftxt span{
		padding-left: 10px !important;
	}
	#ft a{
		padding-right: 12px;
	}
	
	#myCarousel { height: auto; }
	
	.tdtitle{ font-size: 22px; }
	.tddesc{ font-size: 16px;  }
	.itemcap { left:  5%; margin-top: -60px; padding: 20px; max-width: 90%; }
	.video-fluid { max-width: 140% !important; height: auto !important; }

	#app .mc, #features .mc { text-align: center !important; }
	#mc_embed_signup .mc-field-group label { width: 100% !important; }
	#mc-embedded-subscribe-form input[type=checkbox] { width: auto !important; }
	.cd-product-viewer-handle { margin-left: auto!important; }
	.carousel-indicators { margin-left: 3%; top: 30%; }
 }

@media screen and (max-width: 767px) { 

	.navi{
		height: auto !important;
		min-height: 70px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:70px;
		height:70px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logo img{
		width: 80%;
		transition: none !important;
	}
	
	
	.overlay .overlay-close {
		width: 20px;
		height: 20px;
	}
	.overlay ul{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.overlay ul li {
		height: 36px;
		min-height: 36px;
	}
	
	.overlay ul li a {
		font-size: 22px;
	}
	
	.overlayNavi {
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    height: 40px;
	    text-align: center;
	    display: table;
	    margin: 0 auto;
	    right: 0px;
	    left: auto !important;
	    top: auto !important;
	    transform: translateY(0%);
	    background: #fff;
	    z-index: 900;
	}     
	.shapeoverlay{
		height: 25px;
		background: #ffffff !important;
	} 
	.shapeNavi a.nav-active{
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active h4{
		color: #690d5f !important;
	}
	.shapeNavi {
	    display: inline-block;
	    height: 25px;
	    margin: 8px 10px 0px 5px;
	}  
	.shapeNavi span{
		display: none;
	}
	.shapeNavih4{
		display: inline;
	}
	.shapeNavi h4.shapeNavih4{
		margin-left: 8px;
	}
	.gotoTop{
	  	display: none;
	}
	.gotoTopm{
	  	background: url("../assets/icon_upm.svg") no-repeat scroll center center ;
	  	right: 10px;
	  	position: fixed;
	  	bottom: 15px;
	  	display: block;
	  	text-decoration: none;
	  	margin-bottom: -5px;
	  	width: 25px;
	  	height: 25px;
	  	line-height: 40px;
	  	z-index: 1000;
	}
	.navbtn{
		left: 10px;
		position: fixed;
		bottom: 15px;
		top: 100%;
		margin-top: -35px;
		z-index: 1000;
	}
	.navbtn a img:first-child{
		display: none;
	}
	section{
		height: auto !important;
		margin-bottom: 100px;
		min-height: 100% !important;
	}
	section:last-of-type{
		margin-bottom: 0px;
	}
	#intro .mt {
	    margin-top: 120px !important;
	}
	.valign {
	  display: block;
	}
	.featuresNavi svg{
		height: 400px;
		left: 0px;margin-bottom: 30px
	}
	.valignm div:nth-child(1) { z-index:10;}
	.valignm div:nth-child(2n+3) { position: absolute; top: 10px; z-index: 1; margin-bottom: 30px;
	}
	
	.vtxt{
		margin-top: 0px;
	}
	.round_animate_wrap{
		display: none;
	}
	
	.mainttl{
		font-size: 36px;
		line-height: 48px;
	}
	.secttl{
		font-size: 22px;
	}
	
	.maintxt{
		font-size: 16px;
		line-height: 20px;
	}
	.maintxt2{;
		font-size: 16px;
	}
	
	.square-button {
	    padding: 15px 20px 17px;
	    font: 18px DPET, Arial, sans-serif;
	}
	#app .mc, #features .mc {
		text-align: right !important;
		top: -50px;
	}
	
	#app .getapp span.maintxt{
		font-size: 12px;
	}
	#app img{
		width: 70px;
	}
	.dotContent1 img, .dotContent2 img, .dotContent3 img, .dotContent4 img, .dotContent5 img{
		max-width: 60%;
		background-size: 80% !important;
	}
	
	#bgvid{
		min-width: auto !important;
		min-height: auto !important;
		width: 100%    !important;
		height: auto   !important;
		top: 0%; left: 0%;
		transform: translateX(0%) translateY(0%); 
	}
	.pulse_holder {
	    display: block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    width: 288px;
	    height: 288px;
	}
	.pulse_holder .pulse_rays3, .pulse_holder .pulse_rays4{
		display: none;
	}
	#outro .mc img{
		max-width: 100%;
		height: auto;
	}
	.efficiency{
		right: -10px !important;
		top: 125px;
	}
	.efficiency span{
		font-size: 10px;
	}
	#ft { bottom: 40px; }
	.ftxt span{
		padding-left: 10px !important;
	}
	#ft a{
		padding-right: 12px;
	}
	#myCarousel { height: auto; }
	
	.carousel-indicators {
		text-align: left;
		float: left;
		left: 0% !important;
		width: 100%;
		top: auto !important;
		margin-left: 7%;
		bottom: -40px;
	}
	
	
	.tdtitle{ font-size: 22px; }
	.tddesc{ font-size: 16px;  }
	.itemcap { left:  5%; margin-top: -60px; padding: 20px; max-width: 90%; }
	.itembkg {  left:  0%;	}
	.video-fluid { width: 100% !important; height: auto !important;  }
	#mc_embed_signup .mc-field-group label { width: 100% !important; }
	#mc-embedded-subscribe-form input[type=checkbox] { width: auto !important; }
	.cd-product-viewer-handle { margin-left: auto!important; }
}
@media screen and (max-width: 415px) {
	.itemcap {margin-top: -80px !important; }
	.itembkg { margin-top: 20px !important;}
	#app .mc, #features .mc { top: -10px; }
	.shapeNavi{
		margin: 8px 10px 0px 0px;
	}
	.efficiency{
		right: -30px !important;
		top: 90px;
	}
}
@media screen and (max-width: 368px) {
	.shapeNavi{
		margin: 8px 10px 0px 0px;
	}
	.efficiency{
		right: -30px !important;
		top: 90px;
	}
}

@media screen and (min-width: 1278px) and (max-height: 835px) { 

	.navi{ height: auto !important; min-height: 80px; }
	.navi a{ padding: 20px; }
	.shrink-logo img{ max-width: 80% !important; }
	.shrink-nav { min-height:70px; height:70px; height:auto; }
	.shrink-nav a{ padding: 20px; }
	.overlayNavi { top: 54%; z-index: 1000; }
	.shapeNavi { height: 42px; margin: 4px 0px;  }
	.shapeoverlay { height:44px; }
	
	.gotoTop { margin-bottom: 20px; }
	
	.navbtn { top: 55px; }
	.overlay ul li a { font-size: 42px; line-height: 62px; }
	.overlay .overlay-close { width: 40px; height: 40px; }
	
	.dots_holder{     top: 50%; left: 50%;	}
	#intro .mt {  margin-top: 80px !important; }
	.vtxt {  margin-top: -10% !important; }
	
	.mainttl{ font-size: 36px; line-height: 48px; }
	.secttl{ font-size: 24px; }
	.maintxt{ font-size: 18px; line-height: 22px;}
	.maintxt2{font-size: 18px;}
	
	.hadj img{
		height: auto;
		max-width: 100%;
	}
	.mc{ text-align: center; }
	
	#outro .mc img { height: auto !important; max-width: 90% !important; }
	
	.hadjmk img{
		height: auto !important;
		max-width: 65% !important;
		background-size: 75% !important;
	}
	#features .dotContent1 img, #features .dotContent2 img, #features .dotContent3 img, #features .dotContent4 img, #features .dotContent5 img, #app .mc img { max-width: 50% !important; background-size: 75% !important; }
	#app .mc, #features .mc { text-align: center !important; margin-top: -20px;
	}
	.featuresNavi svg { height: 400px;	}
	.pulse_holder { top: 50%;	}
	#bgvid {
		height: 90% !important;
		width: auto !important;
	}
	
	
	.tdtitle {
	    font-size: 18px;
	    line-height: 32px;
	}
	.tddesc {
	    font-size: 12px;
	    line-height: 15px;
	}

	.carousel-indicators { top: 32%; margin-left: 3%; }

	#mc_embed_signup .mc-field-group label { width: 30% !important; }
	#mc-embedded-subscribe-form input[type=checkbox] { width: 10% !important; margin-top: 5px !important;}
	
	section:last-of-type{
		height: auto !important;
		margin-bottom: 100px;
		min-height: 100% !important;
		margin-bottom: 0px;
	}
	.itembkg { left: -12%; }
	.tdtitle{ font-size: 22px; }
	.tddesc{ font-size: 16px;  }
	.video-fluid { max-width: 112% !important; height: auto !important; }
	
	#intro .mt {  margin-top: 50px !important; }
	#intro .cd-product-viewer-handle {  width: 100% !important; max-width: 70% !important; margin-top: 0px; margin-left: 100px; }
	#intro .cd-product-viewer-wrapper { text-align: left; }
	#intro .cd-product-viewer-wrapper figure{ max-height: 650px !important; height: auto !important; max-width: 135% !important;  }

}
@media screen and (min-height: 800px) and (max-height: 835px) { 
	#intro .mt {  margin-top: 80px !important; }
	#intro .cd-product-viewer-handle {  width: 100% !important; max-width: 70% !important; margin-top: 0px; margin-left: 150px; }
	#intro .cd-product-viewer-wrapper figure{ max-height: 650px !important; height: auto !important; max-width: 135% !important;  }
}


@media screen and (orientation: portrait) {
section{
	height: auto !important;
	margin-bottom: 100px;
	min-height: 100% !important;
}
    }

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {}
@media screen and (min-width: 1278px) and (max-height: 800px) and (-ms-high-contrast: none){
	#intro .cd-product-viewer-handle { margin: auto 30px; width: 100% !important; max-width: 50% !important; }
	#intro .cd-product-viewer-wrapper { text-align: left; }
	#intro .cd-product-viewer-wrapper figure{ height: auto !important; max-width: 55% !important;  }
}

@media screen and (max-width: 361px), (-webkit-device-pixel-ratio: 3), (orientation: portrait) {}