@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

body {
    font-family: 'Merienda', cursive!important;
}
a {
     font-family: 'Merienda', cursive!important;
}

h1, h2, h3, h4, h5 {
    color: #212121;
    font-weight: 700;
}

.col-green {
    color: #0cb940;
}
.col-red {
    color: #da2a22;
}

.col-org {
    color: #f7850d;
}

.mb-20 {
    margin-bottom: 20px;
}

.bdr-1 {
    border: 1px solid #837f81;
}

.video-container {
    cursor: pointer;
    background: #000;
    border: 5px solid #ffe493;
    transition: 0.5s;
}

.social-link {
    border: 1px solid #332f2f;
    border-radius: 50%;
    padding: 5px 9px;
    margin-right: 8px;
    color: #fff;
    transition: .6s;
    background: transparent;
}

.video-container:hover {
    cursor: pointer;
    background: #000;
    border: 5px solid #bf9c30;
    transition: 0.5s;
}

.video-container:focus {
    outline: none;
}
body p {
	font-size: 15px;
}

.inner-page-title {
    color: #dd3e36;
    margin-top: 25px;
}

.icon-style {
    background: #d9241b;
    padding: 5px;
    text-align: center;
    /* padding: 0 15px; */
    /* margin-left: 15px; */
    margin: 0 100px;
    border-radius: 10px;
}

.icon-style a {
    color: #fff!important;
}

.inner-ul li::before {
    content: "\2022";
    color: #ffc107;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 25px;
    margin-left: -1em;
}
.inner-content {
   font-family: 'Merienda', cursive!important;
}

.inner-content p {
    line-height: 1.7;
   font-family: 'Merienda', cursive!important;
   font-size: 16px;
}

.site-logo {
    width: 20%;
    transition: 0.6s;
}

.read-more-blc {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 11px 39px;
    line-height: 1.7em;
    border-radius: 5em;
    background-color: #000;
    border: 1px solid #000;
    display: inline-block;
    margin: 35px 0 50px;
    -webkit-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    -moz-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    transition: background-color .3s cubic-bezier(.14,.41,.58,1);
}

/*.wwa-box-img {
    border: 5px solid #ffc107;
    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 10px 10px 5px 0px rgb(234 226 199);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
    transition: 0.6s;
}

.wwa-box-img:hover {
    border: 5px solid #eab105;
    box-shadow: 25px 25px 15px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 25px 25px 15px 0px rgb(234 226 199);
    -moz-box-shadow: 25px 25px 15px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
    transition: 0.6s;
}*/

.wwa-slider-box {
    padding: 25px  30px 0 30px;
    border: 5px double #a3cf1a;
    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 10px 10px 5px 0px rgb(234 226 199);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 25px 0;
}

.wwa-content h5 {
    background: #10304e;
    color: #fff;
    padding: 10px;
    font-size: 16px;
}


.read-more-blc:hover {
    color: #000!important;
    background-color: #fff;
}

.contact-info-box p {
    font-size: 16px;
}

.contact-info-box a{
    color: #000;
}

.contact-info-box  {
-moz-box-shadow:    inset 0 0 10px #b3b3b3;
   -webkit-box-shadow: inset 0 0 10px #b3b3b3;
    box-shadow:         inset 0 0 10px #b3b3b3;
    border-radius: 10px;
    padding: 15px;
}

.contact-map {
    -moz-box-shadow:    inset 0 0 10px #b3b3b3;
   -webkit-box-shadow: inset 0 0 10px #b3b3b3;
    box-shadow:         inset 0 0 10px #b3b3b3;
}

.mt-50 {
	margin-top: 50px;
}

.mt-30 {
	margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}

.acknowledgements {
    margin-bottom: 50px;
}

.letter-content {
  
    padding: 0 30px 30px 30px;
    margin-right: 10px;

}

.letter-content img {
    box-shadow: 10px 11px 13px -1px rgba(18,4,4,0.75);
-webkit-box-shadow: 10px 11px 13px -1px rgba(18,4,4,0.75);
-moz-box-shadow: 10px 11px 13px -1px rgba(18,4,4,0.75);
border-radius: 10px 10px 0 10px;
transition: 0.5s;
/*border: 5px solid #327fca;*/
}

.letter-content a {
    outline: none;
}

.letter-content a img:hover {
    box-shadow: 14px 15px 18px -1px rgba(18,4,4,0.75);
    -webkit-box-shadow: 14px 15px 18px -1px rgba(18,4,4,0.75);
    -moz-box-shadow: 14px 15px 18px -1px rgba(18,4,4,0.75);
    transition: 0.5s;
   /* border: 5px solid #10569a;*/
}

.top-bar {
    background-color: rgb(143 195 17);
    color: #fff!important;
    font-weight: 400;
    height: 39px;
    z-index: 111;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    vertical-align:middle;
    padding-top: 10px;
}

.logo-area {
	margin-top: 2px;
}

.top-bar a {
	color: #fff!important;
}

.primary-menu {
/*	z-index: 99999;*/
	/*background-color: rgba(0, 0, 0, 0.59);*/
	height: 70px;

}
.mt-20 {
    margin-top: 20px;
}

.carousel-inner {
	z-index: 1;
	margin-top: 0;
}

.navbar {
	z-index: 99999;
	padding: .8rem 0 .5rem;
}

.navbar-nav .nav-item {
	padding: 0 14.5px;
}

.navbar-nav .nav-item .nav-link {
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

.dropdown-item:hover {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff!important;
    text-align: inherit;
    white-space: nowrap;
    background-color: #ffbb2d!important;
    border: 0;
}

body a:hover {
	color: #d6d3d3!important;
	text-decoration: none;
}

.navbar-nav .nav-item .nav-link:hover {
	color: #d6d3d3;
}

.active {
	color: #ff2f24!important;
    font-weight: bold;
}

.menu-line {
	padding-left: 7px;
	color: #9e9e9e;
}

.donate-btn {
	padding-left: 22px;
	color: #fff;
}

.site-logo-sm {
    width: 20%;
    transition: 0.6s;
}


.donate-btn:hover {
	color: #ff2f24!important;
	text-decoration: none;
}

.fa-arrow-alt-circle-left, .fa-arrow-alt-circle-right {
	font-size: 35px;
	color: #fff;
}

.arrow-left, .arrow-right{
    display: none;
}


.arrow-left:hover {
	margin-right: 15px; 
	transition: 0.2s;
}
.arrow-right:hover {
	margin-left: 15px; 
	transition: 0.2s;
}

.carousel-control-next, .carousel-control-prev {
	opacity: 1!important;
}

.carousel-caption {
    position: absolute;
    right: unset!important;
    bottom: 5%;
    width: 52%;
    text-align: left;
    left: 15%;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 25px;
    color: #fff;
    z-index: 999999999;
    background-color: #0c040469;
}

.carousel-caption h1 {
	font-family: 'Merriweather', serif;
    white-space: normal;
    font-size: 40px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: left;
    margin-bottom: 20px;

}

.carousel-caption h1 span {
	color: #ff2f24!important;
}

.carousel-caption p {
	margin-bottom: 40px;
    font-size: 16px;
}

.carousel-caption a {
	z-index: 9999999!important;
    white-space: nowrap;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-family: "Open Sans";
    background-color: rgba(255, 180, 34, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px;
    outline: none;
    box-shadow: rgb(153 153 153) 0px 0px 0px 0px;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    margin-top: 25px;
    padding: 12px 32px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 141px;
    max-height: none;
    max-width: 141px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}

.carousel-caption a:hover {
    background-color: rgba(255, 180, 34);
    border-color: rgb(255, 255, 255);
    color: #fff!important;
}

.donate-box {
	padding: 50px 30px;
	height: 281px;
}
.donate-box-text {
	width: 85%;
}

.donate-box h2 {
	color: #fff;
	font-size: 28px;
}

.donate-box-btn {
	font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 11px 39px;
    line-height: 1.7em;
    border-radius: 5em;
    background-color: #fff;
    display: inline-block;
    margin: 35px 0 50px;
    -webkit-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    -moz-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    transition: background-color .3s cubic-bezier(.14,.41,.58,1);
}

.donate-box-btn:hover {
	background-color: #f3eedf;
	color: #000!important;
}


.facebook-area {
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 99999;
}

.instagram-area {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 99999;
}

.whatsapp-area {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 99999;
}


.home-who-we-are {
/*	margin: 50px 0;*/
}

 h3 {
	font-size: 35px; 
	/*margin-bottom: 15px;*/
}

.home-who-we-are p {
	color: #888888; 
	font-size: 18px;
	margin-bottom: 0;
}

.simple-border {
	padding: 0 30px;
	border-bottom: 3px solid #ff2f24;
}



.wwa-box h4 {
	margin-bottom: 20px;
	margin-top: 20px;
}

.wwa-box p {
	font-size: 16px;
	text-align: justify;
    line-height: 2;
}

.home-video-section {
	padding: 50px 0;
	color: #fff;
	font-size: 16px;
}

.video-box-2 {
	padding-left: 20px;
}
.home-video-section h2 {
	color: #fff;
    font-size: 35px!important;
    line-height: .8;
    margin-bottom: 55px;
}

.causes-box {
	font-size: 14px;
    background-color: #f6f4ee;
    padding: 30px 36px 44px;
    box-sizing: border-box;
}

.causes-box h4 {
	font-size: 20px;
}

.org-col {

    color: #ffc107;
    font-size: 14px;
}

.causes-img {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.causes-dnt {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .35s cubic-bezier(.14,.41,.58,1);
    transition: transform .6s cubic-bezier(.14,.41,.58,1);
    z-index: 10;
}

.causes-img:hover .causes-dnt {
	bottom: 100px;
	transition: 0.6s;
}

.causes-dnt-btn {
	background-color: #ff2f24;
    border: 2px solid #ff2f24;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 39px;
    line-height: 1.7em;
    border-radius: 5em;
    display: inline-block;
    -webkit-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    -moz-transition: background-color .3s cubic-bezier(.14,.41,.58,1);
    transition: background-color .3s cubic-bezier(.14,.41,.58,1);
}

.causes-dnt-btn:hover {
	color: #fff!important;
	background-color: #d49418;

}

.home-counter-section {
    padding: 70px 0;
    color: #fff;
    font-size: 16px;
}

.counter-box {
	text-align: center;
}

.counter-count {
	font-size: 50px;
    line-height: .98em;
    font-weight: 700;
    font-family: Merriweather,serif;
    color: #fff;
    overflow: hidden;
    display: inline-block!important;
    height: 1em;
    vertical-align: middle;
    margin-bottom: 16px;
}

.counter-box h4 {
	font-size: 18px;
    line-height: 1.445em;
    color: #fff;
    margin-top: 10px;
}

.volunteer-left {
	padding: 11% 10%;
	color: #fff;
}

.volunteer-left h2 {
	color: #fff!important;
	margin-bottom: 25px;
}
.volunteer-left p {
	color: #fff!important;
	font-size: 15px;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #100202;
    border: 1px solid #270707fc;
    border-radius: .25rem;
}

.review-text {
    background: #fff;
    position: relative;
    margin-right: 25px;
    padding: 35px;
    color: #797777;
    text-align: justify;
    margin-bottom: 40px;
}

.review-author {
    margin-bottom: 35px;
    color: #000;
}

.bottom-arrow {
    position: absolute;
    bottom: -15px;
    left: 27px;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-top: 15px solid #ff2f24;
    border-left: 9px solid transparent;
}   

.slick-dots li button:before {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #ff2f24;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.author-d {
    padding-left: 10px;
}

.footer {
    background: #141414;
    color: #dedede;
    padding: 50px 0 15px 0;
}

.footer a {
    color: #dedede;
}

.footer strong {
    color: #fff;
    font-size: 16px;
}

.footer h5 {
    color: #fff!important;
    font-size: 18px;
    margin-bottom: 20px;
}

.btm-bdr {
    border-bottom: 1px solid rgba(168,164,161,.25);
    padding-bottom: 10px;
}

.footer-box-body ul {
    display: block;
}

.footer-box-body ul li {
    margin-bottom: 10px;
    list-style-type: none;
    position: relative;
}

.footer-box-body ul li::before {
    position: absolute;
    content: '';
    top: 6px;
    left: -15px;
    width: 5px;
    height: 10px;
    border-left: solid 6px rgb(255,180,34);
    border-bottom: solid 6px transparent;
    border-top: solid 6px transparent;
}

.footer-box-body ul li a{
    color: #c7c7c7;
    font-family: Merriweather,serif;
    font-size: 15px;
}

.footer-l {
    background: #141414ad;
    color: #c7c7c7;
    padding: 10px 0;
}


.copy-right {
    color: #cacaca!important;
}

.copy-right a {
    color: #cacaca!important;
}

.copy-right-2 {
    text-align: center;
}
.copy-right-3 {
    text-align: right;
}



.slick-prev:before, .slick-next:before {
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: #fedb00;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inner-banner {
    color: #fff;
}

.inner-banner a {
    color: #42c1fe;
}

.inner-banner h3 {
    color: #fff;
    margin-top: -100px;
    font-family: 'Merienda', cursive;
}

/*.inner-banner h3 span {
    border-bottom: 2px solid #fff;
}*/

.inner-content {
    margin-top: 60px;
    margin-bottom: 25px;
}

.slick-dots {
    position: absolute;
   /* bottom: -75px;*/
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.home-product-row {
    padding: 0 35px;
}

.home-product-row .slick-prev {
    left: 0;
    z-index: 999;
}

.home-product-row .slick-next {
    right: 12px;
    z-index: 999;
}

.home-product {
    margin: 0 8px;
    position: relative;
       overflow: hidden;
}
.home-product-h4 {
    position: absolute;
    bottom: -42px;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    color: #ffdf01;
    background: #2f292c94;
    /* background: url(../images/btn-back.png); */
    /* background-position: center; */
    /* background-size: cover; */
    font-size: 18px;
    padding: 10px 8px;

    transition: 0.6s;
}

.home-product:hover .home-product-h4{
    bottom: 0;
    transition: 0.6s;
}



.side-area p {
    font-size: 14px;
}

.right-show {
    right: 0!important;
    transition:all 0.8s;
}


.social-contact {
    position: fixed;
    font-weight: bold;
    top: 13%;
    right: -240px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.social-con-btn { 
    background: #ff2f24;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    width: 135px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 195px;
    top: 45px;
    transform: rotate(-90deg);
}

.social-con-content {
    background: #f6f4ee;
    height: 135px;
    width: 245px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
}
.social-con-content a {
    color: #000;
    font-weight: normal;
}



.whatsapp-contact {
    position: fixed;
    font-weight: bold;
    top: 36%;
    right: -240px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.whatsapp-con-btn { 
    background: #0cb940;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    width: 115px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 205px;
    top: 35px;
    transform: rotate(-90deg);
}

.whatsapp-con-content {
    background: #f6f4ee;
    height: 115px;
    width: 245px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
}
.whatsapp-con-content a {
    color: #000;
    font-weight: normal;
}



.catalogue-contact {
    position: fixed;
    font-weight: bold;
    top: 55%;
    right: -180px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.catalogue-con-btn { 
    background: #c70909;
    color: #fff;
    padding: 10px;
   /* text-transform: uppercase;*/
    width: 145px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 130px;
    font-size: 20px;
    top: 47px;
    transform: rotate(-90deg);
}

.catalogue-con-content {
    background: #f6f4ee;
    height: 145px;
    width: 185px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
}
.catalogue-con-content a {
    color: #000;
    font-weight: normal;
}






.fa-arrow-alt-circle-left, .fa-arrow-alt-circle-right {
    font-size: 50px;
    color: #eaeaea;
}

.carousel-indicators li {
    background-color: #f00;
    width: 13px;
    height: 13px;
    border-radius: 50%;
}


.home-form-area {
    background: #f3f3f3;
    padding: 30px 80px;
    box-shadow: 0 6px 35px 0 rgb(0 0 0 / 2%);
    border-radius: 8px;
    position: relative;
    z-index: 2;
    margin-bottom: -30px;
}

.home-form .form-control {
    border-bottom: 1px solid #f3eded;
    border-left: none;
    border-right: none;
    border-top: none;
}

.home-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.8; /* Firefox */
}

.home-sub-btn {
    border-radius: 25px;
}

.inner-img {
    position: relative;
}

.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
/*body{background-color:#f1f1f2}*/
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}

.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0; padding-left: 40%;}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px; padding-left:8px; height:35px;line-height:35px;border-radius:50%;background:#ff0000;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

.product-img {
    /*border: 5px solid #9e9a9a;*/
    position: relative;
    overflow: hidden;
    padding: 5px;
    border-radius: 5px;
}

.product-img img {
    transition: transform .6s; /* Animation */
    transform: scale(1);
    
}

.product-img img:hover {
    transition: transform .6s; /* Animation */
    transform: scale(1.5);

}

.product-title {
    font-size: 28px;
    margin-bottom: 10px;
    color: #0cb940;
    font-weight: bold;
}


/* ------------------------ Responsive ----------------------------   */


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

    .top-bar {

    height: 70px;

}

.smt-15 {
    margin-top: 15px;
}

  .mobile-hide {
    display: none;
  }

  .home-product-row {
    padding: 0;
}

  .site-logo {
        width: 15%;
     
    }

    .primary-menu {
    z-index: 99999;
  /*  background-color: rgba(0, 0, 0, 0.59);*/
        height: 46px;
        /*padding-top: 8px;
        margin-top: -6px;*/
    }

    .navbar {
        background-color: #f6f4ee;
        padding: 0;
    }

    .navbar-nav .nav-item .nav-link {
        color: #000;
        font-family: 'Open Sans', sans-serif;
    }
    .navbar-nav .nav-item .nav-link:hover {
        color: #d6d3d3;
    }

    .navbar-nav {
        padding:15px;
    }

    .carousel-caption {
    position: absolute;
    right: unset!important;
    bottom: 5%;
    width: 70%;
    text-align: left;
    left: 15%;
    padding-top: 5px;
    padding-bottom: 0;
    padding-left: 25px;
    color: #fff;
    z-index: 999999999;
    background-color: #0c040469;
}

    .carousel-caption h1 {
    font-family: 'Merriweather', serif;
    white-space: normal;
    font-size: 18px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: left;
    margin-bottom: 20px;
}

.carousel-caption a {

    margin-top: 25px;
    padding: 6px 16px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 141px;
    max-height: none;
    max-width: 141px;
}
.carousel-control-next, .carousel-control-prev {
    top: 50px;

}
.carousel-inner {
    z-index: 1;
}
.copy-right {
    text-align: center!important;
}
.copy-right-3 {
    text-align: center;
}



.inner-banner h3 {
    color: #fff;
    font-size: 20px;
    margin-top: -60px;
}

.inner-content {
    margin-top: 25px;
}


.social-contact {
    position: fixed;
    font-weight: bold;
    top: 10%;
    right: -175px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.social-con-btn { 
    background: #ff2f24;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 115px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 133px;
    top: 43px;
    transform: rotate(-90deg);
    font-size: 13px;
}

.social-con-content {
    background: #f6f4ee;
    height: 115px;
    width: 180px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 16px;
}




.whatsapp-contact {
    position: fixed;
    font-weight: bold;
    top: 36%;
    right: -240px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.whatsapp-con-btn { 
    background: #0cb940;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    width: 115px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    right: 205px;
    top: 35px;
    transform: rotate(-90deg);
    font-size: 13px;
}

.whatsapp-con-content {
    background: #f6f4ee;
    height: 115px;
    width: 245px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
}


.facebook-area {
    position: fixed;
    right: -15px;
    top: 25%;
    z-index: 99999;
}

.facebook-area img {
    width: 70%;
    text-align: right;
}

.instagram-area {
    position: fixed;
    right: -15px;
    top: 35%;
    z-index: 99999;
}

.instagram-area img {
    width: 70%;
    text-align: right;
}

.whatsapp-area {
    position: fixed;
    right: -15px;
    top: 45%;
    z-index: 99999;
}

.whatsapp-area img {
    width: 70%;
    text-align: right;
}




.catalogue-contact {
    position: fixed;
    font-weight: bold;
    top: 55%;
    right: -180px;
    z-index: 99999999;
    transition:all 0.8s;
/*    transform: rotate(-90deg);*/
}

.catalogue-con-btn { 
    background: #c70909;
    color: #fff;
    padding: 6px 10px;
    /*text-transform: uppercase;*/
    width: 125px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    font-size: 16px;
    right: 136px;
    top: 47px;
    transform: rotate(-90deg);
}

.catalogue-con-content {
    background: #f6f4ee;
    height: 125px;
    width: 185px;
    padding: 20px 10px 10px 10px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
}

.sm-mb-20 {
    margin-bottom: 20px;
}
.sm-mt-35 {
    margin-top: 35px;
}



}

.slick-slider {
    margin-bottom: 0!important;
}