/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: 'Lato', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px;
}

h2 {
     font-size: 22px;
}

h3 {
     font-size: 18px;
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none !important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 0px;
     font-weight: 500;
     font-size: 15px;
     line-height: 24px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

:focus {
     outline: 0;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 90px;
     padding-bottom: 90px;
}

.layout_padding_2 {
     padding-top: 75px;
     padding-bottom: 75px;
}

.light_silver {
     background: #f9f9f9;
}

.theme_bg {
     background: #38c8a8;
}

.margin_top_30 {
     margin-top: 30px !important;
}

.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}


/**-- heading section --**/


/*---------------------------- preloader area ----------------------------*/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}

.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader img {
     width: 280px;
}

ul.btn {
     float: right;
}

ul.btn li {
     display: inline-block;
     padding: 0 25px;
}

ul.btn li a {
     color: #fff;
     font-size: 16px;
}

ul.btn li:last-child {
     padding-right: 0;
}

.login_btn {
     padding-left: 50px;
}

.login_btn a {
     background-color: #fff;
     display: inline-block;
     padding: 7px 35px;
     border-radius: 10px;
     color: #292e39 !important;
     font-size: 17px;
}

.login_btn a:hover {
     color: #fff !important;
     background: #0808ff;
}

.logo p {
     color: #ff8533;
     font-size: 30px;
}


/*-- header area --*/


/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/


/*-- navigation--*/

.navigation.navbar {
     float: right;
     padding-top: 34px !important;
     padding: 0;
}

.navigation.navbar-dark .navbar-nav .nav-link {
     padding: 0px 25px;
     text-transform: uppercase;
     color: #fff;
     font-size: 17px;
     line-height: 20px;
}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #ff8533;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #ff8533;
}


.navbar-expand-md .navbar-nav {
     padding-right: 10px;
}

.padd_right {
     padding-right: 10px;
}

.sign_btn {
     padding-left: 50px;
}

.get_btn a {
     display: inline-block;
     padding: 8px 39px;
     color: #fff;
     font-size: 16px;
     background-color: #ff8533;
     text-transform: uppercase;
     margin-top: -10px;
     margin-left: 30px;
}

.get_btn a:hover {
     color: #fff;
     background-color: #d2d1d6;
}

.header {
     width: 100%;

     background-color: #0000008a;
     padding: 23px;
}

.logo {
     position: relative;
     padding-bottom: 3px;
     padding-top: 6px;
}

.logo img {
     margin: -25px;
     margin-left: 79px;
     height: 120px;
}

@media (max-width: 575px) {
     .logo {
          text-align: center !important;
          padding-bottom: 6px;
          margin-left: -152px
     }
}




/*popover*/
.newmodal .modal-header {
     background: #ff8533;
}

.newmodal .modal-title {
     color: #fff;
}

.form-control-lg {
     font-size: 16px;
     padding-left: 10px;
}

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

/** banner section **/

.banner_main {

     background-repeat: no-repeat;
     min-height: 660px;
     background-size: 100% 100%;
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;
}

.text-bg {
     text-align: center;
}

.text-bg h1 {
     text-transform: uppercase;
     color: #000;
     font-size: 88px;
     line-height: 120px;
     padding-bottom: 15px;
     font-weight: bold;
}

.text-bg p {
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     font-weight: 500;
     padding-bottom: 50px;
     display: block;
}

.text-bg a {
     font-size: 17px;
     background-color: transparent;
     color: #fff;
     font-weight: 600;
     padding: 11px 0px;
     width: 100%;
     max-width: 230px;
     text-align: center;
     display: inline-block;
     border-radius: 30px;
     border: #ff8533 solid 4px;
     transition: ease-in all 0.5s;
}

.text-bg a:hover {
     background-color: #13110e;
     color: #fff;
     transition: ease-in all 0.5s;
}

.carousel-indicators li {
     background-color: #ff8533;
}








/** end banner section **/


/** three_box section **/

/* .three_box {
     margin-top: -160px;
} */

.box_text {
     box-shadow: 0 0 95px rgba(13, 3, 3, 0.56);
}

.box_text figure {
     margin: 0;
}

.box_text figure img {
     width: 100%;
}


/** end three_box section **/


/**  start welcome section **/

.titlepage {

     padding-bottom: 60px;
}

.mt-30 {
     margin-top: 60px;
}

.titlepage h2 {
     font-size: 50px;
     /* color: #ffff; */
     line-height: 62px;
     font-weight: bold;
     padding: 0;
}

.hottest {
     background: #fff;
     padding: 70px 0 70px 0;
}

.hottest .titlepage {
     padding-bottom: 0;
     text-align: left;
}


.hottest .titlepage h2 {
     color: #000;
     text-align: center;
     /* margin-top: 430px; */
     margin-right: 55px;

}

.hottest .hottest_box {
     position: relative;
     background-color: #ff8533;
     padding: 60px 40px;
}

.hottest_box span {
     color: #000;
     font-weight: 700;
}

.hottest .hottest_box::after {
     position: absolute;
     content: "";
     top: 0;
     bottom: 0;
     left: -30px;
     width: 31px;
     height: 100%;
     background-repeat: no-repeat;
     display: block;
     background-position: center center;
}

.hottest .hottest_box p {
     color: #fff;
     font-size: 15px;
     line-height: 22px;
     font-weight: 500;
     text-align: justify;
     word-spacing: 5px;
     text-shadow: 1px 1px grey;
     font-family: inherit;
}

@media only screen and (max-width: 575px) {
     .hottest .titlepage h2 {
          color: #000;
          text-align: center;
          margin-top: 0;
          margin-right: 0;

     }
}





/** end welcome section **/

/*mission*/
.visionMis {
     background: url(../images/vis-mis-bg.jpg) no-repeat;
     background-attachment: fixed;
     background-size: cover;
     margin-top: 60px;
     /* margin-bottom: 100px; */
     padding-top: 90px;
     padding-bottom: 90px;
}

.team-outter h2 {
     font-size: 27px;
     color: #ff8533;
     font-weight: 500;
}

.team-inner {
     text-align: center;
     background-color: #fcfcfc;
     border: 2px solid #000;
     padding-top: 50px;
     padding-bottom: 50px;
}

.team-outter {
     text-align: center;
}

.rounded-circle {
     border-width: thick;
}

/* Zoom In #1 */
.hover01 figure img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}

.hover01 figure:hover img {
     -webkit-transform: scale(1.3);
     transform: scale(1.3);
}


/** product  section **/

.choose {
     /* margin-top: 90px; */
     background-color: #242323;
     padding: 40px 0 100px 0;
     /* position: relative; */
}

.choose::after {
     position: absolute;
     content: "";
     bottom: 0;
     left: 0px;
     width: 100%;
     height: 195px;
     background: url(../images/choose_bottom_cross.png);
     background-repeat: no-repeat;
     display: block;
     background-position: center center;
}

.choose .titlepage {
     text-align: left;
     padding-bottom: 0;
}

.choose .titlepage h2 {
     color: #fff;
     padding-bottom: 40px;
}

.choose .titlepage p {
     color: #fff;
     display: block;
     font-size: 17px;
     padding-top: 20px;
     line-height: 32px;
}

.choose_img {
     background-color: #fff;
     padding: 20px;
     margin-left: 30px;
     margin-right: 40px;
}

.choose_img figure {
     margin: 0;
     margin-left: -50px;
}

.choose_img figure img {
     width: 100%;
}

.padding_with {
     max-width: 653px;
     float: right;
     width: 100%;
}

.choose_box {
     display: flex;
}

.choose_box i {
     float: left;
}

.choose_box i img {
     float: left;
     background-color: #ff8533;
     width: 140px;
     padding: 10px;
     border-radius: 60px;
}

.choose_text {
     float: right;
     padding-left: 20px;
}

.choose_text h3 {
     color: #fff;
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
     padding-bottom: 10px;
}

.choose_text p {
     color: #fff;
     font-size: 17px;
     line-height: 30px;
     text-align: justify;
}

.padding_bottom {
     padding-bottom: 30px;
}

.read_more {
     font-size: 17px;
     background-color: rgb(102, 102, 102);
     color: #fff;
     padding: 0px 4px;
     width: 100%;
     /* max-width: 96px; */
     text-align: center;
     display: inline-block;
     transition: ease-in all 0.5s;
     z-index: 9999;
     position: relative;
     font-weight: 500;
     border: 1px solid white;
     border-radius: 5px;
     margin-top: 4px;
}

.read_more:hover {
     background: #fff;
     color: #000;
     transition: ease-in all 0.5s;
}


/** end product section **/


/** footer **/

.footer {
     background: #212121;
     padding-top: 85px;
     text-align: center;
}

.footer .titlepage {
     text-align: left;
     padding-bottom: 0px;
}

.footer .titlepage h2 {
     color: #fff;
}

.main_form {
     padding: 50px 0px 50px 0px;
}

.main_form .contactus {
     border: inherit;
     padding: 0px 15px;
     margin-bottom: 20px;
     width: 100%;
     height: 45px;
     background: #ffffff;
     color: #777977;
     font-size: 18px;
     font-weight: normal;
     border-bottom: #ddd solid 1px;
}

.main_form .contactus1 {
     border: inherit;
     padding: 0px 15px;
     margin-bottom: 20px;
     padding-top: 21px;
     width: 100%;
     height: 80px;
     background: #ffffff;
     color: #777977;
     font-size: 18px;
     font-weight: normal;
     border-bottom: #ddd solid 1px;
}

.main_form .send_btn {
     font-size: 20px;
     transition: ease-in all 0.5s;
     background-color: #ff8533;
     color: #000;
     padding: 16px 0px;
     max-width: 333px;
     font-weight: 700;
     width: 100%;
     display: block;
     margin-top: 11px;
}

.main_form .send_btn:hover {
     background-color: #fff;
     transition: ease-in all 0.5s;
     color: #000;
}

#request *::placeholder {
     color: #777977;
     opacity: 1;
}

ul.social_icon {
     padding-top: 25px;
     margin-left: -49px;
}

ul.social_icon li {
     display: inline-block;
}

ul.social_icon li a {
     background: #fff;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 25px;
     border-radius: 30px;
     margin: 0 3px;
}

ul.social_icon li a:hover {
     background-color: #ff8533;
     color: #fff;
}

.bottom_form h3 {
     font-weight: 600;
     font-size: 22px;
     text-align: left;
     color: #fff;
     padding-bottom: 15px;
}

ul.location_icon {
     padding-top: 12px;
     text-align: left;
}

ul.location_icon li {
     display: inline-block;
     font-size: 18px;
     line-height: 20px;
     color: #fff;
     padding-bottom: 25px;
}

ul.location_icon li a {
     font-size: 21px;
     color: #fff;
     line-height: 30px;
     padding-right: 15px;
}

ul.location_icon li a:hover {
     color: #ff8533;
}

.footer h3 {
     font-weight: 600;
     font-size: 22px;
     text-align: left;
     color: #fff;
     padding-bottom: 15px;
}

ul.link {
     text-align: left;
}

ul.link li a {
     color: #fff;
     font-size: 17px;
     line-height: 20px;
     padding-bottom: 15px;
     padding-left: 25px;
     display: block;
}

ul.link li a:hover {
     color: #ff8533;
}

ul.link li a::after {
     position: absolute;
     content: "";
     width: 12px;
     height: 12px;
     background-color: #fff;
     border-radius: 20px;
     left: 0;
     margin-top: 6px;
     margin-left: 15px;
}

.border_right {
     border-right: #fff solid 1px;
}

.bottom_form .enter {
     border: inherit;
     padding: 0px 19px;
     width: 100%;
     height: 53px;
     background: #fff;
     color: #000;
     font-size: 18px;
     font-weight: 600;
}

.sub_btn {
     font-size: 17px;
     transition: ease-in all 0.5s;
     background-color: #ff8533;
     color: #fff;
     padding: 11px 0px;
     max-width: 200px;
     width: 100%;
     display: block;
     font-weight: 500;
     text-transform: uppercase;
     margin-top: 20px;
}

.sub_btn:hover {
     background-color: #fff;
     transition: ease-in all 0.5s;
     color: #000;
}

.copyright {
     margin-top: 70px;
     padding: 20px 0px;
     background-color: #ff8533;
}

.copyright p {
     color: #fff;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
}

.copyright a {
     color: #fff;
}

.copyright a:hover {
     color: #212121;
}

.fa-facebook-f:before,
.fa-facebook:before {
     content: "\f09a";
     color: #4267B2;
}

.fa-twitter:before {
     content: "\f099";
     color: #1DA1F2;
}

.fa-linkedin-square:before {
     content: "\f08c";
     color: #0077B5;
}

.fa-instagram:before {
     content: "\f16d";
     color: #DD2A7B;
}



/** end footer **/

.products_page .product .titlepage {
     margin-top: 70px;
}

/*
* Thumbnails
*/
.thumbnail-classic {
     position: relative;
     text-align: center;
}

.thumbnail-classic-figure {
     display: block;
}

.thumbnail-classic-figure img {
     width: 100%;
}

.thumbnail-classic-caption {
     padding: 15px;
     background: #f9faf9;
}

.thumbnail-classic-title {
     font-weight: 500;
     letter-spacing: 0;
     text-transform: uppercase;
}

.thumbnail-classic-tag,
.thumbnail-classic-price {
     display: inline-block;
     vertical-align: middle;
     font-size: 15px;
     line-height: 1;
     color: #27ae93;
}

.thumbnail-classic-price {
     font-weight: 700;
     letter-spacing: 0;
}

.thumbnail-classic-tag {
     font-weight: 600;
     letter-spacing: .1em;
     text-transform: uppercase;
}

.thumbnail-classic-button {
     display: inline-block;
     vertical-align: middle;
     font-size: 0;
     line-height: 0;
}

.thumbnail-classic-button .button {
     text-align: center;
     padding: 0;
     width: 50px;
     height: 50px;
     font-size: 20px;
     line-height: 46px;
     border-radius: 50%;
}

.thumbnail-classic-button img {
     display: none;
}

.thumbnail-classic-button+.thumbnail-classic-button {
     margin-left: 16px;
}

*+.thumbnail-classic-button-wrap {
     margin-top: 15px;
}

@media (min-width: 992px) {
     .desktop .thumbnail-classic {
          overflow: hidden;
     }

     .desktop .thumbnail-classic-caption {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: transparent;
          pointer-events: none;
          z-index: 1;
     }

     .desktop .thumbnail-classic-caption::before {
          position: absolute;
          content: '';
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: rgba(255, 255, 255, 0.96);
          transform: scale(0.8);
          transition: all .3s ease;
          opacity: 0;
          z-index: -1;
     }

     .desktop .thumbnail-classic-caption>div {
          pointer-events: auto;
     }

     .desktop .thumbnail-classic-title {
          transform: translate3d(0, -30px, 0);
          transition: all .4s ease;
          opacity: 0;
     }

     .desktop .thumbnail-classic-tag,
     .desktop .thumbnail-classic-price {
          transform: translate3d(0, 30px, 0);
          transition: all .4s ease;
          opacity: 0;
     }

     .desktop .thumbnail-classic-button {
          transition: all .4s ease;
          opacity: 0;
     }

     .desktop .thumbnail-classic-button:nth-child(1) {
          transform: translate3d(0, 40px, 0);
     }

     .desktop .thumbnail-classic-button:nth-child(2) {
          transform: translate3d(40px, 40px, 0);
     }

     .desktop .thumbnail-classic:hover .thumbnail-classic-caption::before,
     .desktop .thumbnail-classic:hover .thumbnail-classic-tag,
     .desktop .thumbnail-classic:hover .thumbnail-classic-price,
     .desktop .thumbnail-classic:hover .thumbnail-classic-title,
     .desktop .thumbnail-classic:hover .thumbnail-classic-button {
          transform: none;
          opacity: 1;
     }

     .desktop *+.thumbnail-classic-button-wrap {
          margin-top: 24px;
     }
}

.mac-os .thumbnail-classic-button .button {
     transform: rotate(0.0001deg);
}

.thumbnail-modern {
     position: relative;
     text-align: center;
}

.thumbnail-modern-figure {
     display: block;
}

.thumbnail-modern-figure img {
     width: 100%;
}

.thumbnail-modern-caption {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 5px;
     background: rgba(255, 255, 255, 0.7);
}

.thumbnail-modern-title {
     font-weight: 400;
     letter-spacing: .05em;
     text-transform: none;
}

.mobile .thumbnail-modern-title,
.tablet .thumbnail-modern-title {
     font-size: 16px;
}

@media (min-width: 992px) {
     .desktop .thumbnail-modern {
          overflow: hidden;
     }

     .desktop .thumbnail-modern-caption {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 15px;
          top: 0;
          background: transparent;
          pointer-events: none;
          z-index: 1;
     }

     .desktop .thumbnail-modern-caption::before {
          position: absolute;
          content: '';
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: rgba(255, 255, 255, 0.83);
          transform: scale(0.8);
          transition: all .3s ease;
          opacity: 0;
          z-index: -1;
     }

     .desktop .thumbnail-modern-caption>div {
          pointer-events: auto;
     }

     .desktop .thumbnail-modern-title {
          transform: scale(1.5);
          transition: all .4s ease;
          opacity: 0;
     }

     .desktop .thumbnail-modern:hover .thumbnail-modern-caption::before,
     .desktop .thumbnail-modern:hover .thumbnail-modern-title {
          transform: none;
          opacity: 1;
     }
}

.thumbnail-minimal {
     position: relative;
     display: block;
     overflow: hidden;
     background: #27ae93;
}

.thumbnail-minimal:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.5);
     transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
     transition: transform .6s;
     pointer-events: none;
     z-index: 1;
}

.thumbnail-minimal img {
     width: 100%;
     will-change: transform;
     transform: scale(1.05);
     transition: all .3s;
}

.thumbnail-minimal:hover:before {
     transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
}

.thumbnail-minimal:hover img {
     transform: none;
     opacity: .8;
}





/*gallary*/

#demo {
     height: 100%;
     position: relative;
     overflow: hidden;
}


.green {
     background-color: #6fb936;
}

.thumb {
     margin-bottom: 30px;
}

.page-top {
     margin-top: 85px;
}


img.zoom {
     width: 100%;
     height: 200px;
     border-radius: 5px;
     object-fit: cover;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}


.transition {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}

.modal-header {

     border-bottom: none;
}

.modal-title {
     color: #000;
}


.gallery-container {
     position: relative;

}

.image {
     opacity: 1;
     display: block;
     width: 100%;
     height: auto;
     transition: .5s ease;
     backface-visibility: hidden;
}

.middle {
     transition: .5s ease;
     opacity: 0;
     position: absolute;
     top: 56%;
     left: 63%;
     transform: translate(100%, 100%);
     -ms-transform: translate(-50%, -50%);
     text-align: center;
}

.gallery-container:hover .image {
     opacity: 0.3;
}

.gallery-container:hover .middle {
     opacity: 1;
}

.text {
     background-color: #ff8533c2;
     color: black;
     font-size: 22px;
     padding: 2px 12px;
     border-radius: 10%;
}

/*multipage*/
/*product bone*/
.section-posts {
     position: relative;
     z-index: 1;
}

.post-classic {
     position: relative;
     transition: all 0.3s ease-in-out;
     max-width: 370px;
     margin-left: auto;
     margin-right: auto;
}

@media (min-width: 992px) {
     .post-classic {
          max-width: none;
     }
}

.post-classic .link-arrow {
     position: absolute;
     right: 30px;
     bottom: 20px;
}

.post-classic .link-arrow,
.post-classic .link-arrow:focus,
.post-classic .link-arrow:active {
     color: #ff5639;
}

.post-classic .link-arrow:hover {
     color: #2d3134;
}

.post-classic:hover {
     box-shadow: 8px 14px 25px rgba(0, 0, 0, 0.45);
}

.post-classic-figcaption {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 23px 50px 22px 28px;
     background-color: rgba(255, 255, 255, 0.8);
}

.post-classic-figure {
     overflow: hidden;
}

.post-classic-figure img {
     transition: all 0.3s ease-in-out;
     height: 320px;
     object-fit: cover;
}

@media (min-width: 768px) {
     .post-classic-figure img {
          height: 370px;
     }
}

.post-classic-figure a {
     display: block;
}

.post-classic-figure a:hover img {
     transform: scale(1.05);
}

.post-classic-text {
     width: 290px;
     max-width: 100%;
}

.post-classic-mod-2 {
     color: #ffffff;
}

.post-classic-mod-2 .post-classic-title a,
.post-classic-mod-2 .post-classic-title a:focus,
.post-classic-mod-2 .post-classic-title a:active {
     color: #ffffff;
}

.post-classic-mod-2 .post-classic-title a:hover {
     color: #ff8533ad;
}

.post-classic-mod-2 .post-classic-figcaption {
     background-color: rgba(45, 49, 52, 0.8);
}

.post-classic-mod-2 .link-arrow,
.post-classic-mod-2 .link-arrow:focus,
.post-classic-mod-2 .link-arrow:active {
     color: #ff8533ad;
}

.post-classic-mod-2 .link-arrow:hover {
     color: #ffffff;
}

.post-classic-mod-3 {
     color: #ffffff;
}

.post-classic-mod-3 .post-classic-title a,
.post-classic-mod-3 .post-classic-title a:focus,
.post-classic-mod-3 .post-classic-title a:active {
     color: #ffffff;
}

.post-classic-mod-3 .post-classic-title a:hover {
     color: #2d3134;
}

.post-classic-mod-3 .post-classic-figcaption {
     background-color: #ff8533ad;
}

.post-classic-mod-3 .link-arrow,
.post-classic-mod-3 .link-arrow:focus,
.post-classic-mod-3 .link-arrow:active {
     color: #ffffff;
}

.post-classic-mod-3 .link-arrow:hover {
     color: #2d3134;
}

.post-classic-mod-4 .post-classic-figcaption {
     transition: all 0.3s ease-in-out;
}

.post-classic-mod-4 .post-classic-figcaption:hover {
     color: #ffffff;
     background-color: #ff8533ad;
}

.post-classic-mod-4 .post-classic-figcaption:hover .post-classic-title a,
.post-classic-mod-4 .post-classic-figcaption:hover .post-classic-title a:focus,
.post-classic-mod-4 .post-classic-figcaption:hover .post-classic-title a:active {
     color: #ffffff;
}

.post-classic-mod-4 .post-classic-figcaption:hover .post-classic-title a:hover {
     color: #2d3134;
}

.post-classic-mod-4 .post-classic-figcaption:hover .link-arrow,
.post-classic-mod-4 .post-classic-figcaption:hover .link-arrow:focus,
.post-classic-mod-4 .post-classic-figcaption:hover .link-arrow:active {
     color: #ffffff;
}

.post-classic-mod-4 .post-classic-figcaption:hover .link-arrow:hover {
     color: #2d3134;
}

.post-modern {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}

.post-modern p {
     width: 100%;
}

.section-posts h2 {
     font-size: 55px;
     margin-bottom: 40px;
     margin-top: 60px
}

.row-30 {
     margin-bottom: 100px;
}

.post-classic-title a {
     font-size: 20px;
     font-weight: 700;
}


/*product baffalo horn*/

.baffalo-horn h1 {
     font-weight: 700;
     font-size: 34PX;
     margin-bottom: 40px;
     margin-top: 10px;
     margin-top: -50px;
}

.text-lg-left {
     margin-bottom: 70px;
}

.baffalo-horn p {
     font-size: 18px;
}



/*about us start */

.about-style1-area {
     position: relative;
     display: block;
     background: #ffffff;
     padding: 240px 0 130px;
}

.about-style1-image-box {
     position: relative;
     margin-top: 16px;
     display: block;
     max-width: 540px;
     width: 100%;
     z-index: 100;
}

.about-style1-image-box:after {
     position: absolute;
     content: "";
     top: 110px;
     left: 0;
     bottom: 0;
     right: 0;
     -webkit-box-shadow: 0px 6px 15px 3px #c6c6c6;
     box-shadow: 0px 6px 15px 3px #c6c6c6;
     z-index: -1;
}

.about-style1-image-box:before {
     position: absolute;
     top: 230px;
     left: 60px;
     bottom: -60px;
     right: -60px;
     border: 5px solid #b7b7b7;
     content: "";
     z-index: -1;
}

.about-style1-image-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     border: 10px solid #ffffff;
}

.about-style1-image-box .image-box img {
     width: 100%;
     transform: scale(1.01);
     transition: all 700ms ease;
}

.about-style1-image-box .image-box:hover img {
     transform: scale(1.1);
}


.about-style1-text-box {
     position: relative;
     display: block;
     padding-top: 120px;
}

.about-style1-text-box .title {
     position: relative;
     display: block;
     margin-top: -16px;
     color: #990103;
     text-align: center;
}

.about-style1-text-box .title h2 {
     margin-top: -200px;
     font-size: 50PX;
}

.about-style1-text-box .inner-contant {
     position: relative;
     display: block;
     padding-top: 10px;
}

.about-style1-text-box .inner-contant h3 {
     color: #777777;
     font-size: 20px;
     line-height: 36px;
     font-weight: 400;
     margin: 0 0 31px;
}

.about-style1-text-box .inner-contant p {
     margin: 0 0 10px;
     font-size: 15px;
     text-align: justify;
}

.about-style1-text-box .inner-contant .button {
     position: relative;
     display: block;
     padding-top: 25px;
}

.about-style1-text-box .inner-contant .button i {
     position: relative;
     display: inline-block;
     padding-left: 10px;
     color: #000000;
     z-index: 1;
}

/*about us end*/


/*services*/
.services h2 {
     font-size: 50px;
     font-weight: 700;
     float: left;
     margin-top: 40px;
     margin-bottom: 30px;
}

.contents h4 {
     font-weight: 700;
     font-size: 20px;
}

.contents {
     margin-bottom: 40px;
     margin-top: 12px;
}

.wrap-icon {
     font-size: 32px;
     margin-right: 25px;
}

.wrap-icon i {
     margin-left: 16px;
     color: #000;
}

.service .wrap-icon {
     width: 60px;
     height: 60px;
     line-height: 60px;
     background: #ff8533;
     border-radius: 50%;
     position: relative;
     display: inline-block;
     -webkit-transition: .3s all ease;
}

.service .wrap-icon:hover {
     background-color: #fff;
}


/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
     position: relative;
     background-attachment: scroll;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 110px 0 290px;
}

.breadcrumb-area::before {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.70) none repeat scroll 0 0;
     content: "";
     z-index: -1
}

.breadcrumb-area .inner-content {
     position: relative;
     display: block;
     text-align: center
}

.breadcrumb-area .inner-content h4 {
     color: #fff;
     font-size: 24px;
     line-height: 30px;
     font-weight: 400
}

.breadcrumb-area .inner-content .border-box {
     position: relative;
     display: block;
     width: 110px;
     height: 3px;
     background: #fff;
     margin: 31px auto 33px
}

.breadcrumb-area .title {
     position: relative;
     display: block
}

.breadcrumb-area .title h1 {
     color: #fff;
     font-size: 72px;
     line-height: 80px;
     font-weight: 700;
     text-transform: capitalize
}


.breadcrumb {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: .75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #21160578;
     border-radius: .25rem;
     margin-top: 241px;
     padding-right: 80%;
     position: absolute;
}

.breadcrumb a {
     color: #fff;
}

.breadcrumb ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
     color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: .5rem;
     color: #fff;
     content: "/";
}


/*contactus*/
.contacts {
     margin-top: 100px;
     margin-bottom: 70px;
}

.cont-img img {
     border: 10px solid #000;
     height: 400px;
     width: 100%;
}

/*factory*/
#factory {
     margin-top: 100px;
     margin-bottom: 90px;
}

.factory-outter {
     margin-top: 45px;
}

.factory-outter h2 {
     font-size: 33px;
     font-weight: 700;
}

.factory-outter .lead {
     font-size: 16px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
     text-align: justify;
}

.factory-inner img {
     border: 2px solid #000;
     border-radius: 5px;
}





/*product*/

#productsss {
     background-image: url(../images/b-col.jpg);
}

.product-outline h4 {
     font-size: 20px;
     margin: 36px;
     text-align: center;
     text-transform: uppercase;
}

.product-outline {
     margin: 30px;
}

.pro-head {
     padding: 75px;
}

.pro-head h4 {
     font-size: 23px;
     text-align: center;
     font-weight: 700;
     color: #000;
     text-transform: uppercase;
     position: relative;
     word-spacing: 6px;
}

.pro-head h4::before {
     content: '';
     position: absolute;
     display: block;
     width: 120px;
     height: 2px;
     background: #ddd;
     bottom: 1px;
     left: calc(50% - 60px);
}

.pro-head h4::after {
     content: '';
     position: absolute;
     display: block;
     width: 40px;
     height: 3px;
     background: #ff8533;
     bottom: 0;
     left: calc(50% - 20px);
}

.pro-outter {
     padding-bottom: 60px;
}

/* Zoom In #1 */
.hover01 figure img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}

.hover01 figure:hover img {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
}

/*comb-handle*/
.white-plate figure img {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

.photo-frame img {
     margin: 0 auto;
     display: block;
}

.dropdown-menu.multi-column {
     width: 400px;
}



/*dropdown*/
.mega-menu {
     width: 800px;
     overflow: hidden;
     padding: 10px;
     font-size: 15px;
}

.dropdown-item:hover {
     color: #ff8533;
}

.dropdown-menu.show {
     display: block;
     padding-right: 422px;
}

.dropdown-item:focus,
.dropdown-item:hover {

     background-color: transparent;
}





@media screen and (max-width: 1440px) {
     .about-style1-image-box:before {
          position: relative
     }

     .about-style1-image-box {
          margin-bottom: 140px;
     }

     .hottest .titlepage h2 {
          margin-right: 18px;
     }

}

@media (min-width: 992px) and (max-width : 1200px) {
     .about-style1-image-box:before {
          position: relative
     }

     .about-style1-image-box {
          margin-top: -160px;
          margin-bottom: 140px;
     }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
     .about-style1-image-box:before {
          position: relative
     }

     .about-style1-image-box {
          margin-top: -160px;
          margin-bottom: 140px;
     }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
     .breadcrumb-area {
          padding: 100px 0 210px;
     }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
     .about-style1-image-box:before {
          position: relative
     }

     .about-style1-image-box {
          margin-top: -160px;
          margin-bottom: 140px;
     }

}




@media only screen and (max-width:640px) {
     .about-style1-image-box:before {
          position: relative
     }

     .about-style1-image-box {
          margin-top: -160px;
          margin-bottom: 140px;
     }

     .banner_main {
          min-height: 355px;
     }

     .breadcrumb {
          margin-top: 71px;
          padding-right: 52%;
     }

}

@media (max-width: 575px) {
     .three_box {
          margin-top: -5px;
     }
}


@media only screen and (min-width:320px) and (max-width:640px) {
     .breadcrumb-area {
          padding: 100px 0 119px;
     }

     .pro-head h4 {
          margin-top: 50px;
     }

}


/* new css  */
.breadcrumb-item {
     font-size: 17px;
}

.wel-img {
     border-radius: 50%;
}