/*
 * YOUR STYLES HERE
 */
 
 body{
	margin :0;
	padding:0; 
}

a{
    text-decoration: none;
    color :white;
}

.italic{
	font-style: italic;
}

.os-bold{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.os-regular{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.zs-regular{
    font-family: 'Zilla Slab', sans-serif;
    font-weight: 400;
}
.zs-bold{
    font-family: 'Zilla Slab', sans-serif;
    font-weight: 600;
}
.os-light{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}
.text-shadow{
	text-shadow: 0px 1px 14px rgba(0, 0, 0, .5);
}
.text-shadow-dark{
    text-shadow: 0px 1px 14px rgba(0, 0, 0, 1);
}
.uppercase{
	text-transform: uppercase;
}
.text-color{
    color: #ffffff;
} 
.zoom-hover{
    transform: scale(1);
    transition: all .2s ease; 
}
.zoom-hover:hover{
    transform: scale(1.05);
    transition: all .2s ease; 
}
.underline{
    text-decoration: underline;
}

h1, h2,h3 ,h4 ,h5 ,h6 ,p{
    margin :0;
    font-weight: 100;
}
h1{
    font-size :24px;
    text-transform: uppercase; 
    max-width: 820px;
    margin: 0 auto;

}
h2{
    font-size :28px;
    max-width: 772px;
    display: block; 
    margin: 0 auto;
    text-transform: uppercase; 
    font-weight: 600; 
}
h3{
    font-size :26px;
    margin-top: 20px;
    max-width: 772px;
    margin: 0 auto;
    text-transform: uppercase; 
    font-style: italic;

    
}
h4{
    font-size :20px;
    max-width: 772px;
    text-transform: uppercase; 
    line-height: 30px;
    margin: 20 auto;
}
h5{
    font-size :20px;
    margin-top: 20px; 
    line-height: 42px;
}
h6{
    font-size :16px;
    font-style: italic;
    font-weight: 700;
}
p{
    font-size :17px;
    line-height: 27px;
    max-width: 772px;
    margin: 0 auto;
    /* max-width: 730px; */
}
 
.mobile h1{
    font-size :20px; 
}
.mobile h2{
    font-size :24px; 
}
.mobile h3{
    font-size :22px; 
}
.mobile h4{
    font-size :18px;
}
.mobile p{
    font-size :15px;
    line-height: 27px;
    max-width: 772px;
    margin: 0 auto;
    /* max-width: 730px; */
}
/*************************** Tickets **************************/
.tickets{  
}  
.tickets .ticket{ 
    text-transform: uppercase; 
    display: inline-block;
    padding: 5px;
    width:30%;
}

.tickets .ticket .site-name{  
    display: block;
    letter-spacing: 2px;
    font-size: 18.66px;
    margin-top: -3px;
}
.tickets .ticket .version-name{ 
    display: block;
    margin-top: -45px;
    margin-left: 142px;
    font-size: 11px; 
    letter-spacing: .5px;
}
.tickets .ticket .download{  
    display: block;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 4px; 
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    transform: scale(1.0);
    transition: all .2s ease;
}
.tickets .ticket .download:hover{   
    transform: scale(1.05);
    transition: all .2s ease; 
}

.tickets .free .version-name{  
    color: #61dc2c; 
}
.tickets .free .download{   
}
.tickets .free{  
}

.tickets .personal .version-name{  
    color: #d631b0; 
}
.tickets .personal .download{   
} 

.tickets .personal{  
}

.tickets .pro .version-name{  
    color: #327aca;
}
.tickets .pro .download{   
} 

.tickets .pro{  
}

.arrow{ 
    width: 150px;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    display: block;
}

.arrow2{
    position: absolute;
    bottom: 9px;
    width:100%;
    opacity: 0.4;

}

.animation{
    animation-duration: 3s;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background: rgba(255, 255, 255, 0.65) !important;
    transform : scale(.7) !important;
    transition: all .2s;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  	background: rgba(255, 255, 255, .9) !important;
    transform : scale(1.0) !important;
    transition: all .2s;
}

.section{
    width: 100%; 
    background: grey;
    position: relative;
}


.image-fit-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url(images/section-01-01-01.jpg);   */
}

.section .h100{   
    height: 100vh; 
}

/******************************************/ 
.mobile .video-head {  
    padding-top: 20px; 
    display: inline;
}   
.video-head { 
    background: none;
    text-align: center;
    color:white; 
    height: 100vh;
}
.video-head.max-height{ 
    height: 800px;
}
.video-head .logo-section{  
    /* transition: all 10s; */
    display: inline-block !important;
    z-index: 99;
    margin-top: 40px;
    padding-top: 50px;
}

.logo-section2{  
    /* transition: all 10s; */
    display: inline-block !important;
    z-index: 99;
    margin-top: 0px;
    padding-top: 40px;
}
.mobile .logo-section2{  
    /* transition: all 10s; */
    display: none !important; 
}


.video-head .website-logo{ 
    display: inline-block; 
    position: relative;
    z-index: 2; 
    opacity:0;
}
.video-head .website-name{
    text-transform: uppercase; 
    display: block;
    margin-top: -30px;
    letter-spacing: 3px;
    font-size: 22px; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    position: relative;
    z-index: 2; 
    opacity:0;
}
.video-head .details{    
    text-transform: uppercase;
    max-width: 900px;
    font-size: 24px;
    margin-top: 31px;
    display: inline-block; 
    text-shadow: 0px 2px 11px rgb(0, 0, 0);
    letter-spacing: 2px;
    z-index: 2; 
    opacity:0;
} 

.test{    
    position: absolute;
    bottom: 59px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0px 2px 11px rgb(0, 0, 0);

} 


  
.video-head .details > span{     
    margin-top: 24px;
    padding: 14px 0; 
    display: inline-block;
    width: 900px;
    background-color: rgba(0, 0, 0, 0.502); 
}
.video-head .details > span >h3{      
    display: block;
    margin: 15px auto;
    font-size: 24.23px;
    letter-spacing: 1.1;
    font-weight: 100;
}
    width: 50%;

.video-head .skull{ 
    mix-blend-mode: multiply;
    display: block;
    margin-top: 20px;
    top: calc(50% - 220px);
    left:  calc(50% - 305px); 
    position: absolute;
    z-index: 1;
    visibility: hidden;
    animation-duration: 2s;  
    width: 613px;
}
@media (max-width: 900px){
    .video-head .details > span{      
        width: 100%; 
    }

    .video-head .details { 
        width: 95%;  
    }
}

@media (min-width: 700px) and (max-width: 900px){
    .video-head .tickets .ticket{ 
        text-transform: uppercase; 
        display: inline-block;
        padding: 5px; 
        margin-top: 40px;
    }
    .video-head .tickets .personal{  
        width:40%; 
    }
    .video-head .tickets .free{  
        width:40%; 
    }
    .video-head .tickets .pro{  
        width:100%; 
    }
    .video-head .tickets {  
        margin-bottom: 40px;
    }
}
@media (max-width: 700px){
    .video-head .tickets .ticket{ 
        text-transform: uppercase; 
        display: inline-block;
        padding: 5px;
        width:100%;
        margin-top: 40px;
    }
    .video-head .tickets {  
        margin-bottom: 40px;
    }
    .video-head .details {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.video-head .arrow { 
  margin-top: 13px;
  position: relative;
  z-index: 2;
}
.video-head .tickets-container{
    width: 100%;
    position: absolute;
    bottom: 130px;
    /* overflow: hidden; */
}
.video-head .ticket .download{
    opacity:0;
    transform:translateX(-20%);  
}
.video-head .tickets  { 
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 40px;
}
.video-head .tickets .ticket{ 
    opacity:0;  
}
.video-head .tickets.slide-animate .free {   
    opacity:1;
    transition-delay: 0s;
}
.video-head .tickets.slide-animate .personal {   
    opacity:1; 
    transition-delay: .5s;
} 
.video-head .tickets.slide-animate .pro {    
    opacity:1;
    transition-delay: .8s;
}
.video-head .tickets.slide-animate .free .download{   
    opacity:1;
    transition-delay: .8s; 
    transform:translateX(0);   
}
.video-head .tickets.slide-animate .personal .download{   
    opacity:1; 
    transition-delay: 1.2s;
    transform:translateX(0);  
} 
.video-head .tickets.slide-animate .pro .download{    
    opacity:1;
    transition-delay: 1.4s;
    transform:translateX(0);  
}
.video-head .tickets.slide-animate .ticket{   
     transition-property: all;  
     transition-duration: 2s;  
}
.video-head .tickets.slide-animate .ticket .download{   
    transition-property: all; 
    transition-duration: 0.3s;
} 
 
.video-head .website-logo.fade-in{ 
    transition: all 2s ease;
    opacity: 1;
}
.video-head .website-name.fade-in{ 
    transition: all 2s ease;
    opacity: 1;
}
.video-head .details.fade-in{     
    transition: all 4s ease;
    opacity: 1;
}
@media (max-width:940px ){

    .video-head .tickets-container{
        width: 100%;
        position: relative;
        bottom: 150px;
    }
}

.video-head .sticker{   
    width: 145px;  
    position: absolute;
    right: 15px;
    top: 15px; 
    color :white;
    z-index: 2; 
} 
.video-head .sticker-print{   
    width: 165px; 
    position: absolute;
    right: 15px;
    top: 190px;
    color :white;
    z-index: 2; 
} 

@media (max-width: 1000px){
    
    .video-head .sticker{  
        width: 120px; 
    } 
    .video-head .sticker-print{   
        width: 130px;  
        top: 150px;
    } 
}
@media (max-width: 650px){
    
    .video-head .sticker{  
        right: 5px;
        top: 5px;
        width: 110px;
        height: 110px;
    } 
    .video-head .sticker-print{   
        width: 130px;  
        top: 5px;
        right: 5px;
    } 
    .video-head  .test { 
        padding: 0 6px;
        width: calc(100% - 12px); 
    }
}

.video-head .arrow { 
    margin-bottom: 0;
    position: absolute;
    left: calc(50% - 75px);
    bottom:60px;
} 
.video-head .ribbon { 
    height :42px;
    position: absolute;
    left: 0; 
    top:0;
    width: 100%;
    background-color: #ffa800;
    z-index: 5001;
}  
.mobile .video-head .ribbon{  
    /* height: 100%; */
    padding: 8px 0 ;
}   
.mobile .video-head .ribbon h6{ 
    line-height: 25px; 
    margin-top: 0; 
}  
.video-head .ribbon h6{ 
    font-weight: 400; 
    margin-top: 10px; 
    letter-spacing: 1.05;
}  
.video-head .shadow-box { 
    height :300px;
    position: absolute;
    left: 0; 
    bottom:0;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), #000000bf);
    
}  
.mobile .shadow-box  { 
    display: none;
}  

@media (max-width: 800px){
    .video-head .tickets-container{
        margin-top: 20%;
    }
}

.video-head .head-mobile{ 
    display : none; 
}
.mobile .video-head {   
    display: inline;
}   
.mobile .video-head .head-mobile{
    height :100vh;
    display : block;
    padding: 0 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/section-bg-02.jpg);  
}
.mobile .video-head .head-mobile .ticket{
    opacity: 1;
}
.mobile .video-head .logo-section{
    display : none;
}
.mobile .video-head .sticker{
    display : none;
}
.mobile .video-head .arrow{
    display : none;
}
.mobile .video-head .tickets-container{
    display : none;
}

.mobile .video-head  .head-mobile h4{
    position: absolute;
    bottom: 20px;
    /* max-width: 650px; */
    display: inline-block;
    font-style: normal;
    width: calc(100% - 40px);
    left: 20px;
}

/******************************************/
.section-text{    
    overflow: hidden;
    text-align: center; 
    position: relative;
    background-color :#fafafa;
    color:  #5e5851;
    padding-top: 100px;
}   
.section-text .tickets .ticket {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
} 
.section-text .download-personal{
    transition : all .2s ease;
    transform: scale(1);
    margin-top: 5px; 
    text-decoration: none;
    color: #5e5851;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block;
    cursor: pointer;
    font-size: 17px;
   /** text-shadow: 0 0 3px rgba(0,0,0,0.2);**/
} 
.section-text .download:hover{
    transition : all .2s ease;
    transform: scale(1.1);
}

.mobile .section-text{
    /* padding: 0 20px; */
    padding-top: 70px;
} 

.mobile .section-text .cont-text{ 
     padding-right: 20px;
     padding-left: 20px;
} 

.video-youtube .circles span.active{
    background: rgba(255, 255, 255, .9);
}
.video-youtube .bottom{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/bg-section-3.jpg);
}
.video-youtube .bottom .part{
    display: block;
    padding-top: 65px;
    margin-left: 15px;
    margin-right: 15px;
}

.video-youtube .bottom .head{
    font-size:26px;
    color: #fff;
    display: block;
    margin: auto;
}

.video-youtube .bottom .title{
    font-size:16px;
    color: #fff;
    display: block;
    max-width: 760px;
    margin: auto;
    margin-top: 30px;
    line-height: 25px;
} 

.video-youtube .slider {
    max-height: 600px;
}
.video-youtube .slider .owl-carousel {
    height:600px;
}

.video-youtube .slider .owl-carousel .item{
    height:600px;
}
@media (max-width:1076px){

    .video-youtube .videoWrapper {
        position: relative;
        padding-bottom: 600px; /* 16:9 56.25% */
        height: 0;
    }
    .video-youtube .videoWrapper iframe {
        position: absolute;
        top: calc(300px - 50%);
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width:1076px)  {
    .video-youtube .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 56.25% */
        height: 0;
    }
    .video-youtube .videoWrapper iframe {
        position: absolute;
        top: calc(300px - 50%);
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 900px)  {
    .video-youtube .videoWrapper iframe {
        top: calc(150px - 50%)!important;
    }
    .video-youtube .slider {
        max-height: 300px !important;
    }
    .video-youtube .slider .owl-carousel {
        height:300px  !important;
    }

    .video-youtube .slider .owl-carousel .item{
        height:300px !important;
    }
} 
/*************************** Section-news **************************/
.section-news {  
    background-color: #4076c8;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 60px;
} 
.section-news .arrow{  
    margin-top: 45px;
    margin-bottom: 45px;
}
.section-news ul{
    margin: 0;
    padding: 0;   
} 
.section-news li{   
    display: block;
    text-align: center;
    line-height: 31px;
}
 
.mobile .section-news .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 

.section-news h4{
    font-size :20px;
    max-width: 772px;
    text-transform: uppercase; 
    line-height: 20px;
    margin: 5 auto;
    font-weight: 300;

}



/*************************** Section-news **************************/
.section-supported-hmd {  
    background-color: #e4e3e3;
    overflow: hidden;
    text-align: center;
    color: #695f54;
    padding-top: 50px;
    padding-bottom: 60px;
} 
.section-supported-hmd a{
    color: #695f54;
    text-decoration: underline;
    margin: 12 auto;
    line-height: 20px;

} 
.section-supported-hmd .arrow{  
    margin-top: 45px;
    margin-bottom: 45px;
}
.section-supported-hmd ul{
    margin: 0;
    padding: 0;   
} 
.section-supported-hmd ul.hmds li{
    text-decoration: underline;
} 
.section-supported-hmd li{   
    display: block;
    text-align: center;
    line-height: 31px;
}
 
.mobile .section-supported-hmd .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 

.section-supported-hmd h4{
    font-size :20px;
    max-width: 772px;
    text-transform: uppercase; 
    line-height: 20px;
    margin: 5 auto;
    font-weight: 300;
    
}





/*************************** Section-subscribe **************************/
.section-subscribe {  
    background-color: #345b96;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#mc_embed_signup{    
    text-align: center;
    max-width: 440px;
    margin: auto;
} 
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 0}
#mc_embed_signup h2 { padding:0; margin:15px 0;  text-align: center;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; 
    background-color: #aaa;
     border: 0 none;
      border-radius:4px; 
      transition: all 0.23s ease-in-out 0s;
       color: #FFFFFF; 
       cursor: pointer; 
       display: inline-block; 
       font-size:18px; 
       height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {   
    position: relative;
  width: 100%;
  padding-bottom: 12px;
  min-height: 50px;
}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {
    font-size: 18px;
    display:block; 
    width:100%; 
    padding:8px 0; 
    text-indent:2%;
}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border:2px solid #e85c41;
    font-size: 18px;
}
.mobile .section-subscribe .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 
/*************************** Section-4 **************************/
.section-usecases {  
    background-color: #92877a;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 50px;
}  
.section-usecases .arrow{  
    margin-top: 45px;
    margin-bottom: 45px;
} 

.mobile .section-usecases .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 
/*************************** Section-functions **************************/
.section-functions {  
    background-color: #7c90ab;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 50px;
} 
 
.section-functions table tr.head { 
    border-top-width: 6px;
}
.section-functions table .head td{
    background-color: #93a1b4;
    color: white;
    font-size: 14px;
    font-weight: 400; 
}
.section-functions table .head2 td{
    background-color: #a4b0c1;
    color: white;
    font-size: 14px;
    font-weight: 400;
}
 
.section-functions .table-cont {
    /* height: 564px; */
    margin: auto;
    /* overflow: hidden; */
    /* transition: all 2s linear; */
    position: relative;
    max-width: 1000px;

    padding: 10px;
    margin-top: 25px;
    padding: 10px 0;
}
/* .section-7-1 .table-cont.show {
    max-height: 900px;
    transition: all 5s linear;
} */

.section-functions .table-cont .shadow{
    height: 280px;
    width: 100%;
    position: absolute;  
    
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    background: -webkit-linear-gradient(top, #7c90ab00, #7c90ab);
    background: -o-linear-gradient(top, #7c90ab00, #7c90ab);
    background: linear-gradient(to bottom, #7c90ab00, #7c90ab);
    background-image: -ms-linear-gradient(top, #7c90ab00 0%, #7c90ab 100%); 
    /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7c90ab00', endColorStr='#7c90ab', GradientType=0);
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#7c90ab00', endColorStr='#7c90ab', GradientType=0)";
    bottom: 0;
    margin-left: -10px;
    transition: all 2s ease;
}
.section-functions .table-cont.show .shadow{
    height: 0;   
    transition: all 2s ease;
    
}
.section-functions .btn{
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
} 

.section-functions table {
    /* border: 1px solid #ccc; */
    box-shadow: 0 2px 10px rgba(0,0,0,.4);
    border-collapse: collapse;
    margin: auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #203757;
    margin-top: 25px;
    /* width: 1000px; */
  } 
  .section-functions table tr {
    background: #f8f8f8;
    border-bottom: 1px solid #5e6e82;
    padding: .35em;
  }
  .section-functions table th,
  .section-functions table td {
    padding: .55em .625em;
    text-align: center;
    font-weight: 200;
    font-size: 13px; 
  } 
  .section-functions table td:not(:first-child) { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
  }
  .section-functions table th {
    font-size: .85em; 
    text-transform: uppercase;
    background-color: #5e7697;
    color:#fff;
    font-size: 20px;
  }
  .section-functions  table tr:nth-child(even) {
    background: #e1e1e1;
  }
  .section-functions  table tr:nth-child(odd) {
    background: #ededed;
  }
@media (max-width: 900px){
    .section-functions .table-cont {
        margin-left: 10px;
        margin-right: 10px; 
    }
    /* .section-functions table { 
        width: 600px;
      }  */
} 
   
.section-functions .arrow { 
    margin-top: 60px;
    margin-bottom: 60px;
}
 .section-functions .price-row td:first-child { 
    font-size: 16px;
}

.section-functions .price-row td{ 
    font-size: 20px;
}

/* .mobile .section-functions .table-cont > div{
    width :1000px;
}
.mobile .section-functions .table-cont { 
    overflow: scroll;  
} */
.mobile  .section-functions table th { 
    font-size: 15px;
}
.mobile  .section-functions .price-row td { 
    font-size: 12px !important;
}

.mobile .section-functions table th,
.mobile .section-functions table td {
   padding: .65em .225em;
   text-align: center;
   font-weight: 200;
   font-size: 10px;
   line-height: 1.0;
}
.mobile .section-functions .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 
/*************************** Section-Image-Slider **************************/

  .section-image-slider {  
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/section-bg-06.jpg); */
    overflow: hidden;
    text-align: center;
    color:white;
    /* height: 675px; */
    position: relative;
}
.section-image-slider .slider { 
    overflow: hidden;
    /* height: 600px; */
} 
.section-image-slider .owl-carousel { 
    overflow: hidden;
    max-height: 600px;
}  
.section-image-slider .owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background: rgba(255, 255, 255, 0.65) !important;
    transform : scale(.7) !important;
    transition: all .2s;
}
.section-image-slider .owl-theme .owl-dots .owl-dot.active span,
.section-image-slider .owl-theme .owl-dots .owl-dot:hover span {
  	background: rgba(255, 255, 255, .9) !important;
    transform : scale(1.0) !important;
    transition: all .2s;
}
.section-image-slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 25px;
}
.section-image-slider .title{ 
    font-size: 26px;
    text-transform: uppercase;
    color: #000;
    margin-top: 50px; 
    margin-bottom: 50px;
    display: block;
}
.section-image-slider .partners img{ 
    width: 200px;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    padding: 10px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 60px;
}
.section-image-slider .owl-theme .owl-nav {
    margin-top: 0;
    top: calc(50% - 50px);
}
.section-image-slider .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 0;
}
.section-image-slider .owl-theme .owl-dots {
    margin-top: 20px;
}
.section-image-slider .owl-nav{
    position: absolute;
    top: calc(50% - 50px);
    width: 100%;
}
.section-image-slider .owl-prev{  
    float: left;
    background: none !important;
}

.section-image-slider .owl-next{  
    float: right;  
    background: none !important;
}
.section-image-slider .owl-prv{ 
    width: 42px;
    transform: scale(1.0);
    transition: all .2s ease;
    background: none !important;
}

.section-image-slider .owl-nxt{ 
    width: 42px;
    transform: scale(1.0);
    transition: all .2s ease;
    background: none !important;
}
.section-image-slider .owl-prv:hover{ 
    transform: scale(1.2);
    transition: all .2s ease;
}

.section-image-slider .owl-nxt:hover{  
    transform: scale(1.2);
    transition: all .2s ease;
}

@media (min-width:1200px){
    .owl-carousel .owl-item img {
        margin-top: -12%;
    }
}
    
@media (min-width:1800px){
    .owl-carousel .owl-item img {
        margin-top: -19%;
    }
}
  
/*************************************************/
/*************************** Section-9 **************************/
.section-hero {   
    background-color: #a59a93;
    overflow: hidden;
    text-align: center;
    color: #695f54;
    color: white;
    /* padding-top: 50px; */
    position: relative;
} 
@media (min-width :1100px){
        
    .section-hero .float-item {
        display: inline-block;
        font-size: 26px;
        margin-top: 40px;
        float: left;
    }
    .section-hero .float-item.first{  
        width:30%; 
    }
    .section-hero .float-item.second{  
        width:40%;  
    }
    .section-hero .float-item.fourth{  
        width:70%;  
    }
    .section-hero .float-item.fifth{  
        width:50%;  
    }
    .section-hero .ctrl-container{  
        float: right; 
        position: relative;
    }
    .section-hero .ctrl{  
       /** mix-blend-mode: multiply;**/
        position: absolute;
        float: right;
        right: 30px;
        top: calc(50% - 240px); 
    }
    .section-hero .detail{  
        width: 100%;
        float: left;
        margin-top: 35px;
        margin-bottom: 90px;
    }
    .section-hero .left-title{    
        text-align: left;
        margin-left: 5%;
        margin-top: 57px; 
        font-size: 35px;
    }

    .section-hero .left-subtitle{    
        text-align: left;
        margin-left: 5%;
        margin-top: 5px; 
        font-size: 18px;
    }
    .section-hero .left-desc{    
        text-align: left;
        width: 40%;
        margin-left: 5%;
        margin-top: 20px;
        display: block;
        line-height: 31px;
    }
}

@media (min-width :1600px){
    
    .section-hero .left-desc{    
        width: 800px !important; 
    }
}

@media (max-width :1100px){
    
    .section-hero .float-item {
        display: inline-block;
        font-size: 26px;
        margin-top: 40px; 
    }
    .section-hero .left-desc{    
        width: 800px !important; 
    }
    .section-hero .float-item.first{  
        width:49%; 
    }
    .section-hero .float-item.second{  
        width:49%;  
    }
    .section-hero .float-item.fourth{  
        width:49%;  
    }
    .section-hero .float-item.fifth{  
        width:49%;  
    }
    .section-hero .ctrl{  
        position: relative;  
        width: 100%;
        margin-top: -100px;
    }
    .section-hero .detail{  
        width: 100%;
        float: left;
        margin-top: 15px;
        margin-bottom: 90px;
    }
    .section-hero .left-title{     
        /* font-size: 26px; */
        text-align: center; 
        margin-top: 62px;
        display: block;
        line-height: 40px;
    }
    .section-hero .left-desc{    
        text-align: center;
        display: block;
        line-height: 31px;
        width: 95% !important;
        margin: auto;
        margin-top: 20px;
    }
}
@media (max-width :800px){
    .section-hero .float-item {
        width: 100% !important;
    } 
}


/*************************** Section-technical-spec **************************/
.section-technical-spec{   
    background-color: #d0d0d0;
    overflow: hidden;
    text-align: center;
    color: #695f54;
    padding-top: 70px;
    position: relative;
    padding-bottom: 50px;
}
.section-technical-spec .header{  
    display: block; 
    text-transform: uppercase; 
} 
.section-technical-spec a{  
    color: #695f54;
    display: inline-block;
} 
.mobile .section-technical-spec .text-cont{ 
    padding-right: 20px;
    padding-left: 20px;  
}

/*************************** Section-technical-spec **************************/
.section-download-data{   
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    color: #695f54;
    padding-top: 70px;
    position: relative;
    padding-bottom: 50px;
}


.section-download-data .header{  
    display: block; 
    text-transform: uppercase; 
} 
.section-download-data a{  
    color: #695f54;
    display: inline-block;
} 
.mobile .section-download-data .text-cont{ 
    padding-right: 20px;
    padding-left: 20px;  
}

.section-download-data .downloadbox{
    
}
.section-download-data .downloadbox >img{
    margin-right :35px;
    display: inline-block;
    vertical-align: top;
}
.section-download-data .downloadbox > p{
    width: calc(100% - 320px - 35px);
    display: inline-block;
    text-align: left;
    max-width: 590px;
    font-size: 16px;
    line-height: 160%;

}




@media (max-width :800px){ 
    .section-download-data .downloadbox >img{
        width: 290px; 
        margin: auto;
        margin-bottom: 10px;
        display: block;
    }
    .section-download-data .downloadbox > p{
        width: calc(100%  );
        display: inline-block;
        text-align: center;
        max-width: 90%; 
    } 
}
/*************************** Section-technical-spec **************************/
.section-vid-gallery{   
    /* background-color: #1b3351; */
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    color: #fff;
    /* padding-top: 70px; */
    position: relative;
    /* padding-bottom: 50px; */
     margin-bottom: -1px;
}
.section-vid-gallery .gcontainer{   
    width: calc(1px + 100%);
    margin: auto;
    margin-left: -1px;
    position: relative;
}  
.section-vid-gallery .item{   
    width: 200px;
    /* height: 200px; */
    background-color: #fff; 
    display: inline-block;
    overflow: hidden;
    float: left; 
    position: relative;
    cursor: pointer;
    margin-bottom: 1px;
} 
.section-vid-gallery .gcontainer .item:nth-last-child(1),
.section-vid-gallery .gcontainer .item:nth-last-child(2),
.section-vid-gallery .gcontainer .item:nth-last-child(3){    
    margin-bottom: 0px;
} 
.section-vid-gallery .item .caption{   
    width: calc(100% - 10px);
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 1px;
    bottom: 0;      
    padding: 5px;
    max-height: 65px;
    display: none;
}  
.section-vid-gallery .item .caption p{   
    font-size: 14px;
    line-height: 1.5;
}  
.mobile .section-vid-gallery .item .caption{   
    display: none;
}  

.section-vid-gallery .item .img-content{    
    /* margin-bottom: 1px; */
    margin-left: 1px;
    overflow: hidden;
}  
.section-vid-gallery .item:hover .prv{   
    transform: scale(1.2) ;
    transition: all .4s ease-in-out;
}  
.section-vid-gallery .prv{   
    width: 100%;
    transition: all .3s ease-in-out;
}  
@media (min-width: 2000px)  {
    .section-vid-gallery{    
        background-color: #254269; 
    }
    .section-vid-gallery .gcontainer{   
        width: 2000px; 
        margin: auto;
    }
    .section-vid-gallery .item{   
        width: 33.333333%; 
        background-color: #254269; 
    }
} 
@media (min-width: 1500px)  and (max-width:2000px){ 
    .section-vid-gallery .item{ 
        width: 33.33333333%;
    }  
} 
@media (min-width: 1000px)  and (max-width:1500px) { 
    .section-vid-gallery .item{   
        width: 33.33333333%;
    }  
}
 
/* @media (min-width: 600px) and (max-width:1000px) { 
    .section-vid-gallery .item{   
        width: 50%;
    } 
} */
@media (max-width:1000px) {

    .section-vid-gallery .item{   
        width: 50%; 
    } 
    .section-vid-gallery .item:nth-of-type(n+9){   
        display: none;
    } 
    
}

#full-image{
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height :100vh;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    opacity: 0;
    /* transform: scale(0) ; */
    transition: all .2s ease-in ;
}
#full-image.show{
    visibility: visible;
    opacity: 1;
    /* transform: scale(1.0) ; */
    transition: all .2s ease-in ;
}
#full-image .prv{
    /* max-width: 1500px;
    margin-top: 30px; */
    box-shadow: 0 0 20px 3px #000000a6; 
     width: 100%;
     /* height: 100%; */
}
#full-image .img{
    position: relative;
    margin-left: auto;
   margin-right: auto;
}
/* #full-image .caption{ 
    display: none;
} */
 #full-image .caption{ 
    display: block;
    width: calc(100% - 30px);
    background-color: rgba(53, 53, 53, 0.8);
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px;
    color: white;
    box-shadow: 0 0 11px 2px #00000066;
}
#full-image .caption-onimg{
    width: calc(100% );
    display: block; 
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px 0;
    color: white;
    box-shadow: 0 0 11px 2px #00000066;
}
/* .mobile #full-image .prv{
    max-width: 100%;
    margin-top: 60px;
} */
/*************************** footer **************************/
.footer{   
    background-color: #1b3351;
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    position: relative;
    padding-bottom: 50px;
}
.footer .tickets .ticket{  
    width:100%; 
}
.footer .tickets .ticket .download {  
    display: block;
    letter-spacing: 1.5px;
    font-size: 8px;
    margin-top: 6px; 
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.footer  .tickets .ticket  .download > span {       
    display: block;
    letter-spacing: 1.5px;
    font-size: 10px;
    margin-top: 0; 
}
.footer .tickets .ticket .site-name {
    display: block;
    letter-spacing: 5px;
    font-size: 18.66px;
    margin-top: -30px;
}
.footer .desc-1 {
    display: block;
    margin-top: 28px;
    letter-spacing: 1px;
    text-transform: uppercase; 
    font-size: 15px;
}
.footer .mail {
    display: block;
    font-size: 15px;
    margin-top: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer .number {
    display: block;
    font-size: 15px;
    margin-top: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
} 

/**************** floating social icons ****************/
.social-icons {
    position: fixed;
    left: 7px;
    top: calc(50% - 70px);
    z-index: 4900;
}
.social-icons a{
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    transition: all .3s ease;
} 
.social-icons a:hover{
    transform: scale(1.08);
    transition: all .3s ease;
} 
.social-icons a img{
    width: 75%;
    height: 75%;
}



.si-cont{
    position: absolute; 
    left: 15px;
    z-index: 4900;
}


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

.simple-social-icons svg[class^="social-"],.simple-social-icons svg[class*=" social-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;

}

.simple-social-icons { 
}

.simple-social-icons ul {
    margin: 0;
    padding: 0
}

.simple-social-icons ul li {
    background: none!important;
    border: 0!important;
    float: left;
    list-style-type: none!important;
    margin: 0 6px 12px!important;
    padding: 0!important
}

.simple-social-icons ul li a {
    border: 0!important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: normal!important;
    height: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none!important;
    text-transform: none!important;
    width: 1em
}

.simple-social-icons ul.aligncenter {
    text-align: center;
    padding-top: 0px;
}

.simple-social-icons ul.aligncenter li {
    display: inline-block;
    float: none
}

.simple-social-icons .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}


.simple-social-icons ul li a, .simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus {
 
    border-radius: 50px;
    color: #353535 !important;
    fill: #eee !important;
    border: 2px #eee solid !important;
    font-size: 20px;
    padding: 10px;
    transition: all 200ms;
}

.simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus {
    background-color: #eee !important;
    border-color: #eee !important;
    fill: #79b1d9 !important;
    transition: all 200ms;
}

.simple-social-icons ul li a:focus {
    outline: 1px dotted #353535 !important;
    transition: all 200ms;
}
/************ Floating Menu ************/

#floating-menu{
    top: 0;
    position: fixed;
    text-align: center;
    color: white;
    letter-spacing: 2px;
    z-index: 5000;
    height: 100vh;
} 

#floating-menu .menu-items {
    background-color: rgba(14, 31, 44, 0.75);
    box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.53);
    color: white;
    position:fixed;
    bottom: 0;
    z-index: 5000;
    width: 450px;
    top:0;
    bottom:0;
    transition: all 200ms;
    transform: translateX(0);
}
#floating-menu .menu-items ul { 
    padding: 15px;
    position:absolute;
    top: 80px;
    bottom:0;
    overflow:auto;
    font-size: 18px;
    transition: all 200ms;
}
#floating-menu.open .menu-items ul:not(.down) {  
    top: 60px;
    transition: all 200ms;
}
.mobile #floating-menu.open .menu-items ul:not(.down) {  
    top: 30px; 
}
#floating-menu .menu-items li {
    list-style-type: none;
    text-align: left; 
    padding: 6px 23px 6px 15px;
    text-transform: uppercase;
    font-size: 19px;
    cursor: pointer;
    transition: all 200ms;
}
#floating-menu .icon {
    text-align: center;
    left: 20px;
    top: 15px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    z-index: 5100;
    transform: scale(1);
    transition: all 200ms;
}
#floating-menu .icon.down {  
    top: 60px; 
} 
#floating-menu.open .icon.down {   
    top: 55px;
} 
.mobile #floating-menu .icon.down {  
    top: 85px;
} 
.mobile #floating-menu.open .icon.down {  
    top: 80px;; 
}
#floating-menu .menu-items li.download ,
#floating-menu .menu-items li.usermanual{
    list-style-type: none;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
    font-size: 19px;
    cursor: pointer;
    margin-top: 12px;
    margin-bottom: 12px;
}
#floating-menu .menu-items li.download a,
#floating-menu .menu-items li.usermanual a{ 
    padding: 18px 0px 18px 15px;
    width: calc(100% - 15px);
    display: inline-block;
    background-color: #ffa800;
    transition: all 200ms;
}
#floating-menu .menu-items li.usermanual a{ 
    background-color: #ffa800;
}

#floating-menu .icon:hover {
    transform: scale(1.2);
    transition: all 200ms;
}

#floating-menu .menu-items li.download:hover{
    transform: translateX(0)  ;
    transition: all 0;
}
#floating-menu .menu-items li.usermanual:hover{
    transform: translateX(0)  ;
    transition: all 0;
}
#floating-menu .menu-items li.download a:hover{
    background-color: rgba(255, 168, 0, 0.7);
    transition: all 200ms;
}
#floating-menu .menu-items li.usermanual a:hover{
    background-color: rgba(255, 168, 0, 0.7);
    transition: all 200ms;
}
#floating-menu .menu-items li:hover{
    transform: translateX(2%)  ;
    transition: all 200ms;
}
#floating-menu .menu-items.hidden{
    transform: translateX(-100%);
    opacity: 0;
    /* width:0; */
    box-shadow: 0px 0px 0px 0px black;
    transition: all 200ms;
}
@media (max-width: 500px)  {
	#floating-menu .icon{
    	left: 13px !important;
	}
	/* #floating-menu .icon.down{
        top: 40px;
	} */
	#floating-menu .menu-items ul{
        padding: 0;
        top: 40px;
	}
	#floating-menu .menu-items ul.down{  
        top: 95px;
	}
	#floating-menu .menu-items li {
	    font-size: 13px  !important;
	}

	#floating-menu .menu-items{
        width: 330px !important;
	}
	#floating-menu .icon{
	    width: 30px !important;
	    height: 30px !important;
	}
}

#floating-menu .switch-lang {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
}
#floating-menu .switch-lang a{
    text-transform: uppercase;
}
#floating-menu .switch-lang a.active{
     text-transform: uppercase;
     text-decoration: underline;
}
/*************************** quotation **************************/
.section-quotation{
    background-color: #345b96;
    color: white;
    overflow: hidden;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
}

.section-quotation h1{
    font-size: 19px;
    line-height: 22px;
    padding-bottom: 0px;
}

.section-quotation h4{
    font-size: 15px;
    font-style: italic;
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top:0px;
    margin-bottom:0px;
}

.section-quotation p{
    font-size: 26px;
    line-height: 36px;
}

/*************************** user logos **************************/


.row {
    display: flex;
    padding:0 10% 0 10%;
    background-color: #4076c8;
    
  }
  
  .column {
    flex: 33.33%;
    padding: 15px;

  }

  .section-logo{
    background-color: #4076c8;
    color: white;
    overflow: hidden;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

@media screen and (max-width: 500px) {
    .column {
      width: 100%;
      padding: 25px 0;
    }
    .row {
        display: block; 
        padding: 0 2% 0 2%; 
    }
  }