@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');

 
/* CSS Document */
/*  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */

* {
	margin:0;
	padding:0;box-sizing: border-box;
}
body {
	width:100%;   color:#333333; font-family:Montserrat;font-size:16px; font-weight:300; line-height:30px; overflow-x:hidden
}
.oouterbox{display:block; width:360px; margin-left:calc(50% - 180px); float:left; position:relative; margin-top:30px;border-radius: 20px}
.dwn{}
.popenq.oouterbox input,.popenq.oouterbox textarea{ padding:10px; font-size:14px; border-radius:5px; margin-bottom:15px !important;}
.popenq.oouterbox input[type="email"]{ width:100% !important}
.popenq.oouterbox input[type="submit"]{ background:#b80c4c; color:#fff !important}

.popBtnBew:link,.popBtnBew:visited{ color:#b80c4c; text-decoration:none; font-size:11px; font-weight:500; padding:2px 0px; text-align:center; width:48% !important; border-radius:5px; margin-bottom:10px; display:block; float:left; border:2px solid #b80c4c; display:none}
.popBtnBew:hover{ color:#fff; background:#b80c4c}

.rightBBtn{ float:right !important}

.enqqBox{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:999999999; display:none}
.downloadBrochure:link,.downloadBrochure:visited{ background:rgb(216,24,96); border-radius:5px; padding:5px 15px 5px 15px; color:#fff; text-decoration:none; font-weight:500; margin-top:10px; background-size:20px auto; display:inline-block}
.downloadBrochure:hover{ background:#bc934b; }

.featuresIntro.paddingLess{ padding:0 5%}
.closeBtn{position:absolute; top:20px; right:-20px; z-index:9999999; cursor:pointer}
.imgBox{width:800px; margin:0 auto; padding:20px; position:relative}

#message-sent { text-align:center}
#message-sent a:link,#message-sent a:visited{ text-decoration:none; font-weight:bold; color:#18479f; border:2px solid #18479f; border-radius:5px; padding:5px 10px}
#message-sent a:hover{text-decoration:none; font-weight:bold; color:#195cda}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000; font-weight:400
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #000;font-weight:400
}
:-ms-input-placeholder { /* IE 10+ */
  color:  #000;font-weight:400
}
:-moz-placeholder { /* Firefox 18- */
  color:  #000;font-weight:400
}
.boxFifty.nohgt{ min-height:auto !important}

.required.error{ border:1px solid red !important}
#message-sent,#apo-loader,#apo_email,#apo-message-sent{ display:none}
#contact-loader{ display:none}
label.error{ display:none !important}
label.error[for="author"]{ display:block !important; color:red}

.facebook:link,.facebook:visited{ display:inline-block; width:32px; height:32px; float:left; background:url(../images/social-media.png)}
.facebook:hover{ background-position:left bottom;}

.twitter:link,.twitter:visited{ display:inline-block; width:32px; height:33px; float:left; background:url(../images/social-media.png); background-position:-42px top; margin:0 10px}
.twitter:hover{  background-position:-42px bottom;}

.instagram:link,.instagram:visited{ display:inline-block; width:32px; height:33px; float:left; background:url(../images/social-media.png); background-position:-82px top}
.instagram:hover{background-position:-82px bottom}
.Logo93{ margin-left:10px}
.outerBox,.footerBox,.innerbanner,.innerbanner img{ float:left; width:100%}
.headerOuter{ float:left; width:100%;background: rgb(216,24,96);background: linear-gradient(90deg, rgba(216,24,96,1) 36%, rgba(32,78,101,1) 100%); padding:0px}
.logo{ float:left}
.headerRight{ float:right; width:cal(100% - 300px)}
.headerRight img{ vertical-align:middle}
.headerRightTop{ color:#cccccc; padding-bottom:5px; text-align:right; padding-right:20px}
.headerRightBottom{ float:right}
.headerRight{ padding:5px 0}
.mobileTopIcon{ margin-left:20px}
.logo{ background:url(../images/logo-bg.png) no-repeat right center; padding:12px 50px 12px 20px}
.cls{ clear:both}
#banner,.highlights,.highlights .highlightsBox{ float:left; width:100%; position:relative}
.bx-wrapper img{ width:100%}
.punchLine{ position:absolute; bottom:170px; right:0px; background:rgba(22,36,76,0.7); padding:30px 30px; border-left:10px solid #bc934a; line-height:normal}
.punchLine p{ font-weight:900; color:#fff; font-size:40px}
#banner .bx-wrapper .bx-controls-direction a{ top:auto; bottom:115px }
#banner .bx-wrapper .bx-prev{ top:auto; bottom:100px; right:51px; left:auto}
.punchLine p span.sm{ font-size:26px; font-weight:600}
h1{ color:#334562; font-size:36px; text-align:center; text-transform:uppercase; font-weight:700; padding:30px 0}

.introTxt{ padding:0 50px; margin:0}
.introLeft{ width:58%; float:left; text-align:justify; padding-right:20px}
.introRight{ width:42%; float:left; padding-left:20px}
.introRight img{ width:100%}

.cvalues li span{ font-weight:500}
.cvalues li{ line-height:26px; list-style:none; margin-top:10px}

.cvalues li:nth-child(1){ background:url(../images/c1.png) no-repeat; padding-left:60px;}
.cvalues li:nth-child(2){ background:url(../images/c2.png) no-repeat; padding-left:60px;}
.cvalues li:nth-child(3){ background:url(../images/c3.png) no-repeat; padding-left:60px;}

.readmore:link,.readmore:visited{ border:2px solid #bc934a; color:#bc934a; text-transform:uppercase; padding:10px 20px; font-size:14px; text-decoration:none; font-weight:600; letter-spacing:1px; margin:30px auto; display:inline-block}
.readmore:hover{ background:#d81860; color:#fff; border:2px solid #d81860}

ul.bullet{ list-style:none}
ul.bullet li{ padding-left:25px; background:url(../images/arrow.png) no-repeat 10px 10px}

.featuresIntro .readmore:link,.featuresIntro .readmore:visited{ margin-top:0}

.photoGalleryList li{ width:31.33%; float:left; margin:20px 1%; list-style:none}
.photoGalleryList li img{ width:100%; border-radius:0 30px 0 30px; border:6px solid #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; opacity:0.9 }
.photoGalleryList li img:hover{ border:6px solid #d81860;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; opacity:1}
.photoGalleryList{ float:left; margin:0; padding:0}

.featuresIntro{ padding:0 10%; text-align:center}
.galleryBox{ padding:0 5%; text-align:center}

.featuresIntro ul li,.featuresIntro ul,.gallery ul,.gallery ul li{ margin:0 auto; padding:0}
.featuresIntro ul li{ width:25%; float:left; display:inline-block; min-height:200px}
.featuresIntro ul li img{ background:#bc934a;border-radius: 100px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.featuresIntro ul li:hover img{ background:#d81860}
.featuresIntro ul li p{ line-height:normal}
.featuresIntro ul li:hover p{ color:#d81860}

.separator{ background:url(../images/separator.png) center center no-repeat; height:10px; width:100%; border-left:50px solid #fff;border-right:50px solid #fff;}

.gallery ul{ margin:0 auto; display:table}
.gallery ul li{ list-style:none; display:inline-block; margin:10px; float:left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.gallery ul li:hover{ margin:0 10px 10px 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.highlights{ background:url(../images/highlights.png) no-repeat; margin:30px 0} 
.hightlightsLeft,.hightlightsRight{ width:50%; float:left}
.hightlightsLeft ul,.hightlightsLeft ul li{ padding:0; margin:0; list-style:none}
.hightlightsLeft ul li{ width:32.33%; text-align:center; display:inline-block}
.hightlightsLeft ul li p{ text-transform:uppercase; color:#fff; font-weight:700; font-size:14px;}
.hightlightsLeft ul li{ margin:30px 0} 
.hightlightsRight{ margin:28px 0}
.boxFifty{ width:50%; padding:0 50px; float:left}

.boxFifty input,.boxFifty textarea{ width:100%; background:#f1f1f1; border:0; margin-bottom:15px; padding:10px 15px; border-radius:5px; font-size:16px;font-family:Montserrat;font-size:16px; font-weight:300; }
.boxFifty input.inputSm { width:50%}
.boxFifty input[type="submit"]{border:2px solid #bc934a; color:#bc934a; text-transform:uppercase; padding:10px 20px; font-size:14px; text-decoration:none; font-weight:600; letter-spacing:1px; background:#fff; cursor:pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} 
.boxFifty input[type="submit"]:hover{ background:#d81860; border-color:#d81860; color:#fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.footerBox{ background:#ebeff5; padding:50px 30px}

.footer1,.footer3{ width:20%; float:left}
.footer2{width:60%; float:left; line-height:24px; font-size:14px}
.footer2{}
.footer1{ text-align:center}
.footer1 img{ margin-bottom:20px}
.margintop{ margin-top:50px;}
.margintop img{ vertical-align:middle}

.footerMenus li,.footerMenus{ margin:0; padding:0; list-style:none}
.footerMenus li{ margin-bottom:0px; background:url(../images/arrow.png) no-repeat left 12px; font-size:14px; padding-left:15px}
.footerMenus li a:link,.footerMenus li a:visited{ color:#333; text-decoration:none}
.footerMenus li a:hover{ color:#bc934a}
.footerMenus{ margin-top:40px}
.footerBottom{ background:#666666; color:#fff; width:100%; float:left; padding:10px 20px}
.ff img{ text-align:right; margin-top:8px}
.boxFifty.ff{ text-align:right}
.footerBottom .boxFifty{ font-size:12px;}
.featuresIntro .boxFifty ul li{ width:100%; text-align:left; min-height:auto; padding-left:20px}

/********************************************/
.customer-logos {
  background-color: #fff; padding:0 50px; margin:30px 0 ;
}

/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.popenq input,.popenq textarea{ width:100%; padding:5px; border:0; background:#fff; margin-bottom:10px }
.popenq input.inputSm { width:50%}
.popenq input[type="submit"],.popenq input[type="submit"]:hover{ padding:10px !important; border:0 !important; cursor:pointer}
.popenq{ background:#f1f1f1; right:10px; bottom:0px; width:360px; padding:20px; z-index:99999;}
.qenq{ position:fixed; right:10px; bottom:0; z-index:9999; background:#c51757; padding:5px 10px; border-radius:5px 5px 0 0}
.qenq { font-size:14px; color:#fff; font-weight:500; text-transform:uppercase; cursor:pointer}
.qenq img{ width:28px; vertical-align:middle}

.popenq h1{ font-size:18px; margin:0; padding:0 0 10px 0}
.close {
    color: #fff;
    font-size: 14px;
    background: #c51757;
    padding: 0px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: -5px; text-decoration:none;
    top: -5px; font-weight:700
}
.containerBoxxxx{ width:60%; margin:20px auto}

.containerBoxxx {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:700px) {
.containerBoxxxx{ width:100%; margin:20px auto}
.menuBox{ background:none; position:absolute; top:20px; right:0px; z-index:99999}
.fa.fa-bars{ float:right; color:rgba(0,0,0,0)}
.menu-toggle.full img{ float:right}
.stellarnav.light li a{ color:#334562 !important}
.stellarnav.mobile > ul > li > a{ padding:15px !important} 
.stellarnav li li{ background:none !important; border-bottom:0 !important}
.stellarnav.mobile ul ul{ padding:0 25px 0 20px!important; box-shadow: none !important}
.stellarnav.light li li a:hover{ background:none !important}
.stellarnav.mobile.light ul{background: rgba(255, 255, 255, 1);
width: 250px;
margin: 0; float:right;
box-shadow: 0 5px 5px #ccc;}

.stellarnav > ul > li > a{ margin:0 10px !important}
.stellarnav.mobile li.has-sub a{ padding-right:0 !important}

.headerRightTop{ display:none}
.punchLine{ position:relative; bottom:0; padding:10px 20px}
.punchLine p {
    font-weight: 600;
    color: #fff;
    font-size: 20px; bottom:0;
}
.punchLine p span.sm{ font-size:16px}
#banner .bx-wrapper .bx-controls-direction a{ bottom:20px}
.stellarnav.mobile, .stellarnav.mobile.fixed{ position:absolute; top:20px; right:0px}

.introLeft{ padding:0;width:100%}
.introRight,.hightlightsLeft, .hightlightsRight,.hightlightsRight img,.boxFifty,.footer2{ width:100%}
.featuresIntro ul li,.footer1{  width:50%}
.gallery ul li{ width:29%; float:left}
.gallery ul li img{ width:100%}
.footer3{ display:none}
.margintop{ margin-top:20px}
.footerBottom .boxFifty{ text-align:center}
.footerBottom .boxFifty img{ float:none; margin:0 auto}
.footer1{ text-align:left}
.footer2 .boxFifty{ padding:0}
h1{ font-size:22px; line-height:normal}
.slick-slider{ margin-top:10px}
.featuresIntro ul li img{ width:80px}
.photoGalleryList li{ width:48%; float:left; margin:10px 1%; list-style:none}
.popenq{ background:#f1f1f1; position:fixed; right:10px; bottom:auto; top:50px; width:100%; padding:20px; z-index:99999; }
.qenq{ position:fixed; right:0px; bottom:0; left:0; z-index:9999; background:#c51757; padding:10px 10px; border-radius:0}
.callq{ width:40px; height:40px; background:url(../images/call.png); background-size:cover; float:right; position:fixed; z-index:99999; bottom:5px; right:10px}
.galleryBox{ padding:0 20px}
.featuresIntro .boxFifty { padding:0}
.logo{ position:relative; z-index:99999}
.introTxt,.boxFifty{ padding:0 20px}
.hightlightsLeft ul li p{ line-height:normal !important}
.mobilebr{ display:none}
.footer1{ width:100%}
.footeleftmargin{ margin-left:10px}
.outerBox{ margin-bottom:50px}
.logo{ display:flex}
.logo img{ max-width:100%}
}
@media screen and (max-width:480px) {
.logo{ width:240px}
.logo img{ width:180px}
.introTxt{ padding:0 20px}
.stellarnav.mobile, .stellarnav.mobile.fixed{ top:10px}
.gallery ul li{ width:28%}
.punchLine {
    padding-right: 100px;
}
}
@media screen and (max-width:390px) {
.logo{ width:240px}
.logo img{ width:180px}
.introTxt{ padding:0 20px}
.stellarnav.mobile, .stellarnav.mobile.fixed{ top:10px}
.gallery ul li{ width:29%}

}