@charset "utf-8";
/*Fonts*/
@font-face { font-family: 'FS Lola'; src: url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.eot'); src: url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_FSLola.svg#FSLola') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Arkhip'; src: url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.eot'); src: url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_Arkhip.svg#Arkhip') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body.em, .em div, .em span, .em applet, .em object, .em iframe, .em h1, .em h2, .em h3, .em h4, .em h5, .em h6, .em p, .em blockquote, .em pre, .em a, .em abbr, .em acronym, .em address, .em big, .em cite, .em code, .em del, .em dfn, .em em, .em font, .em img, .em ins, .em kbd, .em q, .em s, .em samp, .em small, .em strike, .em strong, .em sub, .em sup, .em tt, .em var, .em dl, .em dt, .em dd, .em ol, .em ul, .em li, .em fieldset, .em form, .em label, .em legend, .em table, .em caption, .em tbody, .em tfoot, .em thead, .em tr, .em th, .em td, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0; }
html { -webkit-text-size-adjust: none; }
.em article, .em aside, .em details, .em figcaption, .em figure, .em footer, .em header, .em hgroup, .em nav, .em section { display: block }
.em audio, .em canvas, .em video { display: inline-block; }
.em audio:not([controls]) { display: none; height: 0; }
.em small { font-size: 80% }
.em sub, .em sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.em sup { top: -0.5em; }
.em sub { bottom: -0.25em }
.em nav .em ul, .em ol .em li { list-style: none; list-style-image: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.em textarea { overflow: auto; vertical-align: top }
.em input[type="button"], .em input[type="submit"] { -webkit-appearance: none !important; }
:focus { outline: 0; }
.em ol, .em ul { list-style: none; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; text-decoration: none !important; transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; }
.em a:hover { text-decoration: none; }
.em a:focus { text-decoration: none; outline: none !important; }
.em .preloader { display: none; }
.em .main { max-width: 970px; width: 100%; margin: 0px auto; }
body.em { font-family: 'FS Lola'; font-style: 400; background: #000; }
.em .wrapper { opacity: 0; transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; }
.em .main { margin: 0 auto; max-width: 830px; width: 100%; }
.em h1, .em h2, .em h3, .em h4, .em h5, .em h6, .em strong { font-weight: 400; }
.em .btn { border: none; display: inline-block; color: #fff; font-size: 18px; background: #f59331; padding: 8px 20px; font-weight: 400; border-radius: 25px; }
.em .btn:hover { background: #f67b00; }
.em .btn_blue { border: 3px solid #00aeff; border-radius: 25px; color: #00aeff; display: inline-block; font-size: 17px; padding: 8px 16px; }
.em .btn_blue:hover { background: #00aeff; color: #fff; }
/*Loader Css*/
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; }
.pace .pace-progress { background: #86754C; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }
/* mid container part start */

.em .midd-container { width: 100%; float: left; }
.em .banner { background-position: center bottom; background-repeat: no-repeat; background-size: cover; float: left; padding: 0; position: relative; text-align: center; width: 100%; }
.em .banner .logo { float: none; left: 50%; margin: 0 auto; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.em .banner .logo a { display: inline-block; }
.em .logo img { max-width: 500px; width: 100%; }
.em .tranding_heritage { width: 100%; float: left; }
.em .section_01 { float: left; padding: 50px 0; width: 100%; }
.em .section_01 .section_title { float: left; padding-bottom: 53px; position: relative; text-align: center; width: 100%; }
.em .section_01 .section_title::after, .em .shaidubai_menu::after { background: #9f8c57 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 50%; max-width: 380px; position: absolute; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); width: 100%; }
.em .section_01 .section_title h2 { color: #e6d884; font-family: "Arkhip"; font-size: 24px; margin-bottom: 20px; text-transform: uppercase; }
.em .section_01 .section_title p { color: #fff; font-family: "FS Lola"; font-size: 22px; line-height: 26px; }
.em .mbox_img > img { max-width: 175px; width: 100%; }
.em .shaidubai_menu { float: left; margin-bottom: 40px; padding: 25px 0; position: relative; text-align: center; }
.em .shaidubai_menu .mbox { float: left; margin: 25px 0; text-align: center; width: 33.33%; padding: 0px 20px; }
.em .shaidubai_menu .mbox_img { width: 100%; text-align: center; }
.em .shaidubai_menu .mbox p { display: inline-block; font-family: "Arkhip"; font-size: 15px; margin-top: 35px; text-transform: uppercase; }
.em .shaidubai_menu .mbox_1 p { color: #B3B2B2; }
.em .shaidubai_menu .mbox_2 p { color: #DF0067; }
.em .shaidubai_menu .mbox_3 p { color: #0071B9; }
.em .shaidubai_menu .mbox_4 p { color: #008B39; }
.em .shaidubai_menu .mbox_5 p { color: #CC0935; }
.em .shaidubai_menu .mbox_6 p { color: #A8795A; }
.em .section_02 { width: 100%; text-align: center; float: left; }
.em .section_02 ul { width: 100%; float: left; }
.em .section_02 ul li.sboxes { padding: 0px 20px; width: 50%; float: left; text-align: center; }
.em .section_02 ul li.sboxes p { color: #fff; font-family: "FS Lola"; font-size: 17px; line-height: 20px; padding-bottom: 20px; }
.em .section_02 ul li.sboxes p:last-child { padding-bottom: 0px; }
.em .sec2_btn { clear: both; display: table; margin: 40px auto 0; text-align: center; }
.em .btn_defualt { text-transform: uppercase; background: transparent none repeat scroll 0 0; color: #dec682; display: table-cell; float: none; font-family: "Arkhip"; font-size: 14px; height: 60px; margin: 0 auto; min-width: 174px; padding: 0 10px; position: relative; text-align: center; vertical-align: middle; z-index: 2; }
.em .btn_defualt:before, .em .btn_defualt:after { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; border: 3px solid #dec682; height: 27px; left: 0; width: 100%; z-index: -1; }
.em .btn_defualt:before { position: absolute; content: ''; border-bottom: none; -webkit-transform: perspective(15px) rotateX(5deg); -moz-transform: perspective(15px) rotateX(5deg); transform: perspective(15px) rotateX(5deg); top: 0; }
.em .btn_defualt:after { position: absolute; bottom: 0px; content: ''; border-top: none; -webkit-transform: perspective(15px) rotateX(-5deg); -moz-transform: perspective(15px) rotateX(-5deg); transform: perspective(15px) rotateX(-5deg); }
.em .btn_defualt:hover:before, .em .btn_defualt:hover:after { border: 3px solid #fff; }
.em .btn_defualt:hover:before { border-bottom: transparent; }
.em .btn_defualt:hover:after { border-top: transparent; }
.em .btn_defualt:hover { color: #fff; }
.em .section_03 { float: left; margin: 45px 0px; text-align: center; width: 100%; }
.em .sec3_logo { margin-bottom: 10px; text-align: center; width: 100%; }
.em .sec3_text p { color: #dec682; font-family: "Arkhip"; font-size: 11px; }
.em .sec3_text a { color: #dec682; }
.em .sec3_text a:hover { color: #fff; }
/* mid container part end */
/* footer part start */

.em footer { background: url("https://cdn2.hubspot.net/hubfs/741235/1494743855410/1494743855410_bottom_line.png"); background-repeat: repeat-x; background-position: top center; background-size: auto 80px; float: left; margin-top: 0px; padding: 135px 0 40px; text-align: center; width: 100%; }
.em footer p { color: #847b57; font-family: "Arkhip"; font-size: 12px; }
/* footer part end */
/*Popup Design*/

.em .white-popup-block h2 { color: #faea92; font-family: "Arkhip"; font-size: 25px; margin-bottom: 25px; text-align: center; }
.em .hubform .input .hs-input { border: 2px solid #7f6f3b; height: 44px; font-family: "FS Lola" !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 12px !important; }
 .em .hubform .input select::-ms-expand {
display: none;
}
.em .hubform .input select { cursor: pointer; background: #fff !important; }
.em .hubform .hs-error-msgs label { color: red; font-size: 13px; }
.em .hubform fieldset label { color: #faea92; float: left; font-size: 16px; margin-bottom: 3px; width: 100%; }
.em .hubform fieldset.form-columns-1 .input { margin-right: 0px !important; }
.em .hubform fieldset { float: left; margin-bottom: 8px !important; margin-top: 8px !important; max-width: 100%; width: 100%; }
.em .hubform fieldset.form-columns-2 .hs-form-field { width: 48% !important; margin-right: 4%; }
.em .hubform fieldset.form-columns-2 .hs-form-field:nth-child(2) { margin-right: 0% !important; }
.em .hubform fieldset.form-columns-2 .input { margin-right: 0 !important; }
.em .hubform fieldset .hs-input { width: 100% !important; }
.em .hubform fieldset.form-columns-2:last-child { margin-bottom: 30px !important; }
.em .hubform .hs_submit { clear: both; display: table; margin: 0 auto; text-align: center; padding-top: 30px; }
.em .hubform .actions .hs-button { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; background: transparent !important; font-family: "Arkhip"; color: #dec682; text-transform: uppercase; height: 100%; width: 100%; cursor: pointer; padding: 0 25px; }
.em .hubform .actions { background: transparent none repeat scroll 0 0; display: table-cell; float: none; height: 60px; margin: 0 auto; min-width: 174px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; z-index: 2; }
.em .hubform .actions::before, .em .hubform .actions::after { border: 3px solid #dec682; height: 27px; left: 0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: -1; }
.em .hubform .actions:before { position: absolute; content: ''; border-bottom: none; -webkit-transform: perspective(15px) rotateX(5deg); -moz-transform: perspective(15px) rotateX(5deg); transform: perspective(15px) rotateX(5deg); top: 0; }
.em .hubform .actions:after { position: absolute; bottom: 0px; content: ''; border-top: none; -webkit-transform: perspective(15px) rotateX(-5deg); -moz-transform: perspective(15px) rotateX(-5deg); transform: perspective(15px) rotateX(-5deg); }
.em .hubform .actions:hover:before, .em .hubform .actions:hover:after { border: 3px solid #fff; }
.em .hubform .actions:hover:before { border-bottom: transparent; }
.em .hubform .actions:hover:after { border-top: transparent; }
.em .hubform .actions:hover .hs-button { color: #fff; }
.em .white-popup-block .section_03 { float: left; margin: 50px 0 0; text-align: center; width: 100%; }
.em .dwld_story { display: table; width: auto; margin: 0px auto; }
.em .video_bg { position: relative; width: 100%; height: 0px; padding-bottom: 42.25%; }
.em .video_bg video { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; object-fit: cover; }
.em .video_bg:after { position: absolute; height: 100%; width: 100%; left: 0px; right: 0px; background: rgba(0,0,0,0.3); content: ""; }
.em .dwnldstory_btn { width: 100%; text-align: center; float: left; }
video::-webkit-media-controls {
 display:none !important;
}
.hubform .hbspt-form .submitted-message { text-align: center; margin-top: 25px; color: #0C7204; float: left; width: 100%; margin-top: 50px; font-size: 50px; }
.em .form_area  { float: left;width: 100%; }
.em .reseller-form,.em .get-form{ margin-top:20px;}
.em .hubform fieldset label{text-align: left !important;}

/* This used to work for parent element of button divs */

/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}