@import "all-min-style.css";

html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
::selection {background:#F47826;;color: #fff;text-shadow: none;}
body {margin: 0;font-family: 'Open Sans', sans-serif; color: #000000;overflow-x: hidden;position: relative;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit}
a {color: #4a4949   ;text-decoration: none !important;}
a:focus, a:hover {
    color: initial;
    text-decoration: none;
}

.font-l{font-weight:300;font-family: 'Open Sans', sans-serif;}
.font-r{font-weight:400;font-family: 'Open Sans', sans-serif;}
.font-b{font-weight:bold;font-family: 'Open Sans', sans-serif;}

.m-0{margin: 0px !important;}
.m-t-0{margin-top: 0px !important;}
.m-t-5{margin-top: 5px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-15{margin-top: 15px !important;}
.m-t-20{margin-top: 20px !important;}
.m-t-30{margin-top: 30px !important;}
.m-b-0{margin-bottom: 0px !important;}
.m-b-5{margin-bottom: 5px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-l-0{margin-left: 0px !important;}
.m-l-5{margin-left: 5px !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-20{margin-left: 20px !important;}
.m-r-0{margin-right: 0px !important;}
.m-r-5{margin-right: 5px !important;}
.m-r-10{margin-right: 10px !important;}
.m-r-15{margin-right: 15px !important;}
.m-t-b-0{margin-top: 0px !important;margin-bottom: 0px !important;}
.m-t-b-5{margin: 5px 0px !important;}
.m-t-b-10{margin: 10px 0px !important;}
.m-l-r-50{margin-right: 50px !important;margin-left: 50px !important;}
.p-0{padding: 0px !important;}
.p-5{padding: 5px !important;}
.p-10{padding: 10px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-t-0{padding-top: 0px !important;}
.p-t-5{padding-top:5px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-20{padding-top: 20px !important;}
.p-b-0{padding-bottom: 0px !important;}
.p-b-5{padding-bottom: 5px !important;}
.p-b-10{padding-bottom: 10px !important;}
.p-b-15{padding-bottom: 15px !important;}
.p-b-20{padding-bottom: 20px !important;}
.p-l-0{padding-left: 0px !important;}
.p-l-5{padding-left: 5px !important;}
.p-l-10{padding-left: 10px !important;}
.p-l-20{padding-left: 20px !important;}
.p-r-0{padding-right: 0px !important;}
.p-r-5{padding-right: 5px !important;}
.p-r-10{padding-right: 10px !important;}
.p-t-b-0{padding-bottom: 0;padding-top: 0px !important;}
.p-t-b-5{padding: 5px 0px !important;}
.p-t-b-10{padding: 10px 0px !important;}
.font-10{font-size: 10px !important;}
.font-12{font-size: 12px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}
.font-24{font-size: 24px !important;}
.font-26{font-size: 26px !important;}
.font-30{font-size: 30px !important;}
.font-36{font-size: 36px !important;}
.font-38{font-size: 38px !important;}
.line-h-30{ line-height:30px !important;}
.line-h-24{ line-height:24px !important;}
.line-h-26{ line-height:24px !important;}
.font-w-bold{ font-weight:bold}
.list-s-none > li{list-style: none; display: inline-block;}
.empty-space-50{padding: 40px 0;}
.title-h2{color: #202020}
.title-h4{color: #666}
.title-p{color: #414141}
.text-xs-center{text-align: center;}


.display-table{display: table;}
.text-middle{vertical-align: middle;float: none; display: table-cell;}
.w-100{width: 100%}
.h-100{height: 100%}

.color-white{ color:#fff !important}
.color-theme{color:#F47826 !important;}
.color-theme-p {color: #16472d;}
.color-black{color: #212121;}
.color-gray{color: #f4f5f7;}
.color-blue{color: #398ffc;}
.color-gray-blue{color: #6ec1e4 !important}
.color-black-gray{color: #b5b5b5}

/**************************************************************************************
                        Custom Css 
***************************************************************************************/
/*----------------- header ----------------*/
header#header {position: absolute;width: 100%;z-index: 11;padding: 18px;}
.logo-text {color: #ffffff;font-family: "Baloo", Sans-serif;font-size: 49px;margin-bottom: 30px;}
.header-top .logo {width: 160px;float: left;}
.header-top .logo h2.logo-text {margin: 0;font-size: 36px !important;}
.header-nav-right {width: calc(100% - 160px);float: left;text-align: right;}
.header-nav-right ul li a {color: #fff;font-weight: 600;font-size: 16px;padding: 10px;display: block;}



/*----------------- home industrial ----------------*/
.home-industrial.mine-contain-box { background-image: linear-gradient(120deg, rgba(122,126,254,0.93) 0%, rgba(246,106,248,0.93) 100%);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;height: 90vh;padding: 140px 0 100px;position: relative;}
.elementor-background-overlay {background-color: rgba(246,106,248,0.93);background-image: url(../img/bg-pattern.png);background-position: center center;background-repeat: repeat;background-size: contain;opacity: 0.05;z-index: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;}
.mine-contain-box-inner .text-left {padding-right: 110px;}
.mine-contain-box-inner.text-middle{z-index: 111;position: relative;}


.home-industrial.mine-contain-box h2{font-family: "Sanf", Sans-serif;font-size: 42px;font-weight: 700;letter-spacing: 0.3px;color: #ffffff;}
.home-industrial.mine-contain-box h2 img {width: 36px;}
.slide-content p{color: #ffffff;font-family: "Sanf", Sans-serif;font-size: 17px;font-weight: 200;line-height: 1.3em;letter-spacing: 0px;}
.slide-content {margin: 40px 0;}
a.slide-btn.btn1 {margin-right: 30px;}
.slide-btn {background: #000000;color: #ffffff;font-family: "Sanf", sans-serif;font-size: 15px;font-weight: 300;padding: 10px 30px;border-radius: 4px;border: 1px solid #000000;}
.slide-btn:hover{background: #000000;color: #ffffff;}
.inner-page-mine-contain-box {max-width: 500px;margin: 0 auto;}
.terms-of-use-default-section {padding: 55px 0px;}

.home-industrial.mine-contain-box.inner-page{min-height: 500px;height: auto;}
.home-industrial.mine-contain-box.inner-page h2{font-family: "Sanf", Sans-serif;font-size: 45px;font-weight: 700;}
.home-industrial.mine-contain-box.inner-page .slide-btn{font-size: 16px;padding: 15px 30px;margin:0px; -webkit-border-radius: 4px;border-radius: 4px}
.home-industrial.mine-contain-box.inner-page .slide-btnL:hover{background: #000000;color: #ffffff;}

h2.hedding{text-align: center;letter-spacing: 1.2px;position: relative;margin-bottom: 30px;padding-bottom: 20px;text-transform: uppercase;font-size: 26px;color: #222;margin-top: 0px}
.social-links-box a{color: #398ffc !important}
.mine-inner-page h2{color: #757575}
.mine-inner-page p{color: #757575}
.mine-inner-page li{color: #757575}
ul.phone-screenshot-box {margin: 0 -15px !important;}
.phone-screenshot-box li {width: 20%;float: left;padding: 0 15px;}
.app-icon-screenshot-box li {width: 24%;}
.app-icon-screenshot-box li:first-child{width: 27%;}
.phone-screenshot-box li img{max-width: 100%;}







/*----------------- footer ----------------*/
footer#footer {width: 100%;bottom: 0;background: #333333;color: #fff;padding: 20px;}
.footer p {color: #bebebe;font-family: "Sanf", Sans-serif;font-weight: 200;line-height: 1.71em;letter-spacing: -0.1px;font-size: 14px;
}

ul.social-section {display: inline-block;width: 100%;margin-left: 0px;padding-left: 0px;margin-top: 15px;
}
.social-section li {float: left;margin-right: 18px;list-style: none;
}
.social-section li i {color: #bebebe;font-size: 18px;
}
.footer-column-2 h3, .footer-column-3 h3 {
	font-family: "Sanf", Sans-serif;font-size: 18px;font-weight: 400;text-transform: capitalize;color: #d7dde5;margin-bottom: 30px;
}
.footer-column-2 a {color: #bebebe;font-family: "Sanf", Sans-serif;font-size: 14px;font-weight: 200;line-height: 2.7em;letter-spacing: 0.3px;
}
.footer-column-2 a:hover {color: #686157;
}
input.subscribe-form__input {width: 274px;padding: 10px 0px 19px 0px;margin: 0px 0px 21px 0px;border-radius: 0px 0px 0px 0px;background-color: rgba(0,0,0,0);color: #aab2b9;font-family: "Sanf", Sans-serif;font-size: 14px;font-weight: 200;letter-spacing: -0.3px;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #e0e0e0;
}
.sign-up {align-self: flex-start;background-color: rgba(0,0,0,0);color: #ffffff;padding: 15px 32px 15px 32px;margin: 0% 0% 0% 0%;border-radius: 50px 50px 50px 50px;border-style: solid;border-width: 1px 1px 1px 1px;border-color: #ffffff;font-family: "Sanf", Sans-serif;font-size: 18px;font-weight: bold;
}
.sign-up:hover{background-color: rgb(255, 255, 255);color: rgb(104, 97, 87);
}
form.newsletter-form {margin-bottom: 25px;
}



a, a:hover, img, i, button, button:hover{-webkit-transition: 0.3s all linear;-moz-transition: 0.3s all linear;-ms-transition: 0.3s all linear;-o-transition: 0.3s all linear;transition: 0.3s all linear;}


/*----------------- media section ----------------*/
@media only screen and (min-width: 1500px) and (max-width: 1920px){}
@media only screen and (min-width: 1380px) and (max-width: 1499px){}
@media only screen and (min-width: 1201px) and (max-width: 1379px){}
@media only screen and (min-width: 1025px) and (max-width: 1200px){}
@media only screen and (min-width: 991px) and (max-width: 1024px){}
@media only screen and (min-width: 768px) and (max-width: 990px){
	.mine-contain-box-inner .text-left{padding: 0px;}
	.mine-contain-box-inner .phone-mockup-box img {max-width: 100%;margin: 0 auto 50px;}
	.mine-contain-box-inner .text-left{text-align: center !important;}
	.slide-botton-section {display: table;width: 100%;}
	.slide-botton-section .btn1{float: left;}
	.slide-botton-section .btn2{float: right;}
	.footer-section ul.social-section {display: inline-block;text-align: center;}
	.footer-section ul.social-section li {float: initial;display: inline-block}
}
@media only screen and (min-width: 480px) and (max-width: 767px){	
	.mine-contain-box-inner .text-left{padding: 0px;}
	.mine-contain-box-inner .phone-mockup-box img {max-width: 100%;margin: 0 auto 50px;}
	.mine-contain-box-inner .text-left{text-align: center !important;}
	.slide-botton-section {display: table;width: 100%;}
	.footer-section ul.social-section {display: inline-block;text-align: center;}
	.footer-section ul.social-section li {float: initial;display: inline-block}
	.phone-screenshot-box li, .app-icon-screenshot-box li:first-child{width: 100%;}
	.mine-inner-page img.img-responsive {margin: 0 auto 20px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
	.mine-contain-box-inner .text-left{padding: 0px;}
	.mine-contain-box-inner .phone-mockup-box img {max-width: 100%;margin: 0 auto 50px;}
	.mine-contain-box-inner .text-left{text-align: center !important;}
	.slide-botton-section {display: table;width: 100%;}
	.footer-section ul.social-section {display: inline-block;text-align: center;}
	.footer-section ul.social-section li {float: initial;display: inline-block}
	.phone-screenshot-box li, .app-icon-screenshot-box li:first-child{width: 100%;}
	.mine-inner-page img.img-responsive {margin: 0 auto 20px;}	
	.home-industrial.mine-contain-box h2,.home-industrial.mine-contain-box.inner-page h2{font-size: 34px;}
	input.subscribe-form__input{width: 100%}
	.footer .container {padding: 0;}
	.footer .container .col-md-4 {padding: 0;}
	.slide-botton-section a {display: block;margin: 0 auto 20px!important;max-width: 130px;}
}





