@charset "utf-8";
/*   
Bodyfont: font-family: "Noto Sans", sans-serif;
title Font :  font-family: "Aleo", serif;
Cursive font : font-family: "Dancing Script", cursive;
font-weight
100 : thin
200: Extra light
300: light
400: regular
500: medium
600: semibold
700: bold
800 : Extra bold
900 : Black */

:root { scroll-behavior: initial;}
*:focus { outline: none;}
figure{margin-bottom: 0px;}
body { margin: 0px; padding: 0px;  font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 18px; color: #000;
line-height: 32px;background-color: #FFF2EB;}
p { margin-bottom: 20px; }
b, strong { font-weight: 700; }
a { color: #B40109; text-decoration: none; outline: none; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;cursor: pointer; }
a:hover { color: #555; text-decoration: none; }
h1,h2,h3,h4,h5,h6 {color: #B40109;  font-family: "Aleo", serif; font-weight: 800; line-height: 1; margin: 0px; padding: 0px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: "Dancing Script", cursive;font-weight: 600;margin-top: -22px;display: block;font-size: 60px}
h1, h2 { font-size:50px; margin-bottom: 30px;}
h3 { font-size: 42px; margin-bottom: 30px;}
h4 { font-size: 30px; margin-bottom: 20px; }
h5 { font-size: 24px; margin-bottom: 10px; }
h6 { font-size: 24px; margin-bottom: 10px; }

/* common css end */

/*form start*/
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%;}
textarea { resize: none; height: 110px; border-radius: 20px; }
.form-control{font-family: "Lexend", sans-serif;display: block; width: 100%; height: auto; padding: 10px 15px; font-size: 16px; line-height: 1;
  color: #444;border:1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; border-radius: 0px;font-weight: 400;border-radius: 5px; }
.form-control:focus,
.input-text:focus { color: #333; border-color: #0074BC; background-color: #fff; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #999;font-weight: 300; }
.form-control::-moz-placeholder { color: #999; opacity: 1;font-weight: 300; }
.form-control::-ms-input-placeholder { color: #999;font-weight: 300; }
textarea.form-control, textarea{height: 100px;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {appearance: none; -moz-appearance: textfield;-webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }
img{max-width: 100%;height: auto;}
.form-group{margin-bottom: 20px;z-index: 1;}
.form-check-input[type=checkbox]{border-radius: 0px;}
.form-check-input{margin-top: 8px;border-radius: 0px;border-color: #000;}
.form-check-input:focus{border-color: #000;box-shadow: none;}
.form-check-input:checked:focus{border-color: #0d6efd;}
.img-scale{overflow: hidden;vertical-align: top;}
.img-scale img{transition: all 0.3s ease;transform: scale(1);}
.img-scale:hover img{transition: all 0.3s ease;transform: scale(1.1);}
/*form end*/

/*bullet start*/
ul,
ol { margin: 0; padding: 0; list-style: none; }
.bullet-list li{ position: relative; padding-left: 25px; }
.bullet-list li::before {content: '';background-color: #fff;height: 7px;width: 7px; left: 0px; position: absolute; top: 10px;background-size: 100%; }

/*bullet end*/
/*button start*/
ins{text-decoration: none;}
button:focus { outline: none; }
.btn-theme{ background-color: #FFAE00;color: #fff;border:none;display: inline-block;font-size: 18px;font-weight: 600;outline: 0px;position: relative;-o-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; line-height: 1;padding: 16px 25px;border-radius: 5px;}
.btn-theme:hover{color: #fff;background-color: #B40109;}
.btn-theme-outline{ background-color: transparent;color: #FFAE00 ;border:1px solid #FFAE00;display: inline-block;font-size: 18px;font-weight: 600;outline: 0px;position: relative;-o-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; line-height: 1;padding: 16px 25px;border-radius: 5px;}
.btn-theme-outline:hover{color: #fff;background-color: #FFAE00;}

/* typography css */

.text-80, .text-80 h3,.text-80 h1, .text-80 h2,  .text-80 h4,
.text-80 span, .text-80 h3 span,.text-80 h1 span, .text-80 h2 span,  .text-80 h4 span{font-size: 80px;line-height: 1;}
.text-40{font-size: 40px;line-height: 1;}
.text-30{font-size: 30px;line-height: 1;}
.text-24{font-size: 24px;line-height: 1;}
.border-radius-15{border-radius: 15px;}
.titlefont{font-family: "Aleo", serif;}
.cursivefont{font-family: "Dancing Script", cursive;}
.fw-light, .fw-light h1, .fw-light h2, .fw-light h3, .fw-light h4{font-weight: 300;}
.fw-medium, .fw-medium h1, .fw-medium h2, .fw-medium h3, .fw-medium h4{font-weight: 500;}
.fw-semibold, .fw-semibold h1, .fw-semibold h2, .fw-semibold h3, .fw-semibold h4{font-weight: 600;}
.fw-bold, .fw-bold h1, .fw-bold h2, .fw-bold h3, .fw-bold h4{font-weight: 700;}
.fw-exbold, .fw-exbold h1, .fw-exbold h2, .fw-exbold h3, .fw-exbold h4{font-weight: 800;}
.text-black{color: #000;}
.borderbottom{border-bottom: 1px solid #ddd;}
.title-yellow,.title-yellow h1 span, .title-yellow h2 span, .title-yellow h3 span{color: #FFAE00;}
.title-white, .title-white h1 span, .title-white h2 span, .title-white h3 span{color: #fff;}
.lineh1{line-height: 1;}
.bgwhiterow{background-color: #fff;}
/* section margin Top */
.minus-mt-30{margin-top: -30px;}
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-150 { margin-top: 150px; }

/* Section margin bottom */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-270 { margin-bottom: 270px; }
.mb-300 { margin-bottom: 300px; }
.mb-400 { margin-bottom: 400px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
section.d-inline-block{vertical-align: top;}
.lastmbnone :last-child{margin-bottom: 0px;}
.whiteboxcol{background-color: #fff;padding: 30px;}

/* homepage css start */
.brandtopright{right: 0px;top: 0px;position: absolute;}
.brandtopleft{left: 0px;top: 0px;position: absolute;}
.logo{padding: 20px 0px;}
.logo a{position: relative;display: inline-block;vertical-align: top;}
.logo a img{height: 120px;}
.sticky .logo a img{height: 70px;}
.logo a img, .logo{transition: all 0.3s ease;}
.stickylogo{opacity: 0;position: absolute;left: 0px}
.mainheader.sticky .unstickylogo, .innerheader .stickylogo{opacity: 0}
.mainheader.sticky .stickylogo, .innerheader .stickylogo{opacity: 1}
.sticky .logo{padding: 10px 0px;}
.mainheader{position: fixed;top: 0px;width: 100%;z-index: 30;transition: all 0.3s ease;background-color: transparent;}
.mainheader.sticky{background-color: #fff;}
.navigatemain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 1;color: #fff;}
a.menu-toggle {width: 24px;display: none;flex-wrap: wrap;align-items: center;justify-content: end;}
.icnline { background-color: #fff; transition: all 0.3s ease; width: 100%; height: 2px; margin-bottom: 5px;vertical-align: middle; line-height: 1; }
.icnline:last-child{margin-bottom: 0px;}
.sticky .icnline, .innerheader .icnline{background-color: #B40109;}
.navmenu >ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navmenu > ul > li { position: relative; list-style: none; padding:30px 25px; margin-bottom: 0px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s;line-height: 1;}
.navmenu > ul > li.menu-item-has-children::before {margin-top: 10px;content: ''; width: 16px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top;right: 0px; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat: no-repeat;background-position: left center;}
.mainheader.sticky .navmenu > ul > li.menu-item-has-children::before,
.innerheader  .navmenu > ul > li.menu-item-has-children::before {background-image: url(../images/chevron-down-black.svg);}
.navmenu > ul > li > a {color: #fff; display: inline-block; font-size: 18px; position: relative;line-height: 1;font-weight: 400;letter-spacing: 1px;}
.mainheader.sticky .navmenu > ul > li > a,
.innerheader .navmenu > ul > li > a{color: #000;}
.navmenu > ul > li > a:hover, 
.mainheader.sticky .navmenu > ul > li > a:hover,
.navmenu > ul li.current-menu-item > a, 
.navmenu > ul li.current-menu-ancestor > a,
.navmenu > ul > li.active > a { color: #FFAE00; }
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 275px; margin: 0px; background: #fff; padding:10px 20px; box-shadow: 0px 4px 7px -2px rgba(0, 0, 0, 0.2) }
.navmenu > ul > li:hover ul{display: block;}
.navmenu > ul > li ul li ul { top: 0px; left: 100%;}
.navmenu > ul > li > ul > li { padding: 15px 0px 15px 0px;margin-bottom: 0px; position: relative;border-bottom:1px solid #ddd}
.navmenu > ul > li > ul li:last-child { border: none; }
.navmenu > ul > li > ul li::before { top: 25px; }
.navmenu > ul > li > ul li a { display: block; color: #000; position: relative;font-size: 18px; }
.navmenu > ul > li > ul li a:hover{color: #FFAE00;}
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg);display: inline-flex;align-items: center;justify-content: center; }
.closebtn::after { background-color: #000; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
.closebtn::before { background-color: #000; height: 100%; width: 2px; position: absolute; top: 0px; content: '';transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.sub-menu-arrow {text-align: center; overflow: hidden;padding: 5px 10px;margin-left: 5px;display: inline-block;vertical-align: top;line-height: 1;cursor: pointer;position: absolute;right: -20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 17px; height: 15px; }
.navarrow::before { content: ''; width: 17px; height: 15px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/chevron-down-black.svg) no-repeat; background-position: left center; left: 0px; }
.navarup::before { transform: rotate(180deg); }
.MenuClose{display: none;}
.menuright .btn-theme{margin-left: 10px;}
.black-overlay{background-color: rgba(0, 0, 0, 0.5);bottom: 0px;left: 0px;right: 0px;top: 0px;position: fixed;display: none;}
.heroslidertop .carousel{height: 100vh;overflow: hidden;}
.heroslidertop .carousel-inner{height: 100%;}
.heroslidertop .carousel-item img{object-fit: cover;height: 100vh;width: 100%;}
.heroslidertop .carousel-control-prev, 
.heroslidertop .carousel-control-next{display: none;}
.carousel-indicators [data-bs-target]{width: 10px;height: 10px;border-radius: 100%;opacity: 1;margin: 0px 7px;}
.carousel-indicators .active{background-color: #FFAE00;}
.carousel-indicators{margin: 0px 50px 50px;justify-content: flex-end;}
.slidercaption{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);left: 0px;}
.slidertitle{width: 45%;}
.mobilehide{display: inline-block;}
.mobileshow, .ipadshow{display: none;}
.ourstorycol{padding:180px;background-image: url(../images/our-story-img.png);background-position: center;background-repeat: no-repeat;}
.ourstorycol .whiteboxcol{border-radius: 20px;padding:100px 90px 80px;position: relative;}
.storylogo{position: absolute;top: -60px;left: 50%;transform: translateX(-50%);}
.ourjourneyrow{background-color: #FFAE00;padding: 50px 0px;}
.poroductrow{background: url(../images/black-bg-pattern.jpg) no-repeat center;background-attachment: fixed;overflow: hidden;background-size: cover;}
.procontentrow{justify-content: space-between;align-items: center;margin-bottom: 30px;}
.procontentrow h2{color: #fff;margin-bottom: 30px;}
.procontentrow h2 span{margin-top: -35px;}
.poroductrow .procontentrow:nth-child(odd){padding-right: 300px;}
.poroductrow .procontentrow:nth-child(even){padding-left: 300px;flex-direction: row-reverse;}
.poroductrow .procontentrow:last-child{margin-bottom: 0px;}
.iconcol{display: flex;align-items: center;margin-right: 30px;}
.iconcol i{max-width: 90px;margin-right: 15px;}
.imgflexcol{display: flex;width: 100%;}
.imgflexcol img{filter: grayscale(1);transition: all 0.3s ease;}
.imgflexcol img:hover{filter: grayscale(0);}
.rightimgcol .imgflexcol:nth-child(1){align-items: flex-end;justify-content: flex-end;padding-right: 30px;}
.rightimgcol .imgflexcol:nth-child(2){align-items: flex-start;}
.rightimgcol .imgflexcol:nth-child(3){align-items: flex-start;justify-content: center;}
.rightimgcol .imgflexcol:nth-child(3) .ourculralimg:first-child{margin-left: 18px;margin-top: -37px;}
.spriklingrow{padding: 150px 0px;}
.productbox{background-color: #FFF2EB;border-radius: 20px;padding: 50px;}
.productslider{margin: 0px -12px;padding-bottom: 30px;}
.productslider .slick-slide{padding: 0px 12px;}
.vectrobottomleft{bottom: 0px;left: 0px;position: absolute;}
.spriklingrow  .vectrobottomleft {left: 50px;bottom: 40px;}
.ourculturalrow h2{margin-bottom: 20px;}
.culturalcontent{padding-right: 160px;}
.vectrobottomright{bottom: -100px;right: 0px;position: absolute;}
/* homepage css end */

/* footer start*/
.footermain{background-color:#FFF2EB;font-size: 18px;}
.footermain h6{color: #fff;margin-bottom: 30px;}
.footermain a, .copyright a{color:#000;}
.footermain a:hover, .copyright a:hover{color: #B40109;}
.footerlinkcol ul li{margin-bottom: 5px;}
.footerlinkcol ul li:last-child{margin-bottom: 0px;}
.addresscol{margin-bottom: 100px;}
.addresscol address{margin-bottom: 0px;}
.addresscol address p{margin-bottom: 0px;}
.copyright{font-size: 16px;}
.footercerti img{margin-right: 70px;}
.footermain .brandtopright img{width: 100px;}
.socialicon a{margin-right: 20px;}
.socialicon a svg{fill: #000;}
.socialicon a:hover svg{fill: #B40109;}
.emailfield .form-control{padding: 20px;border: none;}
.subscribetext  input[type="submit"]{padding: 0px;font-size: 0px; position: absolute;right: 0px;top: 0px;width: 60px;height: 60px;border: none;background-color: transparent;background-image: url(../images/btn-right-arrow-black.svg);background-repeat:  no-repeat;background-position:  center;}
.subscribetext  input[type="submit"]:hover{background-image: url(../images/btn-right-arrow.svg);}
.copyrightfooter{position: absolute;text-align: center;bottom: 0px;left: 130px;right: 130px;background-color: #FFF2EB;padding: 30px 0px;border: 7px solid #fff;border-bottom: none;}
/* footer end */

.thankyoupage{padding-top: 200px;}
.notfoundrow{padding: 250px 0px;background: url(../images/page-not-found-bg.jpg) center;background-size: cover;background-attachment: fixed;color: #fff;}
.notfoundrow h1{color: #fff;}



.wpcf7-spinner{margin-top: 13px;vertical-align: top;}
.wpcf7 form.sent .wpcf7-response-output {line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb; margin: 20px 0 0; padding: 7px 12px; color: #155724;position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip {color: #fff; position: relative; text-align: left; font-size: 14px;}
.vc_row{margin: 0px !important}
.vc_column_container>.vc_column-inner{padding: 0px !important}
@keyframes textMarqRight {
  0% { transform: translate3d(0, 0, 0); }
   100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes scrolldown {
	0% { transform: translateY(0px) }
	50% { transform:translateY(5px) }
  100% { transform:translateY(0px) }
}


/* Animation css  */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }