/*global css*/

body { font-family: 'Open Sans', sans-serif; position: relative; background: #fff; margin: 0; font-size: 16px; color: #58595b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; overflow-x: hidden; }


h1, .h1 { font-size:2rem; }
h2, .h2 { font-size:1.5rem; }
h3, .h3 { font-size:1.125rem; }
h4, .h4 { font-size:1rem; }
h5, .h5 { font-size:0.8125rem; }
h6, .h6 { font-size:0.625rem; }

.btn.focus, .btn:focus {outline: 0; box-shadow: inherit;}
.btn-link {	color: #000;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
.btn-link:hover{text-decoration: none;}
.btn-link span{ text-decoration: none;color:#fff; position: relative; z-index: 99;}
.btn-link:hover span{text-decoration: none; color:#000; position: relative; z-index: 99;}
.btn-link a{	color: rgba(51,51,51,1);text-decoration: none;display: block;}
.btn-link::before{	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color:#7d3c23;border-radius: 5px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-link:hover::before{	opacity: 0 ;-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);}
.btn-link::after{	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border: 1px solid rgba(239,203,105,0.5);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);background: rgba(255,255,255,0.2);}
.btn-link:hover::after{	opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
.btn-link.focus, .btn-link:focus {text-decoration: none;border-color: transparent;box-shadow: none;}

.btn-warning.focus, .btn-warning:focus {box-shadow: none;text-decoration: none;}

a, a:focus { color: #1b232a; text-decoration: none; outline: none; }
a:hover { text-decoration: none;outline: none; }
p {font-size: .8rem; color:#333; }
p a { text-decoration: none; }
.form-control {padding: .3rem .75rem;font-size: .9rem;}
.form-control:focus {color: #262626;background-color: #fff;border: 1px solid #666;outline: 0;box-shadow: none;}

.btn-dark.focus, .btn-dark:focus { box-shadow: none; outline: none;}
.button_area {margin-top: 50px;width: 100%;padding: 0;text-align: center;display: inline-block;}

.button_area .btn-dark {color: #333;font-size: 1.1rem;font-weight: 800;background-color: #eee;border-color: transparent;}
.button_area .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {color: #333;background-color:transparent;border-color: transparent;}
.button_area .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {box-shadow: none;}


.nav-tabs .nav-link {border:none;}
.nav-tabs {border-bottom: none}

input:focus, textarea:focus, button:focus { outline: none; box-shadow: none; }
textarea.form-control { height: auto; }
.btn { font-size: 12px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase;  border-radius: 3px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.btn.violet-bg {    background: #5c6bc0;    border-color: #5c6bc0;    color: #d1d8ff;}
.btn.violet-bg:hover {    background: #6278f5;    border-color: #6278f5;    color: #fff;}
.checkbox {padding-left: 0px; font-size: .9rem; }
.checkbox label {display: inline-block;position: relative;margin-bottom: 0;padding-left: 5px; }
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; }
.badge {display: inline-block;padding: .25em .4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;float: right;}
.badge-secondary {color: #a2a2a2;background-color: transparent;}
.checkbox input[type="checkbox"] {opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after { font-family: "Font Awesome 5 Brands";content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #428bca;border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; }

.radio-primary input[type="radio"] + label::after {background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #428bca; }


.b2b_slider_sec{margin: 0; position: relative; width: 100%; left: 0; padding:0;  height: 100vh; max-height: 775px; min-height: 650px;}
.b2b_slider_sec .carousel {width: 100%; height: 100%;}
.b2b_slider_sec .carousel .carousel-inner {    position: relative; width: 100%; height: 100%;}
.b2b_slider_sec .carousel .carousel-item{height: 100%;}
.b2b_slider_sec .carousel-inner .img_sec{ width:100%; height: 100%; position: absolute;}
.b2b_slider_sec .carousel-inner .img_sec.coverimg:before { content: '';  width: 100%;  height: 100%;  background: rgba(0,0,0,.3); position: absolute;  z-index: 1; top: 0; left: 0;}
.b2b_slider_sec .carousel-inner .img_sec img{ height: 100%;width: 100%;}
.b2b_slider_sec .carousel-caption{ width: 60%;  z-index: 10;    color: #333;    bottom: inherit;  right: inherit; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.b2b_slider_sec .carousel-caption h3{ letter-spacing: 1px; color:#fff;line-height: 30px; font-size: 28px; margin-bottom: 25px;}
.b2b_slider_sec .carousel-caption p{margin: 25px 0; color:#e2e2e2; font-size: 1rem; width: 100%;}
.b2b_slider_sec .carousel-caption .btn{ padding: 10px 20px;}
.b2b_slider_sec .button_area{ margin:0;  height: 80px; width: 200px; opacity: 1;}
.b2b_slider_sec .button_area .carousel-control-prev {left: 0;width: 50px;background: #000;height: 50px;}
.b2b_slider_sec .button_area .carousel-control-next {width: 50px;background: #414141;height: 50px;right: 0;}
.b2b_slider_sec .carousel-caption .btn-outline-dark {margin: 0;width: 35%;border-radius: 40px;height: 50px;font-size: 1.2rem;}
.b2b_slider_sec .carousel-caption .carousel-control-next-icon{ display: none;}
.b2b_slider_sec .carousel-indicators {bottom: 0px;}
.b2b_slider_sec .carousel-control-prev-icon {background-image:none;}
.b2b_slider_sec .carousel-control-next-icon {background-image: none;}
.b2b_slider_sec .carousel-control-next, .carousel-control-prev {position: absolute; top: 0;bottom: 0;width: 6%;color: #000;}
.b2b_slider_sec .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #000;text-decoration: none;outline: 0; opacity: .9;}
.coverimg {    background-repeat: no-repeat;    background-size: cover;    background-position: center;}

.navebar_sec{margin: 0; padding:15px 10px;    position: relative;}
.navebar_sec .logo_sec{ width: 100%; overflow: hidden; text-align: center;}
.navebar_sec .logo_sec img{max-height: 40px; max-width: 200px;}

.nav_area {min-width: 250px; max-width: 300px; text-align: right;   position: absolute;    right: 15px;     top: 50%;    transform: translateY(-50%);}
.nav_area .navbar{ padding:0;}


.nav_area .nav-link.active, .show>.nav-link {color: #fff;background-color:transparent;}
.nav_area .nav-link{ text-align: right; padding: 0 10px; color: #565656;    font-size:13px; text-transform: uppercase;}
.nav_area .nav-link i{ font-size:13px; margin-right: 7px;}

.nav_area .collapse:not(.show) {
    display: block;
}
.nav_area .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    display: none;
}
.navbar-nav li a{color:#565656; font-size:13px; font-family: 'Open Sans', sans-serif;}
.navbar-nav li a:hover{color:#4e3629;}
.navbar-expand-lg.navbar-nav .nav-item:not(:last-child){margin-right: .8rem;}
.nav-item:hover i {color: #000;text-shadow: 0 0 25px #fff;transition: all 1s ;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #fff;text-shadow: 0 0 25px #fff; transition: all 1s;}

.socialmedia{ position: absolute; bottom: 50px; width: 100%;}
.socialmedia ul{ margin: 0; padding: 0; list-style-type: none;}
.socialmedia ul li{ width: 100%; margin-bottom: 5px; text-align: center;}
.socialmedia ul li a{ text-decoration: none; padding-right: 5px; color:#fff; }
.socialmedia ul li a i{font-size: .7rem;}

/* .main_container{margin-left: 5%; width: calc(100% - 40px); background: #fff;} */
.b2b_slider_sec .carousel-indicators {    bottom: 20px;    left: 50%;    transform: translateX(-50%);    margin: 0;}
.b2b_slider_sec .carousel-indicators li {width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;margin-left: 10px;text-indent: -999px;border:1px solid #333;}
.b2b_slider_sec .carousel-indicators .active {background-color: #333333;}

.aboutus_sec{ margin: 0; width: 100%; padding: 50px 0;}
.aboutus_sec h1{ margin-bottom: 30px;color:#565656;}
.aboutus_sec p{ margin-bottom: 30px;}
.aboutus_sec .img_sec{ width: 100%; padding: 0;}
.aboutus_sec .img_sec img{ width: 100%; height: auto;}

.aboutus_bottom_sec{ width: 100%; padding:25px; text-align: center;}

.thumnail_sec{margin: 0; width: 100%; padding: 50px 0; background: #f9f9f9 url(../img/thumnail_bg.png) no-repeat top right;}
.thumnail_sec ul{margin: 0; width: 100%; padding: 0; list-style-type: none; text-align: center;}
.thumnail_sec ul li{ margin: 0 1% 30px 1%; width: 22%;border:1px solid #e7e7e7; border-radius: 3px; display: inline-block; background: #fff;}
.thumnail{margin-bottom: 15px; width: 100%; padding: 0px; position: relative;overflow: hidden; }
.thumnail h2{ margin: 20px 0 50px 25px}
.thumnail .img_sec{ margin: 0;padding:15px; width: 100%; height: 250px; text-align: center; overflow: hidden;}
.thumnail .img_sec img{ max-width: 100%; max-height: 100%; }

.thumnail .caption{ margin: 0; width: 100%; padding:5px 15px; display: inline-block;}
.thumnail .caption h3{ margin:0;  padding:10px 15px;width: 100%; text-align: center;}


.thumnail .caption{ margin: 0; width: 100%; padding:5px 15px; display: inline-block;}
.thumnail .caption h3{ margin:0;  padding:10px 15px;width: 100%; text-align: center;}

.testimonial{ margin: 0; width: 100%; padding:50px 0; }
.testimonial h2{ margin: 30px 0 50px 0}
.testimonial .carousel{ height: 200px;}  

.testimonial .carousel-inner {
    position: relative;
    width: 100%;
     overflow: visible;
}
.testimonial .carousel-caption {
    position: inherit;
    right: 0;
    bottom: 0;
    left: 0%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.testimonial .img_sec{ width: 110px; float: right; height: 110px; padding: 15px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; text-align: left; border:3px solid #acacac;}

.testimonial .img_sec img{ width: 100%; height: auto;}
.testimonial .carousel-indicators {bottom: 10px;left: 0; }
.testimonial .carousel-indicators li {width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;margin-left: 10px;text-indent: -999px;border:1px solid #333;}
.testimonial .carousel-indicators .active {background-color: #333333;}
.testimonial .carousel-caption{ color:#333; left: 0;  text-align: left;}
.testimonial .carousel-caption h5{ margin: 0; padding: 0px 30px; position: relative; height: 60px; line-height: 18px; overflow: hidden; font-size: .9rem; width: 70%; color:#747474;}
.testimonial .carousel-caption p{ margin-top: 15px; font-size: .9rem; color:#747474; padding-left: 30px}
.testimonial .carousel-caption h5::before{ content: '\f10d'; position: absolute; left: 5px; font-size: 1rem;  font-family: 'FontAwesome'; top: 5px;}
.testimonial .carousel-caption h5::after{ content: '\f10e'; position: absolute;font-size: 1rem; font-family: 'FontAwesome'; top: 5px; right: 0;}

.footer{background: #f4f4f4;}
footer{margin: 0; width: 100%; padding: 50px 0;}
footer h3 {color:#333;margin-bottom: 15px;}
footer ul{ margin: 0; padding: 0; list-style-type: none;width: 100%;}
footer ul li{ margin: 0; width: 100%; float: left; text-align: left !important}
footer ul li a{ text-decoration: none; font-size: .9rem; color:#333;}
footer ul li a i{ margin-right: 10px;font-size: 1rem;}

footer .social_sec{ margin-top: 0px; display: inline-block; width: 100%;}
footer .social_sec ul{ margin: 0; padding: 0; list-style-type: none; text-align: left !important; width: 100%; display: inline-block;}
footer .social_sec ul li{ float: left; padding:0; width: auto;}
footer .social_sec ul li a {text-decoration: none;}
footer .social_sec ul li a i{font-size: 1.9rem; color:#333333;}
footer .social_sec label {display: inline-block;margin-bottom: .5rem;font-size: .8rem;}
footer .social_sec form{display: flex;flex-direction: row;justify-content: center;}
footer .social_sec input{ font-size: .9rem;padding: 4px; margin: 0;}
footer .social_sec button{background: #1b232a;border:1px solid #fff;padding: 5px 10px;}
footer .social_sec button .fa{ color:#fff;font-size: 1.4rem;}

.copyright_sec {width: 100%;float: left;padding: 13px 0;background: #000;color: #fff; text-align: center; font-size: .8rem; position: relative; bottom: 0; left: 0; z-index: 9999;}
.copyright_sec p{margin-bottom: 0; color: #e6e6e6;}
.copyright_sec p a{color: #fff;}
.copyright_sec p a:hover{color: #eee;}