@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../font/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {    
    font-family: 'Montserrat-Regular';  
    src: url('../font/Montserrat-Regular.ttf') format('truetype');       
}

@font-face {    
    font-family: 'Montserrat-SemiBold';  
    src: url('../font/Montserrat-SemiBold.ttf') format('truetype');       
}
	    /************src:url('../includes/fonts/flama-bold.eot?#iefix') format('embedded-opentype')**************/
	    /*        CSS reset       */
    /**************************/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,	
    form, label {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
    body {line-height:1;}	
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after,
    q:before, q:after {content:''; content:none;}
    :focus {outline:0;}
    ins {text-decoration:none;}
    del {text-decoration:line-through;}
    /******* Default rules tags *******/	
    a{text-decoration:none; color:#000;}
    a:hover{text-decoration:none;}	
body {
  justify-content: center;
  align-items: center;  
  background-color: #000000;
}

.contentPage{float:left;width:90%;height:0 auto;margin:auto;padding:auto;overflow:hidden;}
.fck-default{float:left;width:100%;height:0 auto;margin:auto;padding:auto;overflow:hidden;}
    .fck-default p{float:left;width:100%;font:14px arial;margin-top:10px;line-height:25px;}

.wrapMenu{float:left;width:100%;height:0 auto;background-color:White;overflow:hidden;position:fixed;z-index:10;}
        .menutop{float:left;width:100%;height:85px;overflow:hidden;border-bottom:solid 2px #ccc;}
            .logo{float:left;width:10%;margin-left:10%;}
                .logo img{float: left;width: 125px;margin-top: 9px;}
                .logo:hover img{opacity:0.8;}
                
        .menulange{float:right;width:50%;height:0 auto;overflow:hidden;}
            .menulange ul{float:right;width:100%;margin:0px;padding:0;list-style:none;}
                .menulange ul li{float:right;padding:0px 0px 0px 5px;}
                    .menulange ul li a{float:left;font:12px Arial;padding:15px 15px 15px 15px;color:#f66d1a;text-transform:uppercase;}
                    .menulange ul li label{float:left;font:12px Arial;padding:15px 1px 15px 1px;color:#f66d1a;text-transform:uppercase;}
                    .menulange ul li a:hover,.menulange ul li a.active{color:#006b8f;}
                
        #fp-nav{float:right;width:70%;height:0 auto;opacity:1;-webkit-transform: translate3d(0, 0, 0);}
            .menu{float:right;width:100%;height:0 auto;overflow:hidden;margin-left:10%;}
                .menu ul{float:right;width:100%;margin:0px;padding:0;list-style:none;}
                    .menu ul li{float:right;padding:0px 0px 0px 5px;}
                        .menu ul li a{float:left;padding:0px 15px 0px 15px;font:15px Arial;color:#006b8f;text-transform:uppercase;}
                        .menu ul li a:hover,.menu ul li a.active{color:#f66d1a;}
                        
.wrapBanner{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .banner{float:left;width:100%;height:0 auto;overflow:hidden;margin-top:75px;}
        .banner img{float:left;width:100%;}
        
.wrapAbout{float:left;width:100%;height:0 auto;background-color:White;overflow:hidden;}   
    .content-about{float:left;width:100%;height:0 auto;background-color:White;overflow:hidden;padding-top:75px;}
        .text-caption{float:left;width:100%;text-align:center;font:12px arial;text-transform:uppercase;color:#f66d1a;letter-spacing:8px;line-height:30px;}
        .text-category{float:left;width:100%;text-align:center;font:bold 24px arial;text-transform:uppercase;color:#f66d1a;line-height:60px;}
        .about-description{float:left;width:40%;height:0 auto;overflow:hidden;margin:20px 0px 0px 30%;color:#006b8f;text-align:left;}
        .about-images{float:left;width:100%;height:0 auto;overflow:hidden;margin-top:2%;}   
            .imgLeft{float:left;width:50%;height:0 auto;overflow:hidden;}   
            .imgRight{float:left;width:50%;height:0 auto;overflow:hidden;}   

.wrapExamples{float:left;width:100%;height:0 auto;background-color:White;overflow:hidden;}   
    .example-description{float:left;width:80%;height:0 auto;overflow:hidden;margin:20px 0px 0px 10%;}
        .exam-group{float:left;width:100%;height:0 auto;overflow:hidden;padding-bottom:2%;}
        .example-item{float:left;width:45%;height:0 auto;overflow:hidden;margin-right:5%;}
            .example-caption{float:left;width:100%;height:0 auto;overflow:hidden;}
                .example-caption span{float:left;width:13px;height:13px;background-color:#006b8f;margin-top:0px;}
                .example-caption label{float:left;width:90%;height:0 auto;margin-left:10px;font:bold 14px arial;text-transform:uppercase;color:#006b8f;text-align:left;}
            .exam-shortdescription{float:left;width:100%;height:0 auto;overflow:hidden;text-align:left;font:13px arial;color:#006b8f;margin-top:10px;}
        
            .exam-item-chil{float:left;width:100%;height:0 auto;overflow:hidden;margin-top:20px;}
                .exam-item-chil .chil-text{float:left;width:55%;height:0 auto;overflow:hidden;margin-top:7%;font:13px arial;color:#006b8f;text-align:justify;}
                .group-images{float:right;width:39%;height:0 auto;overflow:hidden;}
                    .exam-item-chil .chil-img{float:right;width:99%;height:0 auto;overflow:hidden;border:solid 1px #8ddffa;}
            
.wrapTechnical{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .content-technical{float:left;width:100%;height:0 auto;overflow:hidden;padding-top:85px;background-color:#f4eeee;}
        .tech-video{float:left;width:60%;height:0 auto;overflow:hidden;margin:20px 0px 0px 20%;}
            .play-video{float:left;width:50%;height:0 auto;border:3px solid #ffcccc;box-shadow: 0px 0px 5px 5px #999999;margin:10px;}
                .play-video img{float:left;width:100%;height:0 auto;}
                .play-video img:hover{opacity:0.9}
            .play-text{float:left;width:35%;height:0 auto;text-align:left;margin:12% 0px 0px 8%;color:#006b8f;line-height:30px;}
        
        .tech-list{float:left;width:80%;height:0 auto;overflow:hidden;margin:20px 0px 0px 10%;}
            .tech-list ul{float:left;width:100%;margin:0px;padding:0;list-style:none;margin-bottom:20px;}
                .tech-list ul li{float:left;width:22.5%;margin-right:2%;}
                .tech-list ul li.end{margin-right:0%;}
                    .tech-list ul li a{float:left;width:100%;overflow:hidden;}
                        .tech-list ul li a img{float:left;width:100%;transition: all .4s linear;height:205px;object-fit:fill;}
                        .tech-list ul li a:hover img{transform: scale(1.3);}
                        
.wrapWarranty{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .content-warranty{float:left;width:100%;height:0 auto;overflow:hidden;background-color:White;padding-top:85px;}
        .warranty-img{float:left;width:100%;height:0 auto;overflow:hidden;position:relative;}  
            .warranty-img img{float:left;width:100%;height:0 auto;overflow:hidden;}  
            .warranty-text{width:100%;height:0 auto;text-align:center;font:13px arial;color:#006b8f;margin-top:10px;position:absolute;top:160;left:0;z-index:2222;}  
    
    
.wrapFeel{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .content-feel{float:left;width:100%;height:0 auto;overflow:hidden;background-color:White;padding:85px 0px 5% 0px;}   
        .feel-main{float: left; width:80%; height: 0 auto; overflow: hidden;margin-left:10%;} 
            .group-feel{width:900px !important;height:0 auto;overflow:hidden;margin:auto;text-align:center;padding:0px 50px 0px 50px;}
                .group-feel .linka{float:left;width:100% !important;height:0 auto;overflow:hidden;margin:1% 0px 0px 0%;}
                    .group-feel .linka img{width:95% !important;height:0 auto;overflow:hidden;margin:1% 0px 0px 1%;border-radius:50%;border:solid 2px #006b8f;}
                    .group-feel .linka img:hover{opacity:0.7;border:solid 2px #f66d1a;}
            
        .feel-text1{float:left;width:60%;height:0 auto;overflow:hidden;color:#007ba5;font:13px Helvetica;text-align:center;margin:2% 0px 0px 20%;line-height:20px;font-style:italic;}
        .feel-text2{float:left;width:60%;height:0 auto;overflow:hidden;color:#007ba5;font:bold 13px Helvetica;text-align:center;margin:1% 0px 0px 20%;}   
    
.wrapFeel{float:left;width:100%;height:0 auto;overflow:hidden;}   
    .content-contact{float:left;width:100%;height:0 auto;overflow:hidden;background-color:#f6f6f6;}  
        .infor-contact{float:left;width:64%;height:0 auto;margin:5% 0% 5% 22%;}
            .img-contact{float:left;width:30%;height:0 auto;overflow:hidden;border-radius:5px;}
            .group-contact{float:left;width:64%;height:0 auto;overflow:hidden;margin-left:40px;}
                .company{float:left;width:100%;font:bold 22px Helvetica;color:#007ba5;text-align:left;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;}
                .address{float:left;width:100%;margin-top:5px;}
                    .iconad{float:left;width:30px;}
                    .textad{float:left;width:90%;font:bold 12px Helvetica;color:#007ba5;text-align:left;margin:7px 0px 0px 5px;}
    
.bottom{float:left;width:100%;height:40px;background-color:#005b7c;font:bold 13px Helvetica;color:White;text-align:center;text-transform:uppercase;line-height:40px;}       
    
.stellarnav{display:none;}      
   
.slick-next{right:-19px !important;}
.slick-prev{left:-19px !important;}


    
@media (min-width: 1821px) 
{
    .infor-contact{width:62%;height:0 auto;margin:5% 0% 5% 25%;}     
}
@media (min-width: 1440px) and (max-width: 1820px) 
{
   
}      
@media (min-width: 1024px) and (max-width: 1440px) 
{   
   
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
     .menulange{display:none;}   
    .menu{display:none;}   
    .logo{display:none;}   
    
    .contentPage{width:100%;}
    .logomobile{float:left;width:22%;margin:1% 0px 0px 2%;}
        .logomobile img{float:left;width:100%;}
       
    .menu-toggle{float:right;}   
       
    .stellarnav{display:block;height:75px;}     
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width:300px !important;}
    .stellarnav .icon-close{margin-right:6px;}
    
    .stellarnav.mobile.light li a{font:13px Helvetica-Bold;text-transform:uppercase;color:#0078be;}
    .stellarnav.mobile.light li a:hover, .stellarnav.mobile.light li a.active{color:#ffda66;}
    .stellarnav.light a{font:13px Helvetica;text-transform:uppercase;}
    
    .banner{margin-top:55px;}
    .text-caption{letter-spacing:4px;line-height:19px;}
    .about-description{width:96%;margin-left:2%;text-align:justify;}
    
    .example-description{width:96%;margin-left:2%;text-align:justify;}
    .example-caption{margin-top:20px;}
    .example-item{width:100%;margin-right:0px;}
    
    .tech-video{width:96%;margin-left:2%;text-align:justify;}
    .play-video{width:94%;}
    .play-text{width:100%;margin-top:10px;}
    
    .tech-list{width:96%;margin-left:2%;text-align:justify;}
    .tech-list ul li{width:48%;margin-bottom:20px;}
    
    
    .group-feel{width:400px !important;text-align:justify;padding:0px !important;}
    .group-feel .linka img{width:200px !important;margin:0px 0px 0px 50px !important;}
    
    .feel-text1{width:90%;margin-left:5%;text-align:justify;}
    
    .infor-contact{width:96%;margin-left:2%;text-align:justify;}
    
    .img-contact{width:40%;margin-left:30%;}
    .group-contact{width:96%;margin:20px 0px 0px 2%;text-align:justify;}
    .company{text-align:center;}
    
    .bottom{width:90%;padding:5%;height:auto !important;line-height:23px;}
    
    .slick-next{display:none !important;}
    .slick-prev{display:none !important;}

    
}
@media (min-width: 480px) and (max-width: 767px) 
{
     .menulange{display:none;}   
    .menu{display:none;}   
    .logo{display:none;}   
    
    .contentPage{width:100%;}
    .logomobile{float:left;width:22%;margin:1% 0px 0px 2%;}
        .logomobile img{float:left;width:100%;}
       
    .menu-toggle{float:right;}   
       
    .stellarnav{display:block;height:75px;}     
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width:300px !important;}
    .stellarnav .icon-close{margin-right:6px;}
    
    .stellarnav.mobile.light li a{font:13px Helvetica-Bold;text-transform:uppercase;color:#0078be;}
    .stellarnav.mobile.light li a:hover, .stellarnav.mobile.light li a.active{color:#ffda66;}
    .stellarnav.light a{font:13px Helvetica;text-transform:uppercase;}
    
    .banner{margin-top:55px;}
    .text-caption{letter-spacing:4px;line-height:19px;}
    .about-description{width:96%;margin-left:2%;text-align:justify;}
    
    .example-description{width:96%;margin-left:2%;text-align:justify;}
    .example-caption{margin-top:20px;}
    .example-item{width:100%;margin-right:0px;}
    
    .tech-video{width:96%;margin-left:2%;text-align:justify;}
    .play-video{width:94%;}
    .play-text{width:100%;margin-top:10px;}
    
    .tech-list{width:96%;margin-left:2%;text-align:justify;}
    .tech-list ul li{width:48%;margin-bottom:20px;}
    
   
    .group-feel{width:400px !important;text-align:justify;padding:0px !important;}
    .group-feel .linka img{width:200px !important;margin:0px 0px 0px 50px !important;}
    
    .feel-text1{width:90%;margin-left:5%;text-align:justify;}
    
    .infor-contact{width:96%;margin-left:2%;text-align:justify;}
    
    .img-contact{width:40%;margin-left:30%;}
    .group-contact{width:96%;margin:20px 0px 0px 2%;text-align:justify;}
    .company{text-align:center;}
    
    .bottom{width:90%;padding:5%;height:auto !important;line-height:23px;}
    
    .slick-next{display:none !important;}
    .slick-prev{display:none !important;}

}
@media (max-width: 479px) 
{
    .menulange{display:none;}   
    .menu{display:none;}   
    .logo{display:none;}   
    
    .contentPage{width:100%;}
    .logomobile{float:left;width:22%;margin:1% 0px 0px 2%;}
        .logomobile img{float:left;width:100%;}
       
    .menu-toggle{float:right;}   
       
    .stellarnav{display:block;height:75px;}     
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{max-width:300px !important;}
    .stellarnav .icon-close{margin-right:6px;}
    
    .stellarnav.mobile.light li a{font:13px Helvetica-Bold;text-transform:uppercase;color:#0078be;}
    .stellarnav.mobile.light li a:hover, .stellarnav.mobile.light li a.active{color:#ffda66;}
    .stellarnav.light a{font:13px Helvetica;text-transform:uppercase;}
    
    .banner{margin-top:55px;}
    .text-caption{letter-spacing:4px;line-height:19px;}
    .about-description{width:96%;margin-left:2%;text-align:justify;}
    
    .example-description{width:96%;margin-left:2%;text-align:justify;}
    .example-caption{margin-top:20px;}
    .example-item{width:100%;margin-right:0px;}
    
    .tech-video{width:96%;margin-left:2%;text-align:justify;}
    .play-video{width:94%;}
    .play-text{width:100%;margin-top:10px;}
    
    .tech-list{width:96%;margin-left:2%;text-align:justify;}
    .tech-list ul li{width:48%;margin-bottom:20px;}
    
    .group-feel{width:400px !important;text-align:justify;padding:0px !important;}
    .group-feel .linka img{width:200px !important;margin:0px 0px 0px 50px !important;}
    
    .feel-text1{width:90%;margin-left:5%;text-align:justify;}
    
    .infor-contact{width:96%;margin-left:2%;text-align:justify;}
    
    .img-contact{width:40%;margin-left:30%;}
    .group-contact{width:96%;margin:20px 0px 0px 2%;text-align:justify;}
    .company{text-align:center;}
    
    .bottom{width:90%;padding:5%;height:auto !important;line-height:23px;}
    
    .slick-next{display:none !important;}
    .slick-prev{display:none !important;}


}