body {padding:0 !important;}
.os-boxbody {margin: 0;padding:0 !important;width:100%;height:100%;font-family: 'Lora', serif !important;color:#fff;overflow-x:hidden;}
.p60 {padding:60px 0;}
.bg-grey {background:#eee;}
.p100 {padding:100px 0;}
.t-left {text-align:left;}
.m10 {margin-bottom:10px !important;}
.p0 {padding:0 !important}
header {top:0px;left: 0;width: 100%;z-index: 99999;padding:0 0;background:#fff;}
.pr0 {padding-right:0 !important;}


.new .three {background:none !important;padding:0 !important;position:relative !important;}
.new .three img {height:220px !important;}
.new .three h4 {position:absolute !important;bottom:0 !important;width:100%; !important}

.navbar-nav a {color:#000;font-size:14px;}
.navbar form button {}


img {max-width:100%;}    


.m0 {margin:0 !important;}

.col-right {margin:20px 0;}




.navbar-toggler {width:100%;text-align:center;}
.navbar-toggler i {font-size:30px;}

button:focus {
     outline:0 !important;
     outline:0 !important;

}

.ab img {height:100%;}
.about-right {padding: 100px 40px !important;
    background: #96a3ad ;
    color: #fff;}
.about-right h2{    font-size: 40px;
    font-weight: bold;
    line-height: 61px;}
.about-right h2 span {    display: block;
    font-size: 55px;}
.about-right p {font-size:35px;}





.aside {padding: 40px;
    background: rgba(197,203,207,0.1);
    color: #000;
    margin-left:20px;
    margin-bottom: 30px;
    border-top:10px solid #5ca675;
}
.aside1 {padding: 40px;
    background: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    color: #000;
    margin-left:20px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    border-top:10px solid #5ca675;
}

.three {padding:0;
    background:url("../img/main-slider-img-2.jpg") repeat center center;
    color:#fff;
    text-align:center;
    background-size:cover;
    border:0;
}
.three i {font-size:100px;margin-bottom:40px;}
.three h5 {font-size:31px;}
.three p {font-size:30px;}


.gradient {
    background:#5ca675;
    padding:60px 40px;g49
    opacity:0.8;
}



.aside h5,.aside1 h5 {
        font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}
.aside ul,.aside1 ul {list-style:none;padding-left:0}
.aside ul li,.aside1 ul li {margin-bottom:20px;font-size:14px;}
.aside ul li i,.aside1 ul li i {margin-right:10px;}




.dp {min-height: 200px;}
.dp .three {min-height:200px;padding:120px 0;opacity:1;margin-bottom:30px;}
.dp h4 {font-size: 30px;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
    padding: 20px;
    background: #000;
    border-radius: 5px;}


.three h4 {font-size:26px !important;}





.touch {    background:url("../img/bg-img.jpg") repeat center center;
    color:#fff;
    text-align:left;
    background-size:cover;
    border:0;}


.lt h6 {font-size:28px;font-weight:bold;}
.lt p {font-size:18px;}

.btn a {padding: 15px 15px;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    text-decoration: none;
    border: 2px solid #fff;
    margin-top: 30px;
    display: block;
}





.top-block {display:inline-block;}

.top-block button {border-color:#fff;color:#fff;}

.main {padding:90px 50px;text-align:left;
	background:url("../img/main-slider-img-2.jpg") no-repeat center center;background-size:cover}





.top-level .row {margin:-40px auto 40px;background:#fff;border-bottom:10px solid #5ca675;padding:40px 20px;}
.top-level h2 {color:#5ca675;font-size:18px;margin-bottom:15px;text-transform:uppercase;font-weight:bold;}
.top-level p {font-size:14px;color:#000;}
.top-level span {text-align:right;float:right;}
.top-level a,.aside1 a {font-size:30px;}
.top-level a i,.aside1 a i {margin-right:15px;}





.main-heading h3 {font-size: 34px;font-weight: bold;text-transform: uppercase;}
.main-heading hr {width: 100px !important;margin: 0 !important;border-top:2px solid #00a3ff !important;}
.os-box {padding: 40px;
    background: #5ca675;
    text-align: center;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    box-shadow: 3px 4px 10px #000;}
.os-box {margin-bottom:30px;}
.os-box span {width:100%;display:block;
    margin-bottom: 20px;}

.os-box h2 {font-size:22px;font-weight:bold;}
.os-box p {font-size:16px;font-weight:bold;}

.about-desc {
padding:90px 50px;text-align:left;min-height:500px;color:#fff;
	background:url("../img/fullwidth-img-1.jpg") repeat center center;background-size:cover;}



.about-left h4 {font-size: 22px;
    text-transform: uppercase;
    margin: 30px 0;
    font-weight: bold;}


.about-left span {font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;}


.about-left p {font-size:18px;}
.about-left .m-btn {background: #fff;width:auto;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;}  


.detail-left h3,.detail-left h4,.c-left h3 {font-size:30px;font-weight:bold;}
.detail-left hr,.c-left hr {width:100px;margin:20px 0;border-color:#000;}
.detail-left span,.detail-left p,.c-left span,.c-left p {font-size:16px;margin-bottom:15px;color:#000;display:block;}
.detail-left ul {list-style:none;padding:0}
.detail-left ul li {margin-bottom:10px;font-size:16px;font-weight:bold;}



form .form-row {margin-bottom:30px;}
form .form-control {background:transparent;border:0 none;border-bottom: 1px solid #ccc;}

.form-group {margin-bottom:30px !important;}

.width50 {width:50%;}



.ward-services {margin:30px 0 !important;}
.ward-services .col-sm-6 {margin-bottom:30px;position:relative;}
.ward-services .col-sm-6 img {border-radius:5px;}
.ward-services .col-sm-6 h4 {position: absolute;
    bottom: 10px;
    left: 40px;
    color: #fff;
    text-transform: capitalize;}

.col-list {text-align: center;padding: 15px;background:#fff;margin-bottom:30px;min-height:306px;}

.col-list .btn a {background:#000;margin:0;border-radius:5px;font-size:16px;}


.col-list i {font-size:90px;margin-bottom:20px;}

.col-list {
	cursor:pointer;
    background: #ffff;
    box-shadow: 3px 4px 40px 13px #aaa;
    border-radius:4px;
    }
    .col-list:hover h4 {color:#00a3ff;}
.col-list img {margin-bottom:20px;}
.col-list h4 {font-size: 20px;text-transform:uppercase;margin-bottom:20px;font-weight:bold;color:#1e2428;}
.col-list p {font-size:15px;text-align:left;}


.wrap {background:#fff;min-height:250px;}
.wrap span {font-weight:normal;margin-bottom:10px;color:#000;font-weight:bold;}
.wrap h2 {font-size:18px;font-weight:bold;margin:10px 0;}
.c-details {margin-top:12px;}
.c-details a i {margin-right:10px;}








.c-det .c-left {padding:60px 0;}



.c-list {margin:0 !important;padding:0 !important;text-align:center;color:#fff;}

.c-list .col-sm-4 {padding:30px 0;}

.c-list .col-sm-4 i {font-size:40px;margin-bottom:20px;}
.c-list .col-sm-4 h6 {font-size:24px;margin-bottom:20px;}
.c-list .col-sm-4  p {font-size:18px;}

.bg-blue {background-color:#6cc8df;}
.bg-blue1 {background-color:#56b0d2;}
.bg-blue2 {background-color:#2a88c9;}











.testimonials {background: url("../img/fullwidth-img-2.jpg") no-repeat center center;background-size:cover;}



.carousel {margin-bottom:0 !important;}

.carousel-item {height:auto !important;padding:170px 70px;text-align:center;color:#aaa;}


.carousel-item i {font-size:80px;color:#5ca675;margin-bottom:30px;}
.carousel-item h4 {font-size:28px;color:#5ca675;font-weight:bold;}

.carousel-item p {color:#000;font-size:18px;font-weight:bold;}
.carousel-item span {color:#000;font-size:18px;font-weight:bold;}


.carousel-item {background:transparent !important;}


.wrap {padding:15px;}
.c-detailsa a {display:block;width:100%;color:#aaa;}

.news-section {list-style:none;padding:0;}


.news-section li {font-size: 18px;
    text-transform: capitalize;
    font-weight:;
    color: #000;
    padding-bottom: 12px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 16px;}


.depart {list-style:none;padding:0}
.depart li {margin-bottom:4px;}
.depart li a {color:#fff;text-decoration:none;font-size:17px;}






.col-left h2 {font-size:36px;font-weight: bold;text-transform: uppercase;margin-bottom: 45px;}
.col-left h3 {font-size: 47px;font-weight: bold;letter-spacing: 2px;margin-bottom: 35px;background: red;padding: 13px;}
.col-left p span {font-size: 60px;text-transform: uppercase;text-transform: 3px;font-weight: bold;}
.col-left ul {list-style:none;padding:0;margin:0;margin-top:24;}
.text1 {font-size:20px;font-weight:bold;margin-bottom:24px;}
.col-left ul li i {margin-right:12px;}
.col-left ul li {font-size:18px;margin-bottom:12px;font-weight:bold;}
.col-left .m-btn {background:red;font-size:16px;padding:10px 20px;margin-top:20px; width:auto; border-radius:30px;color:#fff;display:inline-block;text-align:center;}
.main .col-right {text-align:right;}
@keyframes blink {0%{background-color:#ccc;}49%{background-color:#ccc;}50%{background-color:transparent;}
99%{background-color:transparent;}100%{background-color:#ccc;}}
.m-gif img {display:inline-block;max-width: 100%;}
.top-header {background:#5ca675;padding:15px 0;}
.top-header a {color:#fff;font-size:17px;font-weight:bold; text-decoration:none;margin-right:15px;}
.top-header a i {margin-right:8px;}
.top-header .left i {color:#fff;}
.right {text-align:right;}
.right a {border: 2px solid #fff;border-radius: 100px;width: 30px;height: 30px;background: ;color: #fff;display: inline-block;
line-height: 28px;text-align: center;}
.right a i {font-size:16px;margin-right:0;}
.right .nav-link {display:none; background:transparent;width:auto;height:auto;border: 0 none;line-height:auto;margin-right:7px;padding:0;}
video {width:100%;}
body .navbar-nav {width: 100%;flex: 100%;max-width: 100%;text-align: right;display: block;}
.navbar-nav li {display:inline-block;margin-right:;color:#000;font-size:18px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}
.img8 {margin-top:40px;}
/* About us */
.about-section {background:#000;color:#fff;}
.about-section h1 {letter-spacing: 2px;font-size: 50px;font-weight: 400;text-transform: uppercase;font-weight: bold;}
.about-section span {display: block;width: 100%;font-size: 40px;margin: 0px 0px 0px;}
body .about-section hr {display: block;margin:20px 0 0 10px;border-bottom: 8px dotted #fff;background-color:inherit !important}
.about-section p {font-size: 19px;letter-spacing: 2px;margin: 30px 0 15px;}
.experience {margin:40px 0 0;}
.experience h4 {font-size:40px;font-weight:900;text-transform:uppercase;letter-spacing:3px;}
.experience p {font-size:20px;text-transform:uppercase;font-weight:900;}
.experience p i {font-size:35px;}
.experience p strong {color:#aaa;}
/*Parallex */
.parallex {background:url('https://crackersindia.com/wp-content/uploads/2021/04/Comp-1_6.gif') no-repeat center center;
position:relative;background-size:cover;background-attachment:fixed;padding:300px 0;
text-align:center;color:#fff;}
.parallex h2,.parallex h3,.parallex h4 {font-size:85px;font-weight:bold;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;}
.vector {position: absolute;top: 12px;right: 20px;}
.my-projects {background:#f8f8f8;text-align:center;}
.main-heading {margin-bottom:40px;width:100%;}
.main-heading h1 {font-size: 65px;margin-bottom:24px;padding-top:50px; text-transform: uppercase;color:#fff; letter-spacing: 6px;font-weight: bold;text-align:center;}
.main-heading p {font-size:50px;font-weight:normal;margin-bottom:16px;text-align:center;color:#fff;}
.img-wrapper a img  {width:100%;cursor:pointer;}
.container1 p span.typed-text {font-weight: normal;color: #eb2f06;font-size:60px;letter-spacing:3px;font-weight:600;}
.container1 p span.cursor {display: inline-block;background-color: #ccc;margin-left: 0.1rem;width: 3px;animation: blink 1s infinite;}
.container1 p span.cursor.typing {animation: none;}
@keyframes blink {0%  { background-color: #ccc; }49% { background-color: #ccc; }50% { background-color: transparent; }99% { background-color: transparent; }100%  { background-color: #ccc; }}
.automatic-text {position:relative;z-index:1000;margin-top:300px;}
.automatic-text p {font-size:50px;color:#fff;margin:20px 0;}
.automatic-text span {font-size:50px;color:#eb2f06;}
.automatic-text h2,.automatic-text h3 {color:#fff; font-size:40px;text-transform:uppercase;font-weight:300;letter-spacing:3px;}
.automatic-text h2 strong{font-weight:bold;color:#eb2f06;}
.m-btns {display:none !important;}
.banner {height:600px;margin: 40px 0;}
#gallery {@media screen and (min-width: 991px) {padding: 60px 30px 0 30px;}}
.img-wrapper {position: relative;border:10px solid #fff;border-radius:3px;margin-top: 24px;img {width: 100%;}}
.img-overlay {background: rgba(0,0,0,0.7);width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;opacity: 0;i {color: #fff;font-size: 3em;}}
#overlay {background: rgba(0,0,0,0.7);width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; 
img {margin: 0;width: 80%;height: auto;object-fit: contain;padding: 5%;}
@media screen and (min-width:768px) {{width: 60%;}@media screen and (min-width:1200px) {width: 50%;}}}
#nextButton {color: #fff;font-size: 2em;transition: opacity 0.8s;&:hover {opacity: 0.7;}@media screen and (min-width:768px) {font-size: 3em;}}
#prevButton {color: #fff;font-size: 2em;transition: opacity 0.8s;&:hover {opacity: 0.7;}
@media screen and (min-width:768px) {font-size: 3em;}}
#exitButton {color: #fff;font-size: 2em;transition: opacity 0.8s;position: absolute;top: 15px;right: 15px;&:hover {opacity: 0.7;}@media screen and (min-width:768px) {font-size: 3em;}}
.main-heading hr {height: 4px;width: 300px;margin: auto;border-top: 2px dashed #000;border-radius: 3px;background: transparent;}
.company-detail {text-align:center;}
.company-detail h2 {font-size: 40px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;}
.company-detail span {font-size: 22px;font-weight: 500;letter-spacing: 1px;margin: 30px 0 60px;display: block;}
.company-intro {background:#eee;}
.box {background: #fff;border:2px solid #ccc;padding: 40px 17px;border-radius: 20px;margin-bottom:30px;box-shadow:0 0 29px 10px rgb(0 0 0 / 19%);}
.box .img111 {max-width:100% !important;}
.box h3 {font-size: 23px;text-transform: uppercase;font-weight: 900;}   
.box .m-btn {display:none;}
.box a img {width: 100%;border: 1px solid #ddd;padding: 10px;margin-bottom: 20px;}
.box span {display: block;text-align: left;font-size: 18px;color:#42378f;margin-bottom:12px;font-weight: bold;}
.box strong {display: block;text-align: left;color:#f53844;margin-bottom:20px;font-size: 20px;}
.box em {margin-left:10px;font-size:14px;color:#aaa;}
.box p {font-size: 17px;font-weight: 900;margin: 20px 0 40px;}
.m-btn {background-color: #5ca675 !important;color: #ffff;padding: 14px 0;display: inline-block;text-decoration: none;font-size: 16px;letter-spacing: 2px;border-radius:30px;width:100%;}   


.mt {margin-top:70px !important;}
.m-btn:hover {background:#DF3010 !important;}
.bg-desc {background:url('../img/image1.gif') no-repeat center center;padding: 200px 0 150px;background-attachment: fixed;text-align:center;color:#fff;background-size:cover;}
.m-btns {margin-top:40px !important;text-align:center;display:block;}
.m-btns .m-btn {width:auto;margin:auto;color:#DF3010;padding:12px 55px;background:#fff !important;}
.lightbox-gallery {background:#DF3010;}
.contact-detail h3 {font-size: 60px;font-weight: 900;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 30px;}
.contact-detail h3 strong {color:#ffb300;}
.contact-detail p {font-size: 30px;margin-bottom: 40px;}
.contact-detail a {font-size: 70px;text-decoration: none;color: #fff;font-weight: 900;letter-spacing: 10px;}
footer {background:#5ca675;padding:60px 0 50px;text-align:left;color:#fff;}
footer h2 {font-size:19px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;margin-bottom:24px;color:#fff;}
.footer-logo {margin-bottom:12px;}
.comp-desc {font-size:17px;letter-spacing:0.8px;}
.quick ul {list-style:none;}
.quick li {margin-bottom:15px;}
.quick li a {font-size:20px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:#fff;text-decoration:none;}
.add1 span {font-size:18px;margin-bottom:10px;display:block;padding-bottom:7px;}
.add1 span a {display:block;text-align:left;color:#000;font-weight:bold;}
footer a img {margin-bottom:20px;}
footer ul {margin:0;padding:0;}
footer .ft li {display:inline-block;margin-right:20px;}
footer .ft li a {width:30px;height:30px;color:#fff;font-size:30px;border-radius:30px;display:inline-block;text-align:center;vertical-align:middle;line-height:30px;color:#fff;}
.onscroll {background:linear-gradient(315deg, #42378f 0%, #f53844 74%) !important;}
.logo1 img {width:100px;}
/* Media Queries */
@media (max-width: 991px) {



.logo img {max-width:80%;}


.main {min-height:190px !important;}

.col-right .col-sm-9 {width:100% !important;max-width:100% !important;flex:100% !important;}

.navbar-nav li:first-child {border-top:1px solid #ccc;}
.navbar-nav li {width:100%;border-bottom:1px solid #ccc;}
.navbar-nav li a {text-align:center !important;font-size:16px !important;}

.navbar {padding:0 !important;}
.navbar button {padding:0 !important;}


.col-sm-4,.col-sm-3,.about-left,.col-sm-2,.col-sm-8,.col-sm-5 {width:100% !important;max-width:100% !important;flex:100% !important;text-align:center;}
.top-level a, .aside1 a {font-size:18px;}


.main .col-sm-12,.desc-list,.specialist {margin:0 !important;}

.main-heading h1 {font-size:35px !important;padding-top:20px !important}

.main-heading h3 {font-size:20px;text-align:center;}
.main-heading hr {margin:auto !important;}

.col-list {min-height:auto !important;}

.about-left {text-align:center;}


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


.carousel-item h4 {font-size:20px;}


.carousel-item {padding:100px 70px;}

.wrap {min-height:auto !important;}


.log {margin-bottom:20px;}




.about-right h2 {font-size:40px;}
.about-right h2 span {font-size:40px;}
.about-right p {font-size:30px;}
.about-right {padding:40px !important}

.detail-left hr, .c-left hr {margin:20px auto;}










.left {text-align:center;}
body .col-sm-6 {width: 100% !important;flex: 100%;max-width: 100% !important;text-align: center;}
.col-sm-3 {width: 100% !important;text-align: center;margin-bottom: 15px;}
body .navbar-nav {text-align:center;}
.col-sm-9 {width:100% !important;text-align:center;}
.top-header a {display:inline-block;font-size:14px;}
.right {margin-top:10px !important;text-align:center;}
.navbar-nav li a {font-size:19px;text-align:center;}
.main {padding:35px 15px;}
.col-left h2 {font-size:24px;margin-bottom:20px;}
.col-left h3 {font-size:30px;margin-bottom:20px;}
.col-left p span {font-size:36px;}
.col-left p span {font-size:36px;}
.col-left ul {text-align:left;}
.col-left ul li {font-size:14px;}
.main .col-right {text-align:center;}
.img8 {max-width:100%;}
.main-heading h1 {font-size:24px;text-align:center;}
.main-heading p {font-size:15px;}
.contact-detail h3 {font-size:42px;padding:20px;letter-spacing:1px;}
.contact-detail a {font-size:40px;padding:10px;}
.add1 span a {text-align:center;}
.bg-desc {padding:50px 0;}
.banner {display:none;}}
@media screen and (orientation: landscape) {.console {display: flex;}}
@media (min-width: 768px) and (max-width:1200px) {}
@media (max-width: 992px) {}
@media (min-width: 992px) {}
@media (max-width: 992px) {}
.circle {position: absolute;border: solid 5px #42378f !important;width: 30px;height: 30px; border-radius: 50%;  z-index:9999;}
/* scrollbar */::-webkit-scrollbar {width:;height: ;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background:#DF3010;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive {background:#42378f;}
.back-to-top {position: fixed;bottom: 25px;right: 25px;display: none;color: #42378f ;padding: 10px 20px;border-radius: 8px;font-size: 40px;}
.object {-webkit-animation: shimmy 2s infinite;animation: shimmy 2s infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}
@-webkit-keyframes shimmy {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
100% {-webkit-transform: translate(20px, 50px);transform: translate(20px, 50px);}}
@keyframes shimmy {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
100% {-webkit-transform: translate(0, 50px);transform: translate(0, 50px);}}