@charset "utf-8";

/* CSS Document */

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html{ width:100%; height:100%; margin:0px; padding:0px;}

body{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#282828; background:#fff; min-height:100%;}

p{ margin:0px; padding:0px 0 25px 0; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#282828; line-height:24px;}

h1{ margin: 0; padding: 0; font-size:30px; line-height:36px; font-family: 'Roboto', sans-serif;}

h2{ margin: 0; padding: 0; font-size:30px; line-height:36px; font-family: 'Roboto', sans-serif;}

h3{ margin: 0; padding: 0; font-size:24px; line-height:28px; font-family: 'Roboto', sans-serif;}

h4{ margin: 0; padding: 0; font-size:20px; line-height:20px; font-family: 'Roboto', sans-serif;}

h5{ margin: 0; padding: 0; font-size: 18px; line-height: normal; font-family: 'Roboto', sans-serif;}

h6{ margin: 0; padding: 0; font-size: 16px; line-height: normal; font-family: 'Roboto', sans-serif; }



address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }

label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}

a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}

a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#fff;}



a img{ border:none; outline: none;}

a:focus {outline:none; } 

border{ border-collapse:collapse;}

hr{ height:1px; background:#333333; border:none;}

.clear{ clear:both;}

.clearfix:before,

.clearfix:after { content: " "; display: table;}

.clearfix:after { clear: both;}

.clearfix { *zoom: 1;}

img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}



.no-pad { padding:0px !important;}

.no-mag { margin:0px !important;}



/*	Reset style			*/

::-moz-selection { color: #fff; background: #268ac8;}

::selection {  color: #fff; background: #268ac8;}



/* form css */

.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder {color:#202020;opacity:1}

.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input[type="number"]::-moz-placeholder {color:#202020;opacity:1}

.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder {color:#202020;opacity:1}

.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input[type="number"]:-moz-placeholder {color:#202020;opacity:1}



.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #262626; height: auto; background: #efefef; padding: 9px 20px; margin-bottom: 22px; outline: none; border-radius: 10px; box-shadow: none; line-height: normal; border: 1px solid #efefef; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative;}

textarea.form-control, textarea {height:95px;resize:none; overflow:hidden;}

.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border: 1px solid #000000; background-color:transparent; box-shadow: none;}

/* form css */



select{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: none; border-radius: 0px; box-shadow: none; background-image:url(../images/down-arrow-select.png); background-position:calc(100% - 15px); background-repeat: no-repeat; font-size: 14px; color: #222221; height: auto; padding: 14px 35px 14px 20px; font-family: 'Roboto', sans-serif; line-height: normal; font-weight: 400; text-transform: none; cursor: pointer; background-color: #f4f5f4;}

select:focus {border:none;outline: none; background-color: #f4f5f4;}

select option {color:#1f1f1f; font-size:14px; font-weight:400;}



label { font-size: 18px; line-height: 24px; color: #262626; margin: 0px 0px 20px; padding: 0px; font-weight: 500;}



/* button css */

.btn {position: relative; font-size: 14px; line-height: normal; padding: 25px 55px; color: #181818; outline: none; background-repeat: no-repeat; background-size: 300% 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px; font-weight: 500; text-align: left; overflow: hidden; border-radius: 0px; border: 1px solid #fff; background-color: #fff; text-transform: uppercase;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline:0; box-shadow:none; color:#fff; border: 1px solid #181818; background-color: #181818;}

.btn:hover { color:#fff; border: 1px solid #181818; background-color: #181818;}



/* own class for css */

.padTopbtm{padding:90px 0;}

.displayTable{display:table;height:100%;width:100%; position:relative;}

.displayCell{display:table-cell;vertical-align:middle}

.tableWidth-full {width:100%;}

.tableWidth-half {width:50%; height:100%}



/*  Navigation style  */

.navWrap {position:relative; z-index:9; margin:35px 35px 35px 0px; float: right;}

.navigation ul{ margin:0px; padding: 0px; list-style: none; }

.navigation ul li{ float: none; display: inline-block; vertical-align: top;position: relative; margin:0px; margin-left:40px;}

.navigation ul li:last-child:after { display:none;}

.navigation ul li:last-child { margin-right:0px;}

.navigation ul li:first-child { margin-left:0px;}

.navigation ul > li a { color: #2f2b48; line-height:normal; display: block; font-size:16px; padding:23px 0px; position: relative; font-family: 'Roboto', sans-serif; font-weight:400; text-transform: none;}

.navigation ul > li.arrow a { padding-right:20px;}

.navigation ul li.arrow:after { content: ''; display: block; position: absolute; right: 0px; top: 0px; width: 9px; height: 5px; background: url(../images/down-arrow.png) no-repeat right center; bottom: 0px; margin: auto;}

.navigation ul > li:hover > a { color:#e8b753; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.navigation ul > li.active > a { color:#e8b753;}

.navigation ul > li ul { visibility: hidden; opacity: 0; position: absolute; top: 60px; left:-15px; width: 100%; transform: translateY(-20%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #fff; border: 0; border-radius: 0px; padding: 0px 0px; box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);}

.navigation ul > li:hover ul {visibility: visible; opacity: 1; z-index: 2; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }

.navigation ul li > ul li { display: block; margin: 0px; padding:0; border-top: 1px solid #ebebeb;}

.navigation ul li > ul li:first-child {border: none;}

.navigation ul li > ul li a { color: #000; border: 0; padding: 10px 15px; margin: 0; font-weight: 400; border-radius: 0; height: auto; line-height: normal; font-size: 15px;}

.navigation ul li > ul li:last-child a {border-bottom:0;}

.navigation ul li > ul li:hover > a:after { display:none;}

.navigation ul li > ul li.active > a { color:#231f20;}

.navigation ul li > ul > li.active > a:after { display:none;} 

.navigation ul li > ul li:hover > a, .navigation ul li > ul li.active > a {color: #fff; background-color: #e8b753;}



/*  Menu style  */

a.meanmenu-reveal{display:none}

.mean-container .mean-bar{float:none;width:auto; padding:0px 0;min-height:auto;z-index:999999}

.mean-container a.meanmenu-reveal{width: 22px; height: 22px; padding: 12px 13px 10px 13px; position: relative; top: 0px; right: 0; left: 0 !important; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial,Helvetica,sans-serif; font-weight: 700; background-color: #b07b30; margin: 0; right: 0px !important; margin: auto;}

.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}

.mean-container .mean-nav{ float: left; width: 100%; background: #fff; margin-top:124px; position: absolute; z-index: 1;}

.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}

.mean-container .mean-nav ul li{position:relative;float:left;width:100%; box-sizing: border-box;}

.mean-container .mean-nav ul li a{ display:block;float:left;width:100%;padding:9px 15px; font-size:14px;margin:0;text-align:left;color:#000; border-top: 1px solid rgb(4 5 7 / 20%);text-decoration:none;text-transform:uppercase; box-sizing: border-box;}

.mean-container .mean-nav ul li li a{  width: 100%; padding: 10px 30px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25);opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible; box-sizing: border-box; font-size: 13px;}

.mean-container .mean-nav ul li li.active a {background:#fff;}

.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}

.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}

.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}

.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}

.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.current_page_item > a, .mean-container .mean-nav > ul > li > a:hover, .mean-container .mean-nav ul li li a:hover {background:#b07b30;color: #fff;}

.mean-container .mean-nav ul li a.mean-expand{width:42px; height: auto; padding:9px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700; background:#2f2b48;border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important; line-height: 20px; 

color: #fff;}

.mean-container .mean-nav ul li a.mean-expand:hover{ background: rgb(204 151 94 / 60%); color: #000;}

.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}

.mean-nav .wrapper{width:100%;padding:0;margin:0}

.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.mean-remove{display:none!important}

.small_nav{ position: relative;}



/* search box toggle */

.searchbox{position:absolute; width:300px; max-width: 300px; right:15px; bottom:0; opacity:0; height: 40px; visibility: hidden; transition: all .3s ease-in-out; z-index: 10;border-top:none; background-color: #fff; border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}

.searchbox input[type="search"] {width: 300px;float: left;border: none;height: 40px;padding: 0 82px 0 15px;font-size:14px;     border: 1px solid #ccc;     border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}

.searchbox input[type="search"]:focus{outline:none;}

.searchbox .closesearch {width: 80px;float: none;display: inline-block;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;background-color:#003163;color: #fff;line-height: 30px;border: none;  border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; transition: all .5s;}

.searchbox.open{bottom: -40px;opacity: 1;visibility: visible;}

.searchbox .closesearch:hover {background-color:#f56100;}



/* scroll top */

.scrollTop { position: fixed; width: 35px;bottom: 2%; right: 2%; background-color: #2c2b27; color: #fff; font-size: 18px; line-height: 31px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #fff; border-radius: 50%;}

.scrollTop i { position:relative; top:1px;}

.scrollTop:hover, .scrollTop:focus{color:#fff; border:2px solid #fff;}

.scrollTop.pop{opacity:1; visibility: visible;}



/* wrapper */

.wrapper { position: relative;}

.wrapper h1 { padding: 0px 0px 0px; margin: 0px 0px 30px; position: relative;}

.wrapper h2 { padding: 0px 0px 0px;  margin: 0px 0px 30px; position: relative;}



/* banner-home */

.banner { background:#181818; position: relative; width:100%;}

.banner-img { width: 100%; position:relative;}

.banner-img img { width:100%; height: 100%; position:relative;}

.middle-banner {-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); bottom: auto; position: absolute;  right: auto; text-align: center; top:calc(50%); transform: translateY(-50%); width: 100%; width: 100%; text-align: left; margin: 0px; z-index: 1;}

.middleTextBan { width:100%; position:relative; text-align:center; margin: 0px; z-index:1;    padding: 0px 40px;}

.middleTextBan h2 { position: relative; font-weight: bold; color: #fff; margin: 0px 0px 20px; padding: 0px 0px 0px;}

.middleTextBan p { font-size: 30px;line-height: 36px;color: #fff; padding:0px; font-weight: 400;}

.middleTextBan .logo { max-width: 528px; width: 100%; margin: 0px auto 50px;}

.iaq-ul { width: 100%; position: relative; margin: 0px 0px 70px;}

.iaq-ul ul { margin: 0px -15px; padding: 0px;}

.iaq-ul ul li { width: calc(99% / 2); position: relative; display: inline-block; vertical-align: top; padding: 0px 15px;}

.iaq-ul ul li::after { content: ' '; position: absolute; width: 1px; height: 100%; background-color: #fff; right: -2px; top: 0px;}

.iaq-ul ul li:first-child { text-align: right;}

.iaq-ul ul li:last-child { text-align: left;}

.iaq-ul ul li:last-child::after { display: none;}

.scan-iq { max-width: 128px; width: 100%; margin:0px auto 60px;}

.scan-iq a { display: block;}



/* iq-video */

.video-section-bx { width: 100%; position: relative; margin: 0px; padding: 100px 0px 20px; text-align: center;}

.video-section-bx h1 { font-size: 24px; line-height: 26px; color: #282828; margin: 0px 0px 30px; font-weight: 700; text-transform: uppercase;}

.listing-video { width: 100%; position: relative; margin: 0px 0px; padding: 0px;}

.video-listing-bx { width: 100%; position: relative; margin: 0px 0px 30px; padding: 0px;}

.video-frame-bx { width: 100%; position: relative; margin: 0px; padding: 0px;}

.video-frame-bx img { width: 100%; position: relative;}

.play-icon { width: 85px; height: 85px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto;}

.play-icon a { display: block;}

.slideOlder { width: 100%; position: relative; margin: 0px; padding: 0px 20px;}

.older-item-bx { width: 100%; position: relative; margin: 0px 0px 15px; padding: 0px;}

.older-item-bx a { width: 100%; position: relative; margin: 0px; padding: 0px; display: block;}

.older-item-bx a img { width: 100%; position: relative;}

.slide-button { width: 100%;}

.slide-button .slick-arrow { width: 28px; height: 28px; background-color: #58789d; display: block; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out;

display: inline-block;

margin: 0px 5px;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

.slide-button .slick-arrow a { color: #fff; display: block; text-align: center; line-height: 30px;}

.slide-button .slick-arrow:hover { background-color: #abbbce;}
.slideOlder .slick-list { margin: 0px -15px;}
.slideOlder .slide-item { padding: 0px 15px;}

/* fmain */
.fmain { width: 100%; position: relative; margin: 0px; padding:30px 0px 25px; background-color: #181818; text-align: center;}
.fmain p, .fmain p a { color: #fff; position: relative; margin: 0px; padding: 0px;}
.fmain p a { display: inline-block;}
.fmain p a:hover { color: #ccc;}

/* pop */
.popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.9);overflow-y: auto;box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);visibility: hidden;opacity: 0;transition: all 0.3s;z-index: 10;background-color: #ffffff;width: 100%;height: 100%;}
.popup .content {width: 100%;max-width: 900px;overflow: hidden;text-align: center;position: relative;min-height: 100vh;}
.popup .content .container {padding: 100px 20px 140px;}
.popup .content .closebtn {position: absolute;bottom: 20px;right: 20px;font-size: 3.1rem;letter-spacing: 0.05rem;color: #3e4146;transition: all 0.4s;}
.popup .content .closebtn:hover {cursor: pointer;color: #919191;}
.popup .content .circles .circle {position: absolute;border-radius: 100%;z-index: 11;}
.popup .content .circles .circle:nth-of-type(1) {top: -80px;right: -80px;width: 160px;height: 160px;background-color: #9f9f9f;}
.popup .content .circles .circle:nth-of-type(2) {bottom: -120px;left: -120px;width: 240px;height: 240px;background-color: #6e6e6e;}
.popup .content .circles .circle:nth-of-type(3) {top: -50px;left: -50px;width: 100px;height: 100px;background-color: #333;}
.popup .content .title h1 {text-align: center;color: #333333;text-transform: uppercase;font-weight: 900;font-size: 2.8rem;letter-spacing: 0.05rem;}
.popup .content img {width: 100%;max-width: 300px;display: inline-block;margin: 30px 0 40px 0;opacity: 0;transform: translateX(-60px);transition: 0.2s;-webkit-backface-visibility: hidden;}
.popup .content .subscribe h1 {font-size: 1.5rem;color: #3e4146;line-height: 130%;letter-spacing: 0.07rem;margin-bottom: 30px;}
.popup .content .subscribe h1 span {color: #6e6e6e;}
.popup .content .subscribe form {overflow: hidden;}
.popup .content .subscribe form input {width: 100%;float: left;padding: 15px 20px;text-align: center;font-family: inherit;font-size: 16px;letter-spacing: 0.05rem;outline: 0;}
.popup .content .subscribe form input[type=email] {margin-bottom: 15px; border: 1px solid #bec1c5; transition: all 0.4s; padding: 16px 20px; border-radius: 0px; line-height: 20px;}
.popup .content .subscribe form input[type=email]:focus {border-color: #3e4146;}
.popup .content .subscribe form input[type=submit] {background-color: #181818;color: #ffffff;border: 1px solid #181818;transition: all 0.4s;}
.popup .content .subscribe form input[type=submit]:hover {cursor: pointer;background-color: #3e4146;border-color: #3e4146;}
.popup.open {visibility: visible;opacity: 1;transform: translate(-50%, -50%) scale(1);}
.popup.open img {opacity: 1;transition: 1s;transition-delay: 0.3s;transform: translateX(0px);}


/**			==============	Responsive style start	==========================---------------------------------------------------------------****

*********************************************--------------------------------------------------------------------------------------------------***/





@media only screen and (max-width:1299px){

h1, h2 { font-size:24px; line-height:28px;}



.scan-iq { margin: 0px auto 20px;}

.middleTextBan .logo { margin: 0px auto 25px;}

.iaq-ul { margin: 0px 0px 20px;}

.middleTextBan p { font-size: 20px; line-height: 24px;}

.video-section-bx { padding: 90px 0px 20px;}



}

/*******		end 1299		*/



@media only screen and (max-width: 991px) {

h1, h2 { font-size:30px; line-height:30px; margin:0px; padding:0px 0px;}

p { font-size: 15px; line-height: 24px;}

label { font-size: 15px;line-height: 18px;margin: 0px 0px 15px;padding: 0px; font-weight: 500;}

.wrapper h1 { margin: 0px 0px 25px;}

.wrapper h2 { margin: 0px 0px 25px;}

.btn { font-size: 15px; padding: 10px 25px;}





.middleTextBan .logo { margin: 0px auto 20px;}

.iaq-ul { margin: 0px 0px 20px;}

.middleTextBan p { font-size: 20px; line-height: 24px;}

.video-section-bx { padding: 60px 0px;}

.middle-banner { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); position: relative; top: calc(0%); transform: translateY(0%); width: 100%; width: 100%; padding: 30px 0px;}

.middleTextBan h2 { font-size: 18px; line-height: 22px;}

.middleTextBan p { font-size: 15px;line-height: 20px;}

.slideOlder { padding: 0px;}

.video-listing-bx { margin: 0px 0px 30px;}

}

/*******		end 991		*/



@media only screen and (max-width: 767px) {

h1, h2 { font-size: 24px; line-height: 26px;}

h3 { font-size: 18px; line-height: 20px;}

p { font-size: 15px; line-height: 21px; padding:0 0 15px;}

.wrapper h1, .wrapper h2 { font-size: 24px; line-height: 26px; margin: 0px 0px 15px;}

.wrapper h6 { padding: 0px 0px 10px;}



.middleTextBan { padding: 0px;}

.video-section-bx { padding: 30px 0px;}

.play-icon { width: 60px;height: 60px;}

.iaq-ul ul li { width: 100%;}

.iaq-ul ul li::after {display: none;}

.iaq-ul ul li:first-child { text-align: center;}

.iaq-ul ul li:last-child { text-align: center;}

.popup .content .title h1 { font-size: 20px;}

}

/*******	 end 767		*******/



  @media (min-width: 568px) {
    .popup .content {
      min-height: 100%;
    }
    .popup .content .container {
      padding: 50px 20px 80px;
    }
  }
  
  @media (min-width: 768px) {
    .popup .content .container {
      padding: 70px 0px 90px;
      max-width: 520px;
      margin: 0 auto;
    }
    .popup .content .circles .circle:nth-of-type(1) {
        top: -190px;
        right: -190px;
        width: 380px;
        height: 380px;
  
      }
    .popup .content .subscribe form input[type=email] {
        margin-bottom: 0px;
        width: 75%;
        border-right-width: 0px;
      }
    .popup .content .subscribe form input[type=submit] {
        width: 25%;
      }
    .popup {
        width: calc(100% - 40px);
        height: auto;
        max-width: 900px;
      }
    
  }