@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'TeoriaMF';
    src: url('../fonts/TeoriaMF-Bold.eot');
    src: url('../fonts/TeoriaMF-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TeoriaMF-Bold.woff2') format('woff2'),
        url('../fonts/TeoriaMF-Bold.woff') format('woff'),
        url('../fonts/TeoriaMF-Bold.ttf') format('truetype'),
        url('../fonts/TeoriaMF-Bold.svg#TeoriaMF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TeoriaMF';
    src: url('../fonts/TeoriaMF.eot');
    src: url('../fonts/TeoriaMF.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TeoriaMF.woff2') format('woff2'),
        url('../fonts/TeoriaMF.woff') format('woff'),
        url('../fonts/TeoriaMF.ttf') format('truetype'),
        url('../fonts/TeoriaMF.svg#TeoriaMF') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TeoriaMF';
    src: url('../fonts/TeoriaMF-Light.eot');
    src: url('../fonts/TeoriaMF-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TeoriaMF-Light.woff2') format('woff2'),
        url('../fonts/TeoriaMF-Light.woff') format('woff'),
        url('../fonts/TeoriaMF-Light.ttf') format('truetype'),
        url('../fonts/TeoriaMF-Light.svg#TeoriaMF-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Built Titling Rg';
    src: url('../fonts/BuiltTitlingRg-Bold.eot');
    src: url('../fonts/BuiltTitlingRg-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BuiltTitlingRg-Bold.woff2') format('woff2'),
        url('../fonts/BuiltTitlingRg-Bold.woff') format('woff'),
        url('../fonts/BuiltTitlingRg-Bold.ttf') format('truetype'),
        url('../fonts/BuiltTitlingRg-Bold.svg#BuiltTitlingRg-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





body { font-family: 'TeoriaMF'; background-color: #E3CDA4;  font-size: 17px; line-height:  25px; font-style: normal;font-weight: 300; color: #fff; direction: rtl; }
h1, h2, h3, h4, h5, h6 { font-family: 'TeoriaMF'; font-size: 100px; font-style: normal; font-weight: bold; margin-bottom: 20px; line-height:  80px; color: #3d2308;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative; padding-left: 15px; padding-right: 15px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: block; height: 60px;  width: 60px;  border-radius: 0px; background-color: none;position:absolute; right: 20px; top: 30px; z-index: 102; border: 0; padding: 0; background: url("../images/menu_back.jpg") no-repeat center center #fff; border-radius: 50%; background-size: 400px auto; }
.navbar-toggler i{ width: 27px; height: 3px; background: #fff; border-radius: 0px; position:absolute; z-index: 5; right: 16.5px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1; font-size: 0px; line-height:  0px; color:rgba(255,255,255, 0); }
.navbar-toggler i:nth-child(1){ top: 20px;}
.navbar-toggler i:nth-child(2){top: 29px;}
.navbar-toggler i:nth-child(3){top: 38px;}
.navbar-toggler:hover i:nth-child(1), .navbar-toggler[aria-expanded="true"] i:nth-child(1) { width: 20px }
.navbar-toggler:hover i:nth-child(2), .navbar-toggler[aria-expanded="true"] i:nth-child(2) { width: 27px;}
.navbar-toggler:hover i:nth-child(3), .navbar-toggler[aria-expanded="true"] i:nth-child(3) { width: 15px; }

.header { position: fixed; left:  0; right:  0; top:  0; z-index:  99;}
.header .container-fluid {  max-width: 100%; position: relative; padding:  0; margin:  0; }
.logo { position: absolute; z-index:  2; left: 15px; top: 15px; width: 132px; }
.logo a { display: block; }
.logo a img { width: 100%;}

.home_top { padding: 0; margin: 0; position: relative; height: 100vh; overflow: hidden; z-index:  2;}
.video_back { position: absolute; z-index: -1; left:  0; right:  0; top:  0; bottom:  0; background: #000; min-width: 100%; min-height: 100%;}
.home_top .carousel, .home_top  .carousel-inner{ height: 100%;}
.home_top  .carousel-inner { z-index: 9;}
.home_top  .carousel-inner .carousel-item { height: 100%;}
.home_top  .carousel-control-prev, .home_top  .carousel-control-next {}
.top_right { position: absolute; z-index:  1; right:  0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); }
.top_right ul { padding: 0; margin: 0; list-style: none; display: block;}
.top_right ul li { padding: 10px 100px 10px 0; margin: 0; list-style: none; display: block; position: relative;}
.top_right ul li:after { content: ""; height: 16px; width: 70px; position: absolute; right:  0; top:  50%; margin-top: -8px; background: #fff;}
.top_right ul li a {-webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: white; color: rgba(255,255,255,0);text-decoration: none;outline: none !important; display: block; font-size: 110px; line-height: 110px; font-weight: bold;}
.top_right ul li a:hover {color: rgba(255,255,255,1);}
/* Animations  */
.nextsection {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  bottom: 15px; left: 50%; margin-left: -50px;
  text-align: center;
  background: transparent;
  z-index: 100;
}
.nextsection a { display: block;width: 100px;  height: 100px; }
.next_section {        
        opacity: 1; width: 70px;
        transform: translateY(0);
        -webkit-animation-name: arrow-wiggle;
        -webkit-animation-duration: 3.5s;
        -webkit-animation-delay: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-name: arrow-wiggle;
        animation-duration: 3.5s;
        animation-delay: 1s;
        animation-iteration-count: infinite;

        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
}

@-webkit-keyframes arrow-wiggle {
    0%   {transform: translateY(0); width: 70px;}
    30%  {transform: translateY(30px);width: 60px;}
    60%  {transform: translateY(60px);width: 60px;}
	80%  {transform: translateY(30px);width: 60px;}
    100% {transform: translateY(0);width: 70px;}
}

/* Standard syntax */
@keyframes arrow-wiggle {
    0%   {transform: translateY(0); width: 70px;}
    30%  {transform: translateY(30px);width: 60px;}
    60%  {transform: translateY(60px);width: 60px;}
	80%  {transform: translateY(30px);width: 60px;}
    100% {transform: translateY(0);width: 70px;}
}
.hlink { position: absolute; z-index:  2; right: 90px; top: 30px;border-radius: 35px;  background: #fbbc34;color: #FFF;padding: 14px 28px; font-size: 14px;  line-height: 20px; display: inline-block;letter-spacing: .3px; font-weight: bold; text-decoration: none;}
.hlink:hover {background:#e3aa2f;}

.home_section2 { padding: 55px 0; position: relative; z-index:  1;overflow: hidden;}
.home_section2 .row { margin-left: 0px; margin-right: 0px;}
.home_section2 .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.home_section2 .row  [class*="col-"]:nth-child(1) { padding-left: 12px;}
.home_section2 .row  [class*="col-"]:nth-child(2) { padding-right: 12px;}
.red_back { display: block; padding: 0; position: absolute; right:  0; top:  0; left: 12px; bottom:  0; background: url("../images/red_back.jpg") no-repeat left top; background-size: cover; z-index:  1;}
/*.red_back:after { content: ""; background: url("../images/title1.png") no-repeat right center; width: 150px; position: absolute; z-index:  1; right: 0; top: 0; bottom:  0; background-size: auto 100%; pointer-events: none;}*/
.red_text { display: block; padding: 65px 15% 65px 29%;  position: absolute; z-index:  2; left:  0; right: 0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); font-weight: 300;}
.red_text h2, .green_back h2, .blue_text h2 {font-family: 'Built Titling Rg'; color: #fff;-webkit-text-stroke: 1px #3D2308;text-stroke: 1px #3D2308;}
.green_pic { width: 100%; height: 100%; display: block;  background-size: cover !important;  background-repeat: no-repeat !important;  background-position: left top !important;}
.blue_text p,.red_text p {font-size:137%;line-height:132%;}
.home_section3 { padding: 0; background: url("../images/yellow_back.png") no-repeat center center; background-size: cover; position: relative; z-index:  2; /*overflow: hidden;*/}
.home_section3 .container { max-width: 1600px;}
.yellow_text { display: block; width: 520px; z-index:  2; position: absolute; left: 915px; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.yellow_text h2 {font-size: 100px; line-height: 100px;  color: #f8f7ed;font-family: 'Built Titling Rg';-webkit-text-stroke: 1px #3D2308;text-stroke: 1px #3D2308;}
.red_text h1, .yellow_text h2 strong, .contactus h2 strong, .green_back h2 strong, .blue_text h2 strong { display: block;color: #3D2308; font-size: 40px; line-height: 40px; font-family: 'TeoriaMF'; margin-bottom: 0;}
.red_text h1 {margin-bottom: 2px;}
.yellow_text h2 strong { margin-bottom: -10px;}
.contactus h2 strong { margin-bottom: 0px;}
.blue_text h2 {display: inline-block; }
.order_delivery { background: #ff0f3d ; padding: 4px 40px 0 50px; position: relative; font-size: 24px; font-weight: bold; color: #fff; display: inline-block;border-radius: 35px; height: 60px; line-height:  58px;}
.order_delivery:after { content: "\f104"; position: absolute; left:  24px; margin-top: 0px; color: #fff; font-family: 'FontAwesome'; font-size: 18px; line-height: 54px;         
	transform: translateX(0);
        -webkit-animation-name: arrow-left;
        -webkit-animation-duration: 3.5s;
        -webkit-animation-delay: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-name: arrow-left;
        animation-duration: 3.5s;
        animation-delay: 1s;
        animation-iteration-count: infinite;}
@-webkit-keyframes arrow-left {
    0%   {transform: translateX(0);}
    40%  {transform: translateX(-2px);}
	80%  {transform: translateX(-4px);}
    100% {transform: translateX(0);}
}

/* Standard syntax */
@keyframes arrow-left {
    0%   {transform: translateX(0);}
    40%  {transform: translateX(-2px);}
	80%  {transform: translateX(-4px);}
    100% {transform: translateX(0);}
}
.yellow_pic { padding: 30px 0; }
.yellow_pic img { max-width: 100%;}
.opener_box { width: 930px; height: 500px; position: relative; z-index:  3; float:  left;}
.boxes { position: absolute; width: 170px; height: 160px;}
.boxes img:nth-child(1) { width: 100%; position: relative; z-index:  1;  transform: scale(1); visibility: visible; display: block;transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.1);}
.boxes:hover img:nth-child(1) {transform: scale(0); visibility: hidden;}
.boxes img:nth-child(2) { width: 300px; height: auto; position: absolute; z-index:  2; left: -80px; top: -118px;transform: scale(0); visibility: hidden; display: block;transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1);}
.boxes:hover img:nth-child(2) { display: block;transform: scale(1); visibility: visible;}
.box1 { left:  12px; top:  10px; z-index: 1;}
.box2 { left:  186px; top:  32px; z-index: 2;}
.box3 { left:  363px; top:  52px; z-index: 3;}
.box4 { left:  53px; top:  167px; z-index: 4;}
.box5 { left:  237px; top:  180px; z-index: 5;}
.box6 { left:  450px; top:  172px; z-index: 6;}
.box7 { left:  608px; top:  124px; z-index: 7;}
.box8 { left:  0px; top:  346px; z-index: 8;}
.box9 { left:  167px; top:  321px; z-index: 9;}
.box10 { left:  367px; top:  301px; z-index: 10;}
.box11 { left:  580px; top:  280px; z-index: 11;}
.box12 { left:  758px; top:  224px; z-index: 12;}
.boxes.active { z-index: 20;}

.home_section4 { padding: 55px 0; position: relative; z-index:  1; min-height: 665px;overflow: hidden;}
.home_section4 .row { margin-left: 0px; margin-right: 0px;}
.home_section4 .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;min-height: 665px;}
.home_section4 .row  [class*="col-"]:nth-child(1) { padding-left: 12px;}
.home_section4 .row  [class*="col-"]:nth-child(2) { padding-right: 12px;}
.green_back {background: url("../images/green_back.jpg") no-repeat left center #384999; width: 100%; height: 100%; display: block;  background-size: cover; position: relative;}
.tabbed_content {padding:  100px 50px 0 0; position: relative; z-index:  5;}
.home_slider {width: 100%; height: 100%; position: relative; direction: ltr;}
.home_slider .splide, .home_slider .splide__track { width: 100%; height: 100%;}
.home_slider .splide__slide { background-size: cover !important;  background-repeat: no-repeat !important;  background-position: center center !important;}

.home_section2  .home_slider .splide__slide {background-size: cover !important;  background-repeat: no-repeat !important;  background-position: left top !important; padding-top: 90%!important; }
.home_section4 .home_slider .splide__slide, .home_section5 .home_slider .splide__slide { background-size: cover !important;  background-repeat: no-repeat !important;  background-position: center center !important;padding-top: 60%!important; }

.home_slider .splide__toggle { position: absolute; left:  10px; bottom:  10px; z-index:  4; border: 0; padding:  0; margin:  0; background: none;}
.home_slider .splide__toggle .splide__toggle__pause, .home_slider .splide__toggle .splide__toggle__play { width: 30px; height: 30px;  text-align: center; line-height:  30px; border: solid 1px #000; border-radius: 0; color: #000; padding: 0; margin: 0; display: none;}
.home_slider .splide__toggle.is-active .splide__toggle__pause {display: inline-block; line-height: 20px; padding-top: 6px;}
.home_slider .splide__toggle .splide__toggle__play { display: inline-block;line-height: 20px; padding-top: 6px;}
.home_slider .splide__toggle.is-active .splide__toggle__play { display: none;}

.tabbed_content .accordion { padding-top: 0px;}
.tabbed_content .accordion-collapse { border: 0; padding: 0;}
.tabbed_content .accordion-body { padding: 0 0 10px 20px;}
.tabbed_content .accordion-button {  border: 0!important; background: none;  padding: 10px 0 10px 0; position: relative; font-weight: normal; width: 100%; border-radius: 0!important; box-shadow: none;/*-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white; color: transparent; */ cursor: pointer;  font-size: 50px; line-height: 50px;   transition: all 0.3s ease 0s; text-align: right; color: #613d14; }
.tabbed_content .accordion-button:hover { font-weight:bold;color: #3d2308 ;}
.tabbed_content .accordion-button[aria-expanded="true"] { background: none; color: #3d2308 ; border:  0;}
.tabbed_content .accordion-button:after { content: ""; z-index: 1; width: 40px; height: 8px; position:absolute; right: 0; top: 50%; margin-top: -4px; background: #613d14; transform: rotate(0deg); display: none; }
.tabbed_content .accordion-button[aria-expanded="true"]:after { background: #3d2308;transform: rotate(0deg);display: none;}
.tabbed_content .accordion .accordion-item { border:  0!important;  padding:0px; margin:0px; background: none; border-radius: 0!important; color: #3d2308;}
.tabbed_content .accordion-body ul, .tabbed_content .accordion-body ol { display: block; padding: 0; margin:  0; list-style: none;}
.tabbed_content .accordion-body ul li, .tabbed_content .accordion-body ol li { display: block; padding: 2px 0 2px 0; margin:  0; list-style: none;}
.tabbed_content .accordion-body ul li a, .tabbed_content .accordion-body ol li a { display: inline-block; position: relative; padding:6px 30px 6px 10px; font-size: 24px; line-height: 30px; font-weight: 300;  color: #3d2308;}
.tabbed_content .accordion-body ol li a { padding-right: 0px;}
.tabbed_content .accordion-body ul li a:hover, .tabbed_content .accordion-body ol li a:hover { color: #613d14;}
.tabbed_content .accordion-body ul li a i { position: absolute; right:  0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}

.home_section5 { padding: 0 0 55px 0; position: relative; z-index:  1; min-height: 665px; overflow: hidden;}
.home_section5 .row { margin-left: 0px; margin-right: 0px;}
.home_section5 .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;min-height: 665px;}
.home_section5 .row  [class*="col-"]:nth-child(1) { padding-left: 12px;}
.home_section5 .row  [class*="col-"]:nth-child(2) { padding-right: 12px;}
.blue_text {  width: 100%; height: 100%; display: block; text-align: center; position: relative; padding: 0;background: url("../images/blue_back.jpg") no-repeat left top; background-size: cover; font-weight: 300; }
.blue_text > div {padding:  0 10%; position: absolute; left:  0; right:  0; top:  50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
/*.blue_text h2 { font-size: 30px; line-height:  30px; color: #fff;}

.home_section5 .home_slider:after { content: "";background: url("../images/title3.png") no-repeat right bottom; width: 100%; height: 182px; display: block; pointer-events: none; background-size: auto; position: absolute; z-index:  1; left:  0; right:  0; bottom:  -3px;}*/
.purchase { border-radius: 35px;  background: #fbbc34;color: #3E3E3E;padding:4px 40px 0 40px; font-size: 24px;  line-height: 56px; height:  56px; display: inline-block;letter-spacing: .3px; font-weight: bold; text-decoration: none;}
.purchase:hover {background:#e3aa2f; color: #fff;}

.contactus{ padding-bottom: 0px; position: relative; z-index:  5; text-align: center;}
.contactus h2 {font-size: 120px; line-height: 100px; margin-bottom: 80px;  color: #fff;font-family: 'Built Titling Rg'; display: inline-block; -webkit-text-stroke:  1px #3D2308;text-stroke: 1px #3D2308;}
.contactus h2 strong { text-align: right;}
.contactus .form-group{ margin-bottom: 20px; float:  right; width: 100%;}
.contactus .form-group .form-control {margin-top:8px; border-radius: 0px; height: 70px; background: rgba(164,99,100,0); color: #000; font-size: 24px; line-height:  68px; border:  solid 2px #000; display:  block; text-align: right; padding:  0 15px;font-family: 'TeoriaMF';}
.contactus .form-group .form-control:focus {border:  solid 2px #000;}
.contactus .form-group .form-control.textarea { height:  266px; line-height:  22px; padding: 6px 15px; }

.form-control::-webkit-input-placeholder{ color: #000; opacity: 0.5;font-weight: 500;}
.form-control::-moz-placeholder { color: #000; opacity: 0.5;font-weight: 500; }
.form-control:-ms-input-placeholder { color: #000;font-weight: 500; opacity: 0.5; }
.form-control::-webkit-input-placeholder { color: #000;font-weight: 500; opacity: 0.5; }

.form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.form-control:focus::-moz-placeholder { opacity: 0 !important;}
.form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.form_submit { text-align: left;}
.submitform { display: inline-block; cursor: pointer;width: 300px; height:  70px; background: #3D2308; border:  solid 1px #3D2308!important; border-radius: 0px; line-height:  68px; color:  #fff; font-size: 30px; font-weight: 500; padding:  0; text-align: center; padding-top: 5px; }
.submitform:hover {background:#e3aa2f;}
.form-control:focus:required:valid {
  outline: solid 1px #000;
}
.form-control:focus:required:invalid {
  outline: solid 1px #FF3636;
}

.footer_top { position: relative; z-index:  2; height: 230px;/* background: url("../images/yellow_header.png") no-repeat center bottom; background-size: contain;*/ margin-bottom: -80px;}
.elephant { position: absolute; bottom:  0; left:  50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%); width: 320px;}
.elephant img { max-width: 100%;}
.footer { position: relative; z-index:  1; background: url("../images/yellowdown.png") repeat left top; padding: 15px; text-align: center;color: black;font-size: 16px; padding-top: 100px;}
.footer ul { display: block; padding: 0; margin: 0; list-style: none;}
.footer ul li { display: inline-block; padding: 0 5px; margin: 0; list-style: none;}
.footer ul li a {background-color: rgba(255,255,255,.3);border-radius: 50%;width: 60px;height: 60px; color: #FFF; display: inline-block; position: relative;}
.footer ul li a img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 50%;}
.footer ul li:nth-child(1) a:hover { background: #365493;}
.footer ul li:nth-child(2) a:hover { background: #774430;}
.footer ul li:nth-child(3) a:hover { background: #2ebd59;}
.footer ol { display: block; padding: 10px 0; margin: 0; list-style: none;}
.footer ol li { display: inline-block; padding: 0 5px; margin: 0; list-style: none;}
.footer ol li a { display: inline-block; text-transform: uppercase;color: black; font-weight: bold;}
.footer ol li a:hover {text-decoration: underline;}
.link_name {color: black; font-weight: bold;}
.created {color:#FF0004;  font-weight: bold;}
.footer p { direction: ltr;font-family: 'Built Titling Rg';}

 .navbar { position: absolute; right: 0; top: 100px; left: 0; width: 100%; padding:0; display: block; z-index:  18; border: 0; }
	.navbar .navbar-collapse { position:fixed; left: 0; right: 0; top: 0px; height:0!important; transition: height 0.3s; z-index: 9; overflow-y: auto ; border: 0; background: rgba(0,0,0,.7);display: flex;
  flex-wrap: wrap;} 
	.navbar .navbar-collapse.show {height:calc(100vh - 0px) !important;max-height: none; transition: height 0.3s;}

.first-nav {font-family: 'TeoriaMF'; display: block; width: 100%; position:relative; z-index: 18; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border-radius: 60px;}
	
	 .first-nav {flex: 0 0 auto;    width: 100%; max-width: 100%;order: 1 !important;}
	 .first-nav ul { display: block;position: relative; width: 100%; padding: 0px 60px 20px 60px; margin: 0;list-style: none;  float: right;  border: 0; z-index:  5; text-align: center;  }
	.first-nav ul li {width: 100%; float: right; padding: 10px 0; position:relative; border:0;  text-align: center;}
	.first-nav ul li a {  color: #fff; font-size: 24px; line-height: 30px;  z-index: 9; padding: 10px 0;  font-weight: bold;border: 0; display: inline-block; vertical-align: middle;}
	.first-nav ul li:focus > a, .first-nav ul li:hover > a, .first-nav ul li > a:focus, .first-nav ul li > a:hover, .first-nav ul li > a.active, .first-nav ul li.active > a{ color: rgba(255,255,255, 0.8); text-decoration:none; border:0; }
	.first-nav ul  li a:hover{ border:0;}
.first-nav ul li:nth-last-child(1) {font-family: 'Built Titling Rg';}

.ordernow{ position: fixed; right:  90px; top:  10px; font-size: 0; color: rgba(252,249,249,0); z-index:  98;}
.ordernow img { max-width: 110px;}
.ordernow:hover img {zoom:1.2;}
.ratio { padding-top: 57%;}
.ratio iframe { left: 0!important; right:  0!important; top:  0!important; min-height: 100%; border:  0;}

.faq_content { text-align: right;font-size: 30px; line-height: 30px; color: #613d14;font-weight: 500; padding-bottom: 20px;}
.faq_content h3 {font-size: 50px; line-height: 40px; color: #613d14;font-weight: bold; margin-bottom: 5px;}
.faq_content .accordion { padding-top: 0px;}
.faq_content .accordion-collapse { border: 0; padding: 0;}
.faq_content .accordion-body { padding: 0 0 10px 20px;}
.faq_content .accordion-button {  border: 0!important; background: none;  padding: 10px 0 10px 0; position: relative; width: 100%; border-radius: 0!important; box-shadow: none;cursor: pointer;  font-size: 50px; line-height: 50px;   transition: all 0.3s ease 0s; text-align: right; color: #613d14; font-weight: 300; }
.faq_content .accordion-button:hover { color: #3d2308 ;}
.faq_content .accordion-button[aria-expanded="true"] { background: none; color: #3d2308 ; border:  0;}
.faq_content .accordion-button:after { content: "+"; z-index: 1; width: 20px; height: 20px; line-height:  20px; position:absolute; right: -25px; top: 25px; transform: rotate(0deg); background-image: none!important; font-weight: 300;font-family: 'TeoriaMF'; font-size: 40px; }
.faq_content .accordion-button[aria-expanded="true"]:after {content: "-"; transform: rotate(0deg);}
.faq_content .accordion .accordion-item { border:  0!important;  padding:0px; margin:0px; background: none; border-radius: 0!important; color: #3d2308;}

/* #Media Queries ================================================== */
 @media (min-width: 1500px) and (max-width:1650px) {
	 .ratio iframe { min-height: 120vh;}
	

}
 @media (min-width: 1300px) and (max-width:1450px) {
	 .yellow_text { width: 360px; z-index:  2; left: 915px;}
	 .yellow_text h2, .green_back h2, .blue_text h2 {font-size: 95px; line-height: 90px;}
	 .yellow_text h2 strong, .green_back h2 strong, .blue_text h2 strong {font-size: 40px; line-height: 40px;}
	 .green_back h2 strong, .blue_text h2 strong { margin-bottom: -5px;}

}
 @media (min-width: 1200px) and (max-width:1299px) {
	 .opener_box{transform: scale(0.9); margin-left: -40px;}
	 .yellow_text { width: 330px; z-index:  2; left: 850px;}
	 .yellow_text h2 , .green_back h2, .blue_text h2{font-size: 86px; line-height: 80px;}
	 .yellow_text h2 strong, .green_back h2 strong, .blue_text h2 strong {font-size: 40px; line-height: 40px;}
	 .green_back h2 strong, .blue_text h2 strong { margin-bottom: -5px;}

}

 @media (min-width: 992px) and (max-width:1199px) {
	 h1, h2, h3, h4, h5, h6 {font-size: 80px;line-height: 80px;}
	 .top_right ul li a {font-size: 90px; line-height: 90px;}
	 .yellow_text h2, .contactus h2, .green_back h2, .blue_text h2 {font-size: 80px;line-height: 80px;}
	 .tabbed_content { padding: 100px 30px 0 0;}
	 .tabbed_content .accordion-button {font-size: 45px;line-height: 45px;}
	 .red_text { padding: 0 8% 0 10%;}
	 
	 .home_section3 {min-height: 400px;}
	 .opener_box{transform: scale(0.7); margin-left: -12%; margin-top: -40px;}
	 .yellow_text { width: 330px; z-index:  2; left: auto; right: 15px;}
	 .yellow_text h2, .green_back h2, .blue_text h2 {font-size: 86px; line-height: 80px;}
	 .yellow_text h2 strong, .green_back h2 strong, .blue_text h2 strong {font-size: 40px; line-height: 40px;}	 
	 .green_back h2 strong, .blue_text h2 strong, .contactus h2 strong { margin-bottom: -10px;}
	 .red_text h1 {margin-bottom: 0px; line-height:  30px;}
	 .purchase { padding: 4px 15px 0 15px; font-size: 22px;}
	 
}
@media (min-width: 768px) and (max-width: 991px)  {
	 h1, h2, h3, h4, h5, h6 {font-size: 80px;line-height: 80px;}
	 .top_right ul li a {font-size: 90px; line-height: 90px;}
	 .yellow_text h2, .contactus h2, .green_back h2, .blue_text h2 {font-size: 80px;line-height: 80px;}
	.tabbed_content { padding: 50px 50px 50px;} 
	.tabbed_content .accordion-button {font-size: 45px;line-height: 45px;}	 
	.tabbed_content .accordion-body ul li a { font-size: 20px; line-height: 26px;}
	.home_section2 .row [class*="col-"] { padding-left: 0px;padding-right: 0px;}
	.home_section2 .row [class*="col-"]:nth-child(1) { padding-left: 0px;}
	.red_back {	left: 0px;}
	.home_section2 .row [class*="col-"]:nth-child(2) { padding-right: 0px;}
	.red_text { padding: 50px 15% 50px 15%;position: relative; left: auto;  right: auto;  top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
	.home_section4 .row [class*="col-"]:nth-child(1) { padding-left: 0px;min-height: auto;}
	.home_section4 .row [class*="col-"]:nth-child(2) { padding-right: 0px;}
	.home_section5 .row [class*="col-"]:nth-child(1) { padding-left: 0px;}
	.home_section5 .row [class*="col-"]:nth-child(2) { padding-right: 0px;}
	
	.home_section3 {padding-bottom: 10px;min-height: 600px; text-align: center;}
	.home_section3 .row [class*="col-"]{padding-top: 220px;}
	.opener_box{transform: scale(0.8); display: inline-block; margin: 0 auto; float: none; left:  50%; margin-left: -95%; }
	.yellow_text { width: 330px; z-index:  2; left: 50%; text-align: center; margin-left: -150px; top: 50px;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
	.yellow_text h2, .green_back h2, .blue_text h2 {font-size: 86px; line-height: 80px;}
	.yellow_text h2 strong , .green_back h2 strong, .blue_text h2 strong{font-size: 40px; line-height: 40px;}	
	.green_back h2 strong, .blue_text h2 strong, .contactus h2 strong { margin-bottom: -10px;}
	.red_text h1 {margin-bottom: 0px; line-height:  30px;}
	
	.faq_content .accordion-button { padding: 10px 25px 10px 0; }
	.faq_content .accordion-button:after { right: 0px; }

}	 
/* END__ */
	 
 @media only screen and (max-width: 767px) {
	 h1, h2, h3, h4, h5, h6 {font-size: 70px;line-height: 70px;}
	 .logo { left: 15px; top: 15px; width: 92px; }
	 .ordernow { right: 50%; margin-right: -60px;}
	 .top_right ul li a {font-size: 70px; line-height: 70px;}
	 .yellow_text h2, .contactus h2, .green_back h2, .blue_text h2 {font-size: 70px;line-height: 70px;}
	 .tabbed_content { padding: 50px 50px 50px;} 
	 .tabbed_content .accordion-button {font-size: 40px;line-height: 40px;}	 
	.tabbed_content .accordion-body ul li a { font-size: 18px; line-height: 24px;}	
	 .home_section2 .row [class*="col-"]:nth-child(1), .home_section4 .row [class*="col-"]:nth-child(1),  .home_section5 .row [class*="col-"]:nth-child(1) {padding-left: 0px;}
	 .home_section2 .row [class*="col-"]:nth-child(2), .home_section4 .row [class*="col-"]:nth-child(2) ,.home_section5 .row [class*="col-"]:nth-child(2) {padding-right: 0px;}
	 .green_pic  { padding-top: 70%;}
	 .home_section2  .home_slider .splide__slide {padding-top: 70%;}
	 
	.home_section3 {padding-bottom: 10px; text-align: center;}
	.home_section3 .row [class*="col-"]{padding-top: 270px;}
	.yellow_text { width: 330px; z-index:  2; left: 50%; text-align: center; margin-left: -150px; top: 50px;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

	 .opener_box{transform: scale(1);  left:  auto; right:  auto; margin-left: auto;  top:  0px;height: 470px; width: 100%;}
	 .boxes { position: absolute; width: 140px; height: 140px;}	 
	 .boxes img:nth-child(2) { width: 230px; left: -55px; top: -90px;}
.box1 { left:  50%; margin-left: -230px;top: 50px;}
.box2 { left:  50%; margin-left: -120px;top: 0px;}
.box3 { left:  50%; margin-left: 0px;top: 50px;}
.box4 { left:  50%; margin-left: 110px; top:  0px;}
.box5 { left:  50%; margin-left: -230px; top:  187px;}
.box6 { left:  50%; margin-left: -120px; top:  140px;}
.box7 { left:  50%; margin-left: 0px; top:  187px;}
.box8 { left:  50%; margin-left: 110px; top:  140px;}
.box9 { left:  50%; margin-left: -230px; top:  320px;}
.box10 { left:  50%; margin-left: -120px; top:  270px;}
.box11 { left:  50%; margin-left: 0px; top:  320px;}
.box12 { left:  50%; margin-left: 110px; top:  270px;} 
	 
	 .home_section4 .row [class*="col-"] {  min-height: 400px;}
	 .home_section4 .row [class*="col-"]:nth-child(1) { min-height: inherit;}
	 .home_section5 .row [class*="col-"]:nth-child(1) {  min-height: 400px;}
	 .home_section5 .row [class*="col-"]:nth-child(2) { min-height: inherit;}
	 .blue_text > div { padding: 50px 10%; position: relative;left: auto;  right: auto;  top: 0%; -webkit-transform: translateY(-0%); -ms-transform: translateY(-0%); -o-transform: translateY(-0%); transform: translateY(-0%);}
	 .contactus h2 { display: block; text-align: center;}
	 .contactus h2 strong { text-align: center;}
	 .submitform { display: block; width: 100%;}
	 
	 .red_text { padding: 50px 15% 50px 15%;position: relative; left: auto;  right: auto;  top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
	 .contactus { padding-bottom: 0px;}
	 .footer_top { height: 320px; }
	 .green_back h2 strong, .blue_text h2 strong, .contactus h2 strong { margin-bottom: -10px;}
	 .red_text h1 {margin-bottom: 0px; line-height:  30px;}
	 
	 .faq_content .accordion-button { padding: 10px 25px 10px 0; }
	 .faq_content .accordion-button:after { right: 0px; }
	 
	 
}
/* END__ */
 @media only screen and (max-width: 575px) {
	 .footer_top {  height: 290px; }	 
	 .elephant { width: 280px;}

}
/* END__ */
 @media only screen and (max-width: 450px) {
	 .opener_box{transform: scale(0.8); }
	 
 
}
/* END__ */
 @media only screen and (max-width: 400px) {


	 
}
/* END__ */
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, input:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}


.splide__toggle {
    background-color: white!important;
}