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

 @font-face {
font-family: 'Gilroy-Light';
  src: url('fonts/Gilroy-Light.eot');
  src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Gilroy-Light.svg#Gilroy-ExtraBold') format('svg'),
       url('fonts/Gilroy-Light.ttf') format('truetype'),
       url('fonts/Gilroy-Light.woff') format('woff'),
       url('fonts/Gilroy-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'IndigoRegular-Regular';
  src: url('fonts/IndigoRegular-Regular.svg#IndigoRegular-Regular') format('svg'),
       url('fonts/IndigoRegular-Regular.eot'),
       url('fonts/IndigoRegular-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/IndigoRegular-Regular.ttf') format('truetype'),
       url('fonts/IndigoRegular-Regular.woff') format('woff'),
       url('fonts/indigo-regular-regular.woff2') format('woff2');

}

html,body{
    font-family: 'Gilroy-Light';
}
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.bannerBg{/*background: url(../includes/img/bannerbg.jpg);background-position: cover;background-repeat: no-repeat;*/}
.headerlogo{height: 40px}
#header{padding-top: 70px}
#header .row{display: flex;align-items: center;justify-content: space-between;}
#header .container{width: 90%;margin: auto;max-width: 1600px}
.headerNav ul li{list-style: none;display: inline-block;margin-left: 50px}
.headerNav ul li a{display: inline-block;color: #fff!important;font-size: 20px;font-family: 'Gilroy-Light';transition: all 0.3s}
.headerNav ul li a:hover{color: #EE3D3D!important}
.headerNav ul li:last-child a{border: 2px solid #EE3D3D;
box-sizing: border-box;
border-radius: 47px;padding: 8px 25px;transition: all 0.3s;}
.headerNav ul li:last-child a:hover{background: #EE3D3D;color: #fff!important}
.aboutSection,.featuresSection,.contentSection,.screenSection{background: #000!important;}
.aboutframe{position: absolute;bottom:-15%;left: -5%;transform: rotate(10deg);background: url(../includes/img/frame1.png);background-repeat: repeat-x!important;width: 110%;height: 200px;z-index: 9;background-size: contain;}
.screenframe{position: absolute;bottom:0px;left:0px;background: url(../includes/img/frame1.png);background-repeat: repeat-x!important;width: 100%;height: 200px;z-index: 0;background-size: contain;}
.aboutlogo{height: 33px}
.aboutSection .row{display: flex;align-items: center;justify-content: space-between;}
/*.aboutSection .container{max-width: 1400px;margin:auto;}*/
.aboutLeft{width: 50%;text-align: left;}
.aboutRight{width: 50%;z-index: 99;position: relative;}
.intro p{width: 100%!important;}
p{line-height: 1.3;margin-bottom: 0px!important}
.aboutLeft p{font-family: 'Gilroy-Light'!important;font-size: 18px!important;line-height: 1.3}
.aboutLeft h2{font-family: 'IndigoRegular-Regular';display: flex;align-items: baseline;font-size: 72px;letter-spacing: 3px;color: #fff;margin-bottom: 30px;padding-top: 60px}
.aboutTitleImg{padding-right: 30px}
.aboutLeft h2 span{color: #EE3D3D}
.aboutBottom{margin-top: 120px;position: relative;z-index: 999;display: flex;align-items: baseline;}
.aboutRight img{padding-top: 150px}
.aboutlogo{margin-right: 8px}
.aboutBottom{font-size: 36px;color: #fff;font-family: 'Gilroy-ExtraBold'!important;}
.aboutBottom span{color: #EE3D3D}

.featuresSection .row{display: flex;align-items: center;}
.featureLeft{width: 50%;z-index: 99}
.featureRight{width: 50%;z-index: 99}
.featureRight h2{font-family: 'IndigoRegular-Regular';display: flex;align-items: baseline;font-size: 72px;letter-spacing: 3px;color: #fff;margin-bottom: 30px;padding-top: 60px}
.featureRight h2 span{color: #EE3D3D}
.featureRight p{font-family: 'Gilroy-Light'!important;font-size: 18px!important;text-align: left!important;}
.featureLeft {text-align: right;}
.featureRight{padding-left: 100px}
.featureLeft img{padding-top: 50px}
.featuresframe{position: absolute;bottom:-15%;left: -5%;transform: rotate(-10deg);background: url(../includes/img/frame1.png);background-repeat: repeat-x!important;width: 110%;height: 200px;z-index: 9;background-size: contain;}

.contentLeft h2{font-family: 'IndigoRegular-Regular';display: flex;align-items: baseline;font-size: 72px;letter-spacing: 3px;color: #fff;margin-bottom: 30px;padding-top: 60px;z-index: 99;position: relative;}
.contentLeft h2 span{color: #EE3D3D}
.contentLeft{text-align: left!important;position: relative;
   /* z-index: 9;*/float: left;
    width: 100%;
    padding-bottom: 80px;
}
.screenLeft h2{font-family: 'IndigoRegular-Regular';display: flex;align-items: baseline;font-size: 72px;letter-spacing: 3px;color: #fff;margin-bottom: 30px;padding-top: 60px;position: relative;}

.formSection h2{font-family: 'IndigoRegular-Regular';display: flex;align-items: baseline;font-size: 72px;letter-spacing: 3px;color: #fff;margin-bottom: 60px;padding-top: 60px;position: relative;text-align: center;justify-content: center;}
.formSection h2 span{color: #EE3D3D}

.screenLeft h2:before{    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #E33B3B;
    left: -60px;
    top: 35px;
    z-index: -1;}
.screenLeft h2 span{color: #EE3D3D}
.screenLeft{text-align: left!important;position: relative;
    z-index: 9;float: left;
    width: 100%;
    padding-bottom: 0px;
}
.contentLeft p{font-family: 'Gilroy-Light'!important;font-size: 18px!important;text-align: left!important;max-width:520px;float: left;}
/*.contentSection .container{max-width: 1400px;margin:auto;}*/
.contentSection .container{position: relative;}
.contentSliderRight{position: absolute;z-index: 999;right: 0px;top:60px;}
.controls{position: absolute;z-index: 998;right:-230px;bottom: 0px}
.glass{    bottom: -147px;
    margin-left: -100px;position: absolute;}
.contentSlider{clear: both;z-index: 99}
.slick-slide {transition: all 0.5s;transform: scale(0.8);position: relative;}
.slick-slide img{width: 100%}
.slick-active {
 transform: scale(1);
 transition: all 0.5s;
}

.slick-active + .slick-active{
 transform: scale(0.8);
 transition: all 0.5s;
}

.slick-active + .slick-active + .slick-active{
  transform: scale(0.8);
  transition: all 0.5s;
}
.slick-slide:after{
    content: "";position: absolute;width: 100%;height: 100%;top:0px;left: 0px;background: rgba(0,0,0,1);opacity: 0.6;
}
.slick-active:after{
content: "";position: absolute;width: 100%;height: 100%;top:0px;left: 0px;background: rgba(0,0,0,1);opacity:0;
}
.slick-active + .slick-active:after{
content: "";position: absolute;width: 100%;height: 100%;top:0px;left: 0px;background: rgba(0,0,0,1);opacity: 0.6;
}
.slick-active + .slick-active + .slick-active:after{
content: "";position: absolute;width: 100%;height: 100%;top:0px;left: 0px;background: rgba(0,0,0,1);opacity: 0.6;
}


.contentNav{position: absolute;
    left: 255px;
    display: flex;
    align-items: center;
    bottom: -25px;z-index: 999}
.contentNavLeft{margin-right: 10px}
.contentNavLeft,.contentNavRight{cursor: pointer;}
.swiper-container{clear: both;float: left;width: 100%}
/*.screenSection .container{max-width: 1400px;margin:auto;}*/
.swipperWrapper{max-width: 1600px;margin:auto;}
.screenSection{/*padding-top: 100px*/}
.screenSection .intro{padding-top: 100px}
.formSection{background: #000!important}
#frmContact{max-width: 800px;margin: auto;}
#frmContact input,#frmContact textarea{border-radius: 0px!important}
#frmContact input{background: transparent!important;border:none!important;border-bottom:1px solid #fff!important;height: 50px;width: 100%;margin-bottom: 50px}
#frmContact textarea{background: transparent!important;border:none!important;border-bottom:1px solid #fff!important;height: 100px;width: 100%;margin-bottom: 20px}
#frmContact input,#frmContact textarea{font-size: 18px;font-family: 'Gilroy-Light'!important;color: #fff!important}
#frmContact input:focus,#frmContact textarea:focus{outline: 0!important}
.halfSection > div:first-child{float: left;width: 48%}
.halfSection > div:last-child{float: right;width: 48%}
.fullWidth{width: 100%;float: left;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#frmContact{position: relative;z-index: 99}
#frmContact button{border: 2px solid #EE3D3D;
    box-sizing: border-box;
    border-radius: 47px;
    padding: 8px 25px;height:55px;width: 240px;font-size: 18px;font-family: 'Gilroy-ExtraBold'!important;color: #fff!important; 
    background: transparent;margin-top: 40px;transition: all 0.3s;}
#frmContact button:hover{cursor: pointer;background:#EE3D3D;color: #fff!important}
#frmContact:before{    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    left: -200px;
    background: url(../includes/img/leftform.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -71px;z-index: -1}
#frmContact:after{   content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    right: -200px;
    background: url(../includes/img/rightform.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -71px;z-index: -1}

.footerSection .fp-tableCell{height: 100px!important}
.footerSection{height: 100px!important;background: #1D1D1D;}
.footerSection .row{display: flex;padding-top: 40px;padding-bottom: 30px}

.footerSection .container{width: 90%;
    margin: auto;
    max-width: 1600px;}
.footerSection .footLogo{height: 50px}
.footNav .flxtrlogo{max-height: 70px}
.footerSection .footerSocial{justify-content: flex-end;}
/*.footNav{width: 100%}*/
.footNav ul{display: flex;align-items: center;margin: 30px 0;justify-content: center;}
.footNav ul li a{font-size: 18px;font-family: 'Gilroy-Light'!important;color: #fff!important;margin: 0 30px;transition: all 0.3s;}
.footerSection .footerSocialWrapper{width: 170px;
    float: right;}
.footerSection .footerSocial li{list-style: none;}
.footNav ul li a:hover{color: #EE3D3D!important}
.footerSection p{font-size: 18px;font-family: 'Gilroy-Light'!important;color: #fff!important;    float: left;
    width: 100%;
    text-align: left;}
.footerSection .footerSocial{display: flex;align-items: center;width: 100%;padding-top: 20px}
.footerSection .footerSocial li{margin-left: 30px}
.copyright{text-align: center;color: #fff;padding:20px 0;background: #000;font-size: 18px;font-family: 'Gilroy-Light'!important;}
/* swiper */
.swiper-pagination-bullet{border: 1px solid #1da1f2;}.swiper-pagination-bullet-active{background:#1da1f2}
/*img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}*/

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1600px;
    -o-perspective: 1600px;
    perspective: 1600px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1600px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container.one {
    padding-top: 40px;
    text-align: center;
}

.swiper-container.one .swiper-slide {
    padding: 0 43px;
}

.swiper-container {
    width: 100%;
    padding-bottom: 60px;
}

.swiper-slide img {
    display: block;
    margin: auto;
    margin: 0px!important;
}

.swiper-slide {
    width: 390px;
    height: auto;
   /* padding: 0 15px;*/
}
.two .swiper-slide {
    width: 300px;
}
.swiper-slide img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.swiper-slide .slider-image .preview-icon {
    z-index: -1;
    width: calc(100% - 30px);
}

.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ee0f6f;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 26px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0f6f 0%, #f89482 100%) repeat scroll 0 0;
    border: medium none;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}
.swiper-slide-duplicate{}
/* swiper */
.headerNav ul li a{text-decoration: none!important;}
.headerNav ul{margin-bottom: 0px!important;float: right;}
.contentSlider .slick-list{overflow: visible!important;}
.footNav ul {margin-bottom: 0px}
.footNav ul li{list-style: none;}
.footNav ul li a{text-decoration: none!important}
#frmContact input.error,#frmContact textarea.error{border-bottom: 1px solid red!important}
.info{display: none!important;}
.headerNav{display: block!important;}
.footerSectionInner{background: #1D1D1D}
body.innerPages{background: #000}
body.innerPages .container{width: 90%!important;max-width: 1600px!important;}
.Innerheader{background: url(../includes/img/frame1.png);background-repeat: repeat-x;height:200px;background-size: contain;}
.Innerheader h1{font-family: 'Gilroy-ExtraBold';
font-style: normal;height: 200px;display: flex;align-items: center;
font-weight: 800;
font-size: 60px;text-transform: uppercase;}
a.backBtn{    border: 2px solid #EE3D3D;
    box-sizing: border-box;
    border-radius: 47px;
    padding: 8px 25px;
    transition: all 0.3s;
    display: block;
    width: 100px;
    margin: 60px 0 30px 0;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    text-align: center;transition: all 0.3s;}
a.backBtn:hover{background:#EE3D3D!important }
.lastUpdate{color: #fff;padding: 10px 0 30px 0}
.InnerPageContent{padding: 40px 0}
.InnerPageContent p,.InnerPageContent a, .InnerPageContent h3, .InnerPageContent h4, .InnerPageContent h3{color:#fff;}
.InnerPageContent p{margin-bottom: 20px!important}
.InnerPageContent h2{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size: 40px;color: #EE3D3D!important;}
.InnerPageContent h3{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size:30px;color: #fff!important;}
.InnerPageContent h4{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size:20px;color: #fff!important;}
.InnerPageContent ul {padding-left: 60px;}
.InnerPageContent ul li{list-style: none;color: #fff;position: relative;}
.InnerPageContent ul li:before{content: "";
    position: absolute;
    left: -17px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    top: 6px;
}
#screenSliders{
    z-index: 9;
    position: relative;
}
.carousel-3d-slide{background: transparent!important;border:none!important;}
.secondListFooter{margin-top: 15px}

.fp-viewing-home .headerNav ul li:first-child a{font-family: 'Gilroy-ExtraBold'!important}
.fp-viewing-about .headerNav ul li:nth-child(2) a{font-family: 'Gilroy-ExtraBold'!important}
.fp-viewing-features .headerNav ul li:nth-child(3) a{font-family: 'Gilroy-ExtraBold'!important}
.fp-viewing-contents .headerNav ul li:nth-child(4) a{font-family: 'Gilroy-ExtraBold'!important}
.fp-viewing-screen .headerNav ul li:nth-child(5) a{font-family: 'Gilroy-ExtraBold'!important}
.fp-viewing-getintouch ul li:nth-child(6) a{background: #EE3D3D!important}
.bannerBg1 .intro{position: relative;z-index: 9}
		.bannerBg1 video{  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;}

.carousel-3d-slide.left-1{transform: translateX(-250px) translateZ(-100px) rotateY(0deg)!important;}
.carousel-3d-slide.left-2{transform: translateX(-500px) translateZ(-200px) rotateY(0deg)!important;}
.carousel-3d-slide.left-3{transform: translateX(-750px) translateZ(-300px) rotateY(0deg)!important;}
.carousel-3d-slide.right-1{transform: translateX(250px) translateZ(-100px) rotateY(0deg)!important;}
.carousel-3d-slide.right-2{transform: translateX(500px) translateZ(-200px) rotateY(0deg)!important;}
.carousel-3d-slide.right-3{transform: translateX(750px) translateZ(-300px) rotateY(0deg)!important;}
#header{padding-top: 15px!important;padding-bottom: 15px!important;background: rgba(0,0,0,0.7);}

@media only screen and (max-width: 1400px) {
.contentNav{left:215px;bottom: -20px}
.headerNav ul li{margin-left: 30px}
.two .swiper-slide{width: 200px!important}
.swiper-slide img{width: 100%!important}  

#header {padding-top: 20px;}
.aboutRight img{padding-top: 0px;max-height: 65vh}

.aboutLeft h2,.featureRight h2,.contentLeft h2,.screenLeft h2,.formSection h2{font-size: 42px}
.aboutLeft p,.featureRight p,.contentLeft p,.formSection p,#frmContact input, #frmContact textarea,.footNav ul li a,.copyright{font-size: 16px!important}

.formSection h2{margin-bottom: 30px}
.flxtrlogo{max-width: 400px}
.aboutframe{bottom: -20%}
.aboutBottom {margin-top: 50px;z-index: 999;display: flex;font-size: 22px;position: relative;}
.aboutLeft h2{padding-top: 0px}
.aboutlogo {height: 25px;padding-right: 10px}
.headerNav ul li a{font-size: 15px!important}
.featureLeft img{padding-top: 0px;max-height: 65vh}
.featureRight h2{padding-top: 0px}
.featureRight{position: relative;z-index: 999}
.contentSliderRight{max-height: 78vh}
.glass {bottom: -100px;max-width: 276px;}
.controls{max-width: 170px;right: -110px}
.screenLeft h2:before{width: 80px;height: 80px;left: -30px;
    top: 45px;}
}
/*.carousel-3d-slide{height: 620px!important;width:300px!important}
.carousel-3d-slider{height: 620px!important;width:300px!important}
.carousel-3d-container{height: 620px!important}*/
@media only screen and (max-height: 850px) {
#header {padding-top: 30px;}
.firstSlide{display: none!important;}
.secondSlide{display: block!important;}
/*.carousel-3d-slide{height: 475px!important;width:230px!important}
.carousel-3d-slider{height: 475px!important;width:230px!important}
.carousel-3d-container{height: 475px!important}*/
}

@media only screen and (max-width: 1200px) {
    .headerNav ul{padding-left: 0px!important}
.headerNav ul li {margin-left: 15px;}
.bannerBg{background-repeat: repeat!important}
.container, .container-md, .container-sm {max-width: 90%!important;}
.aboutRight img,.featureLeft img{max-width: 100%}

.contentLeft p{max-width: 400px}
.contentNav {left: 243px;}
.Innerheader{background-size: cover;}
}
@media only screen and (max-width: 980px) {
    .headerNav ul{padding-left: 0px!important}
.headerNav ul li {margin-left: 12px;}
.headerNav ul li a{font-size: 14px!important}
.bannerBg{background-repeat: repeat!important}
.container, .container-md, .container-sm {max-width: 90%!important;}
.aboutRight img,.featureLeft img{max-width: 100%}
.contentSliderRight{max-height: 43vh!important;top:175px;}
.contentLeft p{max-width: 360px}
.contentNav {left:195px;}
.aboutBottom{font-size: 19px!important}
}

@media only screen and (max-width: 767px) {
/*.bannerBg1{height: 100vh!important;max-height: 100vh!important;min-height: 100vh!important}
	.bannerBg1 .intro{position: absolute;height: 100vh;width: 100%;left: 0px;top:0px;display: flex;align-items: center;justify-content: center;}*/
		.bannerBg1 video{height: 100vh;min-height: 100vh!important;max-height: 100vh!important}
	/*	.bannerBg1 .fp-tableCell,.bannerBg1{max-height: 100vh!important;height: 100vh!important;min-height: 100vh!important;}*/
    .firstSlide{display: none!important;}
.secondSlide{display: none!important;}
.thirdSlide{display: block!important;}
.screenframe{height: 50px}
.headerNav{display: none!important;}
.aboutBottom {font-size: 13px!important;display: block!important;}
.aboutBottom label{font-size: 26px!important}
.aboutTitleImg{padding-right: 14px}
.aboutSection .row {display: block!important;}
.bannerBg {background-size: 200%}
.flxtrlogo {
    max-width: 275px;}
.headerlogo {
    height: 25px;}
.mobMenu{display: block!important;position: absolute;top:10px;right: 10%;z-index: 99}
.hamburger--slider .hamburger-inner {
    top: 0px;
}
body .hamburger-inner,body .hamburger-inner::before, body .hamburger-inner::after {
    width: 35px;
    height: 3px;background-color: #EE3D3D!important; }
    .hamburger-inner::before{top:-8px;}
    .hamburger-box{width: 30px}
    .hamburger{padding: 9px 0!important}
    .hamburger-inner::after{bottom:-8px;}
    .headerNav.menuOpen {    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;    display: flex!important;
    align-items: center;
    justify-content: center;}
    .headerNav ul li {
    margin-left: 0px;
    display: block;
    text-align: center;    margin-bottom: 20px;}
    .headerNav ul li a {
    font-size: 16px!important;}
.headerLogo{z-index: 9999;width: 50%;
    position: relative;}
    .hamburger--slider .hamburger-inner::before{top:10px;}
.hamburger--slider .hamburger-inner::after{top:20px;}
.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);}  
 .hamburger--slider.is-active .hamburger-inner {  
    transform: translate3d(0, 10px, 0) rotate(45deg);}

.aboutLeft,.aboutRight{width: 100%!important}
.aboutRight img, .featureLeft img{max-width: 270px}
.aboutLeft h2{margin-bottom: 20px}
.aboutBottom {
    margin-top: 15px;
}
.aboutLeft h2, .featureRight h2, .contentLeft h2, .screenLeft h2, .formSection h2 {font-size: 42px;}
.aboutTitleImg{max-width: 75px}
.featuresSection .row{flex-direction: column;}
.featureLeft{order:2;width: 100%;text-align: center;margin-top: 30px}
.featureLeft img{max-width: 250px}
.featureRight{order:1;width: 100%;padding-left:12px!important}
#frmContact:before,#frmContact:after{opacity: 0.5}

a.backBtn{margin-top: 30px!important}
.formSection h2{padding-left: 0px!important;padding-right: 0px!important}
.glass {
    bottom: -20px;
    max-width: 100px;}
.controls {
    max-width: 100px;
    right: 0px;
}
.two .swiper-slide{width: 195px!important}
.screenSection  h4{margin-bottom: 40px!important}
.formSection h2 {
    margin-bottom: 30px;
    position: relative;
    z-index: 999;
}
.footNav ul{display: block;padding-left: 0px!important}
.footerSection .footerSocialWrapper{width: 100%!important}
.footerSection p{text-align:center!important;}
.footerSection .footerSocial{justify-content: center;padding-left: 0px!important}
.footerSection .footerSocial li{margin-left: 15px!important;margin-right: 15px!important}
.footNav ul li a{margin: 0px!important}
.footerSection p{font-size: 15px;}
.footerSocialWrapper{margin-top: 30px}
.footNav .flxtrlogo{margin-top: 20px}
.footerSection .row{text-align: center;}
.Innerheader{height: 150px}
.Innerheader h1{height: 150px;font-size: 40px}

.InnerPageContent p{margin-bottom: 15px!important;font-size: 15px!important;word-break: break-word}
.InnerPageContent ul li{font-size: 15px!important}
.InnerPageContent h2{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size: 30px;color: #EE3D3D!important;}
.InnerPageContent h3{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size:20px;color: #fff!important;}
.InnerPageContent h4{font-family: 'Gilroy-ExtraBold';font-weight: 800;font-size:18px;color: #fff!important;}
.footerSection .footLogo{height: 35px}
.InnerPageContent ul {
    padding-left: 50px;
}
/*.bannerBg1{background: url(../includes/img/bannerbg.jpg)!important;background-size: 500px!important;background-repeat:repeat;}*/
/*.bannerBg1 video{display: none!important;}
.bannerBg1 .intro{display: block!important;}*/
.screenLeft h2{padding-top:0px}
.screenLeft h2:before{top:-19px;}


.aboutSection .fp-tableCell{vertical-align: bottom;}
.aboutframe{height: 260px;width:160%;left: -12% }
.featureRight h2{margin-bottom: 10px}
.featureLeft img { max-width: 385px;}
.featuresSection .fp-tableCell{vertical-align: bottom;}
.featuresframe{height: 260px;width:160%;left: -12% }
.featuresSection p{max-width: 220px}
.contentLeft p {
    max-width: 250px;}
.contentLeft h2{margin-bottom: 10px}
.contentSliderRight {
       max-height: 66vh!important;
    top: 152px;
    bottom: 0px;
    right: -200px;
}
.contentNavLeft img, .contentNavRight img{max-width: 20px}
.contentLeft{padding-bottom: 100px}
.contentLeft h2{padding-top: 0px}
.controls {
    max-width: 100px;
    right: -30px;
    top: 95px;
}
.glass {
    bottom: 13px;
    max-width: 130px;
    margin-left: -110px;
}
.screenframe{height: 85px;background-size: cover;}
.carousel-3d-slide.left-1{transform: translateX(-50px) translateZ(-100px) rotateY(0deg)!important;}
.carousel-3d-slide.left-2{transform: translateX(-100px) translateZ(-200px) rotateY(0deg)!important;}
.carousel-3d-slide.left-3{transform: translateX(-150px) translateZ(-300px) rotateY(0deg)!important;}
.carousel-3d-slide.right-1{transform: translateX(50px) translateZ(-100px) rotateY(0deg)!important;}
.carousel-3d-slide.right-2{transform: translateX(100px) translateZ(-200px) rotateY(0deg)!important;}
.carousel-3d-slide.right-3{transform: translateX(150px) translateZ(-300px) rotateY(0deg)!important;}
.formSection h2{max-width: 270px;margin: auto;}
.formSection h2 span{    position: absolute;
    bottom: 0px;
    right: 17px;
}
.formSection h2{margin-bottom: 40px}
#frmContact:after{
    width: 108px;
    height: 150px;
    right: -50px;opacity: 1!important;
    top: 61px;
    z-index: -1;
}
#frmContact:before{
    width: 120px;
    height: 130px;
    left: -37px;
    top: 65px;
    z-index: -1;opacity: 1!important;
}
.footNav ul li{margin-bottom: 10px}
.secondListFooter{margin-top: 40px!important}
}

@media only screen and (max-height:600px){
.aboutRight img, .featureLeft img {
    max-width: 150px;
}
.aboutLeft h2, .featureRight h2, .contentLeft h2, .screenLeft h2, .formSection h2 {
    font-size: 24px;
}
#header {
    padding-top: 10px;
}
.featureRight h2,.contentLeft h2{margin-bottom: 10px}
.hamburger--slider .hamburger-inner {
    top: -10px;
}
.aboutLeft p, .featureRight p, .contentLeft p, .formSection p, #frmContact input, #frmContact textarea, .footNav ul li a, .copyright {
    font-size: 13px!important;
}
#frmContact button{font-size: 16px!important}
.footerSection .footLogo {
    height: 24px;
}
.footNav ul{margin: 10px 0}
.footNav .flxtrlogo {
    max-height: 50px;
}
#frmContact input{margin-bottom: 20px}
#frmContact textarea{height: 75px}
.screenLeft h2{padding-top: 0px!important}
.screenLeft h2:before{top:-26px;}
.contentSliderRight{right: -200px}
}
@media only screen and (max-width:391px){
.aboutLeft h2, .featureRight h2, .contentLeft h2, .screenLeft h2, .formSection h2 {
    font-size: 36px;
}
.aboutRight img, .featureLeft img {
    max-width: 200px;
}
.featureLeft img {
    max-width: 295px;
}
.featuresframe{bottom: -28%}
.footNav ul li {
    margin-bottom: 5px;
}
.footerSection .row{padding-bottom: 10px}
.contentLeft {
    padding-bottom: 80px;
}
.contentSliderRight{top:136px;}
.firstSlide{display: none!important;}
.secondSlide{display: none!important;}
.thirdSlide{display: none!important;}
.fourthSlide{display: block!important;}
#frmContact button{margin-top: 20px}
.secondListFooter {
    margin-top: 30px!important;
}
.footerSection .row{padding-top: 50px}
.footerSection .footLogo {
    height: 25px;
}
.contentSliderRight{right: -200px}
.footNav .flxtrlogo {
    max-height: 65px;
}
.formSection h2 span{right: 30px}
/*      .aboutLeft h2, .featureRight h2, .contentLeft h2, .screenLeft h2, .formSection h2{font-size: 22px!important}
.aboutBottom {
    font-size: 12px!important;}

.aboutRight img, .featureLeft img {  
    max-width: 165px;
}
.aboutSection  .intro{padding-top: 60px}
.screenLeft h2 {
    padding-top: 7px;
}
.screenSection .intro{padding-top: 0px!important}*/
}

@media only screen and (max-height:600px){
	.firstSlide{display: none!important;}
.secondSlide{display: none!important;}
.thirdSlide{display: none!important;}
.fourthSlide{display: none!important;}
.fifthSlide{display: block!important;}
	.featureLeft img {max-width: 220px;}
	.aboutRight img, .featureLeft img {
    max-width: 140px;
}
.aboutBottom label {
    font-size: 22px!important;
}
.aboutLeft h2, .featureRight h2, .contentLeft h2, .screenLeft h2, .formSection h2 {
    font-size: 30px;
}
.contentLeft {
    padding-bottom: 52px;
}
.glass {
    bottom: -22px;}
.featuresframe {
    height: 257px;
    width: 149%;
    left: -12%;    bottom: -36%;}
}