body {font-family: "Karla", sans-serif; font-size: 15px; line-height: 28px; font-weight: 400; font-style: normal; color: #777777; }
.f-left {float: left; }
.f-right {float: right; }
.fix {overflow: hidden; }
a, .button {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a:focus, .button:focus {text-decoration: none; outline: none; }
a:focus, a:hover {color: inherit; text-decoration: none; }
a, button {color: inherit; outline: medium none; text-decoration: none; }
button:focus, input:focus, input:focus, textarea, textarea:focus {outline: 0; }
.uppercase {text-transform: uppercase; }
.capitalize {text-transform: capitalize; }
h1, h2, h3, h4, h5, h6 {font-family: "Barlow Condensed", sans-serif; color: #fff; line-height: 1.1; margin-top: 0px; font-style: normal; font-weight: 600; text-transform: normal; letter-spacing: -0.3px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
h1 {font-size: 40px; }
h2 {font-size: 35px; }
h3 {font-size: 28px; }
h4 {font-size: 22px; }
h5 {font-size: 18px; }
h6 {font-size: 16px; }
ul {margin: 0px; padding: 0px; }
li {list-style: none; }
p {font-size: 15px; font-weight: 400; line-height: 28px; font-family: "Karla", sans-serif; color: #777777; margin-bottom: 0;}
hr {border-bottom: 1px solid #414657; border-top: 0 none; margin: 30px 0; padding: 0; }
label {color: #000; cursor: pointer; font-size: 14px; font-weight: 400; }
*::-moz-selection {background: #d1a41c; color: white; text-shadow: none; }
::-moz-selection {background: #d1a41c; color: white; text-shadow: none; }
::selection {background: #d1a41c; color: white; text-shadow: none; }
*::-moz-placeholder {color: #000; font-weight: 600; font-size: 14px; opacity: 1; }
*::placeholder {color: #000; font-weight: 600; font-size: 14px; opacity: 1; }
.pos-rel {position: relative; }
.pos-abl {position: absolute; }
.fix {overflow: hidden; }
.clear {clear: both; }
.grey-bg {background: #fff; }
.grey-bg2 {background: #f4f2f1; }
.white-bg {background: white; }
.black-bg {background: #171717; }
.black-bg2 {background: #fefefe; }
.heding-bg {background: #fff; }
.theme-bg {background: #d1a41c; }
.theme-bg2 {background: #4db7a6; }
.white-color {color: white; }
.black-color {color: #d1a41c; }
.theme-color {color: #d1a41c; }
.theme_btn {overflow: hidden; color: white; background: #d1a41c; font-size: 14px; font-weight: 700; line-height: 1; font-family: "Karla", sans-serif; padding: 20px 70px 20px 44px; display: inline-block; border-radius: 30px; position: relative; z-index: 1; cursor: pointer; text-transform: uppercase; transition: all 0.4s ease-in-out; }
.theme_btn span {position: absolute; right: 10px; background: white; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; top: 10px; display: inline-block; z-index: 3;}
.theme_btn span i {color: #d1a41c; font-size: 15px; line-height: 35px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.theme_btn::before {top: 0px; width: 0px; left: auto; right: 0px; z-index: -1; bottom: 0px; content: ""; position: absolute; border-radius: 30px; transition: all 0.3s ease-in-out;}
.theme_btn:hover {color: white; }
.theme_btn:hover::before {left: 0px; width: 100%; right: auto; }
.theme_btn:hover i {color: #4db7a6; transform: rotateY(180deg); }
.theme_btn_bg::before {background: #4db7a6 !important; }
.theme_btn_bg_02::before {background: #d1a41c !important; }
.theme-border-btn {color: white; background: transparent; border: 2px solid #414657; }
.theme-border-btn:hover {color: #fff; border-color: transparent; }
.theme-border-btn:hover::before {background: #d1a41c; }
.theme_btn2 {background: #4db7a6 !important; }
.theme_btn2 span i {color: #4db7a6; }
.theme_btn2:hover {border-color: transparent; background: transparent; }
.theme_btn2:hover span i {color: #d1a41c; }
.theme_btn3 {color: #fff !important; background: white !important; }
.theme_btn3 span {background: #d1a41c; } 
.theme_btn3 span i {color: white; }
.theme_btn3:hover {color: white !important; border-color: transparent; background: transparent; }
.theme_btn3:hover span {background: white; }
.theme_btn3:hover span i {color: #d1a41c; }
.left-line {position: relative; }
.left-line::before {content: ""; background: white; position: absolute; left: 0; top: 10px; width: 50px; height: 2px; z-index: 1;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.section-title {padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 767px) {
.section-title {padding-left: 0 !important; padding-right: 0 !important; }
}

.section-title h6 {color: #d1a41c; font-size: 20px; font-family: "Karla", sans-serif; line-height: 1.1; font-weight: 600; margin-bottom: 17px; display: inline-block; }
.section-title h6 span i {padding-right: 6px;}
.section-title h2 {color: #000; font-size: 35px; line-height: 1.1; font-weight: 600; font-family: "Barlow Condensed", sans-serif; letter-spacing: -0.3px;margin-bottom: 16px;}
.section-title h2 span {font-weight: 300;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.section-title h2 {font-size: 40px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title h2 {font-size: 45px;}
}

@media (max-width: 767px) {
.section-title h2 {font-size: 25px;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.section-title h2 {font-size: 30px; }
}

.semi-02-title {font-size: 24px; font-family: "Barlow Condensed", sans-serif; }
.white-title h6 {color: #4db7a6; }
.white-title h2 {color: white; }
.popup-video {background: white; border-radius: 50%; font-size: 14px; line-height: 115px; display: inline-block; width: 115px; height: 115px; text-align: center; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; position: relative; z-index: 1; 
	animation: pulseBig2 infinite 5s linear; }
.popup-video i {color: #d1a41c; font-size: 24px; }
.popup-video:hover {color: white; background: #4db7a6; transform: translateY(-8px); }
.mt-5 {margin-top: 5px; }
.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-35 {margin-top: 35px; }
.mt-40 {margin-top: 40px; }
.mt-45 {margin-top: 45px; }
.mt-50 {margin-top: 50px; }
.mt-55 {margin-top: 55px; }
.mt-60 {margin-top: 60px; }
.mt-65 {margin-top: 65px; }
.mt-70 {margin-top: 70px; }
.mt-75 {margin-top: 75px; }
.mt-80 {margin-top: 80px; }
.mt-85 {margin-top: 85px; }
.mt-90 {margin-top: 90px; }
.mt-95 {margin-top: 95px; }
.mt-100 {margin-top: 100px; }
.mt-105 {margin-top: 105px; }
.mt-110 {margin-top: 110px; }
.mt-115 {margin-top: 115px; }
.mt-120 {margin-top: 120px; }
.mt-125 {margin-top: 125px; }
.mt-130 {margin-top: 130px; }
.mt-135 {margin-top: 135px; }
.mt-140 {margin-top: 140px; }
.mt-145 {margin-top: 145px; }
.mt-150 {margin-top: 150px; }
.mt-155 {margin-top: 155px; }
.mt-160 {margin-top: 160px; }
.mt-165 {margin-top: 165px; }
.mt-170 {margin-top: 170px; }
.mt-175 {margin-top: 175px; }
.mt-180 {margin-top: 180px; }
.mt-185 {margin-top: 185px; }
.mt-190 {margin-top: 190px; }
.mt-195 {margin-top: 195px; }
.mt-200 {margin-top: 200px; }
.mb-5 {margin-bottom: 5px; }
.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-35 {margin-bottom: 35px; }
.mb-40 {margin-bottom: 40px; }
.mb-45 {margin-bottom: 45px; }
.mb-50 {margin-bottom: 50px; }
.mb-55 {margin-bottom: 55px; }
.mb-60 {margin-bottom: 60px; }
.mb-65 {margin-bottom: 65px; }
.mb-70 {margin-bottom: 70px; }
.mb-75 {margin-bottom: 75px; }
.mb-80 {margin-bottom: 80px; }
.mb-85 {margin-bottom: 85px; }
.mb-90 {margin-bottom: 90px; }
.mb-95 {margin-bottom: 95px; }
.mb-100 {margin-bottom: 100px; }
.mb-105 {margin-bottom: 105px; }
.mb-110 {margin-bottom: 110px; }
.mb-115 {margin-bottom: 115px; }
.mb-120 {margin-bottom: 120px; }
.mb-125 {margin-bottom: 125px; }
.mb-130 {margin-bottom: 130px; }
.mb-135 {margin-bottom: 135px; }
.mb-140 {margin-bottom: 140px; }
.mb-145 {margin-bottom: 145px; }
.mb-150 {margin-bottom: 150px; }
.mb-155 {margin-bottom: 155px; }
.mb-160 {margin-bottom: 160px; }
.mb-165 {margin-bottom: 165px; }
.mb-170 {margin-bottom: 170px; }
.mb-175 {margin-bottom: 175px; }
.mb-180 {margin-bottom: 180px; }
.mb-185 {margin-bottom: 185px; }
.mb-190 {margin-bottom: 190px; }
.mb-195 {margin-bottom: 195px; }
.mb-200 {margin-bottom: 200px; }
.ml-5  {margin-left: 5px; }
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-30 {margin-left: 30px;}
.ml-35 {margin-left: 35px;}
.ml-40 {margin-left: 40px;}
.ml-45 {margin-left: 45px;}
.ml-50 {margin-left: 50px;}
.ml-55 {margin-left: 55px;}
.ml-60 {margin-left: 60px;}
.ml-65 {margin-left: 65px;}
.ml-70 {margin-left: 70px;}
.ml-75 {margin-left: 75px;}
.ml-80 {margin-left: 80px;}
.ml-85 {margin-left: 85px;}
.ml-90 {margin-left: 90px;}
.ml-95 {margin-left: 95px; }
.ml-100 {margin-left: 100px;}
.ml-105 {margin-left: 105px;}
.ml-110 {margin-left: 110px;}
.ml-115 {margin-left: 115px;}
.ml-120 {margin-left: 120px;}
.ml-125 {margin-left: 125px;}
.ml-130 {margin-left: 130px;}
.ml-135 {margin-left: 135px;}
.ml-140 {margin-left: 140px;}
.ml-145 {margin-left: 145px;}
.ml-150 {margin-left: 150px;}
.ml-155 {margin-left: 155px;}
.ml-160 {margin-left: 160px;}
.ml-165 {margin-left: 165px;}
.ml-170 {margin-left: 170px;}
.ml-175 {margin-left: 175px;}
.ml-180 {margin-left: 180px;}
.ml-185 {margin-left: 185px;}
.ml-190 {margin-left: 190px;}
.ml-195 {margin-left: 195px;}
.ml-200 {margin-left: 200px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-35 {margin-right: 35px;}
.mr-40 {margin-right: 40px;}
.mr-45 {margin-right: 45px;}
.mr-50 {margin-right: 50px;}
.mr-55 {margin-right: 55px;}
.mr-60 {margin-right: 60px; } 
.mr-65 {margin-right: 65px; }
.mr-70 {margin-right: 70px; }
.mr-75 {margin-right: 75px; }
.mr-80 {margin-right: 80px; }
.mr-85 {margin-right: 85px; }
.mr-90 {margin-right: 90px; }
.mr-95 {margin-right: 95px; }
.mr-100 {margin-right: 100px; }
.mr-105 {margin-right: 105px; }
.mr-110 {margin-right: 110px; }
.mr-115 {margin-right: 115px; }
.mr-120 {margin-right: 120px; }
.mr-125 {margin-right: 125px; }
.mr-130 {margin-right: 130px; }
.mr-135 {margin-right: 135px; }
.mr-140 {margin-right: 140px; }
.mr-145 {margin-right: 145px; }
.mr-150 {margin-right: 150px; }
.mr-155 {margin-right: 155px; }
.mr-160 {margin-right: 160px; }
.mr-165 {margin-right: 165px; }
.mr-170 {margin-right: 170px; }
.mr-175 {margin-right: 175px; }
.mr-180 {margin-right: 180px; }
.mr-185 {margin-right: 185px; }
.mr-190 {margin-right: 190px; }
.mr-195 {margin-right: 195px; }
.mr-200 {margin-right: 200px; }
.pt-5 {padding-top: 5px; }
.pt-10 {padding-top: 10px; }
.pt-15 {padding-top: 15px; }
.pt-20 {padding-top: 20px; }
.pt-25 {padding-top: 25px; }
.pt-30 {padding-top: 30px; }
.pt-35 {padding-top: 35px; }
.pt-40 {padding-top: 40px; }
.pt-45 {padding-top: 45px; }
.pt-50 {padding-top: 50px; }
.pt-55 {padding-top: 55px; }
.pt-60 {padding-top: 60px; }
.pt-65 {padding-top: 65px; }
.pt-70 {padding-top: 70px; }
.pt-75 {padding-top: 75px; }
.pt-80 {padding-top: 80px; }
.pt-85 {padding-top: 85px; }
.pt-90 {padding-top: 90px; }
.pt-95 {
padding-top: 95px;
}

.pt-100 {
padding-top: 100px;
}

.pt-105 {
padding-top: 105px;
}

.pt-110 {
padding-top: 110px;
}

.pt-115 {
padding-top: 115px;
}

.pt-120 {
padding-top: 120px;
}

.pt-125 {
padding-top: 125px;
}

.pt-130 {
padding-top: 130px;
}

.pt-135 {
padding-top: 135px;
}

.pt-140 {
padding-top: 140px;
}

.pt-145 {
padding-top: 145px;
}

.pt-150 {
padding-top: 150px;
}

.pt-155 {
padding-top: 155px;
}

.pt-160 {
padding-top: 160px;
}

.pt-165 {
padding-top: 165px;
}

.pt-170 {
padding-top: 170px;
}

.pt-175 {
padding-top: 175px;
}

.pt-180 {
padding-top: 180px;
}

.pt-185 {
padding-top: 185px;
}

.pt-190 {
padding-top: 190px;
}

.pt-195 {
padding-top: 195px;
}

.pt-200 {
padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
padding-bottom: 5px;
}

.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-35 {
padding-bottom: 35px;
}

.pb-40 {
padding-bottom: 40px;
}

.pb-45 {
padding-bottom: 45px;
}

.pb-50 {
padding-bottom: 50px;
}

.pb-55 {
padding-bottom: 55px;
}

.pb-60 {
padding-bottom: 60px;
}

.pb-65 {
padding-bottom: 65px;
}

.pb-70 {
padding-bottom: 70px;
}

.pb-75 {
padding-bottom: 75px;
}

.pb-80 {
padding-bottom: 80px;
}

.pb-85 {
padding-bottom: 85px;
}

.pb-90 {
padding-bottom: 90px;
}

.pb-95 {
padding-bottom: 95px;
}

.pb-100 {
padding-bottom: 100px;
}

.pb-105 {
padding-bottom: 105px;
}

.pb-110 {
padding-bottom: 110px;
}

.pb-115 {
padding-bottom: 115px;
}

.pb-120 {
padding-bottom: 120px;
}

.pb-125 {
padding-bottom: 125px;
}

.pb-130 {
padding-bottom: 130px;
}

.pb-135 {
padding-bottom: 135px;
}

.pb-140 {
padding-bottom: 140px;
}

.pb-145 {
padding-bottom: 145px;
}

.pb-150 {
padding-bottom: 150px;
}

.pb-155 {
padding-bottom: 155px;
}

.pb-160 {
padding-bottom: 160px;
}

.pb-165 {
padding-bottom: 165px;
}

.pb-170 {
padding-bottom: 170px;
}

.pb-175 {
padding-bottom: 175px;
}

.pb-180 {
padding-bottom: 180px;
}

.pb-185 {
padding-bottom: 185px;
}

.pb-190 {
padding-bottom: 190px;
}

.pb-195 {
padding-bottom: 195px;
}

.pb-200 {
padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
padding-left: 5px;
}

.pl-10 {
padding-left: 10px;
}

.pl-15 {
padding-left: 15px;
}

.pl-20 {
padding-left: 20px;
}

.pl-25 {
padding-left: 25px;
}

.pl-30 {
padding-left: 30px;
}

.pl-35 {
padding-left: 35px;
}

.pl-40 {
padding-left: 40px;
}

.pl-45 {
padding-left: 45px;
}

.pl-50 {
padding-left: 50px;
}

.pl-55 {
padding-left: 55px;
}

.pl-60 {
padding-left: 60px;
}

.pl-65 {
padding-left: 65px;
}

.pl-70 {
padding-left: 70px;
}

.pl-75 {
padding-left: 75px;
}

.pl-80 {
padding-left: 80px;
}

.pl-85 {
padding-left: 85px;
}

.pl-90 {
padding-left: 90px;
}

.pl-95 {
padding-left: 95px;
}

.pl-100 {
padding-left: 100px;
}

.pl-105 {
padding-left: 105px;
}

.pl-110 {
padding-left: 110px;
}

.pl-115 {
padding-left: 115px;
}

.pl-120 {
padding-left: 120px;
}

.pl-125 {
padding-left: 125px;
}

.pl-130 {
padding-left: 130px;
}

.pl-135 {
padding-left: 135px;
}

.pl-140 {
padding-left: 140px;
}

.pl-145 {
padding-left: 145px;
}

.pl-150 {
padding-left: 150px;
}

.pl-155 {
padding-left: 155px;
}

.pl-160 {
padding-left: 160px;
}

.pl-165 {
padding-left: 165px;
}

.pl-170 {
padding-left: 170px;
}

.pl-175 {
padding-left: 175px;
}

.pl-180 {
padding-left: 180px;
}

.pl-185 {
padding-left: 185px;
}

.pl-190 {
padding-left: 190px;
}

.pl-195 {
padding-left: 195px;
}

.pl-200 {
padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
padding-right: 5px;
}

.pr-10 {
padding-right: 10px;
}

.pr-15 {
padding-right: 15px;
}

.pr-20 {
padding-right: 20px;
}

.pr-25 {
padding-right: 25px;
}

.pr-30 {
padding-right: 30px;
}

.pr-35 {
padding-right: 35px;
}

.pr-40 {
padding-right: 40px;
}

.pr-45 {
padding-right: 45px;
}

.pr-50 {
padding-right: 50px;
}

.pr-55 {
padding-right: 55px;
}

.pr-60 {
padding-right: 60px;
}

.pr-65 {
padding-right: 65px;
}

.pr-70 {
padding-right: 70px;
}

.pr-75 {
padding-right: 75px;
}

.pr-80 {
padding-right: 80px;
}

.pr-85 {
padding-right: 85px;
}

.pr-90 {
padding-right: 90px;
}

.pr-95 {
padding-right: 95px;
}

.pr-100 {
padding-right: 100px;
}

.pr-105 {
padding-right: 105px;
}

.pr-110 {
padding-right: 110px;
}

.pr-115 {
padding-right: 115px;
}

.pr-120 {
padding-right: 120px;
}

.pr-125 {
padding-right: 125px;
}

.pr-130 {
padding-right: 130px;
}

.pr-135 {
padding-right: 135px;
}

.pr-140 {
padding-right: 140px;
}

.pr-145 {
padding-right: 145px;
}

.pr-150 {
padding-right: 150px;
}

.pr-155 {
padding-right: 155px;
}

.pr-160 {
padding-right: 160px;
}

.pr-165 {
padding-right: 165px;
}

.pr-170 {
padding-right: 170px;
}

.pr-175 {
padding-right: 175px;
}

.pr-180 {
padding-right: 180px;
}

.pr-185 {
padding-right: 185px;
}

.pr-190 {
padding-right: 190px;
}

.pr-195 {
padding-right: 195px;
}

.pr-200 {
padding-right: 200px;
}

.dark #preloader {
background-color: #232323;
}

#preloader {
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    padding-top: 15%;
    height: 100vh;
    z-index: 9800000000;
}

.preloader {
/*width: 100px;
height: 100px;
display: inline-block;
padding: 0px;*/
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 0%;
/*margin-left: -25px;
margin-top: -25px;*/
    right: 0;
    margin: auto;
    text-align: center;
}

.preloader span {
position: absolute;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 100%;
background: #ffa91c;
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
animation-delay: -0.8s;
-webkit-animation-delay: -0.8s;
}

@keyframes preloader {
0% {
transform: scale(0, 0);
opacity: 0.5;
}

100% {
transform: scale(1, 1);
opacity: 0;
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5;
}

100% {
-webkit-transform: scale(1, 1);
opacity: 0;
}
}
#scrollUp {
background: #cc9f13;
width: 50px;
height: 50px;
position: absolute;
right: 50px;
bottom: 50px;
border-radius: 10px;
line-height: 50px;
text-align: center;
}
#scrollUp i {
color: white;
}

/* Move frame*/
@keyframes moveRound {
0% {
background-color: #eee3ff;
left: -24px;
top: 0px;
}

25% {
background-color: #feddfc;
left: 100px;
top: 0px;
}

50% {
background-color: #efe4ff;
left: 100px;
top: 100px;
}

75% {
background-color: #e2fcf4;
left: -24px;
top: 200px;
}

100% {
background-color: #eee3ff;
left: -24px;
top: 0px;
}
}
@-webkit-keyframes moveRound {
0% {
background-color: #eee3ff;
left: -24px;
top: 0px;
}

25% {
background-color: #feddfc;
left: 100px;
top: 0px;
}

50% {
background-color: #efe4ff;
left: 100px;
top: 200px;
}

75% {
background-color: #e2fcf4;
left: -24px;
top: 100px;
}

100% {
background-color: #eee3ff;
left: -24px;
top: 0px;
}
}
@keyframes moveShap {
0% {
left: 0px;
top: 0px;
}

25% {
left: 100px;
top: 0px;
}

50% {
left: 100px;
top: 100px;
}

75% {
left: 0px;
top: 200px;
}

100% {
left: 0px;
top: 0px;
}
}
@keyframes moveShap2 {
0% {
right: 230px;
top: 85px;
}

25% {
right: 100px;
top: 85px;
}

50% {
right: 100px;
top: 100px;
}

75% {
right: 230px;
top: 200px;
}

100% {
right: 220px;
top: 100px;
}
}
/* Heartbeat frame*/
@-webkit-keyframes heartbeat {
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes heartbeat {
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
/* Rotation frame*/
@keyframes rotation {
to {
transform: rotate(360deg);
}
}
/* pulseBig */
@keyframes pulseBig {
0% {
box-shadow: 0 0 0 0 #4db7a6;
}

50% {
box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
}

100% {
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}
}
/* pulseBig2 */
@keyframes pulseBig2 {
0% {
box-shadow: 0 0 0 0 #fff;
}

50% {
box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
}

100% {
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}
}
/* pulseBig2 */
@keyframes pulseBig3 {
0% {
box-shadow: 0 0 0 0 #ffffff;
}

50% {
box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
}

100% {
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}
}
/*--
- Overlay
------------------------------------------*/
[data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
[data-overlay]::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
}

/*-- Overlay Color --*/
[data-overlay="light"]::before {
background-color: white;
}

[data-overlay="dark"]::before {
background-color: #4db7a6;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
opacity: 0.1;
}

[data-opacity="2"]::before {
opacity: 0.2;
}

[data-opacity="3"]::before {
opacity: 0.3;
}

[data-opacity="4"]::before {
opacity: 0.4;
}

[data-opacity="5"]::before {
opacity: 0.5;
}

[data-opacity="6"]::before {
opacity: 0.6;
}

[data-opacity="7"]::before {
opacity: 0.7;
}

[data-opacity="8"]::before {
opacity: 0.8;
}

[data-opacity="9"]::before {
opacity: 0.9;
}

.custom-container {
max-width: 1455px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.custom-container {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.custom-container {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.custom-container {
padding-left: 0;
padding-right: 0;
}
}

.header-top-area::before {
content: '';
position: absolute;
clip-path: polygon(0 0%, 100% 0%, 100% 100%, 1% 100%);
width: 1290px;
height: 45px;
right: 0;
top: 0;
background: #f4f2f1;
}

.top-cta span {
color: #fff;
line-height: 1;
display: inline-block;
}
.top-cta span .media-link {
color: #d1a41c;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
margin-left: 5px;
}

.top-right-nav ul li {
display: inline-block;
margin-left: 25px;
}
.top-right-nav ul li:first-child {
margin-left: 5px;
}
.top-right-nav ul li a {
color: #97a7c0;
font-size: 15px;
line-height: 1;
display: inline-block;
}
.top-right-nav ul li a:hover {
color: #d1a41c;
}

.main-header-area .logo-img img {
/*  max-width: 100%;*/
margin-top: -2px;
max-width: 285px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-header-area {
padding: 25px 15px;
}
}
@media (max-width: 767px) {
.main-header-area {padding: 7px 2px; }
.main-header-area .logo-img img {max-width: 100% !important;}
.best-seller56 {text-align: left !important; margin-top: 28px !important;}
.best-seller56 h3 {font-size: 37px !important;}
.best-seller56 p{    font-size: 15px !important;line-height: 1.5;}
.cust-contsty{width: 100% !important; margin: auto;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.main-header-area {
padding: 25px 15px;
}
}
.main-header-area .quote-btn {
margin-top: 6px;
}

.main-menu {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.main-menu {
margin: 0;
}
}
.main-menu ul li {
display: inline-block;
position: relative;
margin-right: 0px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.main-menu ul li {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.main-menu ul li {
margin-right: 15px;
}
}
header#top-menu{    background-color: #fff;}
.main-menu ul li > a {
color: #000;
font-size: 16px;
line-height: 1;
font-family: "Karla", sans-serif;
padding: 17px 20px;
display: inline-block;
position: relative;
font-weight: 500;
}
.main-menu ul li > a i {
font-size: 12px;
line-height: 1;
}
.main-menu ul li > a:hover, .main-menu ul li > a.active {
color: #d1a41c;
}
.main-menu ul li ul.submenu {
background: white none repeat scroll 0 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
left: 0;
opacity: 0;
position: absolute;
top: 119%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 240px;
z-index: 9;
border-top: 4px solid #d1a41c;
text-align: left;
padding: 25px 0;
}
.main-menu ul li ul.submenu li {
display: block;
}
.main-menu ul li ul.submenu li a {
padding: 14px 30px;
display: block;
margin: 0;
border: 0;
color: #fff;
}
.main-menu ul li ul.submenu li a::before {
display: none;
}
.main-menu ul li ul.submenu li a:hover {
color: #d1a41c;
}
.main-menu ul li:hover .submenu {
top: 100%;
visibility: visible;
opacity: 1;
}

.sticky {
position: fixed;
z-index: 99998220;
width: 100%;
background: white;
top: 0;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}
.sticky .logo {
transform: translateY(2px);
}
.sticky .hamburger-menu {
top: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sticky .hamburger-menu {
top: 35px;
}
}
.sticky .main-menu ul li a:hover {
color: #d1a41c;
}

/* Hamburger-menu */
.hamburger-menu {
display: inline-block;
}
.hamburger-menu > a {
display: inline-block;
font-size: 25px;
color: #63450c;
}

.side-mobile-menu {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.side-mobile-menu {
display: block;
}
}
@media (max-width: 767px) {
.side-mobile-menu {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.side-mobile-menu {
display: block;
}
}

.offset-sidebar {
display: block;
margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offset-sidebar {
display: none;
}
}
@media (max-width: 767px) {
.offset-sidebar {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.offset-sidebar {
display: none;
}
}

.transparent-head {
position: absolute;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}

.main-head-02 {
position: relative;
}
@media (max-width: 767px) {
.main-head-02 {
padding: 15px 15px;
}
}
.main-head-02 .custom-container-03 {
max-width: 1505px;
margin: 0 auto;
}
.main-head-02.sticky {
background: white;
position: fixed;
}
.main-head-02.sticky .logo .logo-img {
display: none;
}
.main-head-02.sticky .logo .logo-img-02 {
display: inline-block !important;
}
.main-head-02.sticky .logo .logo-img-02 img {
max-width: 100%;
}
.main-head-02.sticky .main-menu-02 ul li > a {
color: #fff;
padding: 42px 0;
}
.main-head-02.sticky .main-menu-02 ul li ul.submenu li a {
padding: 14px 30px;
}
.main-head-02.sticky .nav-search.search-trigger.header-2-icon {
color: white;
background: #d1a41c;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.main-menu-02 ul li {
margin-right: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.main-menu-02 ul li {
margin-right: 35px;
}
}
.main-menu-02 ul li > a {
color: white;
padding: 38px 0;
}
.main-menu-02 ul li ul.submenu li a:hover {
color: #d1a41c;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.quote-btn {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.quote-btn {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.quote-btn {
display: none;
}
}
@media (max-width: 767px) {
.quote-btn {
display: none;
}
}

.head-top-03::before {
display: none;
}
.head-top-03 .top-cta span {
color: white;
}
.head-top-03 .top-cta span i {
margin-right: 5px;
}
.head-top-03 .top-cta span:first-child {
margin-right: 30px;
}
.head-top-03 .top-right-nav a {
color: white;
font-weight: 700;
}
.head-top-03 .top-right-nav a i {
margin-right: 5px;
}
.head-top-03 .top-right-nav a span {
color: #ffd1ca;
font-weight: 400;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.main-menu-03 ul li {
margin-right: 30px;
}
}
.main-menu-03 ul li ul.submenu li a:hover {
color: #d1a41c;
}

.about-head .top-cta span {
color: #777777;
}
.about-head .top-cta span b {
color: #fff;
}
.about-head .top-cta span i {
color: #d1a41c;
}
.about-head .top-right-nav a {
color: #fff;
font-weight: 700;
}
.about-head .top-right-nav a i {
color: #d1a41c;
}
.about-head .top-right-nav a span {
color: #777777;
}

.header-social a {
color: #777777;
font-size: 15px;
margin-left: 20px;
}
.header-social a:hover {
color: #d1a41c;
}

.page-title-area {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 400px;
position: relative;
}
.page-title-area::before {
content: "";
background-color: #d1a41c;
opacity: 0.65;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page-title-area .right-border-shape {
position: absolute;
right: 0;
top: -190px;
}

.page-title-wrapper .page-title {
color: white;
font-size: 85px;
line-height: 1;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.page-title-wrapper .page-title {
font-size: 70px;
}
}
@media (max-width: 767px) {
.page-title-wrapper .page-title {
font-size: 32px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.page-title-wrapper .page-title {
font-size: 32px;
}
}
.page-title-wrapper .breadcrumb {
background: 0;
justify-content: center;
padding: 0;
margin: 0;
}

ul.breadcrumb-list {
text-align: left;
display: inline-block;
}
ul.breadcrumb-list li {
display: inline-block;
padding: 0 7px;
}
ul.breadcrumb-list li a {
color: white;
font-size: 24px;
font-family: "Karla", sans-serif;
display: inline-block;
font-weight: 600;
}
@media (max-width: 767px) {
ul.breadcrumb-list li a {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
ul.breadcrumb-list li a {
font-size: 20px;
}
}
ul.breadcrumb-list li a i {
font-size: 18px;
margin-left: 8px;
line-height: 1;
}
ul.breadcrumb-list li a.active {
color: #d1a41c;
}

.slide-bar {
position: fixed;
overflow-y: auto;
top: 0;
right: -370px;
width: 350px;
padding: 25px 30px;
height: 100%;
display: block;
background-color: #000000;
z-index: 1020;
-webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
border-left: solid 1px rgb(255 255 255 / 15%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slide-bar {
width: 350px;

}
}
@media (max-width: 767px) {
.slide-bar {
width: 310px;
padding: 25px 0px;z-index: 1020000524 !important;
}
}

.slide-bar.show {
right: 0;
}

.open-mobile-menu {
display: inline-block;
}
.open-mobile-menu a {
display: block;
width: 50px;
height: 50px;
background: #212121;
text-align: center;
line-height: 50px;
font-size: 20px;
margin-left: 20px;
color: #fff;
}
.open-mobile-menu a:hover {
background: #d1a41c;
}
.open-mobile-menu a.active {
background: #d1a41c;
}

.close-mobile-menu a {
color: white;
position: relative;
z-index: 2;
font-size: 16px;
top: -10px;
left: 0;
}
.close-mobile-menu a:hover {
color: #ff0000;
}

.close-mobile-menu a i{color: #000000;
border-radius: 5px;
margin: 0px auto;
width: 30px;
position: absolute;
top: -12px;
font-size: 22px !important;
left: 6px;
cursor: pointer;
background-color: #b88910;
text-align: center;
height: 30px;
line-height: 30px;}
.on-side {
overflow: hidden;
}

.body-overlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 1010;
left: 0;
opacity: 0;
display: none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

.body-overlay.active {
opacity: 1;
display: block;
}

.side-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 40px;
}
.side-mobile-menu ul li a {
display: block;
font-size: 16px;
color: #a97b09;
text-transform: capitalize;
position: relative;
border-bottom: solid 1px rgb(255 255 255 / 12%);
padding: 8px 19px;
}
.side-mobile-menu ul li a:hover {
color: #d1a41c;
padding-left: 5px;
}
.side-mobile-menu ul li a[aria-expanded="true"] {
color: #d1a41c;
}
.side-mobile-menu ul li a[aria-expanded="true"]:before {
background: #d1a41c;
border-color: #d1a41c;
}
.side-mobile-menu ul li ul {
padding-left: 0;
list-style: none;
}

/*.side-mobile-menu ul li ul li {
padding-left: 15px;
}*/

.side-mobile-menu ul li ul li:hover > a {
color: #d1a41c;
padding-left: 20px;
}

.side-mobile-menu ul li ul li:hover > a:before {
background: #d1a41c;
border-color: #d1a41c;
}
.side-mobile-menu ul li ul li a {
position: relative;
padding-left: 15px;
text-transform: capitalize;
font-size: 16px;
}
/*.side-mobile-menu ul li ul li a:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 2px solid white;
border-radius: 50%;
}*/
.side-mobile-menu ul li ul li a[aria-expanded="true"] {
padding-left: 20px;
}
.side-mobile-menu ul li.has-dropdown > a:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-width: 2px 0 0 2px;
border-style: solid;
border-color: initial;
right: 16px;
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
-webkit-transform-origin: top;
transform-origin: top;
transition: all .3s ease-out;
}
.has-dropdown a{    color: #b88910 !important; }
.side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after {
-webkit-transform: rotate(-135deg) translateY(-50%);
transform: rotate(-135deg) translateY(-50%);
}

.offset-widget.offset-logo {
border-bottom: 1px solid #eeecec;
padding-bottom: 20px;
}
.offset-widget .info-widget .offset-title {
font-size: 20px;
font-weight: 800;
color: white;
}
.offset-widget .info-widget p {
color: white;
}
.offset-widget .info-widget.info-widget2 p {
margin-bottom: 15px;
}
.offset-widget .info-widget.info-widget2 p i {
margin-right: 7px;
color: white;
}

/* Menu Search
-------------------------------------------------------*/
.header-2-icon {
color: white;
}

.nav-search.search-trigger.header-2-icon {
color: #d1a41c;
display: inline-block;
width: 55px;
height: 55px;
background: white;
border-radius: 50%;
text-align: center;
line-height: 55px;
}
.nav-search.search-trigger.header-2-icon:hover {
color: white;
background: #d1a41c;
}

.nav-search {
position: relative;
display: block;
color: inherit;
}

.nav-search:hover {
color: inherit;
}

.search-wrap {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 121;
background: rgba(0, 0, 0, 0.9);
}

.search-wrap .search-inner {
position: relative;
width: 100%;
height: 100%;
}

.search-wrap .search-cell {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}

.search-wrap .search-field-holder {
width: 50%;
margin: auto;
position: relative;
animation: slideInUp .3s;
}

.search-wrap .main-search-input {
width: 100%;
height: 70px;
border: 0;
padding: 0 50px;
text-transform: uppercase;
background: transparent;
font-size: 25px;
color: #fff;
border-bottom: 2px solid #898989;
text-align: center;
letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search-wrap .main-search-input {
padding: 0 15px;
}
}
@media (max-width: 767px) {
.search-wrap .main-search-input {
padding: 0 15px;
}
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
background-color: #fff;
}

@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
input.main-search-input::-webkit-input-placeholder {
color: #fff;
font-size: 25px;
}

input.main-search-input:-moz-placeholder {
color: #fff;
opacity: 1;
font-size: 25px;
}

input.main-search-input::-moz-placeholder {
color: #fff;
opacity: 1;
font-size: 25px;
}

input.main-search-input:-ms-input-placeholder {
color: #fff;
font-size: 25px;
}

.search-close {
position: absolute;
top: 50px;
right: 50px;
font-size: 30px;
color: #fff;
cursor: pointer;
}

.single-slider {
position: relative;
}
.single-slider::before {
content: "";
background: #08133b;
opacity: 0.50;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.slider-height {
min-height: 811px;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
background-position: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-height {
min-height: 750px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-height {
min-height: 700px;
}
}
@media (max-width: 767px) {
.slider-height {
min-height: 550px;
}
}

.slider__content {
position: relative;
z-index: 3;
}
.slider__content .sub-title {
color: white;
font-size: 20px;
line-height: 1;
font-family: "Karla", sans-serif;
font-weight: 400;
display: inline-block;
}
.slider__content .sub-title i {
color: #d1a41c;
font-size: 20px;
}
.slider__content .main-title {
color: white;
font-size: 85px;
line-height: 1;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
letter-spacing: -0.3px;
}
.slider__content .main-title span {
font-weight: 300;
}
@media (max-width: 767px) {
.slider__content .main-title {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider__content .main-title {
font-size: 40px;
}
}
.slider__content .mini-title {
color: white;
font-family: "Karla", sans-serif;
font-weight: 400;
line-height: 1.5;
}
.slider__content .btn-list li {
display: inline-block;
margin-right: 10px;
}

.slider-area .slick-slider button {
opacity: 0;
visibility: hidden;
background: transparent;
border: 0;
font-size: 24px;
position: absolute;
top: 50%;
z-index: 5;
color: white;
border: 2px solid #666;
border-radius: 7px;
width: 61px;
height: 61px;
display: inline-block;
left: 100px;
text-align: center;
line-height: 47px;
cursor: pointer;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider-area .slick-slider button {
left: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-area .slick-slider button {
left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-area .slick-slider button {
left: 50px;
}
}
@media (max-width: 767px) {
.slider-area .slick-slider button {
left: 50px;
}
}
.slider-area .slick-slider button:hover {
background: #d1a41c;
border-color: transparent;
}
.slider-area .slick-slider .slick-next {
left: auto;
right: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider-area .slick-slider .slick-next {
right: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-area .slick-slider .slick-next {
right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-area .slick-slider .slick-next {
right: 50px;
}
}
@media (max-width: 767px) {
.slider-area .slick-slider .slick-next {
right: 50px;
}
}
.slider-area:hover .slick-slider button {
opacity: 1;
visibility: visible;
}

.slider-area-02 .slider-img__shape {
position: absolute;
top: 51%;
right: 112px;
z-index: 1;
animation: rotation infinite 10s alternate-reverse;
}

.slider-height-02 {
min-height: 977px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-height-02 {
min-height: 800px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-height-02 {
min-height: 600px;
}
}
@media (max-width: 767px) {
.slider-height-02 {
min-height: 600px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider-height-02 {
min-height: 650px;
}
}
.slider-height-02::before {
background: url(../img/shape/06.png) no-repeat bottom;
width: 100%;
min-height: 137px;
bottom: -110px;
opacity: 1;
top: auto;
}

.slider__content__02 .main-title {
font-size: 115px;
font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider__content__02 .main-title {
font-size: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__content__02 .main-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.slider__content__02 .main-title {
font-size: 50px;
}
}
.slider__content__02 h4 {
color: white;
font-size: 24px;
font-weight: 500;
margin-bottom: 35px;
}

.btn-list-02 li a.theme_btn2 {
background: #02b663;
color: white;
}
.btn-list-02 li a.theme-border-btn.theme_btn_bg_02 {
color: white;
}
.btn-list-02 li a.theme-border-btn.theme_btn_bg_02::before {
background: #4db7a6;
}

.slider-img {
position: relative;
z-index: 1;
}
.slider-img__one {
display: block;
width: 100%;
margin-top: 168px;
}
.slider-img__two {
position: absolute;
top: -140px;
right: -185px;
z-index: -1;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
.slider-img__two {
right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider-img__two {
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-img__two {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-img__two {
right: 0;
}
}
@media (max-width: 767px) {
.slider-img__two {
right: 0;
}
}

.slider-height-03::before {
display: none;
}

.slider__content__03 .sub-title {
color: #777777;
}
.slider__content__03 .main-title {
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider__content__03 .main-title {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider__content__03 .main-title {
font-size: 55px;
}
}
.slider__content__03 p {
font-size: 18px;
}

.hero-img {
position: relative;
right: -160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.hero-img {
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.hero-img {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-img {
right: 0;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.hero-img {
right: 0;
margin-top: 30px;
}
}
.hero-img img {
width: 100%;
}

.total-box {
position: absolute;
top: 120px;
left: 20px;
}
.total-box .statistics {
max-width: 283px;
align-items: center;
padding: 28px 40px 15px 40px;
border-left: 5px solid #d1a41c;
background-color: white;
box-shadow: 0px 10px 30px 0px rgba(72, 72, 72, 0.13);
}
@media (max-width: 767px) {
.total-box .statistics {
max-width: 250px;
}
}
.total-box .statistics::before {
display: none;
}
.total-box .statistics .counetrs__icon i {
font-size: 54px;
}
.total-box .statistics p {
color: #fff !important;
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
}
.total-box .statistics:last-child {
border-color: #4db7a6;
margin-left: 30px;
}

.services-area .custom-container-02 {
max-width: 1230px;
margin: 0 auto;
}
.services-area .services-bg {
margin-top: -130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.services-area .services-bg {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.services-area .services-bg {
margin-top: 50px;
padding-right: 0;
padding-left: 0;
}
}

.services__img img {
width: 100%;
}
.services__content {
display: flex;
justify-content: space-between;
align-items: center;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.services__content .semi-02-title {
color: white;
margin-bottom: 5px;
}
.services__content p {
color: white;
}
.services__content li:first-child {
padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.services__content li:first-child {
padding-left: 20px;
}
}
@media (max-width: 767px) {
.services__content li:first-child {
padding-left: 30px;
}
}
.services__content li .more_btn {
display: inline-block;
position: relative;
z-index: 1;
}
.services__content li .more_btn::before {
content: '';
position: absolute;
background: white;
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%);
right: 0;
top: 0;
width: 110px;
height: 100px;
z-index: -1;
}
.services__content li .more_btn::after {
content: '';
position: absolute;
background: #d1a41c;
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%);
right: 0;
top: 0;
width: 110px;
height: 120px;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.services__content li .more_btn i {
color: #fff;
font-size: 30px;
line-height: 100px;
padding-right: 35px;
}
.services__content:hover .semi-02-title {
color: #d1a41c;
}
.services__content:hover .more_btn i {
color: white;
}
.services__content:hover .more_btn::after {
top: -20px;
opacity: 1;
}

.card {
border: 0;
border-radius: 0;
}
.card .card-header {
padding: 0;
border: 0;
background: 0;
}
.card .card-header button {
border: 0;
background: 0;
color: #fff;
font-size: 30px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
display: block;
width: 100%;
text-align: left;
padding: 13px 70px;
word-wrap: normal;
white-space: normal;
}
@media (max-width: 767px) {
.card .card-header button {
padding: 13px 20px;
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.card .card-header button {
padding: 13px 30px;
}
}
.card .card-header .btn:focus, .card .card-header .btn:hover {
text-decoration: none;
}
.card .card-body {
padding: 0 70px;
}
@media (max-width: 767px) {
.card .card-body {
padding: 0 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.card .card-body {
padding: 0 30px;
}
}

.about-area .right-shape {
position: absolute;
right: 0;
bottom: 0;
}

@media (max-width: 767px) {
.about-img__thumb {padding-right: 0;}
.bottonnum-sty1{    width: 33px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-img__thumb {
padding-right: 0;
}
}
.about-img__thumb img {
width: 100%;
}

.about_list li {
font-size: 16px;
padding-left: 48px;
position: relative;
display: inline-block;
margin-bottom: 15px;
}
.about_list li::before {
content: '';
position: absolute;
background: #4db7a6;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
left: 5px;
top: 14px;
}
.about_list li::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
border: 2px solid #4db7a6;
left: 0;
top: 9px;
animation: pulseBig infinite 5s linear;
}

.experience-box {
display: inline-flex;
align-items: center;
padding: 20px 33px 30px 33px;
max-width: 220px;
position: absolute;
right: 15px;
bottom: -30px;
z-index: 2;
}
.experience-box::before {
content: '';
position: absolute;
background: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.experience-box::after {
content: '';
position: absolute;
background: white;
width: 220px;
height: 132px;
left: -10px;
top: -10px;
z-index: -2;
}
.experience-box h1 {
color: #4db7a6;
font-size: 65px;
line-height: 1;
font-weight: 700;
margin-bottom: 0;
margin-right: 15px;
}
.experience-box .semi-02-title {
color: white;
margin-bottom: 0;
}

.about-img-02__thumb {
position: absolute;
top: -128px;
left: 0;
}
@media (max-width: 767px) {
.about-img-02__thumb img {
width: 100%;
}
}
@media (max-width: 767px) {
.about-img-02__thumb {
padding-right: 0;
}
}
.about-img-02__thumb-02 {
border: 10px solid white;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.about-img-02__thumb-02 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-img-02__thumb-02 {
margin-left: 0;
}
}
@media (max-width: 767px) {
.about-img-02__thumb-02 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-img-02__thumb-02 img {
width: 100%;
}
}
@media (max-width: 767px) {
.about-img-02__thumb-02 img {
width: 100%;
}
}

@media (max-width: 767px) {
.about-wrap-02 {
padding-left: 20px;
margin-top: 50px;
}
}
.about-wrap-02 p {
font-size: 16px;
}
.about-wrap-02 .about_list li {
font-size: 18px;
color: #fff;
padding-left: 30px;
}
.about-wrap-02 .about_list li::before {
content: '\f058';
position: absolute;
font-family: 'Font Awesome 5 pro';
font-size: 18px;
color: #d1a41c;
left: 0;
top: 1px;
background: none;
}
.about-wrap-02 .about_list li::after {
display: none;
}

.about-area-03::before {
content: '';
position: absolute;
background: url(../img/shape/10.png) no-repeat bottom;
width: 100%;
min-height: 1032px;
left: 0;
bottom: 0;
}
@media (max-width: 767px) {
.about-area-03 {
padding-bottom: 0;
}
}

@media (max-width: 767px) {
.about-img-03 {
margin-right: 0;
}
}
.about-img-03__thumb {
position: absolute;
z-index: 1;
top: -59px;
}
.about-img-03__thumb::before {
content: '';
position: absolute;
background: white;
border-radius: 50%;
width: 175px;
height: 175px;
left: 6px;
top: 9px;
z-index: -1;
}
.about-img-03__thumb-03 img {
width: 100%;
}
.about-img-03 .experience-box {
overflow: hidden;
width: 175px;
position: absolute;
background: #4db7a6;
right: 15px;
bottom: -30px;
z-index: 2;
height: 175px;
border-radius: 50%;
display: inline-block;
padding-top: 35px;
}
.about-img-03 .experience-box h1 {
color: white;
margin-right: 0;
display: inline-block;
margin-right: 5px;
}
.about-img-03 .experience-box .semi-02-title {
margin-top: 35px;
}
.about-img-03 .experience-box::after {
display: none;
}
.about-img-03 .experience-box::before {
display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.about-wrap-04 {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-wrap-04 {
padding-left: 0;
margin-top: 50px;
}
}
@media (max-width: 767px) {
.about-wrap-04 {
padding-left: 0;
margin-top: 50px;
}
}
.about-wrap-04 .nav-tabs {
border: 0;
}
.about-wrap-04 .nav-tabs .nav-link {
border: 0;
border-radius: 0;
color: #fff;
font-weight: 700;
font-family: "Karla", sans-serif;
line-height: 1;
background: white;
padding: 16px 35px;
box-shadow: 0px 10px 30px 0px rgba(220, 220, 220, 0.47);
margin-right: 10px;
transition: all 0.3s ease-in;
display: inline-block;
}
@media (max-width: 767px) {
.about-wrap-04 .nav-tabs .nav-link {
margin-bottom: 5px;
}
}
.about-wrap-04 .nav-tabs .nav-link:hover, .about-wrap-04 .nav-tabs .nav-link.active {
color: white;
background: #d1a41c;
}

@media (max-width: 767px) {
.inner-content {
margin-right: 0;
}
}
@media (max-width: 767px) {
.inner-content__img {
margin-right: 0;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inner-content__img {
margin-right: 20px;
}
}
@media (max-width: 767px) {
.inner-content__img img {
width: 100%;
}
}
.inner-content__text h3 {
font-size: 30px;
margin-bottom: 14px;
}

.what-we-area .right-help {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.what-we-area .right-help {
position: relative;
top: 0;
height: 450px;
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.what-we-area .right-help {
position: relative;
top: 0;
height: 450px;
width: 100%;
margin-bottom: 30px;
}
}

.we-wrapper .about_list li::before {
content: '\f00c';
position: absolute;
font-family: "Font Awesome 5 pro";
font-size: 14px;
color: white;
text-align: center;
line-height: 30px;
left: 5px;
top: 0;
background: #4db7a6;
width: 30px;
height: 30px;
border-radius: 50%;
transition: all 0.3s ease-in;
}
.we-wrapper .about_list li::after {
display: none;
}
.we-wrapper .about_list li:hover::before {
background: #d1a41c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta-wrapper {
padding-left: 0;
}
}
@media (max-width: 767px) {
.cta-wrapper {
padding-left: 0;
}
}
.cta-wrapper h2 {
color: white;
font-size: 65px;
line-height: 1;
font-weight: 400;
}
@media (max-width: 767px) {
.cta-wrapper h2 {
font-size: 50px;
margin-bottom: 20px;
}


}
.cta-wrapper h2 a {
font-weight: 600;
}

.cta-btn a.theme_btn {
border: 1px solid white;
background: transparent;
}
.cta-btn a.theme_btn i {
color: #4db7a6;
}
.cta-btn a.theme_btn:hover {
border-color: transparent;
}
.cta-btn a.theme_btn:hover i {
color: #d1a41c;
}
.cta-btn a.theme_btn:hover::before {
background: #d1a41c;
}

.widget_address__icon {
margin-top: 8px;
}
.widget_address__icon i {
color: #d1a41c;
font-size: 37px;
}
.widget_address__content h4 {
margin-bottom: 0;
margin-bottom: 4px;
}
.widget_address__content span {
color: white;
}

.cta-top-area .cta-wrapper {
position: relative;
width: 100%;
min-height: 170px;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta-top-area .cta-wrapper {
padding: 0 10px;
}
}
@media (max-width: 767px) {
.cta-top-area .cta-wrapper {
padding: 0 10px;
}
}
.cta-top-area .cta-wrapper::before {
content: '';
position: absolute;
background: #d1a41c;
opacity: 0.8;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.cta-top-area .cta-wrapper.cw-02::before {
background: #d1a41c;
}
.cta-top-area .cta-wrapper.cw-02 .wrap_btn a {
color: #d1a41c;
background: white;
}
.cta-top-area .cta-wrapper.cw-02 .wrap_btn a:hover {
color: white;
background: #fff;
}
.cta-top-area .cta-wrapper h2 {
color: white;
font-size: 35px;
line-height: 1;
font-weight: 400;
}
.cta-top-area .cta-wrapper p {
color: white;
}
.cta-top-area .cta-wrapper .wrap_btn a {
color: white;
font-size: 22px;
background: #d1a41c;
width: 55px;
height: 55px;
display: inline-block;
text-align: center;
line-height: 55px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.cta-top-area .cta-wrapper .wrap_btn a:hover {
color: #d1a41c;
background: white;
}

.subscribe-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #fef3f2;
padding-top: 5px;
padding-bottom: 5px;
}
.subscribe-bg .white-title p {
color: white;
}
.subscribe-bg .sub-back {
margin: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe-bg .sub-back {
padding-right: 0;
}
}
@media (max-width: 767px) {
.subscribe-bg .sub-back {
padding-right: 0;
margin: 0;
}
}

.form-area input:focus {
box-shadow: none;
outline: none;
}
.form-area input:focus::placeholder {
color: #fff;
}
.form-area .form-control {
color: #fff;
font-size: 18px;
font-family: "Karla", sans-serif;
font-weight: 600;
line-height: 1;
border: 0;
display: block;
background: white;
width: 400px;
height: 75px;
border-radius: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form-area .form-control {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.form-area .form-control {
width: 100%;
margin-bottom: 10px;
}
}
.form-area .border_btn {
color: white;
border: 2px solid #fff;
background: transparent;
padding: 27px 70px 28px 44px;
border-radius: 40px;
}
@media (max-width: 767px) {
.form-area .border_btn {
padding: 26px 65px 28px 30px;
}
}
.form-area .border_btn span {
width: 50px;
height: 50px;
line-height: 50px;
background: #d1a41c;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.form-area .border_btn span i {
color: white;
}
.form-area .border_btn::before {
background: #4db7a6;
}
.form-area .border_btn:hover {
border-color: transparent;
}
.form-area .border_btn:hover span {
background: white;
}
.form-area .border_btn:hover span i {
color: #4db7a6;
}

.footer__widget .form-area .form-control {
color: #8a9ec5;
font-size: 15px;
font-weight: 400;
width: 100%;
height: 51px;
border-radius: 0;
padding-left: 25px;
border: 2px solid #1a2e54;
background: transparent;
}
.footer__widget .form-area button {
width: 100%;
border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.footer__widget .form-area button {
padding: 20px 70px 20px 25px;
}
}

.input-area input:focus {
box-shadow: none;
}
.input-area .form-control {
border-radius: 0;
font-weight: 700;
border: 2px solid #e4e4e4;
width: 100%;
height: 61px;
padding-left: 35px;
}
.input-area textarea {
width: 100%;
display: block;
resize: none;
border: 2px solid #e4e4e4;
color: #777777;
font-weight: 700;
padding-left: 25px;
padding-top: 15px;
height: 125px;
}
.input-area textarea::placeholder {
color: #000;
font-weight: 700;
}

.input-btn button {
width: 100%;
display: block;
border: 0;
border-radius: 0;
padding: 25px;
}
.input-btn button::before {
border-radius: 0;
}

.donation-form-area {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.donation-form-area::before {
content: "";
background-color: #d1a41c;
opacity: 0.1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.donation-form {
padding: 60px 70px 70px 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donation-form {
padding: 60px 15px 70px 15px;
}
}
@media (max-width: 767px) {
.donation-form {
padding: 60px 15px 70px 15px;
}
}
.donation-form .cases-title {
font-size: 45px;
}
/*.donation-form .input-area .form-control {
padding-left: 30px;
}*/

.donation-video .video-area .popup-video {
width: 150px;
height: 150px;
line-height: 150px;
}
.donation-video .video-area .popup-video i {
font-size: 20px;
}

.donation-form-area-02 {
min-height: 750px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.donation-form-area-02 {
min-height: 450px;
}
}

.join-volunteer-area::before {
content: '';
position: absolute;
border: 1px solid #e4e4e4;
width: 496px;
height: 496px;
right: 150px;
bottom: 20%;
z-index: 1;
display: inline-block;
border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.join-volunteer-area::before {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.join-volunteer-area::before {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.join-volunteer-area::before {
display: none;
}
}
@media (max-width: 767px) {
.join-volunteer-area::before {
display: none;
}
}
.join-volunteer-area .donation-form .section-title h6 {
font-weight: 400;
margin-bottom: 0;
}
.join-volunteer-area .donation-form .input-area .form-control {
border: 0;
}
.join-volunteer-area .donation-form .input-area textarea {
border: 0;
}

.volunteer-box {
z-index: 1;
}
.volunteer-box__img {
position: relative;
top: 320px;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.volunteer-box__img {
top: 0;
}
}
@media (max-width: 767px) {
.volunteer-box__img {
top: 0;
}
}
@media (max-width: 767px) {
.volunteer-box__img img {
width: 100%;
}
}
.volunteer-box__img-02 {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
@media (max-width: 767px) {
.volunteer-box__img-02 {
display: none;
}
}
.volunteer-box__shape {
position: absolute;
right: -60px;
bottom: -35px;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.volunteer-box__shape {
right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.volunteer-box__shape {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.volunteer-box__shape {
right: 0;
}
}
@media (max-width: 767px) {
.volunteer-box__shape {
right: 0;
}
}

.map-area-02 iframe {
width: 100%;
height: 635px;
border: 0;
}
@media (max-width: 767px) {
.map-area-02 iframe {
height: 450px;
}
}

@media (max-width: 767px) {
.get-touch-area {
padding-left: 0;
padding-right: 0;
}
}
.get-touch-area .section-title h6 {
font-weight: 400;
margin-bottom: 0;
}
.get-touch-area .section-title p {
font-size: 16px;
}

.contacts__icon {
color: #d1a41c;
font-size: 54px;
}
.contacts__text h5 {
color: #777777;
font-weight: 400;
}

.contacts-details-area .input-area .form-control {
border: 0;
color: #fff;
}
.contacts-details-area .input-area textarea {
border: 0;
}

.map-area-03 iframe {
min-height: 750px;
margin-bottom: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.map-area-03 iframe {
min-height: 600px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.map-area-03 iframe {
min-height: 500px;
}
}
@media (max-width: 767px) {
.map-area-03 iframe {
min-height: 450px;
}
}

.cases__box--img {
overflow: hidden;
}
.cases__box--img img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

.cases__tag {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
top: -33px;
left: 0;
right: 0;
margin: 0 30px 0 30px;
height: 65px;
border-radius: 70px;
z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.cases__tag {
margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cases__tag {
margin: 0;
}
}
@media (max-width: 767px) {
.cases__tag {
margin: 0;
}
}
.cases__tag li .cases--author .semi-title {
margin-bottom: 0;
}

.cases__tag li .cases--author {
margin-left: 10px;
}
.cases__tag li .cases--author .semi-02-title {
margin-bottom: 0;
}
.cases__tag li .d-btn {
border-radius: 0;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
height: 65px;
line-height: 1;
text-align: center;
padding: 0;
display: flex;
align-items: center;
width: 140px;
justify-content: center;
}
.cases__tag li .d-btn::before {
border-radius: 0;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
}

.cases-progress .funding {
color: #fff;
font-weight: 600;
font-family: "Barlow Condensed", sans-serif;
letter-spacing: 0;
margin-bottom: 10px;
}
.cases-progress .funding span {
font-size: 18px;
color: #d1a41c;
}
.cases-progress .progress {
height: 5px;
overflow: visible;
background-color: white;
border-radius: 0;
position: relative;
}
.cases-progress .progress .progress-bar {
background-color: #d1a41c;
transition: width .6s ease;
}
.cases-progress .progress .progress-bar h5 {
position: absolute;
right: 0;
top: -33px;
}

.cases__content {
padding: 0 45px 35px 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.cases__content {
padding: 0 25px 35px 25px;
}
}
@media (max-width: 767px) {
.cases__content {
padding: 0 25px 35px 25px;
}
}
.cases__content h3 {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 15px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.cases__content p {
font-size: 16px;
}
.cases:hover .cases__box--img img {
transform: scale(1.1);
}
.cases:hover h3 {
color: #d1a41c;
}

.cases-area-02 {
z-index: 2;
}
.cases-area-02 .custom-container-04 {
max-width: 1600px;
margin: 0 auto;
}
.cases-area-02::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #f4f2f1;
min-height: 850px;
z-index: -1;
}
.cases-area-02::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
background: url(../img/shape/07.png);
width: 100%;
min-height: 635px;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.cases-area-02 .cases__tag {
margin: 0;
}
}
.cases-area-02 .cases__tag li .cases--author {
margin-left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.cases-area-02 .cases__content {
padding: 0 15px 35px 15px;
}
}

.statistics {
padding: 80px 0 45px 0;
z-index: 1;
}
.statistics::before {
content: '';
position: absolute;
background: url(../img/shape/09.png);
width: 100%;
height: 170px;
background-repeat: no-repeat;
background-size: cover;
left: 0;
bottom: 0;
z-index: -1;
}
.statistics .counetrs__icon {
display: inline-block;
}
.statistics .counetrs__icon i {
color: #d1a41c;
display: inline-block;
}
.statistics.counetrs h1 {
color: #fff;
}
.statistics.counetrs p {
color: #777777;
font-size: 16px;
}

.statistics-box__icon {
display: inline-block;
border-radius: 50%;
width: 40px;
height: 40px;
box-shadow: 0px 10px 30px 0px rgba(77, 183, 166, 0.43);
}
.statistics-box__icon i {
color: #4db7a6;
font-size: 40px;
}

.tag-img {
position: absolute;
top: 40px;
right: -27px;
box-shadow: 0px 10px 30px 0px rgba(241, 91, 67, 0.43);
border-radius: 50%;
}
@media (max-width: 767px) {
.tag-img {
right: 20px;
}
}

.cases-04 .cases__content {
padding: 40px 38px 20px 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cases-04 .cases__content {
padding: 25px 25px 20px 25px;
}
}
@media (max-width: 767px) {
.cases-04 .cases__content {
padding: 25px 25px 20px 25px;
}
}
.cases-04 .cases__content .semi-02-title {
margin-bottom: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.cases-04 .cases__box img {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cases-04 .cases__box img {
width: 100%;
}
}
@media (max-width: 767px) {
.cases-04 .cases__box img {
width: 100%;
}
}

.portfolio-menu {
padding-bottom: 26px;
margin-left: 60px;
margin-right: 60px;
}
@media (max-width: 767px) {
.portfolio-menu {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.portfolio-menu button {
border: 0;
padding: 7px 16px;
border-radius: 30px;
background: none;
color: #d1a41c;
font-size: 15px;
line-height: 1;
transition: all 0.3s ease 0s;
cursor: pointer;
font-weight: 700;
position: relative;
font-family: "Karla", sans-serif;
margin: 0 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.portfolio-menu button {
margin: 0px 2px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-menu button {
margin: 5px 5px;
}
}
@media (max-width: 767px) {
.portfolio-menu button {
margin: 5px 2px;
}
}
.portfolio-menu button:hover, .portfolio-menu button.active {
color: white !important;
background: #ea5822;
}

.pagination-area .page-item .page-link {
position: relative;
display: block;
font-size: 15px;
margin-left: -1px;
line-height: 32px;
color: #777777;
background-color: #f4f2f1;
border-radius: 50%;
width: 50px;
height: 50px;
font-weight: 700;
font-family: "Barlow Condensed", sans-serif;
border: 0;
text-align: center;
transition: all 0.3s ease-in;
margin: 0 3px;
}
@media (max-width: 767px) {
.pagination-area .page-item .page-link {
width: 40px;
height: 40px;
margin: 0 1px;
line-height: 22px;
}
}
.pagination-area .page-item .page-link:focus {
box-shadow: none;
}
.pagination-area .page-item .page-link:hover {
color: white;
background: #d1a41c;
}

.cases-area-02 .slick-slider button {
border: 0;
color: white;
font-size: 18px;
line-height: 55px;
width: 55px;
height: 55px;
cursor: pointer;
position: absolute;
top: 50%;
left: -90px;
transform: translateY(-50%);
background: #4db7a6;
display: inline-block;
transition: all 0.3s ease-in;
}
.cases-area-02 .slick-slider button.slick-next {
left: auto;
right: -90px;
position: absolute;
}
.cases-area-02 .slick-slider button:hover {
background: #d1a41c;
}

.cases-wrapper-box .cases__content {
padding: 0 0 35px 0;
}
.cases-wrapper-box .cases__content h2 {
font-size: 55px;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.cases-wrapper-box .cases__content h2 {
font-size: 33px;
}
}

.cases-meta .cases-progress .funding {
margin-bottom: 15px;
}
.cases-meta .cases-progress .funding span {
font-size: 30px;
}
.cases-meta .cases-progress .progress {
background-color: #f4f2f1;
width: 500px;
}
@media (max-width: 767px) {
.cases-meta .cases-progress .progress {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cases-meta .cases-progress .progress {
width: 500px;
}
}
.cases-meta .cases-progress .progress .progress-bar h3 {
position: absolute;
right: 0;
top: -47px;
}

.cases-single__icon {
background: #4db7a6;
text-align: center;
width: 45px;
height: 45px;
display: inline-block;
line-height: 45px;
float: left;
margin-right: 25px;
}
.cases-single__icon i {
color: white;
font-size: 20px;
line-height: 1;
}
.cases-single__content h5 {
font-size: 20px;
}

.cases-video {
background-size: cover;
background-position: center;
min-height: 540px;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 767px) {
.cases-video {
min-height: 450px;
}
}
.cases-video::before {
content: "";
background-color: #d1a41c;
opacity: 0.65;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cases-video .popup-video {
width: 100px;
height: 70px;
border-radius: 10px;
line-height: 70px;
background: #ff0000;
}
.cases-video .popup-video i {
font-size: 15px;
color: white;
}

.cases-title {
font-size: 30px;
}

.widget .events-03 {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 570px;
}
.widget .events-03 .cases {
bottom: 0;
padding-left: 0;
padding-right: 0;
}
.widget .events-03 .cases__content {
padding: 0 38px 35px 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.widget .events-03 .cases__content {
padding: 0 25px 35px 25px !important;
}
}
@media (max-width: 767px) {
.widget .events-03 .cases__content {
padding: 0 20px 10px 20px;
}
}

.counetrs__icon i {
color: white;
font-size: 85px;
}
.counetrs h1 {
color: white;
font-size: 65px;
font-weight: 600;
}
.counetrs p {
color: white;
font-size: 16px;
}

.brand-area .custom-container-03 {
max-width: 1430px;
margin: 0 auto;
}
.brand-area .brand-img a {
display: inline-block;
margin: 0 auto;
text-align: center;
}

.counter-area-02 {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.counter-area-02::before {
content: '';
position: absolute;
background: #d1a41c;
opacity: 0.9;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.counter-area-02 .counetrs__icon i {
color: #4db7a6;
}

.team-area {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.team-area:before {
content: '';
position: absolute;
background: #d1a41c;
opacity: 0.9;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.team {
padding: 30px 70px 30px 60px;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team {
padding: 30px 0px 30px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team {
padding: 30px 0px 30px 30px;
}
}
@media (max-width: 767px) {
.team {
padding: 30px 20px 30px 20px;
}
}
.team::before {
content: '';
position: absolute;
background: #d1a41c;
left: 0;
top: 0;
width: 7px;
height: 0;
z-index: 1;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.team::after {
content: '\f500';
font-family: 'Font Awesome 5 Pro';
position: absolute;
color: #f4f2f1;
font-size: 90px;
right: 70px;
top: 63px;
z-index: -1;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__thumb {
float: none;
margin-bottom: 20px;
margin-right: 0;
}
}
@media (max-width: 767px) {
.team__thumb {
float: none;
margin-bottom: 20px;
}
}
.team__content h3 {
font-size: 30px;
font-weight: 600;
}
.team__content h3:hover {
color: #d1a41c;
}
.team__content p {
color: #d1a41c;
margin-bottom: 8px;
}
.team__content--social a {
margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team__content--social a {
margin-right: 15px;
}
}
.team__content--social a i {
font-size: 15px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.team__content--social a:hover i {
color: #4db7a6;
transform: rotateY(360deg);
}
.team:hover::before {
height: 100%;
}
.team:hover::after {
height: 100%;
}

.teams__content .semi-02-title {
color: #d1a41c;
}
.teams__content .semi-02-title:hover {
color: #d1a41c;
}
.teams__content p {
color: #d1a41c;
}
.teams:hover .teams__thumb--img img {
transform: scale(1.1) rotate(3deg);
}

.teams__thumb {
overflow: hidden;
}
.teams__thumb--img {
z-index: 1;
overflow: hidden;
}
.teams__thumb--img::before {
content: '';
background-image: -moz-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -webkit-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -ms-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.teams__thumb--img img {
width: 100%;
transition: all .3s ease-in-out;
}
.teams__thumb--social {
position: absolute;
bottom: -70px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
z-index: 1;
padding-bottom: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.teams__thumb--social a {
width: 45px;
height: 45px;
background: white;
position: relative;
overflow: hidden;
text-align: center;
display: inline-block;
line-height: 45px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.teams__thumb--social a i {
color: b #777777;
font-size: 15px;
line-height: 1;
}
.teams__thumb--social a i:nth-child(1) {
position: absolute;
left: 0;
right: 0;
text-align: center;
transition: all .3s ease-in-out;
top: 50%;
transform: translateY(-50%);
}
.teams__thumb--social a i:nth-child(2) {
top: 100%;
position: absolute;
left: 0;
transform: translate(-100% -50%);
right: 0;
text-align: center;
transition: all .3s ease-in-out;
}
.teams__thumb--social a:hover {
background: #d1a41c;
}
.teams__thumb--social a:hover i {
color: white;
}
.teams__thumb--social a:hover i:nth-child(1) {
top: -150%;
transform: translateY(-100%);
}
.teams__thumb--social a:hover i:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
.teams__thumb:hover .teams__thumb--img::before {
opacity: 1;
}
.teams__thumb:hover .teams__thumb--social {
bottom: 0;
opacity: 1;
}

.team-details-img img {
width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team-details-wrapper {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-details-wrapper {
padding-left: 0;
}
}
@media (max-width: 767px) {
.team-details-wrapper {
padding-left: 0;
}
}
.team-details-wrapper span {
color: #d1a41c;
display: inline-block;
}
.team-details-wrapper .teams__thumb--social {
position: relative;
bottom: 0;
opacity: 1;
padding-left: 0;
text-align: left;
}
.team-details-wrapper .teams__thumb--social a {
background: #f4f2f1;
}
.team-details-wrapper .teams__thumb--social a:hover {
background: #d1a41c;
}

.team-skill-area .charts__content h3 {
color: #fff;
}
.team-skill-area .charts__content p {
color: #fff;
}
.team-skill-area .charts__circle .chart h2 {
color: #fff;
}
.team-skill-area .charts__circle .chart2 {
display: inline-block;
position: relative;
}
.team-skill-area .charts__circle .chart2 h2 {
color: #fff;
font-size: 55px;
margin: 0;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
line-height: 120px;
}
.team-skill-area .charts__circle .chart2 h2 span {
font-size: 25px;
}

@media (max-width: 767px) {
.gallery-area {
padding-left: 0;
padding-right: 0;
}
}

.gallery__thumb {
position: relative;
overflow: hidden;
}
.gallery__thumb::before {
content: '';
position: absolute;
background: #d1a41c;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0.8;
transform: scale(0);
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.gallery__thumb img {
width: 100%;
display: block;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.gallery__content {
position: absolute;
left: 0;
right: 0;
z-index: 3;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.gallery__content a {
display: inline-block;
}
.gallery__content a i {
color: white;
font-size: 30px;
line-height: 1;
margin-bottom: 5px;
}
.gallery__content h3 {
color: white;
font-size: 30px;
font-weight: 600;
}
.gallery:hover .gallery__thumb::before {
transform: scale(1);
}
.gallery:hover .gallery__thumb img {
transform: scale(1.1);
}
.gallery:hover .gallery__content {
opacity: 1;
visibility: visible;
}

.gallery-02 {
overflow: hidden;
}
.gallery-02 .gallery__thumb::before {
background: #d1a41c;
opacity: 0;
}
.gallery-02 .gallery__content {
left: 75px;
right: 25px;
background: white;
padding: 20px 25px 20px 25px;
display: inline-block;
top: auto;
bottom: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
@media (max-width: 767px) {
.gallery-02 .gallery__content {
left: 25px;
}
}
.gallery-02 .gallery__content .semi-02-title {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallery-02 .gallery__content .semi-02-title {
font-size: 19px;
}
}
@media (max-width: 767px) {
.gallery-02 .gallery__content .semi-02-title {
font-size: 19px;
}
}
.gallery-02 .gallery__content .semi-02-title:hover {
color: #d1a41c;
}
.gallery-02 .gallery__content a span {
width: 40px;
height: 40px;
border: 1px solid #e4e4e4;
display: inline-block;
background: white;
margin-left: 30px;
line-height: 35px;
}
.gallery-02 .gallery__content a span i {
color: #d1a41c;
font-size: 15px;
line-height: 1;
}
.gallery-02:hover .gallery__thumb::before {
background: #d1a41c;
opacity: 0.5;
}
.gallery-02:hover .gallery__content {
bottom: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.events-style-1 {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.events-style-1 {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events-style-1 {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.events-style-1 {
padding-left: 0;
padding-right: 0;
}
}

.events-video-area {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 640px;
}
@media (max-width: 767px) {
.events-video-area {
min-height: 450px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events-video-area {
min-height: 600px;
}
}
.events-video-area::before {
content: '';
position: absolute;
background: #fff;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0.17;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.events-video-area .video-area {
top: 50%;
z-index: 2;
text-align: center;
margin: 0 auto;
display: inline-block;
left: 50%;
transform: translate(-50%, -50%);
}

.events__list__one {
display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.events__list__one {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.events__list__one {
padding-left: 25px;
padding-right: 25px;
display: block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.events__list__one li:first-child {
width: 55%;
}
}

.events {
padding: 37px 0 37px 0;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.events {
padding: 9px 0 9px 0;
}
}
@media (max-width: 767px) {
.events .row {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.events .row .events__content {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.events .row .events__content {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.events .rows {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.events__content {
margin-bottom: 20px;
}
}
.events__content span {
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 7px;
}
.events__content span i {
color: #d1a41c;
font-size: 15px;
margin-right: 10px;
}
.events__content h3 {
font-size: 30px;
}
.events__back {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
background-position: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
opacity: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.events__back::before {
content: '';
position: absolute;
background: #d1a41c;
opacity: 0.75;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.events:hover {
background: transparent;
}
.events:hover .events__back {
opacity: 1;
}
.events:hover .events__content span {
color: white;
}
.events:hover .events__content span i {
color: white;
}
.events:hover .events__content h3 {
color: white;
}
.events:hover .events__content p {
color: white;
}

.widget_events__date {
background-color: #4db7a6;
padding: 7px 17px;
border-radius: 7px;
}
.widget_events__date .semi-02-title {
margin-bottom: 0;
}
.widget_events__date .semi-02-title span {
display: block;
font-size: 15px;
}
.widget_events__content span {
color: white;
margin-bottom: 4px;
display: inline-block;
}
.widget_events__content span i {
margin-right: 10px;
}
.widget_events__content h4 {
margin-bottom: 0;
}
.widget_events:hover .widget_events__content .semi-02-title {
color: #d1a41c;
}

.events-area-02 {
z-index: 1;
}
.events-area-02::before {
content: '';
position: absolute;
background: white;
opacity: 0.95;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.events-02 {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 270px;
display: flex;
align-items: end;
z-index: 1;
}
.events-02::before {
content: '';
background-image: -moz-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -webkit-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -ms-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
}
.events-02 .events__content {
padding-left: 55px;
padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.events-02 .events__content {
padding-left: 20px;
}
}
@media (max-width: 767px) {
.events-02 .events__content {
padding-left: 20px;
}
}
.events-02 .events__content span {
color: white;
margin-bottom: 0;
}
.events-02 .events__content h3 {
color: white;
}
.events-02 .events__content .more_btn3 {
color: white;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid white;
}
.events-02 .events__content .more_btn3:hover {
color: #d1a41c;
border-color: #d1a41c;
}
.events-02:hover .events__thumb img {
transform: scale(1.1) rotate(3deg);
}
.events-02:hover .events__content h3 {
color: #d1a41c;
}

.events-02-lg {
min-height: 473px;
}

.events-02-yellow {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 174px;
width: 100%;
display: block;
}
.events-02-yellow::before {
display: none;
}

.events_wrapper__white {
padding: 35px 40px 30px 40px;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
display: block;
}
@media (max-width: 767px) {
.events_wrapper__white {
padding: 35px 20px 30px 20px;
}
}
.events_wrapper__white span {
color: white;
}
.events_wrapper__white span i {
color: white;
}
.events_wrapper__white h3 {
color: white;
}
.events_wrapper__white .more_btn3 {
color: white;
text-transform: uppercase;
}
.events_wrapper__white .more_btn3:hover {
color: #fff;
border-color: #fff;
}

.events-update {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 732px;
width: 100%;
z-index: 1;
display: flex;
align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events-update {
min-height: 550px;
}
}
.events-update::before {
content: '';
background-image: -moz-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -webkit-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
background-image: -ms-linear-gradient(90deg, #d1a41c 0%, rgba(6, 23, 56, 0) 100%);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
}
.events-update .events-03 {
padding-left: 220px;
padding-right: 220px;
display: block;
bottom: 0;
}
.events-update .events-03::before {
display: none;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
.events-update .events-03 {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.events-update .events-03 {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.events-update .events-03 {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events-update .events-03 {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
.events-update .events-03 {
padding-left: 10px;
padding-right: 10px;
}
}
.events-update .events-03 .events-update-content {
position: relative;
}
.events-update .events-03 .video-area {
margin-bottom: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.events-update .events-03 .video-area {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.events-update .events-03 .video-area {
margin-bottom: 100px;
}
}
.events-update .events-03 .video-area .popup-video {
width: 85px;
height: 85px;
line-height: 86px;
}
.events-update .events-03 .video-area .popup-video i {
font-size: 15px;
}

.events-03 {
z-index: 3;
}
.events-03 .cases {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
z-index: 3;
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 767px) {
.events-03 .cases {
bottom: -24px;
padding-left: 10px;
padding-right: 10px;
}
}
.events-03 .cases__content h3 {
color: white;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.events-03 .cases__content p {
color: white;
}
.events-03 .cases-progress .funding {
color: white;
}
.events-03 .cases-progress .funding span {
color: white;
}
.events-03 .cases-progress .progress .progress-bar h5 {
color: white;
}

.video-area-03 {
width: 100%;
min-height: 820px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 767px) {
.video-area-03 {
min-height: 450px;
}
}
.video-area-03 .video-area {
line-height: 120px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.helping-area {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.helping-area {
padding-left: 25px;
padding-right: 25px;
padding-top: 110px;
padding-bottom: 106px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.helping-area {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.helping-area {
padding-left: 25px;
padding-right: 25px;
}
}
.helping-area .white-title h6 {
color: white;
}

.charts__circle .chart {
display: inline-block;
position: relative;
}
.charts__circle .chart h2 {
color: white;
font-size: 65px;
margin: 0;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
line-height: 120px;
}
.charts__circle .chart h2 span {
font-size: 25px;
}

.charts__content h3 {
color: white;
}
.charts__content p {
color: white;
}

.events_grid_wrapper .events-02 .events__content {
position: absolute;
left: 0;
bottom: 0;
padding-left: 40px;
padding-bottom: 35px;
z-index: 2;
}
.events_grid_wrapper .events-02__video {
z-index: 2;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
}
.events_grid_wrapper .events-02__video .popup-video {
width: 70px;
height: 70px;
font-size: 15px;
line-height: 70px;
}
.events_grid_wrapper .events-02__video .popup-video i {
font-size: 15px;
}

.events_grids_wrapper .events-02 .events__content {
position: relative;
}

.events-grid-area .row .col-xl-4:nth-child(7) .events__content:hover h3 {
color: #4db7a6;
}
.events-grid-area .row .col-xl-4:nth-child(7) .events__content:hover .more_btn3 {
color: #4db7a6;
}

.events_btn a {
color: #777777;
border: 1px solid #4db7a6;
background: transparent !important;
}
.events_btn a::before {
background: #4db7a6;
}
.events_btn a span {
background: #4db7a6;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.events_btn a span i {
color: white;
}
.events_btn a:hover span {
background: white;
}

.events-details-thumb img {
width: 100%;
}

.events-text-box h2 {
font-size: 55px;
}

.map-area iframe {
width: 100%;
height: 445px;
border: 0;
}

.times__content h5 {
font-size: 20px;
margin-bottom: 5px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.times__content p i {
color: #d1a41c;
margin-right: 5px;
}
.times__content:hover h5 {
color: #d1a41c;
}

.widget-organizer {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.widget-organizer h3 {
color: white;
}
.widget-organizer .cases--author .autor-img {
border: 2px solid #fff;
border-radius: 50%;
}
.widget-organizer .cases--author .semi-02-title {
color: white;
}
.widget-organizer h5 {
color: white;
}
.widget-organizer p {
color: white;
}
.widget-organizer p i {
color: white;
}
.widget-organizer:hover h5 {
color: #4db7a6;
}

.testimonial-area::before {
content: '';
position: absolute;
background: url(../img/shape/03.png);
bottom: 0;
left: 0;
width: 100%;
min-height: 442px;
}

.testimonial-text-wrapper .section-title h2 {
font-size: 64px;
}
.testimonial-text-wrapper p {
margin-bottom: 32px;
}

.author_box__img {
border: 5px solid #feeeec;
border-radius: 50%;
}
.author_box__content .semi-02-title {
margin-bottom: 0;
}
.author_box__content p {
color: #d1a41c;
font-weight: 600;
}

.testimonial-item {
padding: 45px 50px 45px 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial-item {
padding: 45px 30px 45px 30px;
}
}
@media (max-width: 767px) {
.testimonial-item {
padding: 45px 20px 45px 20px;
}
}
.testimonial-item::before {
content: '';
position: absolute;
background: url(../img/shape/02.png);
right: 47px;
top: 45px;
z-index: 1;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
width: 61px;
height: 70px;
animation: jello infinite 5s linear;
}
.testimonial-item .review-icon span {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-right: 10px;
padding-right: 10px;
}
.testimonial-item .review-icon a {
color: #d1a41c;
font-size: 12px;
}

.testimonial-item-02 {
margin-right: 5px;
}
@media (max-width: 767px) {
.testimonial-item-02 {
margin-right: 0;
margin-left: 20px;
}
}
.testimonial-item-02 .author__img::before {
border: 2px solid #d1a41c;
border-radius: 50%;
content: '';
position: absolute;
width: 250px;
height: 250px;
z-index: 1;
left: -35px;
top: 0;
display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial-item-02 .author__img::before {
left: -10px;
top: 0;
}
}
@media (max-width: 767px) {
.testimonial-item-02 .author__img::before {
left: -10px;
top: 0;
}
}

.testimonial-item__content h2 {
margin-bottom: 20px;
}
.testimonial-item__content .author-box__icon i {
color: #4db7a6;
font-size: 60px;
}

.testimonial-area-02 .slick-slider .slick-arrow {
border: 2px solid #e7e7e7;
background: 0;
color: #fff;
font-size: 18px;
width: 55px;
height: 55px;
position: absolute;
right: -200px;
display: inline-block;
top: 50%;
z-index: 3;
transition: all 0.3s ease-in;
cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.testimonial-area-02 .slick-slider .slick-arrow {
right: 0;
}
}
.testimonial-area-02 .slick-slider .slick-arrow:hover {
color: #d1a41c;
border-color: #d1a41c;
}
.testimonial-area-02 .slick-slider .slick-prev {
top: 21% !important;
}
.testimonial-area-02 .slick-slider .slick-next {
top: 57% !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.testimonila-area-03 .slick-slider .slick-arrow {
display: none;
}
}

.testimonial-wrapper-03 .testimonial-item-02 {
margin-right: 30px;
margin-left: 30px;
padding: 10px 15px;
box-shadow: 0px 10px 30px 0px rgba(218, 211, 211, 0.2);
}
@media (max-width: 767px) {
.testimonial-wrapper-03 .testimonial-item-02 {
margin-right: 0px;
margin-left: 0px;
}
}
.testimonial-wrapper-03 .testimonial-item-02 h3 {
margin-bottom: 30px;
}
.testimonial-wrapper-03 .author_box {
position: relative;
}
.testimonial-wrapper-03 .author_box::after {
content: '\f10d';
position: absolute;
font-family: 'Font Awesome 5 pro';
font-size: 60px;
color: #4db7a6;
right: 20%;
bottom: 25px;
z-index: -1;
}
@media (max-width: 767px) {
.testimonial-wrapper-03 .author_box::after {
display: none;
}
}
.testimonial-wrapper-03 .author_box__content {
margin-top: 7px;
}
.testimonial-wrapper-03 .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: -80px;
text-align: center;
}
.testimonial-wrapper-03 .slick-dots li {
display: inline-block;
margin: 0 3px;
}
.testimonial-wrapper-03 .slick-dots li button {
border: 0;
text-indent: -10000px;
background: none;
border: 2px solid #e8e8e8;
width: 16px;
height: 16px;
border-radius: 50%;
padding: 0;
cursor: pointer;
}
.testimonial-wrapper-03 .slick-dots li.slick-active button {
border-color: #4db7a6;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial-active-04 .testimonial-item {
padding: 45px 25px 45px 25px;
}
}
@media (max-width: 767px) {
.testimonial-active-04 .testimonial-item {
padding: 45px 25px 45px 20px;
}
}

.donation-area {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.donation-area::before {
content: '';
position: absolute;
background: #d1a41c;
opacity: 0.85;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.donate-cart {
display: inline-block;
}
.donate-cart .donate-btn input {
color: #d1a41c;
font-size: 30px;
font-weight: 600;
font-family: "Barlow Condensed", sans-serif;
border: 0;
background: white;
text-align: center;
display: block;
height: 55px;
width: 127px;
border-radius: 30px;
}
.donate-cart .donate-btn input::placeholder {
color: #000;
font-weight: 600;
}

.cart {
position: absolute;
color: #d1a41c;
font-size: 18px;
left: 25px;
top: 50%;
transform: translateY(-50%);
}
.cart.dec {
left: auto;
right: 25px;
}

.donations__icon i {
color: #d1a41c;
font-size: 90px;
margin-top: 17px;
}
.donations__text h3 {
font-size: 30px;
}
.donations__text h2 {
font-size: 65px;
}

.doante-select-area {
padding: 90px 70px 100px 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.doante-select-area {
padding: 90px 20px 100px 20px;
margin-right: 0;
}
}
@media (max-width: 767px) {
.doante-select-area {
padding: 90px 10px 100px 10px;
}
}
.doante-select-area .section-title h2 {
font-size: 45px;
}
@media (max-width: 767px) {
.doante-select-area .section-title h2 {
font-size: 27px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.doante-select-area .section-title h2 {
font-size: 35px;
}
}
.doante-select-area .section-title p {
font-size: 16px;
}
.doante-select-area .donate-cart {
display: block;
height: 64px;
width: 100%;
}
.doante-select-area .donate-cart .donate-btn input {
width: 100%;
height: 64px;
border: 1px solid #e4e4e4;
border-radius: 0;
color: #fff;
}
.doante-select-area .donate-cart .plus-minus .cart i {
color: #fff;
}
.doante-select-area button.theme_btn.theme_btn_bg {
border: 1px solid #e4e4e4;
border-radius: 0;
border: 0;
}
.doante-select-area button.theme_btn.theme_btn_bg::before {
background: #4db7a6;
border-radius: 0;
}
.doante-select-area button.theme_btn.theme_btn_bg span {
right: 10%;
}

.select-area .nice-select {
width: 100%;
display: block;
border-radius: 0;
border: 1px solid #e4e4e4;
float: none;
height: 64px;
line-height: 64px;
}
.select-area .nice-select::before {
content: '\f078';
display: block;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
font-family: 'Font Awesome 5 pro';
font-size: 15px;
}
.select-area .nice-select::after {
display: none;
}
.select-area .nice-select .current {
color: #fff;
font-size: 16px;
font-weight: 700;
}
.select-area .nice-select .list {
width: 100%;
}
.select-area .nice-select .list li {
color: #fff;
font-size: 16px;
font-weight: 700;
}

.input-donate .cont_btn {
border: 1px solid #e4e4e4;
background: none;
padding: 18px 35px;
display: inline-block;
cursor: pointer;
font-size: 20px;
font-weight: 700;
color: #fff;
transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.input-donate .cont_btn {
padding: 18px 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.input-donate .cont_btn {
padding: 18px 25px;
}
}
@media (max-width: 767px) {
.input-donate .cont_btn {
padding: 18px 15px;
}
}
.input-donate .cont_btn:hover {
color: white;
background: #4db7a6;
border-color: transparent;
}

.video-area-02 .popup-video {
width: 100px;
height: 100px;
border-radius: 0;
line-height: 102px;
}
.video-area-02 .popup-video i {
font-size: 20px;
}

.donation-area-03::before {
content: '';
position: absolute;
background: url(../img/donation/01.jpg);
background-repeat: no-repeat;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.donation-area-03::before {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donation-area-03::before {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donation-area-03::before {
display: none;
}
}
@media (max-width: 767px) {
.donation-area-03::before {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donation-area-03 .about-wrap-02 {
padding-left: 0;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donate-select-02 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donate-select-02 {
margin-left: 0;
margin-right: 0;
padding: 66px 20px 80px 20px;
}
}
@media (max-width: 767px) {
.donate-select-02 {
margin-left: 0;
margin-right: 0;
padding: 66px 20px 80px 20px;
}
}
.donate-select-02 .input-donate .cont_btn {
padding: 18px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donate-select-02 .input-donate .cont_btn {
padding: 18px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donate-select-02 .input-donate .cont_btn {
padding: 18px 17px;
}
}
@media (max-width: 767px) {
.donate-select-02 .input-donate .cont_btn {
padding: 18px 12px;
}
}

.donate-area-02::before {
display: none;
}

.donate-select-03 {
padding: 0;
}
.donate-select-03 .input-donate .cont_btn {
padding: 18px 72px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donate-select-03 .input-donate .cont_btn {
padding: 18px 51px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.donate-select-03 .input-donate .cont_btn {
padding: 18px 60px;
}
}
@media (max-width: 767px) {
.donate-select-03 .input-donate .cont_btn {
padding: 18px 40px;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.donate-select-03 .input-donate .cont_btn {
padding: 18px 40px;
}
}
.donate-select-03 .large_btn {
width: 100%;
border-radius: 0;
border: 0;
font-size: 30px;
}
.donate-select-03 .large_btn::before {
border-radius: 0;
}

.donation-form-left .section-title h6 {
font-weight: 400;
}
.donation-form-left .donation-form {
    padding: 52px 25px;
    border-radius: 10px;
    width: 56%;
    margin: auto;
}


.power-bystripe{text-align: center;}
.power-bystripe p{    font-size: 16px;
    color: #000;}
.power-bystripe p img{    width: 53px;
    margin-left: 3px;}


@media (max-width: 767px) {
.donation-form-left .donation-form {padding: 20px 5px 58px 8px; width: 100% !important;}
.cls-tooltip-list .tooltip:hover:after{ width: 207px !important;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.donation-form-left .donation-form {
padding: 60px 30px 60px 30px;
}
}
.donation-form-left .donation-form .input-area .form-control {
color: #000;
border: 1px solid #e4e4e4;
}


.form-item__element--select option {
color: #444;
}

.donate-select-area-04 {
padding: 66px 70px 58px 70px;
}
@media (max-width: 767px) {
.donate-select-area-04 {
padding: 66px 15px 58px 25px;
}
}
@media (max-width: 767px) {
.donate-select-area-04 {
padding: 66px 30px 58px 30px;
}
}
.donate-select-area-04 .input-donate .cont_btn {
margin: 0 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donate-select-area-04 .input-donate .cont_btn {
padding: 18px 19px;
}
}
@media (max-width: 767px) {
.donate-select-area-04 .input-donate .cont_btn {
padding: 18px 13px;
}
}

.payment-inner .input-area .form-control {
color: #fff;
border: 1px solid #e4e4e4;
}
.payment-inner button {
width: 100%;
border: 0;
border-radius: 0;
}
.payment-inner button::before {
border-radius: 0;
}

.donation-form .nav-tabs {
border: 0;
}
.donation-form .nav-tabs .nav-item {
margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donation-form .nav-tabs .nav-item {
margin-right: 20px;
}
}
.donation-form .nav-tabs .nav-item .nav-link {
border: 0;
font-size: 18px;
font-weight: 600;
color: #d1a41c;
font-family: "Karla", sans-serif;
position: relative;
/* padding-left: 48px;*/
background-color: #f7f7f7;transition: 0.5s;
}

.donation-form .nav-tabs .nav-item .nav-link:hover{    background-color: #d1a41c; color: #fff;}

.donation-form .nav-tabs .nav-item .nav-link.active{background-color: #d1a41c !important; color: #fff !important;}
.donation-form .nav-tabs .nav-item .nav-link:hover, .donation-form .nav-tabs .nav-item .nav-link.active {
border: 0;
}
.donation-form .nav-tabs .nav-item .nav-link:hover::before, .donation-form .nav-tabs .nav-item .nav-link.active::before {
background: #d1a41c;
}
.donation-form .nav-tabs .nav-item .nav-link:hover::after, .donation-form .nav-tabs .nav-item .nav-link.active::after {
border-color: #d1a41c;
}
/*.donation-form .nav-tabs .nav-item .nav-link::before {
content: '';
position: absolute;
background: #e4e4e4;
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
left: 5px;
top: 14px;
}
.donation-form .nav-tabs .nav-item .nav-link::after {
content: '';
position: absolute;
width: 35px;
height: 35px;
display: inline-block;
border-radius: 50%;
border: 2px solid #e4e4e4;
left: -5px;
top: 4px;
}*/

.blog__thumb {
overflow: hidden;
box-shadow: 0px 10px 30px 0px rgba(183, 183, 183, 0.8);
border-radius: 9px;
}
.blog__thumb img {
display: block;
width: 100%;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.blog .tag {
color: white;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
background: #4db7a6;
border-radius: 5px;
padding: 5px 11px;
display: inline-block;
line-height: 1;
margin-bottom: 15px;
transition: all .3s ease-in;
}
.blog .tag:hover {
background: #d1a41c;
color: white;
}
.blog__content .blog-title {
font-size: 30px;
line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog__content .blog-title {
font-size: 27px;
}
}
.blog__content p {
font-size: 16px;
}
.blog:hover .blog__thumb img {
transform: scale(1.1);
}
.blog:hover .blog__content .blog-title {
color: #d1a41c;
}

.blog-author {
display: flex;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog-author li:first-child a {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.blog-author li:first-child a {
margin-right: 10px;
}
}
.blog-author li a span {
color: #fff;
font-size: 18px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
margin-left: 10px;
transition: all 0.3s ease-in;
}
.blog-author li a span:hover {
color: #d1a41c;
}
.blog-author li:last-child {
font-size: 16px;
color: #777777;
}
.blog-author li:last-child i {
color: #d1a41c;
margin-right: 10px;
}

.blogs .blog__thumb {
border-radius: 0;
box-shadow: none;
}
.blogs .blog__content {
padding: 0 23px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blogs .blog__content {
padding: 0 15px 40px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blogs .blog__content {
padding: 40px 15px 40px 15px;
}
}
@media (max-width: 767px) {
.blogs .blog__content {
padding: 40px 15px 40px 15px;
}
}

.blogs-list li .blogs .blog__content {
padding-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blogs-list li .blogs .blog__content {
padding: 14px 15px 12px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blogs-list li .blogs .blog__content {
padding: 14px 15px 40px 15px;
}
}
.blogs-list li:last-child .blogs {
border-top: 1px solid #e7e7e7;
}
.blogs-list li:last-child .blogs .blog__content {
padding: 14px 23px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blogs-list li:last-child .blogs .blog__content {
padding: 14px 15px 40px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blogs-list li:last-child .blogs .blog__content {
padding: 14px 15px 40px 15px;
}
}
@media (max-width: 767px) {
.blogs-list li:last-child .blogs .blog__content {
padding: 14px 15px 40px 15px;
}
}

.blog-03 .blog__thumb {
overflow: hidden;
}
.blog-03 .blog__thumb img {
display: block;
width: 100%;
}
.blog-03 .tag {
position: absolute;
z-index: 1;
top: 15px;
right: 17px;
}
.blog-03:hover .blog__thumb img {
transform: scale(1.1);
}
.blog-03 .blog-author li a span {
margin-left: 0;
}
.blog-03 .blog-author li a span i {
color: #d1a41c;
margin-right: 6px;
}

.insta-feed .insta {
margin: 0 9px 10px 0;
display: inline-block;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.insta-feed .insta {
margin: 0 2px 10px 0;
}
}
.insta-feed .insta::before {
content: '';
position: absolute;
background: #d1a41c;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
transform: scale(0);
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.insta-feed .insta span {
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
z-index: 1;
transform: translateY(-50%);
color: #fff;
transition: all .3s ease-in-out;
opacity: 0;
}
.insta-feed .insta span i {
font-size: 18px;
}
.insta-feed .insta:hover::before {
transform: scale(1);
opacity: 0.8;
}
.insta-feed .insta:hover span {
opacity: 1;
}

.widget .widget-post {
padding: 40px 50px 25px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.widget .widget-post {
padding: 40px 10px 25px 15px;
}
}
@media (max-width: 767px) {
.widget .widget-post {
padding: 40px 10px 25px 15px;
}
}

.post__content h5 {
font-size: 20px;
}
.post__content .view_btn {
color: #d1a41c;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #d1a41c;
}
.post__content .view_btn:hover {
color: #4db7a6;
border-color: #4db7a6;
}
.post:hover .post__content h5 {
color: #d1a41c;
}

.recent-post .post__content h5 {
margin-bottom: 0;
}
.recent-post .post__content span {
color: #d1a41c;
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
margin-bottom: 2px;
}
.recent-post .post__content p {
line-height: 1;
}
.recent-post .post__content p i {
font-size: 15px;
margin-right: 5px;
}

.blogs-02 {
border: 1px solid #e4e4e4;
}
.blogs-02 .blog__thumb {
border-radius: 0;
box-shadow: none;
}
.blogs-02 .tag {
margin-bottom: 20px;
}
.blogs-02 .blog__content {
padding: 0 30px 30px 30px;
}
@media (max-width: 767px) {
.blogs-02 .blog__content {
padding: 0 15px 30px 15px;
}
}
.blogs-02 .blog__content .blog-title {
font-size: 40px;
}
@media (max-width: 767px) {
.blogs-02 .blog__content .blog-title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.blogs-02 .blog__content .blog-author {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blogs-02 .blog__content .blog-author {
display: flex;
}
}
.blogs-02 .blog__content .blog-author li {
font-size: 16px;
font-weight: 500;
margin-right: 30px;
}
@media (max-width: 767px) {
.blogs-02 .blog__content .blog-author li {
margin-right: 10px;
margin-bottom: 10px;
}
}
.blogs-02 .blog__content .blog-author li i {
color: #d1a41c;
font-size: 18px;
margin-right: 5px;
}
.blogs-02 .video-area {
z-index: 2;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}
.blogs-02 .video-area .popup-video {
width: 85px;
height: 65px;
border-radius: 10px;
line-height: 65px;
background: #ff0000;
}
.blogs-02 .video-area .popup-video i {
color: white;
font-size: 15px;
}

.blogs-02-quote {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.blogs-02-quote .quote-wrapper {
padding: 40px 40px 40px 40px;
}
@media (max-width: 767px) {
.blogs-02-quote .quote-wrapper {
padding: 40px 15px 40px 15px;
}
}
.blogs-02-quote .quote-wrapper h2 {
color: white;
font-size: 40px;
}
.blogs-02-quote .quote-wrapper h2.left-line::before {
width: 40px;
}
.blogs-02-quote .quote-wrapper h5 {
color: white;
}

.widget-search {
padding: 30px 35px 25px 35px;
}
.widget-search .input-area .form-control {
border: 0;
width: 100%;
height: 65px;
position: relative;
}
.widget-search .input-area span {
position: absolute;
right: 33px;
z-index: 1;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.widget-search .input-area span i {
color: #d1a41c;
font-size: 18px;
line-height: 1;
}

.widget .widget-post-02 {
padding: 30px 50px 5px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.widget .widget-post-02 {
padding: 30px 5px 5px 15px;
}
}
@media (max-width: 767px) {
.widget .widget-post-02 {
padding: 30px 15px 5px 15px;
}
}
.widget .widget-post-02 .post__content h4 {
line-height: 1.5;
margin-bottom: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.widget .widget-post-02 .post__content .view_btn {
color: #777777;
font-size: 14px;
font-weight: 500;
border-bottom: 0;
}
.widget .widget-post-02 .post__content .view_btn i {
color: #d1a41c;
margin-right: 5px;
font-size: 15;
}
.widget .widget-post-02 .post:hover .post__content h4 {
color: #d1a41c;
}
.widget .widget-post-02 ul li {
border-bottom: 1px solid #e4e4e4;
margin-bottom: 20px;
}
.widget .widget-post-02 ul li:last-child {
border-bottom: 0;
margin-bottom: 0;
}

.widget-cat li a {
font-size: 18px;
line-height: 1;
font-weight: 600;
width: 100%;
padding: 24px 35px;
display: block;
background: #f4f2f1;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.widget-cat li a:hover {
color: white;
background: #d1a41c;
}

.widget-insta {
padding: 40px 35px 25px 35px;
}
.widget-insta .insta-feed {
display: flex;
flex-wrap: wrap;
}
.widget-insta .insta-feed li {
padding: 10px;
flex: 0 0 50%;
max-width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widget-insta .insta-feed li {
padding: 10px;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
.widget-insta .insta-feed li .insta {
display: block;
}
.widget-insta .insta-feed li .insta img {
width: 100%;
}
.widget-insta .insta-feed li .insta span i {
font-size: 35px;
}

.widget-cat-btn {
padding: 40px 35px 25px 35px;
}
.widget-cat-btn .cat-list .cat-btn {
font-size: 14px;
line-height: 1;
background: white;
display: inline-block;
padding: 8px 10px;
margin-right: 8px;
margin-bottom: 7px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.widget-cat-btn .cat-list .cat-btn:hover {
color: white;
background: #d1a41c;
}

.widget-add {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 420px;
position: relative;
padding: 110px 60px 0 60px;
z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.widget-add {
padding: 110px 35px 0 35px;
}
}
@media (max-width: 767px) {
.widget-add {
padding: 110px 35px 0 35px;
}
}
.widget-add::before {
content: "";
background-color: #d1a41c;
opacity: 0.75;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.widget-add h5 {
color: white;
margin-bottom: 13px;
}
.widget-add h2 {
color: white;
margin-bottom: 30px;
}

.blogs-details-left-area {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.blogs-details-left-area {
padding-left: 0;
padding-right: 0;
}
}
.blogs-details-left-area .blogs-02 {
border: 0;
}
.blogs-details-left-area .blogs-02 .blog__content {
padding: 0;
}
.blogs-details-left-area .blogs-02 .blogs-details-thumb img {
width: 100%;
}

.blog-details-list .about_list li {
font-size: 15px;
padding-left: 35px;
color: #d1a41c;
}
.blog-details-list .about_list li::before {
content: '\f058';
position: absolute;
font-family: 'Font Awesome 5 pro';
font-size: 18px;
color: #4db7a6;
left: 0;
top: 1px;
background: none;
}
.blog-details-list .about_list li::after {
display: none;
}

.blogs-details-quote .quote-wrapper {
padding: 32px 70px 27px 50px;
}
@media (max-width: 767px) {
.blogs-details-quote .quote-wrapper {
padding: 32px 25px 27px 25px;
}
}
.blogs-details-quote .quote-wrapper h3 {
color: white;
margin-bottom: 16px;
}
.blogs-details-quote .quote-wrapper p {
color: white;
font-weight: 600;
}
.blogs-details-quote .quote-wrapper p i {
color: #4db7a6;
font-size: 18px;
margin-right: 10px;
}

.blog-post-tag span {
color: #fff;
font-size: 18px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
margin-right: 10px;
}

.post-share-icon span {
color: #fff;
font-size: 18px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
margin-right: 5px;
}
.post-share-icon a {
font-size: 14px;
margin-left: 15px;
}
.post-share-icon a:hover {
color: #4db7a6;
}

.author {
padding: 40px;
}
@media (max-width: 767px) {
.author {
padding: 40px 25px;
}
}
.author__img {
margin-right: 40px;
}
@media (max-width: 767px) {
.author__img {
margin-right: 0;
float: none;
margin-bottom: 20px;
}
}
.author__content .post-share-icon a {
font-size: 14px;
margin-right: 15px;
margin-left: 0;
}

.post__content--meta span {
margin-right: 10px;
}
.post__content--meta span i {
color: #d1a41c;
font-size: 14px;
}

.row-border {
border-bottom: 1px solid #e4e4e4;
}

.comment-box__content h5 {
font-size: 20px;
margin-bottom: 5px;
}
.comment-box__content span {
color: #d1a41c;
display: inline-block;
margin-bottom: 7px;
}
.comment-box__content p {
margin-bottom: 5px;
}
.comment-box__content .reply-btn {
color: #fff;
font-size: 14px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
}
.comment-box__content .reply-btn:hover {
color: #4db7a6;
}

@media (max-width: 767px) {
.post-comment li {
margin-left: 0;
}
}
.post-comment li:last-child {
border-bottom: 1px solid #e4e4e4;
}

.comment-form .input-area {
position: relative;
}
.comment-form .input-area::before {
content: '\f007';
position: absolute;
font-family: 'Font Awesome 5 pro';
font-size: 16px;
color: #d1a41c;
right: 27px;
top: 50%;
transform: translateY(-50%);
background: none;
z-index: 1;
}
.comment-form .input-area .form-control {
color: #fff;
border-radius: 0;
font-weight: 400;
border: 0;
width: 100%;
height: 70px;
padding-left: 35px;
background: #f4f2f1;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.comment-form .input-area textarea {
color: #fff;
border-radius: 0;
font-weight: 400;
border: 0;
width: 100%;
height: 120px;
padding-left: 35px;
background: #f4f2f1;
}
.comment-form .input-area.input-mail::before {
content: '\f2b6';
}
.comment-form .input-area.input-comment::before {
content: '\f040';
top: 20px;
}
.comment-form .input-area input:focus {
border: 2px solid #d1a41c;
border-radius: 7px;
background: none;
}
.comment-form .input-area textarea:focus {
border: 2px solid #d1a41c;
border-radius: 7px;
background: none;
}
.comment-form .comment-btn button {
border-radius: 0;
border: 0;
padding: 20px 75px 20px 55px;
}
.comment-form .comment-btn button::before {
border-radius: 0;
}

.features {
padding: 45px 45px 40px 45px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features {
padding: 45px 25px 40px 25px;
}
}
@media (max-width: 767px) {
.features {
padding: 45px 25px 40px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.features {
padding: 45px 45px 40px 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features__icon {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.features__icon {
margin-bottom: 20px;
}
}
.features__icon i {
color: #d1a41c;
font-size: 95px;
}
.features__content h3 {
font-size: 30px;
margin-bottom: 10px;
}
.features__content p {
font-size: 16px;
margin-bottom: 10px;
}
.features__content .more_btn2 {
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.features__content .more_btn2 i {
font-size: 18px;
line-height: 1;
margin-left: 10px;
transform: translateY(2px);
}
.features__content .more_btn2:hover {
color: #d1a41c;
}
.features__content:hover h3 {
color: #d1a41c;
}
.features:hover, .features.active {
box-shadow: 0px 10px 30px 0px rgba(172, 172, 172, 0.17);
}

.features-02 {
background: #4db7a6;
text-align: center;
padding: 50px 30px 36px 30px;
z-index: 1;
}
.features-02:hover, .features-02.active {
background: #d1a41c;
}
.features-02:hover .features-02__back, .features-02.active .features-02__back {
opacity: 1;
}
.features-02 .features__icon i {
color: white;
font-size: 55px;
}
.features-02 .features__content h3 {
color: white;
}
.features-02 .features__content p {
color: white;
margin-bottom: 5px;
}
.features-02 .features__content .more_btn2 {
color: white;
}
.features-02 .features__content .more_btn2:hover {
color: #d1a41c;
}
.features-02__back {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.footer-area {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.footer-bottom-area {
border-bottom: 2px solid #414657;
}

.scroll-target {
color: white;
background: #4db7a6;
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 95px;
border-radius: 50%;
text-align: center;
line-height: 50px;
z-index: 3;
}
.scroll-target:hover {
background: #4db7a6;
}
@media (max-width: 767px) {
.scroll-target {
margin: 0 0 0 auto;
}
}

.footer__widget .semi-02-title {
color: white;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.footer__widget.fot_abot {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.footer__widget {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer__widget {
padding-left: 0;
padding-right: 0;
}
}
.footer__widget .footer-logo {
display: inline-block;
}
.footer__widget p {
color: white;
}
.footer__widget .fot-list li {
margin-bottom: 8px;
}
.footer__widget .fot-list li a {
color: white;
font-size: 15px;
line-height: 1.2;
font-family: "Karla", sans-serif;
font-weight: 400;
position: relative;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.footer__widget .fot-list li a::before {
content: '\f054';
position: absolute;
font-family: 'Font Awesome 5 pro';
font-size: 13px;
color: #777777;
left: 0;
top: 5px;
line-height: 1;
opacity: 0;
visibility: hidden;
}
.footer__widget .fot-list li a:hover, .footer__widget .fot-list li a:focus {
color: #d1a41c;
padding-left: 10px;
}
.footer__widget .fot-list li a:hover::before, .footer__widget .fot-list li a:focus::before {
color: #d1a41c;
opacity: 1;
visibility: visible;
}

.copy-right-area .copyright {
/*  background: #091c40;*/
padding: 20px 0;
}
.copy-right-area .copyright p {
color: white;
}
.copy-right-area .copyright p span {
color: #d1a41c;
}

.copy-area-02 .copyright p span {
color: #4db7a6;
}

.fot__subscribe .form-area a {
padding: 20px 50px 20px 45px;
}

/*# sourceMappingURL=main.css.map */



.top-selectdata{   display: flow-root;
width: 100%;
text-align: right;
border-bottom: solid 1px rgb(162 120 16);
padding-bottom: 9px;
margin-top: 4px;}

.top-selectdata .nice-select{ float: right !important; }

.top-selectdata a{display: inline-block; border: solid 1px #cac8c7; padding: 2px 30px; font-size: 15px;    color: #000;}
.cart-button  img{-webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);}

/*===================================================*/





/* COLUMNS */

.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}

.col:first-of-type { margin-left: 0; }

/* CLEARFIX */

.cf:before,
.cf:after {
content: " ";
display: table;
}

.cf:after {
clear: both;
}

.cf {
*zoom: 1;
}

/* FORM */

.form .plan input, .form .payment-plan input, .form .payment-type input{
display: none;
}

.payment-plan label:hover{    background-color: #d1a41c; color: #fff;}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #000;
font-weight: 600;
}

.form label{
position: relative;
color: #d1a41c;
background-color: #ffffff;
font-size: 18px;
text-align: center;
cursor: pointer;
border: 1px solid #d1a41c;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 99px;
padding: 2px;
}

.form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label{
background-color: #d1a41c;
color: #fff !important;
}
.card.no-showres{background-color: transparent !important;}
.form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after{
content: "\2713";
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
border: 2px solid #d1a41c;
background-color: #000000;
z-index: 999;
position: absolute;
top: -10px;
right: -10px;
}

.code-wdthdata .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100% !important;
}

.form-radio{width: 100%;
border-bottom: solid 1px #d0cccc;
margin-bottom: 15px;
padding-bottom: 5px;}

.ul-buttonsty15{}
.ul-buttonsty15 li b{    font-size: 15px;
line-height: 1.2;
text-transform: capitalize;
width: 100%;}
.ul-buttonsty15 li{    margin-bottom: 13px;    line-height: 1.2;}
.ul-buttonsty15 li a{background-color: #d1a41c;
display: block;
text-align: center;
padding: 15px 5px;
color: #fff;
border-radius: 5px;
font-size: 16px;
letter-spacing: 0.5px;}
.ul-buttonsty15 li button{background-color: #d1a41c;
display: block;
text-align: center;
padding: 15px 5px;
color: #fff;
border-radius: 5px;
font-size: 16px;
letter-spacing: 0.5px; cursor: pointer; transition: 0.5s;    border: solid 1px #fff;
box-shadow: 0px 0px 0px 2px #d1a41c;}
.ul-buttonsty15 li button:hover{background-color: #fff;
color: #d1a41c;
border: solid 1px #d1a41c;
box-shadow: 0px 0px 0px 2px #fff;}
.ul-buttonsty15 li a img{}

.amount-datalist15{}
.amount-datalist15 p{font-size: 17px;}
.amount-datalist15  span{    font-size: 25px;
font-weight: 600;
color: #000;}
.amount-datalist15  span b{    font-size: 16px;
font-weight: 600;}

.border-topsty15{border-bottom: solid 1px #d0d0d0;
margin-bottom: 19px;
padding-bottom: 9px;}

.side-videosty{text-align: left;}
.side-videosty img{width: 100%;
    margin-bottom: 15px;
   /* display: inline-block;*/}

.list-studentdata img{    display: inline-block;
       width: 137px;
    height: 155px;}


.disclamer-datalist{    background-color: #fff;
    padding: 0px 50px 110px;}
 .disclamer-datalist .disclamer-allsty{margin-top: 0px !important;}
 .disclamer-datalist .disclamer-allsty p {color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 600;}

.main-menu-03 nav ul{width: 100% !important;
   }

@media (min-width: 1200px){
.container {max-width: 1500px !important; }
}

@media (min-width: 750px){
.donation-form .nav-tabs .nav-item .nav-link{padding: 5px 14px !important; font-size: 14px !important;}
.donation-form .nav-tabs .nav-item {margin-right: 4px !important;}
}
.selct-amountsty15{border-top: solid 1px #d0cccc;
margin-bottom: 15px;
padding-bottom: 5px;
padding-top: 12px;
font-size: 21px;}

.login-moadsty {text-align: center;}
.login-moadsty img{    max-width: 273px;}
.login-moadsty h1{font-size: 41px;
font-weight: 400;
color: #d1a41c;}

.button-newclose{position: absolute;
right: 0;
background-color: #ffffff;
color: #d1a41c;
border: 0px;
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 36px;
cursor: pointer;
z-index: 9800;}


.thanks-msgsty{width: 84%;
margin: auto;
max-width: 599px;
border: solid 2px #d1a41c;
padding: 48px 20px;
background-color: #fff;
box-shadow: 0px 0px 0px 17px #fff;}
.thanks-msgsty h5{font-size: 31px;
text-transform: capitalize;
text-align: center;
margin-bottom: 32px;
font-weight: 400;}
.thanks-msgsty p{text-align: center;
color: #000;
font-size: 18px;
line-height: 1.4;}
.thanks-msgsty h6{    text-align: center;
border-top: solid 1px #dcdcdc;
margin-top: 31px;
padding-top: 13px;
font-size: 31px;
text-transform: capitalize;
font-weight: 400;
color: #d1a41c;}

.mar-pdata{}

.mar-pdata p{margin-bottom: 15px; color: #fff;text-align: justify;}

.mar-pdata p b{color: #fff;}

.main-secpad{padding-top: 60px; padding-bottom: 60px;}

.all-hadsty15{}
.all-hadsty15 h6{}
.all-hadsty15 h2{position: relative;margin-bottom: 40px;}
.all-hadsty15 h2:before{    position: absolute;
content: '';
max-width: 140px;
width: 100%;
height: 1px;
background-color: #62430b;
left: 0;
right: 0;
margin: auto;
bottom: -17px;}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {font-size: 18px !important;}
.jp-card .jp-card-front .jp-card-lower .jp-card-name{font-size: 14px !important;}
.all-cardssty15{       margin-top: 0px;
    display: block;
    text-align: left;
    margin-bottom: 6px;}
.all-cardssty15 li{display: inline-block;
margin-right: 4px;}
.all-cardssty15 li img{width: 51px;}

.nice-select .list {    overflow: auto !important;    max-height: 150px !important;}

#show-me {
display:none;
}

.safety-logo{text-align: right;}
.safety-logo img{    max-width: 140px;}

.best-seller56{text-align: right;}
.best-seller56 img{    max-width: 89px; margin-bottom: 8px;}
.best-seller56 span{    display: block;
text-align: left;
font-size: 13px;}
.best-seller56 h3{    display: block;
text-align: left;
font-size: 56px;
font-weight: 400;}
.best-seller56 p{    text-align: justify;
display: block;
font-size: 17px;
margin-bottom: 36px; }
.best-seller56 a{display: block;
text-align: center;
border: solid 1px #c1002b;
margin-bottom: 28px;
padding: 15px 0px;
color: #c1002c;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.5px;
text-decoration: none; width: 100%;}
.baccart-imglogo{}
.baccart-imglogo img{    max-width: 100%; width: 100%;}
.left-baccartsty15{}

.cust-contsty{width: 85%; margin: auto;}
.padding-cusright{padding-left: 55px;}














.profile_body{
background: #000;
}
/*.profile_body #top-menu{
background: #fff;
}*/



.profile_dv1{
/*padding: 25px 30px;*/
/*background-image: url('../img/profile_bg2.jpg');*/
background-size: cover;
/*    background-image: url(../img/leather.jpg);*/
}
.profile_dv1 .container{
/*border: 1px solid #efc555;*/
padding: 18px 15px;
border-radius: 10px;
}

.profile_dv1_img{
-ms-flex: 0 0 45% !important;
flex: 0 0 45% !important;
max-width: 45% !important;
}
.profile_dv1_img1{
text-align: center;
}

.profile_dv1_img1 .pdv1i_img{
width: 200px;
/* display: inline-block; */
margin-bottom: 20px !important;
border: 6px double #ffc542;
border-radius: 5px;
display: block;
margin: auto;
}
.profile_dv1_img1 .pdv1i_img img{
width: 100%;
}

.profile_dv1_img1 .pdv1i_ul{
margin-bottom: 20px;
}
.profile_dv1_img1 .pdv1i_ul li{
display: inline-block;
width: 44px;
margin: 0 10px;
}
.profile_dv1_img1 .pdv1i_ul li a{
display: inline-block;
}
.profile_dv1_img1 .pdv1i_ul li a img{
width: 100%;
border-radius: 5px;
}

/*.profile_dv1_img1 .pdv1i_p{
margin-bottom: 15px;
}
.profile_dv1_img1 .pdv1i_p img{}*/


.profile_dv1_img1 .pdv1i_p{
font-size: 22px;
color: #efc555;
margin-bottom: 10px;
font-family: 'Libre Franklin', sans-serif;
/*text-shadow: -1px -1px 0px rgb(255 255 255 / 50%);*/
/*background: rgb(3 0 5 / 80%);*/
/*box-shadow: -10px 0px 12px 8px rgb(0 0 0 / 60%), 10px 0px 12px 8px rgb(0 0 1 / 60%);*/
display: inline-block;
}
.profile_dv1_img1 .pdv1i_p span{
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 50%;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
text-shadow: none;
}
.profile_dv1_img1 .pdv1i_p img{
width: 27px;
vertical-align: middle;
border-radius: 4px;
margin-right: 5px;
margin-left: 5px;
}

.profile_dv1_img1 .pdv1i_p span br{}

.profile_dv1_img1 .pdv1i_bcode{
width: 100px;
margin: auto;
/*box-shadow: 0px 0px 20px 14px rgb(0 0 0 / 90%);*/
}
.profile_dv1_img1 .pdv1i_bcode img{
width: 100%;
}





.profile_dv1_txt{
-ms-flex: 0 0 55% !important;
flex: 0 0 55% !important;
max-width: 55% !important;
}
.profile_dv1_txt1{}
/*.profile_dv1_txt1 .pdv1i_txt1{
margin-bottom: 10px;
}
.profile_dv1_txt1 .pdv1i_txt1 img{}
.profile_dv1_txt1 .pdv1i_txt2{
margin-bottom: 10px;
}
.profile_dv1_txt1 .pdv1i_txt2 img{}
.profile_dv1_txt1 .pdv1i_txt3{
margin-bottom: 10px;
}
.profile_dv1_txt1 .pdv1i_txt3 img{}*/



.profile_dv1_txt1 h3{
font-size: 30px;
color: #efc555;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Libre Franklin', sans-serif;
/*text-shadow: -1px -1px 0px #423e34, 1px 1px 0px #fff3d2;*/
letter-spacing: 1px;
text-shadow: -1px -1px 0px rgb(255 255 255 / 50%);
letter-spacing: 2px;
}
.profile_dv1_txt1 h4{
font-size: 25px;
color: #efc555;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Libre Franklin', sans-serif;
font-weight: 100;
text-shadow: -1px -1px 0px rgb(255 255 255 / 50%);
}
.profile_dv1_txt1 h5{
font-size: 21px;
color: #f0f0f0;
margin-bottom: 10px;
font-family: 'Libre Franklin', sans-serif;
font-weight: 100;
border: 2px solid #f0f0f0;
padding: 10px 5px;
max-width: 550px;
text-shadow: -1px -1px 0px rgb(255 255 255 / 50%);
background: #000000;
border-radius: 2px;
}
.mangament_clr{
background: #caaf63;
background: -webkit-linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
background: linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
border: 2px solid #c6a85f !important;
}
.technology_clr{
background: #bfbfbf;
background: -webkit-linear-gradient(-8deg #b1b1b1, #bfbfbf, #b1b1b1) !important;
background: linear-gradient(-8deg, #b1b1b1, #bfbfbf, #b1b1b1) !important;
border: 2px solid #cecece !important;
}
.life_clr{
background: #32b334;
background: -webkit-linear-gradient(-8deg , #32b334, #52c754, #32b334) !important;
background: linear-gradient(-8deg , #32b334, #52c754, #32b334) !important;
border: 2px solid #68d26a !important;
}
.hospitality_clr{
background: #caaf63;
background: -webkit-linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
background: linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
border: 2px solid #c6a85f !important;
}
.multimedia_clr{
background: #caaf63;
background: -webkit-linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
background: linear-gradient(-8deg, #8f6B29, #caaf63, #DF9F28) !important;
border: 2px solid #c6a85f !important;
}












.profile_dv1_txt1 p{
color: #fff;
line-height: 1.5;
letter-spacing: 0.5px;
font-size: 18px;
margin-bottom: 5px;
max-width: 550px;
/*background: rgb(3 0 5 / 80%);*/
max-height: 290px;
/*max-height: 100px;*/
overflow: auto;
/*box-shadow: 0px 0px 25px 20px rgb(0 0 0 / 80%);*/
text-align: justify;
}
.profile_dv1_txt1 .pdv1t_btn{
background-image: linear-gradient(#dfba6c, #bc9c35);
color: #000;
padding: 15px 25px;
display: inline-block;
font-family: "Barlow Condensed", sans-serif;
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
border: 5px double #8e6c20;
cursor: pointer;
/*box-shadow: 0px 0px 20px 14px rgb(0 0 0 / 90%);*/
}
.profile_dv1_txt1 .pdv1t_btn img{}






.profile_dv2{
margin-bottom: 130px;
}
.profile_dv2_img{width: 100%;}
.profile_dv2_img img{
width: 100%;
}


#donation_wrrpr{
position: absolute;
top: -100px;
}



.custom_scroll[tabindex]{
padding-right: 20px;
}


.nicescroll-rails{
/*opacity: 1 !important;*/
width: 5px !important;
border-radius: 5px;
}

.nicescroll-cursors{
background-image: url(../img/gold_diamond.png);
width: 24px !important;
background-size: contain;
height: 40px !important;
background-color: transparent !important; 
border: hidden !important;
background-repeat: no-repeat;
background-position: center;
right: -9px;
cursor: pointer;
}
.nicescroll-cursors:after{
content: '';
}
.nicescroll-cursors:before{
content: '';
}














































@media (min-width: 1200px) and (max-width:1400px){}
/* Responsive_1200__1400 */
@media (min-width: 992px) and (max-width:1199px){

.main-menu ul li > a {
padding: 10px 12px;
}
}
/* Responsive_992__1199 */
@media (min-width: 768px) and (max-width:991px){}
/* Responsive_768__991 */
@media (min-width: 576px) and (max-width:767px){}
/* Responsive_576__767 */
@media (min-width: 451px) and (max-width:575px){}
/* Responsive_451__575 */
@media screen and (max-width: 450px){}
/* Responsive_0__450 */


@media (min-width:1401px){}
/* Responsive_min__1401 */
@media (min-width:1200px){}
/* Responsive_min__1200 */
@media (min-width:992px){}
/* Responsive_min__992 */
@media (min-width:768px){}
/* Responsive_min__768 */
@media (min-width:576px){}
/* Responsive_min__576 */
@media (min-width:451px){}
/* Responsive_min__451 */


@media (max-width:1400px){}
/* Responsive_max__1400 */
@media (max-width:1199px){}
/* Responsive_max__1199 */
@media (max-width:991px){}
/* Responsive_max__991 */
@media (max-width:767px){
.profile_dv1_img, .profile_dv1_txt{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.profile_dv1_txt1{text-align: center; }
.profile_dv1_img1 .pdv1i_bcode {margin-bottom: 30px;margin-top: 15px; }
.profile_dv1_txt1 p {text-align: left; }
.profile_dv1_txt1 p{max-height: none !important;font-size: 16px;}
.profile_dv1 {padding: 20px 2px;}
.profile_dv1_txt1 h5{font-size: 18px;line-height: 1.3;}
.profile_dv1_txt1 h3 {font-size: 24px;}
.profile_dv1_txt1 h4 {font-size: 20px;}

}
/* Responsive_max__767 */
@media (max-width:575px){
.profile_dv1_txt1 .pdv1t_btn {
padding: 5px 10px;
font-size: 22px;
}
.profile_dv1_img1 .pdv1i_img {
width: 100%;
}



}
/* Responsive_max__575 */
@media (max-width:450px){}
/* Responsive_max__450 */




@media (max-width: 750px) {
.all-cardssty15 li {margin-bottom: 7px; }
.jp-card-container{    width: 100% !important; max-width: 100% !important;display: none !important;} 
body .code-wdthdata {width: 100% !important;}
body .phone-inputwdth {width: 100% !important; margin-top: 18px !important;}
.cls-become-student li{width: 100% !important;}
.safe-dataright ul li{    width: 100% !important;}
.modal-wrapper{top: 2em;     width: 100% !important;}
}







/*================================*/

#news-slider{
margin-top: 26px;
}

#news-slider2{
margin-top: 26px;
}


#news-slider3{
margin-top: 26px;
}

.post-slide{
background: #fff;
margin: 20px 15px 20px;
border-radius: 15px;
padding-top: 1px;
/*box-shadow: 0px 14px 22px -9px #bbcbd8;*/
text-align: center;
border: solid 2px rgb(98 67 10 / 65%);
overflow: hidden;
}
.post-slide .post-img{
position: relative;
overflow: hidden;
}
.post-slide .post-img img{
width: 100%;
height: auto;
transform: scale(1,1);
transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
transform: scale(1.1,1.1);
}
.post-slide .over-layer{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
opacity:0;
background: linear-gradient(-45deg , rgb(200 163 66) 0%, rgb(208 177 93 / 58%) 100%);
transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
opacity:1;
text-decoration:none;
}
.post-slide .over-layer i{
position: relative;
top:45%;
text-align:center;
display: block;
color:#fff;
font-size:25px;
}
.post-slide .post-content{
background:#fff;
padding: 2px 10px 20px;
border-radius: 15px;
}
.post-slide .post-title a{
font-size: 26px;
font-weight: 400;
color: #c8a341 !important;
display: inline-block;
text-transform: uppercase;
transition: all 0.3s ease 0s;
letter-spacing: 0.2px;
margin-top: 10px;
}
.post-slide .post-title a:hover{
text-decoration: none;
color:#3498db;
}
.post-slide .post-description{
line-height: 24px;
color: #0a0a0a;
margin-bottom: 11px;
font-size: 18px;
text-transform: capitalize;
font-weight: 400;
}

.post-slide .barcode-sty152{      max-width: 76px; margin: auto;}
.post-slide .post-date{
color:#a9a9a9;
font-size: 14px;
}
.post-slide .post-date i{
font-size:20px;
margin-right:8px;
color: #CFDACE;
}
.message_alert_wrrpr {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -70px;
  text-align: center;
  z-index: 10000000;
  transition: 0.3s;
}

.message_alert_wrrpr p {
  background: #f1f1f1;
  display: inline-block;
  padding: 10px 20px;
  color: #333;
  border-radius: 2px;
  letter-spacing: 0.5px;
}

.msg_alrt1 {
  background: #333333 !important;
  color: #fff !important;
}
.message_alert_wrrpr.msg_active {
  bottom: 30px;
}
.post-slide .read-more{
padding: 7px 20px;
float: right;
font-size: 12px;
background: #2196F3;
color: #ffffff;
box-shadow: 0px 10px 20px -10px #1376c5;
border-radius: 25px;
text-transform: uppercase;
}
.post-slide .read-more:hover{
background: #3498db;
text-decoration:none;
color:#fff;
}
.owl-controls .owl-buttons{
text-align:center;
margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
background: #d1a41c;
position: absolute;
top: -13%;
right: 87px;
padding: 0 18px 0 15px;
border-radius: 50px;
transition: background 0.5s ease 0s;
width: 50px;
height: 50px;
line-height: 48px;
}
.owl-controls .owl-buttons .owl-next{
background: #d1a41c;
position: absolute;
top:-13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
transition: background 0.5s ease 0s;
width: 50px;
height: 50px;
line-height: 48px;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
content:"\f104";
font-family: FontAwesome;
color: #fff;
font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
content:"\f105";
}
@media only screen and (max-width:1280px) {
.post-slide .post-content{
padding: 0px 15px 25px 15px;
}
}
/*=================================*/

.admin-styall15{}



.bg-imgsty15{

background-size: cover;padding: 0px !important;
background-image: url(../img/leather.jpg);
}



.layer-colorsty15{    padding: 60px 0px;
background-color: rgb(0 0 0 / 70%);}
.validate_error{color: #f30404; font-weight: 600; font-size: 13px;}


.jp-card .jp-card-front, .jp-card .jp-card-back{background-color: #000 !important; 
background-image: url('../img/credit_cars.png') !important; background-size: cover !important;     border: solid 1px #d1a41c;}
.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
background-color: #000 !important;  background-image: url('../img/credit_cars.png') !important; background-size: cover !important;
}


.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before{background-color: #000 !important; background-image: url('../img/credit_cars.png') !important; background-size: cover !important;}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
background-color: #000 !important;  background-image: url('../img/credit_cars.png') !important; background-size: cover !important;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
background-color: #000 !important;  background-image: url('../img/credit_cars.png') !important; background-size: cover !important;
}

.jp-card-logo.jp-card-maestro{ display: none !important;  }
.jp-card-logo.jp-card-elo{ display: none !important;  }
.jp-card-logo.jp-card-visa{ display: none !important;  }
.jp-card-logo.jp-card-mastercard{ display: none !important;  }
.jp-card-logo.jp-card-amex{ display: none !important;  }
.jp-card-logo.jp-card-discover{ display: none !important;  }
.jp-card-logo.jp-card-dankort{ display: none !important;  }

.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
color: #af8010 !important;     opacity: 1 !important;}


.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny{    background: #aa9048 !important;}

.jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before{background: #d6c58f !important;}
.jp-card .jp-card-back .jp-card-cvc {
top: 52% !important;}

.jp-card-bar{display: none !important;}
.jp-card .jp-card-back:after{    width: 70% !important;}


.no_board_members_txt{text-align: center; font-size: 22px; color: #737373; margin-top: 20px;}

.membership-formall{}
.allgif-layersty{background-color: #fff;
padding-top: 43px;
padding-bottom: 40px;}
.membership-formall form{}

.memberall-datalist{width: 60%;    margin: auto !important;
border: solid 1px rgb(98 67 11 / 50%);
padding: 50px 15px 16px;
background-color: #fff;box-shadow: 0px -5px 13px 3px rgb(98 67 10 / 20%);}


.upload-styprofile{font-size: 18px; font-weight: 400; letter-spacing: 1px; text-transform: capitalize;}
.main-maralldata{margin-bottom: 27px;}
.submit-styform{text-align: center; padding-top: 19px; margin-bottom: 9px;}
.submit-styform button{    display: inline-block; padding: 10px 57px; border: 0px; background-color: #d1a41c; text-align: center; color: #fff; border-radius: 5px; font-size: 16px; letter-spacing: 0.5px; cursor: pointer;}

.code-wdthdata{    width: 172px !important; display: inline-block !important;}
.phone-inputwdth{    
/*	width: calc(100% - 182px) !important;*/
	 display: inline-block !important;}
.country-codedrop{}
.country-codedrop li{ padding-left: 15px;    cursor: pointer; }

.nopaddind-datanew{padding: 0px !important;}

.layyer-paddinnwsty{padding: 60px 0px;}

.profile-dataall15{    /*background-color: rgb(0 0 0 / 77%); */padding: 26px 30px;}
.accept-patsty{display: none;}


/* The container */
.container-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
background-color: #d1a41c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
left: 9px;
top: 7px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


/* The container */
.container-radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}

.member-databorsty{border: solid 2px #c88305;}

.down-arroesty15{margin: auto;
width: 16px;
text-align: center;
cursor: pointer;     z-index: 98000;}


.scroll-arrow {
width: 16px;
height: 16px;
transform: rotate(45deg);
border-right: 2px solid white;
border-bottom: 2px solid white;
animation: arrow-wave 1s infinite;
animation-direction: alternate;
}
.scroll-arrow:nth-child(1) {
animation-delay: 0.1s;
}
.scroll-arrow:nth-child(2) {
animation-delay: 0.2s;
}
.scroll-arrow:nth-child(3) {
animation-delay: 0.3s;
}

@keyframes arrow-wave {
0% {opacity: 0; }
50% {opacity: 0.5; }
100% {opacity: 1; }
}


.scroll-errowsty15{display: block;}
.scroll-postset15{    width: 100%; height: 109px; position: absolute; top: -92px; }

.fix-scrolltop{width: 100%; height: 110px; display: none;}
.stickytop{display: block !important;}
.all-datastyle p{color: #fff !important;}

.product-bgsty15 {
background-size: cover;
background-image: url(../img/leather.jpg);
}

.product-layersty15{background-color: rgb(0 0 0 / 77%); padding: 26px 30px;}
.product-borsty152{border: solid 2px #c88305; padding: 18px 15px; border-radius: 10px;}



/*============================================*/

.carousel-3d-slide{
height:unset !important;
}

.carousel-3d-slide{
box-shadow: 0 6px 6px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.prev[data-v-05517ad0]{
left: 244px !important;
top: 0px  !important;
}
.next[data-v-05517ad0]{
right: 225px !important;
top: 0px  !important;
}
.Next slide span{
font-size:20px;
}
.carousel-3d-container .next span{
font-size:40px;
}
.carousel-3d-container .prev  span{
font-size:40px;
}
.carousel-3d-slide{
width:400px !important;
}


body .main-header-area{     background-color: rgb(255 255 255 / 95%) !important; /*padding: 7px 0px;*/ }
.layer-styheader{padding: 2px 0px;}
.main-header-area.sticky{background-color: #171717 !important;}

.all-alyersty15{    background-color: rgb(255 255 255);}

.sec-allborsty15{border-bottom: solid 1px #d1a41c;}

.mission-newsty15{background-color: rgb(245 245 245 / 43%); border: solid 1px #ca9e14;}
.align-leftdata15{text-align: left; font-size: 22px !important; font-family: "Barlow Condensed", sans-serif !important; font-weight: 600 !important;    color: #000;} 
	.labelchksty15{width: 100%;  text-align: left;}
	.card-nostyall15{text-align: left; width: 100%;}

body {background-image: url(../../../assets/front/img/1.png) !important;}


.owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
left: 0;
}
.owl-nav button.owl-next {
right: 0;
}

.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #000;
}
.owl-dots button.owl-dot:focus {
outline: none;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav span {
font-size: 70px;    
position: relative;
top: -5px;
}
.owl-nav button:focus {
outline: none;
}

.vodeo-sliderdata{margin-top: 30px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000 !important;
font-weight: 600 !important;
font-size: 15px !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #000 !important;
font-weight: 600 !important;
font-size: 15px !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #000 !important;
font-weight: 600 !important;
font-size: 15px !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #000 !important;
font-weight: 600 !important;
font-size: 15px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{color: #000 !important; font-size: 15px; font-weight: 600;}

#country_code, #state, #city, #shipping_state, #shipping_city {font-weight: 600;
font-size: 15px;}


.thanks-paysty{      width: 500px;
margin: auto;
background-color: #171717;
text-align: center;
padding: 32px 22px;
border: solid 2px #d1a41c;
box-shadow: 0px 0px 0px 30px #171717;}
.thanks-paysty h2{color: #d1a41c;
font-size: 54px;
font-weight: 500;
margin-bottom: 31px;}
.thanks-paysty i{font-size: 110px;
color: #d1a41c;}
.thanks-paysty h5{color: #fff;
font-size: 53px;
margin-top: 19px;}
.thanks-paysty p{font-size: 18px;
color: #fff;
margin-top: 12px;
display: block;}
.thanks-paysty b{    display: block;
color: #d1a41c;
font-weight: 400;
font-size: 16px;
margin-top: 6px;}

.our-misionhadsty{background-color: rgb(245 245 245 / 43%);
border: solid 1px #ca9e14;
padding: 13px 70px;
border-radius: 10px;
margin-bottom: 17px;}
.our-misionhadsty h2{    font-size: 28px; color: #000;}

.footer-followsty{    margin-top: 80px;}
.footer-followsty p{    color: #bb9830;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;}
.footer-followsty ul{    margin-top: 8px;
margin-bottom: 16px;}
.footer-followsty ul li{border-bottom: 0px;}
.footer-followsty ul li a{margin-right: 4px;}
.footer-followsty ul li a i{    background-color: #bb9830;
color: #000;
width: 40px;
height: 40px;
font-size: 29px;
line-height: 40px;	-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;}
.footer-followsty ul li a i:hover{ 	-webkit-transform: scale(1.3);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }

.footer-data{left: 0;
/*   position: absolute;*/
margin: auto;
bottom: 10px;
width: 100%;margin-top: 30px;}

.footer-copy {
border-top: solid 1px #ffffff;
padding: 10px 0px;
text-align: center;
width: 100%;
margin: auto;
background-color: #d1a41c;
}

.footer-copy p {
margin: 0px;
font-size: 14px;
font-family: 'Oxygen', sans-serif;
letter-spacing: 2px;
color: #ffffff;
}

.main-header-area.sticky{background-image: url(../../../assets/front/img/1.png) !important; background-repeat: repeat;
background-size: 22px;
background-color: #000;     padding: 0px !important;}

.main-header-area.sticky .layer-styheader{      background-color: rgb(255 255 255) !important; }

.top-socialdata{    width: auto; display: contents;}
.top-socialdata li{display: inline-block;}
.top-socialdata li a{padding: 4px 10px; border-radius: 2px; border: 0px !important; margin-right: 2px; font-size: 18px;    transition: transform 2s, filter 2s ease-in-out;color: #fff;}
.top-socialdata li a:hover{transform: scale(1.2);}
.top-socialdata li a i{}

.donate-nowsty{}
.donate-nowsty a{      background-image: linear-gradient(to bottom right, #9d8128, #dfab0a);
border-radius: 50px;
color: #fff !important;
text-transform: uppercase;
font-weight: 600 !important;
padding: 10px 22px !important;transition: transform 2s, filter 2s ease-in-out; 
transition: transform 2s, filter 2s ease-in-out; margin-top: 9px;
}

.donate-nowsty a:hover {transform: scale(1.1); }


/*.donate-nowsty a:hover{    transform: scale(1.1);}*/
.donate-nowsty a i{font-size: 16px !important; margin-left: 2px;}

/* add to cart css start */

#main-nav {
margin: 10px auto;
width: 100px;
min-height: 50px;
flex-flow: row nowrap;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
align-content: center;
justify-content: space-around;
}
#main-nav a.cart-button {
width: 44px;
min-height: 50px;
position: relative;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
align-content: flex-start;
justify-content: space-around;
}
#main-nav a.cart-button span.bag-icon {
width: 34px;
height: 40px;
display: block;
margin-bottom: 10px;
z-index: 1;
text-indent: -999px;
overflow: hidden;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E");
background: rgba(255, 255, 255, 0.6);
transition: all 0.5s linear 0s;
}
#main-nav a.cart-button span.bag-count {
border-radius: 3px;
color: rgba(255, 255, 255, 0.9);
font-size: 12px;
font-weight: 600;
height: 28px;
width: 34px;
position: absolute;
top: 7px;
z-index: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: all 0.5s linear 0s;
}
#main-nav a.cart-button span.bag-label {
display: block;
color: rgba(255, 255, 255, 0.6);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
height: 20px;
width: 80px;
text-align: center;
transition: all 0.5s linear 0s;
}
#main-nav a.cart-button:active span.bag-icon, #main-nav a.cart-button:hover span.bag-icon {
background: #fff;
}
#main-nav a.cart-button:active span.bag-count, #main-nav a.cart-button:hover span.bag-count {
color: #fff;
}
#main-nav a.cart-button:active span.bag-label, #main-nav a.cart-button:hover span.bag-label {
color: #fff;
}
body.show-sidebar-cart {
overflow: hidden !important;
height: 100% !important;
}
body.show-sidebar-cart #sidebar-cart {
right: 0;
visibility: visible;
}
#sidebar-cart {
background: #000;
color: #fff;
padding: 15px 15px 0 15px;
position: fixed;
display: block;
width: 320px;
height: 100vh;
z-index: 99999;
top: 0;
right: -340px;
box-shadow: -10px 0 15px rgba(0, 0, 0, 0.1);
transition: right 0.5s ease-in-out;
}
#sidebar-cart a.close-button {
height: 16px;
width: 16px;
margin: 0 0 15px 0;
text-decoration: none;
position: absolute;
top: 20px;
left: 20px;
display: flex;
}
#sidebar-cart a.close-button span.close-icon {
width: 16px;
height: 16px;
text-indent: -9999px;
font-size: 20px;
transition: all 0.5s linear;
color: #fff;
}
#sidebar-cart a.close-button:active span.close-icon, #sidebar-cart a.close-button:hover span.close-icon {
background: #fff;
}
#sidebar-cart h2 {
color: #fff;
font-family: Muli;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1;
margin: 5px 0 25px 0;
display: flex;
justify-content: center;
}
#sidebar-cart h2 span.count {
color: #000;
background: #e1e1e7;
padding: 8px;
margin-left: 6px;
position: relative;
top: -1px;
width: 18px;
height: 18px;
border-radius: 50px;
font-size: 12px;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
}
#sidebar-cart ul.products {
margin: 0;
padding: 0 0 15px 0;
list-style: none;
height: calc(100vh - 200px);
overflow-x: hidden;
overflow-y: auto;
display: block;
position: relative;
z-index: 0;
}

#sidebar-cart ul.products li.product {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
min-height: 30px;
background: #fff;
border-radius: 3px;
position: relative;
z-index: 1;
display: flex;
flex-flow: row nowrap;
transition: all 0.5s linear;
}


#sidebar-cart ul.products li.product:active img, #sidebar-cart ul.products li.product:hover img {
border-color: #d7d7de !important;
}
#sidebar-cart ul.products li.product a.product-link {
width: 100%;
color: #000;
padding: 10px;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
#sidebar-cart ul.products li.product a.product-link span.product-image {
display: inline-block;
width: 75px;
height: 50px;
padding-right: 10px;
}
#sidebar-cart ul.products li.product a.product-link span.product-image img {
width: 60px;
height: 50px;
border: 1px solid #d7d7de;
transition: all 0.5s linear;
}
#sidebar-cart ul.products li.product a.product-link span.product-details {
display: inline-block;
width: 100%;
min-height: 30px;
color: #75757a;
}
#sidebar-cart ul.products li.product a.product-link span.product-details h3 {
margin: 3px 25px 5px 0;
font-size: 13px;
font-weight: 500;
color: #000;
transition: all 0.5s linear;
text-align: left;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
z-index: 5px;
margin-top: 8px;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: flex-start;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button {
width: 25px;
height: 24px;
border-radius: 3px;
border: 1px solid #cdcdd1;
background: #ffff;
color: #75757a;
font-size: 18px;
text-align: center;
vertical-align: middle;
line-height: 20px;
transition: all 0.3s linear;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:active, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:active, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:hover, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:hover {
color: #fff;
background: #000;
border-color: #000;
cursor: pointer;
outline: none;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:focus, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:focus {
outline: none;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input {
width: 24px;
height: 24px;
text-align: center;
border: 1px solid #cdcdd1;
border-radius: 3px;
margin: 0 2px;
transition: all 0.5s linear;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:active, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:hover {
border: 1px solid #000;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:focus {
outline: none;
border: 1px solid #000;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-inner-spin-button, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-outer-spin-button {
appearance: none;
margin: 0;
}
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
color: #000;
font-weight: 500;
font-size: 13px;
display: inline-flex;
}
#sidebar-cart ul.products li.product a.remove-button {
width: 16px;
margin: 10px 10px 0 0;
text-decoration: none;
z-index: 2;
}
#sidebar-cart ul.products li.product a.remove-button i {
font-size: 20px;
color:#000;
}

#sidebar-cart div.totals {position: absolute; bottom: 80px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #d7d7de; display: flex; flex-direction: column; flex-wrap: nowrap; }
#sidebar-cart div.totals div.subtotal, #sidebar-cart div.totals div.shipping, #sidebar-cart div.totals div.tax {padding: 15px; text-align: center; color: #44444a; border-bottom: 1px solid #d7d7de; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 400; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
#sidebar-cart div.totals div.subtotal span.amount, #sidebar-cart div.totals div.shipping span.amount, #sidebar-cart div.totals div.tax span.amount {color: #000; margin-left: 10px; font-weight: 600; }
#sidebar-cart div.action-buttons {padding: 0; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 80px; background: #fff; display: block; white-space: nowrap; }
#sidebar-cart div.action-buttons a.view-cart-button, #sidebar-cart div.action-buttons a.checkout-button {
display: inline-block; padding: 10px; margin: 20px 15px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; border-width: 1px; border-style: solid; border-radius: 4px; transition: all 0.5s linear; }
#sidebar-cart div.action-buttons a.view-cart-button {background: #fff; border-color: #000; margin-right: 5px; color: #000; width: 80px; }
#sidebar-cart div.action-buttons a.checkout-button {border-color: #000; background: #000; margin-left: 5px; color: #fff; width: 200px; }
#sidebar-cart div.action-buttons a.checkout-button:after {
content: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
width: 20px; height: 14px; display: inline-block; margin-left: 6px; vertical-align: middle; position: relative; top: -5px; z-index: 1; }
#sidebar-cart div.action-buttons a.checkout-button:active, #sidebar-cart div.action-buttons a.checkout-button:hover {background: #f9990a; border-color: #f9990a; } 
#sidebar-cart-curtain {background: rgba(0, 0, 0, 0.2); display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
#sidebar-cart a.close-button i {color: #fff; }
a#scrollUp {z-index: 1 !important; }
.tab-content{width: 100%;}
.tab-pane{width: 100% !important;}
.student-dataslider{text-align: center; border: solid 1px #f3f3f3; padding: 15px;}
.student-dataslider img{}
.student-dataslider p{ font-size: 18px; display: block; margin-top: 9px;}
.student-dataslider b{    font-weight: 400; color: #ffffff; background-color: #c88305; padding: 1px 15px; display: inline-block; margin-top: 9px; font-size: 14px; border-radius: 5px;}
.art-craftmaindata{text-align: center;
border: solid 1px #a27810; overflow: hidden;}
.art-craftmaindata a{    display: block;}
.art-craftmaindata a img{width: 100%; -webkit-transition: 0.4s ease;
transition: 0.4s ease;max-height: 192px;}
.art-craftmaindata	a p {font-size: 20px; color: #fff; font-weight: 400; padding: 12px 5px;}
.art-sectiondata{    padding: 25px 0px;}
.art-craftmaindata:hover img{  -webkit-transform: scale(1.08);
transform: scale(1.08);}
.family-treemain15{    position: relative; width: 100%; padding: 62px 0px; text-align: center;    margin-bottom: 100px;}
.main-headdata15{    position: relative; background-color: #cda950; width: 15px; height: 15px; display: inline-block; margin: auto; border-radius: 50%; z-index: 9800; opacity: 1 !important;} 
.main-headdata15:before{position: absolute; content: ''; width: 2px; height: 34px; top: 13px; margin: auto; left: -1px; right: 0; z-index: -1; background-color: #cda950;}
.secd-poststy15{text-align: center;    margin-top: 18px;transform: rotate(5deg);}
.secd-poststy15 li{display: inline-block;    margin-right: 20px; margin-left: 20px; position: relative;    width: 21%;}
.full-linedata15 li:before{position: absolute; content: ''; width: 114%; height: 2px; background-color: #cda950; left: -181px ; top: -6px; bottom: 0; margin: auto; z-index: -1;}
.ganda-subdata li:before{display: none !important;}
.secd-poststy15 li:first-child:before { display: none;  }
.secd-poststy15 li span{ position: relative; background-color: #cda950; width: 15px; height: 15px; display: inline-block; margin: auto; border-radius: 50%; /* z-index: 9800;*/ opacity: 1 !important;}
.secd-poststy15 li span:before{position: absolute; content: ''; width: 2px; height: 35px; top: 10px; margin: auto; left: 7px; right: 0; z-index: -1; background-color: #cda950;transform: rotate(-5deg);}
.no-transsty15 li span:before{left: -1px !important;}
.no-transsty15{transform: rotate(0deg) !important;}
.no-transsty15 li span:before{transform: rotate(0deg) !important;    height: 44px;}

.no-familysty span:before{display: none !important;}
.third-linesty15{    text-align: center;transform: rotate(5deg); margin-top: 6px;margin-left: 12px;position: absolute;} 
.third-linesty15 li{width: 23%; display: inline-block;position: relative;}
.third-linesty15 li span{    position: relative; background-color: #cda950; width: 15px; height: 15px; display: inline-block; margin: auto; border-radius: 50%; /*z-index: 9800;*/ opacity: 1 !important; margin-left: 15px; margin-right: 15px;position: relative;}
.third-linesty15 li span:before{      position: absolute; content: ''; width: 44px; height: 2px; background-color: #cda950; left: -39px; top: 1px; bottom: 0; margin: auto; z-index: -1;}
.third-linesty15 li span:first-child:before{display: none !important;}
.sub-childdata{    margin-top: 38px !important; position: absolute !important; left: 13px; position: relative; background-color: #cda950; width: 15px; height: 15px; display: inline-block; margin: auto; border-radius: 50%; opacity: 1 !important; margin-left: 15px; margin-right: 15px;position: relative;}
.sub-childdata:before{position: absolute !important; content: '' !important; width: 2px !important; height: 31px !important; background-color: #cda950 !important; left: 5px  !important; top: -34px  !important; bottom: 0 !important; margin: auto !important; display: block !important; transform: rotate(-5deg) !important;}

.ganda-subdata{    position: absolute; margin-top: 40px ; transform: rotate(-5deg); right: 2px ; width: 255px ;} 
.ganda-subdata li{width: 1%; position: relative;}
.ganda-subdata li span{}
.ganda-subdata li span b{}
.ganda-subdata li span b:before{  position: absolute; content: ''; width: 44px; height: 2px; background-color: #cda950; left: -39px; top: 1px; bottom: 0; margin: auto;}
.no-beforebore:before{display: none !important}
.no-beforesty10:before{display: none !important}
.data-beforeshow15{}
.data-beforeshow15:before{position: absolute; content: ''; width: 2px; height: 64px; background-color: #cda950; left: 96px; top: -28px; bottom: 30px; margin: auto; right: 0;}
.jaimal-hoversty15:hover .tree-hoversty51{display:block !important;}
.jaimal-hoversty15{}
.tree-hoversty51{display: none;position: absolute; border: solid 2px #cda950; min-width: 260px; padding: 7px; left: 8px;top: -30px;    background-color: #000;    z-index: 98986;}
.tree-hoversty51 a{display: block;}
.tree-hoversty51 a img{max-width: 50px;display: inline-block; vertical-align: top; height: 50px;}
.tree-hoversty51 a h2{font-size: 18px; margin-bottom: 2px; letter-spacing: 0.5px; font-weight: 400;    width: calc(100% - 57px ); display: inline-block;}
.tree-hoversty51 a p{font-size: 16px;    color: #fff;}
.top-poschange15{    top: -67px; left: -27px;}
.gujjar-sty15{    margin-top: 9px;} 
.gujjar-sty15 li{width: 1%;}
.gujjar-sty15:before{display: none !important;}
.third-datalist62{position: absolute; min-width: 229px;margin-left: -193px; }
.third-datalist62:before{    position: absolute; content: ''; width: 2px; height: 29px; top: -17px; margin: auto; right: 12px ; z-index: -1; background-color: #cda950; transform: rotate(-5deg);}
.third-datalist62 li{display: inline-block; position: relative;}
.third-datalist62 li span{ position: relative; background-color: #cda950; width: 15px ; height: 15px ; display: inline-block; margin: auto; border-radius: 50%; opacity: 1 !important; margin-left: 15px; margin-right: 15px; position: relative;}
.third-datalist62 li span b{}
.third-datalist62 li span b:before{position: absolute; content: ''; width: 44px ; height: 2px ; background-color: #cda950; left: -39px ; top: 1px ; bottom: 0; margin: auto;}

.kesho-lastnoshow:before{display: none;}

.tej-kaursty12{    position: absolute; margin-left: -79px; top: 9px;}
.tej-kaursty12 li{display: inline-block; position: relative;}
.tej-kaursty12 li span{position: relative; background-color: #cda950; width: 15px ; height: 15px ; display: inline-block; margin: auto; border-radius: 50%; opacity: 1 !important; margin-left: 15px; margin-right: 15px; position: relative;}
.tej-kaursty12 li span b{}
.tej-kaursty12 li span b:before{position: absolute; content: ''; width: 44px ; height: 2px ; background-color: #cda950; left: 0px ; top: 1px ; bottom: 0; margin: auto;}
.amlok-sty52{    margin-top: 42px !important;} 
.amlok-sty52:before{ transform: rotate(6deg) !important; height: 71px !important; top: -59px !important; 
right: 18px !important;}
.satnam-sty15{min-width: 104px; margin-top: 41px; margin-left: -131px;}
.satnam-sty15 li{}
.jagjit-newdata15 {margin-left: -113px; top: 60px;}
.jagjit-newdata15:before{    position: absolute; content: ''; width: 2px; height: 62px; top: -46px; margin: auto; right: 91px; z-index: -1; background-color: #cda950; transform: rotate(-3deg);}
.jagjit-newdata15 li {}
.more-martop65{margin-left: -97px; top: 96px; transform: rotate(-6deg);    z-index: 9;}
.more-martop65:before{ position: absolute; content: ''; width: 2px; height: 98px; top: -79px; margin: auto; right: 95px; z-index: -1; background-color: #cda950; transform: rotate(-3deg);}

.overflow-imghover{overflow: hidden;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield; }


.first-data152 .hover-stydata{left: 7px !important;}

.extra-topform{background-color: #0c0c0c;
    width: 70% !important; margin: auto; padding: 31px; border: dotted 1px #fff; margin-bottom: 42px;}
.ext-formmarsty{margin-top: 39px;}
.full_layersty15{    background-color: rgb(0 0 0 / 95%) !important;}
.list-citydata15{text-align: center;
    margin-top: 25px;}
.list-citydata15 li{  display: inline-block;
    width: 24%;
    margin-bottom: 20px;
    margin-right: 6px;
    padding: 6px;
    background-color: #fff;}
.list-citydata15 li a{display: block;}
.list-citydata15 li a img{    max-width: 100%;    transition: transform 2s, filter 2s ease-in-out;}
.list-citydata15 li:hover img{transform: scale(1.1);}
.img-latersy15{overflow: hidden; height: 243px;}
.list-citydata15 li a h5{    font-size: 25px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0px;
    background-color: #fff;
    color: #000;
    padding: 5px;
    background-image: linear-gradient(to bottom right, #ff9600, #ffe575);} 
  .data-activechange {background-image: linear-gradient(to bottom right, #52d302, #95fb93) !important;}

.disclamer-allsty{    color: #fff; margin-top: 30px;}
.disclamer-allsty p{color: #000; text-align: center;}
.disclamer-allsty p b{    font-weight: 600;
    text-transform: uppercase;
    margin-right: 8px;
    text-decoration: underline;
    text-align: center;}
.disclamer-allsty p a{    text-decoration: underline; color: #ffa719; display: inline-block; margin-left: 5px;}

.insta-topsection15{padding-top: 53px;    background-color: #fff;}
.insta-topsection15 h2{    text-align: center;
    margin-bottom: 60px;     color: #000;}
    .class-no-data{width: 100%; text-align: center;}
    .img-blacksty{-webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);}
.insta-topsection15 h2 i{background: linear-gradient( 45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    padding: 9px 14px;
    border: 0px !important;
    margin-right: 2px;
    font-size: 30px;
    transition: transform 2s, filter 2s ease-in-out;
    vertical-align: top;
    border-radius: 10px; color: #fff;}

.art-craftmaindata ._p-add-cart .buy-btn {
    color: #fff;
    background-image: linear-gradient(to bottom right, #ff9600, #f3d345);
}

.art-craftmaindata ._p-add-cart .btn {
    text-transform: capitalize;
    padding: 6px 20px;
    /* width: 200px; */
    border-radius: 52px;
    font-size: 18px;
}

.art-craftmaindata ._p-add-cart .btn {
    margin: 0px 8px;
        margin-bottom: 22px;
}

.art-craftmaindata .p-list {
    margin-bottom: 10px;
}

.art-craftmaindata .p-list span {
   margin-right: 0px;
    font-size: 21px;
    color: #fff;
    margin-top: -8px;
    display: block;
}

.header-marqsty{    border-top: solid 1px #f7f7f7;
    border-bottom: solid 1px #ffffff;
    padding-top: 8px;
    background-color: #d1a41c;}
.header-marqsty marquee{    color: #fff;}

.donate-styright{    background-color: #ca9e14;
    padding: 20px;
    margin-bottom: 21px;}
.donate-styright h2{    border-bottom: solid 1px rgb(255 255 255 / 47%);
    padding-bottom: 4px;}
.donate-styright ul{}
.donate-styright ul li{color: #fff;
    font-size: 19px;
    font-weight: 600;     margin-bottom: 8px;}
    .donate-styright ul li img{width: 28px;
    border-radius: 50%;
    margin-right: 5px;}

    .charitable-donateitem{
    padding: 13px;     margin-bottom: 22px; text-align: center;}
    .charitable-donateitem a{    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 22px;
    display: inline-block;
    padding: 14px 33px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom right, #806406, #f9b74a);}

    .item-chrdonate{padding-top: 90px; display: none;    background-color: #f3f3f3;}
   .intro25{display: block !important;}
    .item-chrdonate h2{color: #87650e;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 47px;
    margin-bottom: 52px;     text-align: center;}
    .item-chrdonate ul{text-align: center;}
    .item-chrdonate ul li{display: inline-block;
    width: 24%;
    vertical-align: top;
    text-align: center;
    border: solid 1px #95772b;
    margin-bottom: 15px;
    padding: 15px;
    background-color: #d1a41c;
    min-height: 287px;}
     .item-chrdonate ul li img{     max-width: 100%;
    max-height: 246px;}

@media (max-width: 750px) {

.student-liststy ul li {width: 100% !important;}
.teacher-mainsty15{position: relative;}
.teacher-mainsty15:before{   position: absolute; content: ''; width: 2px; border-right: dotted 3px #e0bc70; height: 97%; bottom: 133px; margin: auto; left: -260px; right: 0;}
.student-liststy ul li span:first-child:before {width: 89px; border-right: solid 3px #e0bc70; height: 77px; bottom: 74px; margin: auto; left: -178px; right: 0; transform: rotate(-270deg );    position: absolute;
content: ''; }
.teacher-profile:before { width: 89px; border-right: dotted 3px #e0bc70; height: 79px; bottom: 102px; margin: auto; left: -182px; right: 0; transform: rotate(-270deg );}
body .last-borsty15:before{display: block !important;}
.cls-checkout-form-sec{padding: 0px !important;}
.thanks-paysty {width: 94%;}
.thanks-paysty i {font-size: 74px;}
.thanks-paysty h2 {font-size: 36px;}
body .extra-topform {width: 97% !important; padding: 12px; }
.item-chrdonate ul li {width: 95%;}
.item-chrdonate h2{    font-size: 47px;}
}
@media (min-width: 481px) and (max-width: 600px) {


}
@media (min-width: 600px) and (max-width: 750px) {}
@media (min-width: 750px) and (max-width: 998px) {}



.product-grid{

    text-align: center;
    padding: 10px 10px;
    margin: 0 auto;
    border: 1px solid #dedade;
    overflow: hidden;
    transition: all 0.3s ease-in-out;    margin-bottom: 16px;
}
.product-grid:hover{ border: 1px solid #c49a16;}
.product-grid .product-image{
    position: relative;
}
.product-grid .product-image a.image{display: block; }
.product-grid .product-image img{
       max-width: 269px;
    height: 269px;
}
.product-image .pic-1{ transition: all .5s ease; }
.product-grid:hover .product-image .pic-1{ opacity: 0; }
.product-image .pic-2{
 
    backface-visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;right: 0;
    margin: auto;
}
.product-grid:hover .product-image .pic-2{ opacity: 1; }
.product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 1;
    border: 1px solid #aaa;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s ease 0.3s;
}
.product-grid:hover .product-links{ opacity: 1; }
.product-grid .product-links li{
    margin: 0;
    display: block;
}
.product-grid .product-links li a i{ line-height:inherit; }
.product-grid .product-links li a{
    color: #aaa;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 37px;
    height: 40px;
    width: 40px;
    margin: 0;
    border-bottom: 1px solid #aaa;
    display: block;
    position: relative;
    transition: all 0.3s ease 0.1s;
}
.product-grid .product-links li a:before,
.product-grid .product-links li a:after{
    content: attr(data-tip);
    color: #fff;
    background: #000;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 5px 5px;
    white-space: nowrap;
    display: none;
    transform: translateY(-50%);
    position: absolute;
    right: 53px;
    top: 50%;
}
.product-grid .product-links li a:after{
    content: "";
    height: 15px;
    width: 15px;
    padding: 0;
    border-radius: 0;
    transform: translateY(-50%) rotate(45deg);
    right: 50px;
}
.product-grid .product-links li a:hover:before,
.product-grid .product-links li a:hover:after{ display: block; }
.product-grid .product-links li a:hover{
    color: #fff;
    background-color: #003844;
}
.product-grid .product-content{ padding: 10px 0 0; }
.product-grid .rating{
    color: #ffd200;
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    display: inline-block;
}
.product-grid .rating li:last-child {
    color: #111;
    display: inline-block;
}
.product-grid .title{
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 5px;
}
.product-grid .title a{
    color: #000;
    transition: all 0.3s ease 0s;
}
.product-grid .title a:hover{ color: #003844; }
.product-grid .price{
       color: #c49a16;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 5px;
    display: block;
    margin-bottom: 20px;
    margin-top: 12px;
}
.product-grid .add-cart{
       color: #c49a16;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 6px 4px;
    border: 1px solid #c19817;
    display: block;
    position: relative;
    transition: all .3s ease;
    z-index: 1;
    width: 77%;
    margin: auto;
}
.product-grid .add-cart i{ margin: 0 5px 0 0; }
.product-grid .add-cart:hover{ color: #fff; }
.product-grid .add-cart:before{
    content: "";
    background-image: linear-gradient(to bottom right, #9d8128, #dfab0a);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.product-grid .add-cart:hover:before{ width: 100%; }
@media screen and (max-width: 990px){
    .product-grid{ margin-bottom: 30px; }
}


.float-rightsty1{float: right;}
.donation-form-left .bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: #999;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
}





.load-styall{    width: 150px;
    height: 150px;
    margin: auto;
    position: relative;}
.load-styall img{    width: 121px;
    position: absolute;
    top: 4%;
    left: -9px;
    right: 0;
    margin: auto;}
.load {
 width: 140px;
    height: 140px;
    border: solid 2px #be9f48;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5sease-in;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    transition: all 0.5sease-in;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}


.donation-callsty1{}
.donation-callsty1 h2{}
.donation-callsty1 ul{}
.donation-callsty1 ul li{display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 2px;}
.donation-callsty1 ul li img{width: 28px; border-radius: 50%; margin-right: 5px;}

.blog-smalsty{    border: solid 1px #767674;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;}
.blog-smalsty img{    width: 100%; margin-bottom: 12px;}
.blog-smalsty h4{color: #ca9e14;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    width: 90%;
    margin: auto !important;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px !important; min-height: 57px;}
    .blog-smalsty span{text-align: left;
    padding: 0px 15px;
    font-size: 16px;
    color: #7a7676; }
.blog-smalsty p{       line-height: 1.4;
    font-size: 16px;
    color: #000;
    border-top: solid 1px rgb(118 116 116 / 22%);
    padding-top: 10px !important;
    text-align: left;
    padding: 0px 15px;}
.blog-smalsty a{ display: inline-block;
    background-color: #cc9f12;
    color: #fff;
    padding: 5px 28px;
    font-size: 16px;
    margin-top: 11px;
    margin-bottom: 16px;}

    .blog-sec{padding-top: 60px; padding-bottom: 60px;}
    .blog-deatilsblog{padding: 60px 0px;}

    .blog-deatisl{}
    .blog-deatisl h2{color: #d1a41c; font-size: 26px; margin-bottom: 12px;}
    .blog-deatisl p{color: #000; font-size: 16px; margin-bottom: 15px;}
    .blog-deatisl h3{    color: #d1a41c; font-size: 24px; margin-top: 26px; margin-bottom: 15px;}
    .blog-deatisl ul{}
    .blog-deatisl ul li{color: #000; font-size: 16px; margin-bottom: 12px;}
    .blog-deatisl ul li b{}

    .payment-style16{    margin-top: 19px;}
    .payment-style16 h2{color: #000;
    font-size: 29px;
    font-weight: 500;
    border-bottom: dotted 1px #dddddd;
    padding-bottom: 5px;}

    .pop-formsty .input-area .form-control{    padding-left: 9px !important;}


.upi-section{    padding: 24px 0px;     background-color: #fff;}
.payment-qrsty{    width: 100%;
    max-width: 300px;
    margin: auto;
    border: solid 3px #d1a41c;
    padding: 4px;     background-color: #fff;}
    .upi-hadding{    text-align: center;
    font-size: 32px;
    color: #000;
    margin-bottom: 23px;}
.payment-qrsty img{width: 100%;}
.payment-qrsty p{    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: 600;}