a:hover, a:focus{ outline: none; text-decoration: none; }
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
h2{font-size:40px; color: #fff; text-align: center; font-weight: 700; margin-bottom: 0px;}
.btn-primary{font-size: 22px; color: #fff; font-weight: 400; background: #201520; padding:26px 100px; border-radius: 10px; box-shadow:0px 5px 15px rgba(0,0,0,.2); border:transparent; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background: #f68e0b!important; color: #fff; box-shadow: none!important; border: transparent;}
ul{margin: 0; padding: 0; list-style: none;}

/*header*/
.header {background: #201520; padding: 16px 46px 16px 96px;}
.header .navbar-nav .nav-item.active .nav-link{color: #fff;}
.header .navbar-nav .nav-link{color: #eee; font-size: 20px; padding: 12px 36px; font-weight: 400; background: transparent; border-radius: 10px; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.header .navbar-nav .nav-link.demo{background: #f68e0b; padding: 9px 25px; font-size: 24px; border-radius: 10px;font-weight: 400; margin-top: -3px; }
.header .navbar-nav .nav-link:hover{background:#f68e0b; color: #fff;}

/*banner*/
.banner h1{font-weight: 700; font-size: 85px; color: #201520; margin: 0px;}
.banner p{color: #201520; font-size: 36px; font-weight: 400; margin-bottom: 70px;}
.banner .carousel-caption{position: absolute; top: 20%;}
.banner .carousel-indicators{display: none;}
.banner .carousel-control-prev, .banner .carousel-control-next{bottom: auto; width: auto; top: 45%;}
.banner .carousel-control-prev { background-color: rgba(0,0,0,.5); height: 74px; width: 42px;}
.banner .carousel-control-next {background-color: rgba(0,0,0,.5); height: 74px; width: 42px;}
/*main wrapper*/
.main-wrapper{background: #e37818; padding: 54px 207px;}
.main-wrapper h2{padding-bottom: 24px;}
.main-wrapper p{font-size: 24px; color: #fff; font-weight: 400; text-align: center; padding: 0 8%;}

.videomodal iframe{ width: 100%; }
.videomodal .close{ position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #f68e0b; opacity: 1; color: #fff; text-shadow: none;}

/*platform*/
.platform{background: #ba3d50; padding: 150px 160px 115px;}
.platform h2{font-weight: 400; padding-bottom: 47px; text-align: left; font-size: 36px;}
.platform p{font-size: 26px; font-weight: 400; color: #fff; margin-bottom: 73px;}
.platform .btn-primary{background: #201520; padding: 20px 64px; text-transform: uppercase;}
.platform .owl-carousel{border-radius: 15px;}
.platform .owl-carousel .owl-item{border-radius: 15px; } 
.platform .owl-carousel .owl-item .image-box{position: relative; border-radius: 15px; box-shadow: 0px 10px 20px rgba(0,0,0,.3); margin: 20px;}
.platform .owl-carousel .owl-item img{margin-left: 0px!important; width: 100%; border-radius: 15px;}
.platform .owl-carousel .owl-item .image-content{position: absolute; bottom: 0;  background: rgba(0,0,0,.8); right: 0px; left: 0; padding: 20px 0px; border-radius: 0px 0px 15px 15px;
-webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
       -o-transition: all .2s ease;
          transition: all .2s ease;}
.platform .owl-carousel .owl-item:hover .image-content{ top: 0; }
.platform .owl-carousel .owl-item:hover .image-content p span{ display: block;}

.platform .owl-carousel .owl-item .image-content p{font-size: 20px; color: #fff; text-align: right; margin: 0px; padding-right: 25px;}
.platform .owl-carousel .owl-item .image-content p span{ display: none; font-size: 14px;}
.platform .owl-carousel .owl-nav .owl-next{position: absolute; content: ""; top: 42%; right: 30px; font-size: 0px; background: url(../images/right-arrow.png)no-repeat; height: 25px; width: 25px;}
.platform .owl-carousel .owl-nav .owl-prev{position: absolute; content: ""; top: 42%; left: 30px; font-size: 0px; background: url(../images/left-arrow.png)no-repeat; height: 25px; width: 25px;}

/*nuspace*/
.platform.nuspace{background: none; padding: 104px 94px 80px 144px;}
.platform.nuspace h2, .platform.nuspace p{color: #201520;}
.platform.nuspace .btn-primary{width: 100%; max-width: 417px; margin: 0 auto; text-align: center; display: block;}
.platform.nuspace .image-box{border-radius: 15px; box-shadow: 5px 8px 24px rgba(0,0,0,.3); margin: 0px;}
.platform.nuspace .image-box img{border-radius: 15px; width: 100%;}

/*new-age*/
.new-age{background: #43aed4; padding: 90px 360px 0px 336px;}
.new-age h2{font-size: 40px; font-weight: 700; padding-bottom: 46px; padding: 0 14%;}
.new-age ul{text-align: center; width: 100%; max-width: 1270px; margin: 40px auto 0;}
.new-age ul li{padding: 0px 18px; display: inline-block; width: 20%;}
.nav-pills .nav-link{border:1px solid transparent; padding: 34px 26px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{border: 1px solid #c2e3ea; border-bottom: none; border-radius: 10px 10px 0px 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#44aed4+0,82c9e2+100 */
background: #44aed4; /* Old browsers */
background: -moz-linear-gradient(top, #44aed4 0%, #82c9e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #44aed4 0%,#82c9e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #44aed4 0%,#82c9e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44aed4', endColorstr='#82c9e2',GradientType=0 ); /* IE6-9 */
box-shadow: 
}
.tab-content .image-box{position: relative;}
.tab-content .image-box .image-content{position: absolute; content: ""; bottom: 46px; left: 256px; right: 16px; background: rgba(0,0,0,.8); border-radius: 10px; padding: 48px 0px;}
.tab-content .image-box .image-content h5{color: #fff; font-size: 40px; font-weight: 400; text-align: right; padding: 0px 34px; max-width: 1500px; width: 100%; margin: 0 auto; float: right;}

/*request*/
.request{padding: 50px 0px;}
.request h3{font-size: 40px; color: #201520; display: inline-block; margin-right: 50px;}

/*award*/
.award{padding: 100px 110px; background: #f3f8f3;}
.award h2{color: #201520; font-size: 44px; font-weight: 700; text-transform: uppercase;}
.award ul{margin-top: 100px;text-align: center;}
.award ul li {display: inline-block; width: 19%; cursor: pointer;}
.award .flipper:hover{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flipper{ -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative;}
.back-content {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); position: absolute; top: 0; left: 0 ;right: 0;bottom: 0; background: #f3f8f3; display: inline-block; padding: 46px 10px; }
.back-content h5{margin-bottom: 0px; font-size: 20px; color: #201520;}
/*footer*/
.footer{background: #e37818; padding: 100px 160px;}
.footer h4{font-size: 20px; font-weight: 600; text-align: center; color: #fff; margin: 0px; padding-bottom: 50px; text-transform: uppercase;}
.footer ul li{text-align: center; padding-bottom: 14px;}
.footer ul li a{font-size: 20px ;font-weight: 400; color: #fff; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.footer ul li a:hover{color: #201520; }


/*responsive*/
@media(max-width: 1680px){
.header .navbar-nav .nav-link{padding: 12px 24px;}
.main-wrapper{padding: 54px 128px;}
.new-age{padding: 90px 148px 0px 148px}
}

@media(max-width: 1600px){
.header .navbar-nav .nav-link{font-size: 20px;}
}

@media (max-width: 1440px){
.header{padding: 16px 34px 16px 70px}
.banner .carousel-caption{top: 15%;}
.main-wrapper{padding: 54px 160px;}
.platform{padding: 150px 118px 115px 122px;}
.platform{padding: 150px 70px 115px 110px;}
.new-age{padding: 90px 150px 0px 150px;}
.award{padding: 100px 80px;}
.footer{padding: 134px 120px;}
.header .navbar-nav .nav-link{padding: 12px 22px;}
.banner h1{font-size: 70px;}
.banner p{font-size: 36px;}
h2{font-size: 36px;}
.new-age ul li{padding: 0px;}
.new-age h2{font-size: 40px;}
.tab-content .image-box .image-content h5{font-size: 26px;}
.request h3,.award h2{font-size: 40px;}
.main-wrapper p, .platform p{font-size: 25px;}
.platform .owl-carousel .owl-item .image-content p, .footer ul li a{font-size: 20px;}
.btn-primary, .platform .btn-primary, .platform.nuspace .btn-primary{ font-size: 20px; padding: 15px 60px; }

}

@media(max-width: 1366px){
h2{font-size: 34px;}
.header .navbar-nav .nav-link{padding: 12px 14px;}
.header .navbar-nav .nav-link{font-size: 18px;}
}

@media(max-width: 1280px){
.nav-pills .nav-link{padding: 34px 20px;}
.back-content{padding: 24px 0px;}
.request h3{font-size: 35px;}
}

@media (max-width: 1199px){
.navbar-brand{width: 28%;}  
.navbar-brand img{width: 80%;}   
.header{padding: 16px 0px;}
.navbar-light .navbar-brand img{width: 250px;}
.header .navbar-nav .nav-link{font-size: 16px; padding: 12px;}
.header .navbar-nav .nav-link.demo{padding: 12px;}
.main-wrapper{padding: 54px 100px;}
.platform{padding: 150px 84px 115px 80px;}
.platform.nuspace{padding: 104px 48px 80px 70px;}
.new-age{padding: 90px 60px 0px 60px;}
.nav-pills .nav-link{padding: 20px 8px;}
.nav-pills .nav-link img{width: 86%;}
.back-content h5{font-size: 16px;}
.btn-primary{font-size: 18px; padding: 22px 64px;}
.banner h1{font-size: 50px;}
.banner p{font-size: 28px; margin-bottom: 42px;}
h2, .new-age h2{font-size: 30px;}
.main-wrapper p, .platform p{font-size: 20px;}
.platform .owl-carousel .owl-item .image-content p{font-size: 18px;}
.tab-content .image-box .image-content h5{font-size: 18px;}
.request h3, .award h2{font-size: 30px;}
.award ul{margin-top: 60px;}
.footer{padding: 134px 70px;}
.footer h4{font-size: 20px;}
.footer ul li a{font-size: 16px;}

.videomodal iframe{ height: 500px; }
}

@media (max-width: 990px){
h2, .new-age h2{font-size: 24px;}  
.navbar-toggler:hover, .navbar-toggler:focus{outline: none;}
.navbar-toggler .navbar-toggler-icon i{color: #fff;}
/*.banner h1, .banner p{color: #fff;}*/
.banner .carousel-caption{top: 3%;}
.banner .carousel-control-prev, .banner .carousel-control-next{top: 36%;}
.main-wrapper{padding: 30px 60px;}
.platform{padding: 30px 84px;}
.platform h2{padding-bottom: 20px;}
.platform p{margin-bottom: 30px;}
.platform .btn-primary{padding: 16px 50px;}
.platform .owl-carousel{margin-top: 30px;}
.platform.nuspace{padding: 40px 84px;}
.platform.nuspace .image-box{margin-bottom: 30px;}
.platform.nuspace .btn-primary{text-align: left; max-width: inherit; width: auto; display: inline-block;}
.new-age{padding: 30px 60px 0px;}
.nav-pills .nav-link img{width: 60%;}
.nav-pills .nav-link{padding: 20px 0px;}
.new-age ul li{padding: 0;}
.new-age h2{padding-bottom: 20px;}
.tab-content .image-box .image-content{padding: 20px 0px; right: 6px; bottom: 16px;}
.award{padding: 30px 60px;}
.award ul li{width: 28%;}
.request{padding: 30px;}
.request h3{margin-bottom: 30px; margin-right: 0px; display: block;font-size: 26px;}
.btn-primary{padding: 16px 50px;}
.award ul{margin-top: 30px;}
.footer{padding: 30px 80px;}
.footer h4{padding-bottom: 16px;}
.award h2{font-size: 24px;}
.videomodal iframe{ height: 300px; }
}


@media(max-width: 767px){
/*.nav-pills .nav-item{width: 100%; max-width: 214px; margin: 0 auto; text-align: center;}*/
/*.nav-pills .nav-link img{width: 44%;}*/
.new-age { padding: 30px 20px 0; }
}

@media(max-width: 668px){
.back-content{padding: 14px 0px;}
.tab-content .image-box .image-content h5{font-size: 16px;}
.new-age ul li{padding: 0px;}
.award ul li{width: 48%;}
.banner h1{font-size: 34px;}
.banner p{font-size: 22px; margin-bottom: 20px;}
.banner .carousel-caption{top: 5%;}
}



@media (max-width: 480px){
.banner .carousel-caption{top: 0;}
.banner h1{font-size: 24px;}  
.banner p{font-size: 18px; margin-bottom: 6px;}
.banner .btn-primary{padding: 10px 24px; font-size: 16px;}
.banner .carousel-control-prev, .banner .carousel-control-next{height: 54px; width: 28px;}
.navbar-brand{width: 60%;}  
.navbar-brand img{width: 80%;}  
.platform .owl-carousel .owl-item .image-box{margin: 12px;}
.platform .owl-carousel .owl-item .image-content p{font-size: 12px;}
.main-wrapper p, .platform p{font-size: 16px;}
.tab-content .image-box .image-content{left: 6px; right: 6px;}
.tab-content .image-box .image-content h5{font-size: 12px;}
.nav-pills .nav-item{max-width: 176px;}
.request h3{font-size: 22px;}
.main-wrapper, .platform, .platform.nuspace, .award, .footer{padding: 30px 15px;}
.videomodal iframe{ height: 240px; }
}

@media (max-width: 420px){
.banner .carousel-control-prev, .banner .carousel-control-next{top: 27%;}
.banner .carousel-caption{padding-top: 10px;}
.videomodal iframe{ height: 200px; }
}

@media (max-width: 320px){
.banner h1{font-size: 20px;}
.banner p{font-size: 16px;}
.banner .btn-primary{font-size: 12px;}
}