@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Raleway:wght@400;500;600;700;800&display=swap');
body {
	background-image: url(images/top-bg-right1.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% 300px;
	font-family: 'Open Sans', sans-serif;
}
p {
	font-size: 16px !important;
	font-family: 'Open Sans', sans-serif!important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400 !important;
	line-height: 25px !important;
	color: #000;
	margin: 0 0 15px;
}
a, a:hover {
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	text-decoration: none!important; cursor:pointer;	
}
a, a:focus, a:hover, button, button:focus, button:hover, checkbox, checkbox:focus, checkbox:hover, input, input:focus, input:hover, select, select:focus, select:hover {
	outline: 0;
}
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif!important;font-weight: 700 !important;}
section {
	clear: both;
}
.t-left li {
	line-height: 23px;
	margin-bottom: 10px;
	color: #000;
}
.site-header {
	margin: 0;
	padding: 3rem 0;
	position: fixed;
	width: 100%;
}
.banner-section {
	/* background-image: url(images/top-bg-left1.png); */
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100% 300px;
	position: relative;
}
.banner-caption {
	margin: 160px 0 10px;
}
.banner-caption h1 {
	font-weight: bold;
	font-size: 45px;
	letter-spacing: 0px;
	margin: 0;
}
.banner-caption h2 {
	font-weight: bold;
	font-size: 25px;
	letter-spacing: 20px;
}
.banner-caption h1:not(.site-title)::before, .banner-caption h2::before {
	display:none!important;
}
.site-header {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.t1 {
	width: 350px;
	height: 350px;
	background: url(images/triangle-1-min.jpg);
	clip-path: polygon(50% 100%, 0% 10%, 100% 10%);
	position: absolute;
	top: 50px;
	background-size: cover;
	left: 50px;	
}
.t2 {
	width: 350px;
	height: 350px;
	background: url(images/triangle-2-min.jpg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	position: absolute;
	top: 50px;
	background-size: cover;
	right: 50px;
}
.t3 {
	width: 350px;
	height: 350px;
	background: url(images/t3-min.jpg);
	clip-path: polygon(50% 100%, 0% 10%, 100% 10%);
	position: absolute;
	top: 50px;
	background-size: cover;
	left: 50px;	
}
.t4 {
	width: 350px;
	height: 350px;
	background: url(images/t4-min.jpg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	position: absolute;
	top: 50px;
	background-size: cover;
	right: 50px;
}
.t5 {
	width: 350px;
	height: 350px;
	background: url(images/t5-min.jpg);
	clip-path: polygon(50% 100%, 0% 10%, 100% 10%);
	position: absolute;
	top: 50px;
	background-size: cover;
	left: 50px;	
	background-position: right center;
}
.t6 {
	width: 350px;
	height: 350px;
	background: url(images/t6-min.jpg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	position: absolute;
	top: 50px;
	background-size: cover;
	right: 50px;
}
.t7 {
	width: 350px;
	height: 350px;
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/t9-min.jpg);
	clip-path: polygon(50% 100%, 0% 10%, 100% 10%);
	position: absolute;
	top: 50px;
	background-size: cover;
	left: 50px;	
}
.t8 {
	width: 350px;
	height: 350px;
	background: url(images/t8-min.jpg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	position: absolute;
	top: 50px;
	background-size: cover;
	right: 50px;
}
.t9 {
	width: 350px;
	height: 350px;
	background: url(images/t9-min.jpg);
	clip-path: polygon(50% 100%, 0% 10%, 100% 10%);
	position: absolute;
	top: 50px;
	background-size: cover;
	left: 50px;	
}
.t10 {
	width: 350px;
	height: 350px;
	background: url(images/t10-min.jpg);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	position: absolute;
	top: 50px;
	background-size: cover;
	right: 50px;
}
.about-us {
	position: relative;
	top: 0;
	padding-top: 75px;
}
.abt-img {
	display: flex;
	align-content: center;
	align-items: center;
	height: 100%;
}
.about-us {
	background-image: url(images/top-bg-left1.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 300px;
	position: relative;
}
.p-side-5 {
	padding: 100px;
}
.abt-img .pt-5 {
	padding-top: 100px !important;
}
.pl-0 { padding-left:0px!important;}
.pr-0 { padding-right:0px!important;}

.indus-img {
	position: absolute;
	right: 18px;
	top: -120px;
	z-index: 9;
}
.indus-img img {
	width: 200px;
}
.indus-con-img {
	position: absolute;
	right: 18px;
	bottom: 0;
	z-index: 9;
}
.indus-con-img img {
	width: 250px;
}
.t-right {
	background-image: url(images/side-05.png), url(images/triangle-right.png);
	background-position: center left, center right;
	background-repeat: no-repeat;
	background-size: 300px 100%, 20% auto;
	position: relative;
}
.t-left {
	background-image: url(images/side-06.png), url(images/triangle-left.png);
	background-position: center right, center left;
	background-repeat: no-repeat;
	background-size: 300px 100%, 20% auto;
	position: relative;
}

.get-in-touch {
	background-image: url(images/footer-012.png), url(images/footer-0-1-2.png);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	background-size: 100% 300px, 100% 300px;
	position: relative;
	padding: 250px 0 215px;
}
.system-img {
	position: absolute;
	right: 18px;
	top: 10px;
	z-index: 9;
}
.system-img img {
	width: 250px;
}
.cform label {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
}
.modal-body .cform label {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
}
footer {
	background: #f1f1f1;
	padding: 30px 0;
}
footer h4 {
	font-size: 16px;
	font-weight: 700 !important;
	text-transform: uppercase;
}
footer p {
	font-size: 15px !important;
}
footer p a {
	color: #000;
}
.cform i {
	color: #333!important;
	font-size: 18px!important;
	position: absolute;
	right: 25px;
	bottom: 15px;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	text-align: center;
	display: block;
	width: 100%;
}
.about-us-c {
	background-image: url(images/top-bg-left1.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100% 300px;
	position: relative;
}
.c-content {
	margin: 0 auto;
	z-index: 9;
}

.f-logo {
	width: 100px;
}
.title2 {
	font-size: 30px;
	border-bottom: solid 3px #abd136;
	padding: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	display: inline-block;
}
.site-branding-container {
	position: relative;
}
.secdule-btn {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 25%;
	padding: 0 15px;
	text-align: center;
}
.secdule-btn i {
	color: #fff;
	font-size: 18px;
}
.secdule-btn ul {
	margin: 0;
	display: inline-block;
	padding: 0;
}
.secdule-btn li {
	float: left;
	list-style: none;
	margin: 0 5px;
}
.s-btn a {
	background-color: #f15c2e;
	padding: 10px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 30px;
	text-decoration: none;
	cursor: pointer;
}
.s-btn a:hover {
	background-color: #000;
}

.box {
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.green {
	border: 2px solid #abd136;
}
.red {
	border: 2px solid #fd6a49;
}
.blue {
	border: 2px solid #00adef;
}
.title-new {width:100%;}
.title-new h4 {
	font-size: 30px !important;
	border-bottom: solid 3px #abd136;
	padding: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: normal !important;
	line-height: 35px !important;
}
.title-new h4 b {
	font-weight: 600 !important;
}
.c-content h5 {
	font-size: 20px;
}
.site-logo .custom-logo-link {
	width: 142px;
	height: 145px;
	border: none;
	border-radius: 0px;
}
.site-logo .custom-logo-link img {
	width: 100%;
	height: auto;
}
.site-logo .custom-logo-link:hover {
	border: none;
	box-shadow: none;
}
.btn-sec {
	display: inline-block;
	padding: 50px 0;
}
.bt-new1 {
	text-align: right;
}
.bt-new1 a {
	background: #abd136;
	padding: 15px 25px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}
.bt-new2 {
	text-align: left;
}
.bt-new2 a {
	background: #029ed9;
	padding: 15px 25px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}
.box a {
	color: #029ed9;
	padding: 0;
	line-height: 15px;
	border-bottom: 1px solid;
	text-transform: uppercase;
	font-size: 14px;
}
.box a:hover {
	color: #abd136;
}

.sme {
	background: #029ed9;
}
.sme h4 {
	padding: 10px;
	color: #fff;
	margin: 0;
}
.sme p {
	background: #ccc;
	padding: 15px;
}
.sme-sec h3 {
	text-align: left;
}
.hexagon-section {
	height: 500px;
	margin: 100px auto 0 !important;
	width:768px;
}
.touch {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	top: -25px;
}
.abt-img img {
	width: 100%;
}
.c-center {
	display: flex;
	height: 100%;
	align-content: center;
	align-items: center;
}
.claim img, .gover img {
	margin-bottom: 15px;
}
.info p {
	font-size: 18px !important;
}
.info p a {
	color: #000 !important;
}
.info p b {
	font-weight: 600 !important;
}
.info {
	width: 100%;
}
.form-section .cform label {
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.mobmenu-content li a {
	display: block;
	letter-spacing: 1px;
	padding: 10px 0px!important;
	text-decoration: none;
	font-size: 20px !important;
	text-transform: uppercase !important;
	color: #000 !important;
}
.mob-secdule-btn ul {
	display: inline-block;
	width: 100%;
	margin: 15px auto;
}
.mob-secdule-btn ul li {
	float: left;
	padding: 0; margin:1%;
}
.mob-secdule-btn ul li a {
	color: #fff !important;
	background: #00adef;
	width: 35px;
	display: flex;
	height: 35px;
	align-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	justify-content: center;
	font-size: 16px !important;
}
.mob-secdule-btn ul li a:hover {
	background: #a9492c
}
.btn-sec a:hover { background:#333;}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: none;
height: 2px;
margin: 1rem 0;
width: 1em;
}
/**********************saravanan css starts**************************/
.card-header .btn-link {
	color: #ffffff !important;
}
.card-header {
	background: #00adef !important;
	padding: 0;
}
.text-1 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/7.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-1 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/7-over.png);
}
.text-2 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/3.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-2 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/4-over.png);
}
.text-3 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/6-0.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-3 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/6-over-0.png);
} 
.text-4 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/8.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-4 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/8-over.png);
}
.text-5 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/9.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-5 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/9-over.png);
}

.b-top {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
}
.b-btn {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 100px solid red;
}
.c-box {
	background-color: #f00;
}
.liclass {
	line-height: 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	padding: 0 0 0 15px;
	margin: 0 0 15px;
}
.liclass .liclass {
	padding: 0 0 0 0;
}
.gray-bg1 {
	background: #e5e5e5;
	border-right: solid 10px #fff;
}
.main-navigation .main-menu > li > a {
	font-weight: 700;
	color: #151515;
	margin-right: 0.5rem;
	font-size: 14px;
	text-transform: uppercase;
}
.main-navigation .main-menu li.current-menu-item a {
	font-weight: 700;
	color: #0073aa;
}
.social ul {
	margin: 0;
	padding: 0;
}
.social li {
	list-style: none;
	float: left;
	padding: 2% 6%;
	color: #fff;
}
.social li a {
	color: #fff;
}
.clr {
	clear: both;
}
.schedule a {
	background: #f15c2e;
	text-transform: uppercase;
	padding: 5px 24px;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.schedule a:hover {
	background: #abd136;
}
.logo img {
	position: absolute;
	top: 0;
	right: 0;
}
.blue-btn a {
	background-color: #00adef;
	padding:15px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 30px;
	text-decoration: none; cursor:pointer;
}
.blue-btn a:hover {
	background-color: #f15c2e;
}
.blue-btns a {
	background-color: #00adef;
	padding: 1% 3%;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
	font-weight: bold;
	text-decoration: none;
	margin-top: -10%;
	position: absolute;
}
.blue-btns a:hover {
	background-color: #f15c2e;
}
.conat-img {
	padding: 50px;
	color: #fff;
	height: 100%;
	display: flex;
}
.submitbt {
	text-align: center;
}

.con-bg {
	background-color: #eeeeee;
	margin:0;
}
.conat-img {
	background-repeat: no-repeat;
	background-image: url(images/form-bg.jpg);
	background-size: 100% 100%;
	object-fit: cover;
}
.conat-img p {
	color: #fff;
}
.righr {
	text-align: left;
}
.title {
	border: none;
	width: 100%;
	padding: 0 0 5px 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.title h2 {
	font-weight: normal !important;
	margin: 0; font-size: 30px;
	display: inline-block;
	border-bottom: solid 3px #abd136;
}
.title h2:before { display:none;}
.left {
	text-align: right;
}
.title2 {
	font-size: 30px;
	border-bottom: solid 3px #abd136;
	width: 48%;
	padding: 1% 0;
	margin-bottom: 4%;
	text-transform: uppercase;
}
.modal-title h5 {
	font-size: 15px;
}
.hexagon {
	position: relative;
	width: 200px;
	height: 115px;
	background-color: transparent;
	margin: 57px 0;
	border-left: solid 4px #f15c2e;
	border-right: solid 4px #f15c2e;
	transform: rotate(30deg);
	color: #f15c2e;
	text-transform: uppercase;
}
.hexagon:hover {
	border-left: solid 4px #abd136;
	border-right: solid 4px #abd136;
	cursor: pointer;
}
.rotate-30 h6 {
	font-size: 13px;
	font-weight: bold;
}
.text-6 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/2.png);
	width: 90px;
	height: 85px;
	text-align: center;
	justify-content: center;
	align-content: center;
	display: inline-block;
}
.hexagon:hover .text-6 {
	background: url(https://kashcloud.co.uk/wp-content/uploads/2021/01/1.png);
}
.hexagon:before,  .hexagon:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 142px;
	height: 140px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: 26px;
}
.hexagon:before {
	top: -70px;
	border-top: solid 5px #f15c2e;
	border-right: solid 5px #f15c2e;
}
.hexagon:hover:before {
	border-top: solid 5px #abd136;
	border-right: solid 5px #abd136;
}
.hexagon:hover .rotate-30 {
	color: #abd136;
}
.rotate-30 {
	transform: rotate(-30deg);
	text-align: center;
}
.hexagon:after {
	bottom: -70px;
	border-bottom: solid 5px#f15c2e;
	border-left: solid 5px #f15c2e;
}
.hexagon:hover:after {
	border-bottom: solid 5px#abd136;
	border-left: solid 5px #abd136;
}
.relative {
	position: relative;
}
.p2 {
	position: absolute;
}
.p3 {
	position: absolute;
}
.p4 {
	position: absolute;
}
.p5 {
	position: absolute;
}
.cform { padding:20px;}
.cform input {
	border: none;
	border-bottom: solid 2px #000;
	background: transparent;
	font-weight: bold;
	width: 100%;font-size: 14px;padding: 10px 0;
}
.cform textarea {
	border: none;
	border-bottom: solid 2px #000;
	height: 100px;
	background: transparent;
	font-weight: bold;
	width: 100%;
	font-size: 14px;
	margin-bottom: 15px;padding: 10px 0;
}
.cform input[type="submit"] {
	margin: 0 auto;
	display: block;
	width: auto;
	border: none;
	font-weight: 600;
	font-size: 18px;
	background: #00adef;
	padding: 12px 25px;
	border-radius: 30px;
	text-transform: uppercase;
}
.cform input[type="submit"]:hover {
	background: #a9492c;
}
.text-arch span {
	font-size: 20px;
	clear: both;
	width: 100%;
	display: block;
	color: #f15c2e;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5%;
}
.text-arch {
	z-index: 9990;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 34px;
	transform: rotate(-30deg);
}
.box-Shapes {
	position: relative;
}
.hexagon.p1 {
	position: absolute;
	left: 25px;
	top: -45px;
}
.hexagon.p2 {
	position: absolute;
	left: 207px;
	top: 59px;
}
.hexagon.p3 {
	position: absolute;
	left: 30px;
	bottom: 100px;
}
.hexagon.p4 {
	position: absolute;
	top: -50px;
	right: 180px;
}
.hexagon.p5 {
	position: absolute;
	top: 165px;
	right: 181px;
}
.hexagon.p6 {
	position: absolute;
	top: 60px;
	right: 0;
}
.banner-text {
	text-align: center;
	padding: 13% 0 7% 0;
}
.industries h3 {
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
}
.get h3 {
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
}
.gover h3 {
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
}
.claim h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}
.industries-bg {
	background: url(http://94.177.203.98/kash-cloud/wp-content/uploads/2020/12/about.png);
	padding: 15%;
	background-repeat: no-repeat;
	right: 0;
	background-position: right;
	background-size: contain;
	position: absolute;
	margin-top: -80px;
}
.title1 {
	font-size: 30px;
	border-bottom: solid 3px #abd136;
	width: 38%;
	padding: 1% 0;
	margin-bottom: 4%;
	text-transform: uppercase;
}
.banner h3 {
	font-size: 26px;
	line-height: 32px;
}
.banner h1 {
	margin: 0;
	padding: 0;
	margin-top: 5%;
}
.banner h1::before {
	display: none;
}
.banner h2::before {
	display: none;
}
.social1 ul {
	margin: 0;
	padding: 0;
}
.social1 li {
	list-style: none;
	float: left;
	color: #fff;
	margin: 1%;
	line-height: 0;
}
.social1 li a {
	color: #fff;
	background: #00adef;
	width: 35px;
	display: flex;
	height: 35px;
	align-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	justify-content: center;
}
.social1 li a:hover {
	background: #a9492c
}
.phone {
	color: #b1db2e;
}
.phone a{
	color: #b1db2e;
}
.banner h3 {
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
}
.conat-img h2 {
	text-transform: uppercase;
	font-size: 32px;
	font-weight: bold;
}
.social1 li a {
	color: #fff;
}
.quick ul {
	margin: 0 0 15px;
	padding: 0;
}
.quick li {
	list-style: none;
	line-height: 28px;
}
.quick a {
	color: #000;
	text-decoration: none;
	font-size: 15px;
	text-transform: capitalize;
}
.quick a:hover {
	color: #00adef;
}

.main-navigation .main-menu {
	margin-top: 0;
	padding: 40px 0;
}
.email a {
	color: #fff;
}
.phone a {
	color: #fff;
}
.social1 i {
	font-size: 18px;
}
.submitbt {
	text-align: center;
}
.submitbt input {
	background: #00adef;
	border-radius: 30px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2% 10%;
}
.copy {
	font-size: 16px;
	font-weight: bold;
	padding-top: 25px;
	border-top: 1px solid #bbb;
	padding: 15px 0;
	margin-top: 0px;
}
.copy p {
	margin: 0;
	font-weight: 600 !important;
}
.top-space-2 b {
	border-bottom: solid 3px #abd136;
}

    
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #151515;
 opacity: 1; /* Firefox */
}
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #151515;
}
      
      ::-ms-input-placeholder { /* Microsoft Edge */
 color: #151515;
}

.f-img img {
	width: 100%;
	margin: 0;
}
.footer-anchor a {
	color: #212529;
}
.abt-img {
	margin-bottom: 20px;
}
.c-img img {
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
/**********************saravanan css end**************************/

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	border-color: #0073aa;
	outline: 1px solid rgba(0, 115, 170, 0.75)!important;
	outline-offset: 0!important;
}
.btn {
	white-space: inherit;
}
.wpcf7-response-output {
	margin: 0 0 10px !important;
	font-size: 14px;
	text-align: center;
}

/*************************media starts****************************/
 
 
@media screen and (min-width :320px) and (max-width: 767px) {
body {
	background-image: none;
}
footer {
	background: #f1f1f1;
	padding: 30px 0 0;
	text-align: center;
}
.social1 ul {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	width: 155px;
}
#mobmenuright li a, #mobmenuright li a:visited {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px !important;
}
.about-us, .about-us-c, .get-in-touch {
	background-image: none;
} 
.t-right, .t-left {
	background-image: none;
}
.get-in-touch {
	padding: 50px 0;
}
.conat-img {
	height: auto;
	background-attachment: fixed;
}
.t1, .t2 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10 {
	display:none;
}
.indus-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.indus-con-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.system-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.system-img img {
	width: 200px;
}
.left {
	text-align: left;
}
.gray-bg1 {
	border: none;
}
.gray-bg.pl-5 {
	padding: 0 !important;
}
.container.mb-5.ml-5.pl-5 {
	padding: 0 !important;
}
.hexagon.p2 {
	position: inherit;
	left: 0;
	top: 0;
}
.hexagon.p3 {
	position: inherit;
	right: 0;
	left: 0;
}
.hexagon.p4 {
	position: inherit;
	top: 0px;
	left: 0;
}
.hexagon.p5 {
	position: inherit;
	top: 0;
	left: 0%;
}
.hexagon.p6 {
	position: inherit;
	top: 0;
	left: 0
}
.hexagon {
	margin: 90px 0;
}
.mobile-hide {
	display: none;
}
.triangle-right {
	background-image: none;
}
.box-clear {
	background-image: none;
}
.conat-img {
	background-repeat: no-repeat;
}
.top-space-2 {
	margin-top: 0;
}
.banner-caption {
	margin: 50px 0;
}

.p-side-5 {
	padding: 0;
}
.pt-5, .py-5 {
	padding-top: 0 !important;
}
.abt-img .pt-5 {
	padding-top: 0px !important;
}
.about-us {
	position: relative;
	top: 0;
	padding-top: 15px;
}
.conat-img {
	padding: 20px;
	color: #fff;
	height: 100%;
	display: flex;
}
.p-5 {
	padding: 15px !important;
}
.quick ul {
	margin: 0 0 20px;
	padding: 0;
}
.btn-sec a {
	width: 250px !important;
	display: block;
	margin: 0 auto;
}
.bt-new1 {
	text-align: center;
	margin-bottom: 15px;
}
.bt-new2 {
	text-align: center;
}
.touch {
	margin: 5px 0 15px !important;
	padding: 0 !important;
	position: relative;
	top: 0;
}
.blue-btn a {
	background-color: #00adef;
	padding: 15px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 30px;
	text-decoration: none;
	cursor: pointer;
	width: 240px !important;
	display: inline-block;
}
}


/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {  
body {
	background-image: none;
}
.about-us, .about-us-c, .get-in-touch {
	background-image: none;
} 
.t-right, .t-left {
	background-image: none;
}
.get-in-touch {
	padding: 50px 0;
}
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10 {
	display:none;
}
.touch {
	margin: 10px 0 20px !important;
	padding: 0 !important;
	position: relative;
	top: 0;
}
.indus-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.indus-con-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.system-img {
	position: relative;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.c-content {
	margin: 0 auto;
	padding: 15px !important;
}
.banner-caption {
	margin: 50px 0;
}
.p-side-5 {
	padding: 0;
}
.pt-5, .py-5 {
	padding-top: 0 !important;
}
.abt-img .pt-5 {
	padding-top: 0px !important;
}
.about-us {
	position: relative;
	top: 0;
	padding-top: 15px;
}
.conat-img {
	padding: 20px;
	color: #fff;
	height: 100%;
	display: flex;
}
  }
  

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
.s1 .vc_column-inner {
	padding-right: 30px !important;
}
.s2 .vc_column-inner {
	padding-left: 30px !important;
}
.p-5 {
	padding: 1rem !important;
}
body {
	background-image: url(images/top-bg-right1.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% 200px;
	font-family: 'Open Sans', sans-serif;
}
.about-us {
	background-image: url(images/top-bg-left1.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 200px;
	position: relative;
}
.get-in-touch {
	background-image: url(images/footer-012.png), url(images/footer-0-1-2.png);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	background-size: 100% 200px, 100% 200px;
	position: relative;
	padding: 150px 0 190px;
}
.t-left {
	background-image: url(images/side-06.png), url(images/triangle-left.png);
	background-position: center right, center left;
	background-repeat: no-repeat;
	background-size: 200px 100%, 15% auto;
	position: relative;
}
.t-right {
	background-image: url(images/side-05.png), url(images/triangle-right.png);
	background-position: center left, center right;
	background-repeat: no-repeat;
	background-size: 200px 100%, 15% auto;
	position: relative;
}
  } 

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {
#mobmenuright li.current-menu-item a {color:#00adef!important;}
.system-img img {
	width: 200px;
}
.indus-img img {
	width: 200px;
}
.mob-menu-header-holder {
	width: 100%;
	background-color: rgba(255,255,255,0.5)!important;
	position: fixed;
}
  }


@media screen and (min-width :1024px) and (max-width:1336px) {
.conat-img {
	height: 100%;
}
.banner-text {
	text-align: center;
	padding: 0 0 10% 0;
}
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10 {
	width: 250px;
	height: 250px;
}
.indus-img img {
	width: 200px;
}
}  

@media screen and (min-width :1366px) and (max-width:1500px) {
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10 {
	width: 300px;
	height: 300px;
}
.indus-img {
	position: absolute;
	right: 18px;
	top: -70px;
	z-index: 9;
}
.indus-img img {
	width: 200px;
}
.t-left {
	background-image: url(images/side-06.png), url(images/triangle-left.png);
	background-position: center right, center left;
	background-repeat: no-repeat;
	background-size: 300px 100%, 15% auto;
	position: relative;
}
.t-right {
	background-image: url(images/side-05.png), url(images/triangle-right.png);
	background-position: center left, center right;
	background-repeat: no-repeat;
	background-size: 300px 100%, 15% auto;
	position: relative;
}
}

@media screen and (min-width :1601px) and (max-width:1920px) {	
.indus-img {
	position: absolute;
	right: 18px;
	top: -30px;
	z-index: 9;
}
 }


@media screen and (min-width :1921px) and (max-width:2560px) {
.indus-img {
	position: absolute;
	right: 18px;
	top: -200px;
	z-index: 9;
}
.indus-img img {
	width: 200px;
}
.get-in-touch {
	padding: 250px 0 290px;
}
}