body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Helvetica Neue';
    overflow-x: hidden;

}
html{
	overflow-x: hidden;
}




@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue.eot');
	src: url('Helvetica Neue.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue.woff2') format('woff2'),
		url('Helvetica Neue.woff') format('woff'),
		url('Helvetica Neue.svg#Helvetica Neue') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue Medium.eot');
	src: url('Helvetica Neue Medium.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue Medium.woff2') format('woff2'),
		url('Helvetica Neue Medium.woff') format('woff'),
		url('Helvetica Neue Medium.svg#Helvetica Neue Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue Bold.eot');
	src: url('Helvetica Neue Bold.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue Bold.woff2') format('woff2'),
		url('Helvetica Neue Bold.woff') format('woff'),
		url('Helvetica Neue Bold.svg#Helvetica Neue Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}


@font-face {
	font-family: 'Ubuntu';
	src: url('Ubuntu-Bold.woff2') format('woff2'),
	url('Ubuntu-Bold.woff') format('woff');
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('Ubuntu-Light.woff2') format('woff2'),
	url('Ubuntu-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('Ubuntu-Regular.woff2') format('woff2'),
	url('Ubuntu-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

*{
	margin: 0;
	padding: 0;
}

p{
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
}

li{
	list-style: none;
}

a:hover{
	text-decoration: none;
}




/**************16-6-21**************/

.request-quot-in {
	display: none;
}
.prj-cont-in h3 {
  color: #0071CE;
  font-weight: bold;
  font-size: 31px;
  display: block;
  padding-bottom: 20px;
}
.prj-cont-in p {
  display: block;
  margin-bottom: 30px;
}
cont-in input {
  font-size: 10px;
  display: block;
  padding: 13px;
}
.cont-in input {
	padding: 2px 15px !important;
	font-size: 16px !important;
	margin-bottom: 25px !important;
	width: 92% !important;
	float: left;
}
.sub-nam input[type="submit"] {
	padding: 10px 29px !important;
	text-transform: capitalize;
	text-align: left;
	background: #0071CE;
	margin: 0 !important;
    width: auto !important;
}

.rel-box-new {
	position: absolute;
	right: 0;
	top: 150px;
	width: 366px;
}
.rel-box-new p {
	font-size: 22px;
	color: #0071CE;
}
.rel-box-new a {
	background: #FFC220;
	padding: 7px 14px;
	float: left;
	margin-top: 15px;
	font-size: 14px;
}
.rel-box-new a:hover {
	background: #0071CE;
	color: #FFF;
}


.consu-free-box {
  float: left;
  width: 100%;
  background: #0071CE;
}
.free-oblig {
  text-align: center;
  padding: 14px 48px;
}
.free-oblig i {
  color: #fff;
  font-size: 33px;
}
.free-oblig h4 {
  color: #fff;
  margin: 20px 0;
}
.free-oblig p {
  color: #fff;
}
/* 14-06-2021 */



.div-cen{display: table; float: none; margin: 0 auto;}

.pull-left {
	float: left !important;
}


.header-main-section {
	background: #0071CE;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	position: relative;
	z-index: 1000;
}
.site-logo-in {
	text-align: center;
}
.site-logo-in a img {
    max-width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}


/*********category********/


#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 8px;
}
#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	width: auto;
	line-height: 1;
}

@media (min-width: 768px) and (max-width:1920px){
	#cssmenu ul {
		float: right;
}
	#cssmenu > ul > li > a {
		line-height: 42px;
}
}

#cssmenu > ul > li {
	float: left;
}
#cssmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
#cssmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-right > ul > li {
	float: right;
}
#cssmenu.align-right ul ul {
	text-align: right;
}
#cssmenu > ul > li > a {
	padding: 27px 20px 7px 20px;
	font-size: 16px;
	text-decoration: none;
	text-transform: capitalize;
	color: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	font-weight: bold;
	border-radius: 0 0 5px 5px;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
	color: #0071CE;
	background: #fff;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 25px;
}

#cssmenu > ul > li.has-sub:hover > a::after {
	border-color: #009ae1;
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
}
#cssmenu li:hover > ul {
	left: auto;
}
#cssmenu.align-right li:hover > ul {
	right: 0;
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
#cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}
#cssmenu ul ul li {
	height: 0;
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
	height: 32px;
}
#cssmenu ul ul li a {
	padding: 10px 20px;
	width: 160px;
	font-size: 12px;
	background: #333333;
	text-decoration: none;
	color: #dddddd;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
	border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991px), only screen and (min-device-pixel-ratio: 2) and (max-width: 991px), only screen and (min-resolution: 192dpi) and (max-width: 991px), only screen and (min-resolution: 2dppx) and (max-width: 991px) {
	#cssmenu {
		width: 100%;
	}
	#cssmenu ul {
		width: 100%;
		display: none;
	}
	#cssmenu.align-center > ul,
	#cssmenu.align-right ul ul {
		text-align: left;
	}
	#cssmenu ul li,
	#cssmenu ul ul li,
	#cssmenu ul li:hover > ul > li {
		width: 100%;
		height: auto;
		border-top: 1px solid rgba(120, 120, 120, 0.15);
	}
	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
	}
	#cssmenu > ul > li,
	#cssmenu.align-center > ul > li,
	#cssmenu.align-right > ul > li {
		float: none;
		display: block;
	}
	#cssmenu ul ul li a {
		padding: 20px 20px 20px 30px;
		font-size: 12px;
		color: #000000;
		background: none;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li a:hover {
		color: #000000;
	}
	#cssmenu ul ul ul li a {
		padding-left: 40px;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		right: auto;
		width: 100%;
		margin: 0;
	}
	#cssmenu > ul > li.has-sub > a::after,
	#cssmenu ul ul li.has-sub > a::after {
		display: none;
	}
	#menu-line {
		display: none;
	}
	#cssmenu #menu-button {
		display: block;
		padding: 20px;
		color: #000000;
		cursor: pointer;
		font-size: 12px;
		text-transform: uppercase;
	}
	#cssmenu #menu-button::after {
		content: '';
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		width: 15px;
		height: 2px;
		background: #000000;
	}
	#cssmenu #menu-button::before {
		content: '';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		width: 15px;
		height: 7px;
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
	}
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120, 120, 120, 0.15);
		height: 52px;
		width: 52px;
		cursor: pointer;
		display: none;
	}
	#cssmenu .submenu-button::after {
		content: '';
		position: absolute;
		top: 21px;
		left: 26px;
		display: block;
		width: 1px;
		height: 11px;
		background: #000000;
		z-index: 99;
	}
	#cssmenu .submenu-button::before {
		content: '';
		position: absolute;
		left: 21px;
		top: 26px;
		display: block;
		width: 11px;
		height: 1px;
		background: #000000;
		z-index: 99;
	}
	#cssmenu .submenu-button.submenu-opened:after {
		display: none;
	}
}
@media (max-width: 768px){
	#cssmenu > ul > li > a {
		padding: 10px 20px;
	}
}

.call-us-head {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.call-us-head label {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Helvetica Neue';
	font-size: 17px;
}
.textwidget {
	display: inline-block;
	vertical-align: middle;
}
.call-us-head span {
	display: inline-block;
	padding: 0 10px 0px 10px;
}
.textwidget p a {
	color: #fff;
}

.call-us-head i {
	background-color: #FFC220;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	font-size: 19px;
	color: #0071CE;
}

/*.call-us-head::before {
	position: absolute;
	content: "";
	background-image: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/mergeicon.png");
	height: 40px;
	width: 40px;
	background-color: #FFC220;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-radius: 5px;
	top: -7px;
	left: 0;
}*/
.textwidget {
	display: inline-block;
	vertical-align: middle;
}
.textwidget p a {
	color: #4b4b4d;
}
.request-quot-in {
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
    
}
.header-main-section {
	min-height: 91px;
    position: relative;
    flex-wrap: nowrap;
	justify-content: flex-start;
    width: 100%;
    

}


.header-main-section.fixed {
    top: -40px;
	transform: translateY(40px);
	transition: transform .8s;
}
.fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
    animation: fadeInDown .8s 0s forwards;
    -webkit-animation: fadeInDown .8s 0s forwards;
    -moz-animation: fadeInDown .8s 0s forwards;
}

#gn-menu{
    display: none;
}
.gn-menu-main, .gn-menu-main ul {
	background: transparent !important;
}
.gn-menu-main > li:last-child {
	border: none !important;
}
.gn-icon-menu::before {
	background: #fff !important;
	box-shadow: 0 9px white, 0 -9px white, 0 -9px #fff !important;
}
.request-quot-in a {
	background: #FFC220;
	color: #0071CE;
	height: auto;
	border: none;
}
.request-quot-in a:hover {
	background: #FFC220;
	color: #0071CE;
	height: auto;
	border: none;
}

.request-quot-in a:focus {
	background: #FFC220;
	color: #0071CE;
}

.qut-on- {
	display: block;
	margin-top: 31px;
}
.header-call-section {
	color: #fff !important;
}

.request-quot-in .btn.btn-primary {
	background: #FFC220;
	color: #0071CE;
	padding: 12px 23px;
	font-size: 14px;
	height: 44px;
}

.get-a-bespoke .btn-primary {
	color: #0071CE !important;
	background-color: #FFC220 !important;
	border-color: #b18716 !important;
}
.get-a-bespoke .btn-primary:hover {
	color: #0071CE !important;
	background-color: #FFC220 !important;
	border-color: #b18716 !important;
}
.get-a-bespoke .btn-primary.focus, .get-a-bespoke .btn-primary:focus {
	color: #0071CE !important;
	background-color: #fff !important;
	border-color: #e2e2e2 !important;
}
.site-logo-in {
	margin: 11px 0;
	position: relative;
	z-index: 500;
}
.qut-on- {
	position: relative;
	z-index: 500;
}
.gn-menu-main, .gn-menu-main ul {
	position: relative;
	z-index: 1000;
}
nav ul li.active {
	background-color: #fff !important;
}

.gn-menu-main a {
	font-size: 16px !important;
    color: #fff !important;
}
.gn-menu-main li.gn-trigger {
	background: #0071CE;
}
.gn-menu-main {
	top: -10px !important;
}
.mid-serve h3 {
	display: block;
	text-align: center;
	padding: 73px 0 7px 0;
	text-transform: capitalize;
	font-size: 22px;
	color: #000;
	position: relative;
	font-weight: bold;
}
.mid-serve p {
	text-align: center;
	display: block;
	font-size: 16px;
}
.mid-serve {
	display: block;
	margin-top: 80px;
	margin-bottom: 70px;
}

.mid-serve .service-call::before {
	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -35px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}


.mid-serve .satisfaction::before {
	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -76px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.mid-serve .userguide::before {
	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -116px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.mid-serve .easycablinng::before{
    	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -155px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.mid-serve .software::before{
    	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -195px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.mid-serve .Central-Unit::before{
    	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -235px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.mid-serve .thermostat::before{
    	position: absolute;
	content: "";
	background-image: url("../image/mergeicon.png");
	height: 50px;
	width: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: -276px 5px;
	border-radius: 50px;
	top: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.owl-dots .owl-dot {
	background: transparent !important;
	padding: 0;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: -31px !important;
	position: relative;
	z-index: 100;
}
.skl-ser-main {
	width: 100%;
	margin-bottom: 50px;
	float: left;
}
.skl-sr-pic img {
	display: block;
	max-width: 100%;
	width: 100%;
}
.glsimg::before {
	position: absolute;
	content: "";
	background: #FFC220;
	height: 93%;
	width: 90%;
	border-radius: 20px;
	z-index: -1;
	left: 3px;
	bottom: 3px;
}
.glsimg {
	display: block;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.mobiimg::before {
	position: absolute;
	content: "";
	background: #FFC220;
	height: 86%;
	width: 89%;
	border-radius: 20px;
	z-index: -1;
	right: 5px;
	top: 5px;
}
.mobiimg {
	display: block;
	padding: 15px;
	position: relative;
	z-index: 1;
}


.camimg::before {
	position: absolute;
	content: "";
	background: #FFC220;
	height: 86%;
	width: 89%;
	border-radius: 20px;
	z-index: -1;
	right: 5px;
	bottom: 5px;
}
.camimg {
	display: block;
	padding: 15px;
	position: relative;
	z-index: 1;

}
.sk-welcome {
	padding-top: 29px;
	display: block;
}
.sk-welcome h4 {
	display: inline-block;
	vertical-align: middle;
	color: #0071CE;
	position: relative;
}
.sk-welcome h4::before {
	position: absolute;
	content: "";
	background: #FFC220;
	height: 2px;
	width: 43px;
	top: -17px;
}
.sk-welcome img {
	float: right;
	vertical-align: middle;
	display: inline-block;
}
.sk-welcome h1 {
	display: block;
	font-size: 30px;
}
.sk-welcome p {
	display: block;
	padding-top: 20px;
}
.speciality-in {
	display: block;
	margin-top: 25px;
}
.speciality-in ul li {
	width: 50%;
	float: left;
}

.speciality-in ul li i {
	color: #FFC220;
	display: inline-block;
	vertical-align: middle;
	padding-right: 7px;
}
.speciality-in ul li span {
	vertical-align: middle;
	display: inline-block;
	color: #0071CE;
	font-weight: bold;
}


.glass-panels-slide {
	display: block;
	background: #0071CE;
	position: relative;
}
.gps-head span {
	color: #FFC220;
	font-size: 30px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 20px 0 5px 0;
}
.gps-head p {
	display: block;
	color: #fff;
	text-align: center;
}

.uk-child-width-1-2 > * {
	width: 100% !important;
}

.glass-panels-slide::before {
	position: absolute;
	content: "";
	background-image: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/team-bg.png");
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}


.gps-slid-in {
	float: left;
	padding: 30px 0 39px 0;
	width: 100%;
    position: relative;
}
.gps-slid-in .owl-prev {
	left: 0;
	position: absolute;
	top: 41%;
	background: #fff !important;
	color: #0071CE !important;
	height: 40px;
	width: 40px;
	border-radius: 50% !important;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 0 !important;
}
.gps-slid-in .owl-prev span {
	display: inline-block;
	font-size: 30px;
	line-height: 14px;
}

.gps-slid-in .owl-next {
	right: 0;
	position: absolute;
	top: 41%;
	background: #fff !important;
	color: #0071CE !important;
	height: 40px;
	width: 40px;
	border-radius: 50% !important;
	display: inline-block !important;
	vertical-align: middle !important;
	padding: 0 !important;
}
.gps-slid-in .owl-next span {
	display: inline-block;
	font-size: 30px;
	line-height: 14px;
}





.tab-responsiv1 {
	display: none;
}
.osr-in-tab ul {
	height: auto;
}
.osr-in-tab2 ul {
	height: auto;
}
.osr-in-tab ul li {
	display: block !important;
	background: #0071CE;
	height: auto !important;
	border-bottom: 1px solid #186ea3;
}
.osr-in-tab2 ul li {
	display: block !important;
	background: #0071CE;
	height: auto !important;
	border-bottom: 1px solid #186ea3;
}
.osr-in-tab ul li a {
	color: #fff !important;
	padding: 32px 15px 10px 15px !important;
	font-weight: bold;
	font-size: 22px !important;
	height: auto !important;
}
.osr-in-tab2 ul li a {
	color: #fff !important;
	padding: 32px 15px 10px 15px !important;
	font-weight: bold;
	font-size: 22px !important;
	height: auto !important;
}
.osr-in-tab .tabs .tab a.active {
	background-color: #FFC220;
	color: #0071CE !important;
}
.osr-in-tab2 .tabs .tab a.active {
	background-color: #FFC220;
	color: #0071CE !important;
}
.osr-in-tab2 ul {
	height: auto;
	display: block;
}
.our-ser-inside {
	float: left;
	width: 100%;
	padding: 120px 0 70px 0;
	position: relative;
}
.over-services-in {
	float: left;
	width: 100%;
	position: relative;
}

.over-services-in::before {
	position: absolute;
	content: "";
	background-image: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/steps-area.png");
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.our-ser-inside::before {
	position: absolute;
	content: "";
	background-image: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/design.png");
	height: 284px;
	width: 282px;
	background-repeat: no-repeat;
	background-position: 0 -5px;
	left: -336px;
	top: 91px;
	-o-animation: dance2 4s alternate infinite;
	-moz-animation: dance2 4s alternate infinite;
	-webkit-animation: dance2 4s alternate infinite;
	animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
	0% {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(15px, -15px, 0);
		-webkit-transform: translate3d(15px, -15px, 0);
		-moz-transform: translate3d(15px, -15px, 0);
		-o-transform: translate3d(15px, -15px, 0);
	}
	100% {
		transform: translate3d(0, -15px, 15px);
		-webkit-transform: translate3d(0, -15px, 15px);
		-moz-transform: translate3d(0, -15px, 15px);
		-o-transform: translate3d(0, -15px, 15px);
	}
}


.relay-inside .lig-text {
    left: inherit;
    right: 0;
    top: 27%;
}

.active .heating01 {
	display: table;
	float: none;
	text-align: center;
	/* width: 100%; */
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.heating01{
	display: none;
}
.active .heating02 {
	display: none;
}
.heating02{
	display: table;
	float: none;
	text-align: center;
	/* width: 100%; */
	max-width: 100%;
	margin: 0 auto;
	display: block;

}
.active .light {
	display: table;
	float: none;
	text-align: center;
	/* width: 100%; */
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.light{
	display: none;
}
.active .light02 {
	display: none;
}
.light02{
	display: table;
	float: none;
	text-align: center;
	/* width: 100%; */
	max-width: 100%;
	margin: 0 auto;
	display: block;

}

.osr-in-tab ul li a span {
	display: block;
	text-align: center;
	float: left;
	width: 100%;
	text-transform: capitalize;
	line-height: 28px;
	padding: 8px 0;
}
.tab.col.s3 .free-contl {
	background: red;
	margin: 70px 0;
	padding: 4px 0;
	font-size: 19px;
	/*box-shadow: inset 0 0 10px rgba(0,0,0,0.5);*/
	border-radius: 10px;
}
.active .free-contl {
	color: #fff;
}
.relay-m {
    margin-top: 0 !important;
}
.cont-in-osr .shutt-pic {
    margin-top: 0 !important;
}
.dimmer-pic {
    margin-top: 0 !important;
}
.light-home {
	float: right;
	margin-top: 130px;
	position: relative;
}
.light-home img {
	width: 100%;
	max-width: 100%;
	display: block;
}
.litt-in-text {
	position: relative;
}

.light-t-tab {
	position: absolute;
	left: 0;
	top: 188px;
}
.lig-text h3 {
	font-size: 80px;
	font-weight: bold;
	text-transform: capitalize;
	color: #0071CE;
	padding-left: 30px;
}
.litt-in-text h3:hover {
	color: #279de7;
}
.blind-sm .ser-light {
    top: 111px;
}
.heating-t-text .ser-light {
	position: absolute;
	left: 0;
	top: 0;
	width: 358px;
}
.light-t-tab .ser-light ul li span {
	font-size: 23px;
	color: #0071CE;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
	font-size: 20px;    
}
.light-t-tab .ser-light ul li p {
	max-width: 40%;
}
.heating-t-text .ser-light p {
	text-transform: capitalize;
	display: block;
	padding-bottom: 15px;
	font-size: 16px;
	width: 100%;
}
.heating-t-text .ser-light span {
	color: #0071CE;
	font-weight: bold;
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
}

.relay-inside {
	float: left;
	width: 100%;
	padding: 120px 0 70px 0;
	position: relative;
}



.relay-inside::before {
	position: absolute;
	content: "";
	background-image: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/design.png");
	height: 300px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: -333px 4px;
	right: -410px;
	top: 91px;
	-o-animation: dance 2s alternate infinite;
	-moz-animation: dance 2s alternate infinite;
	-webkit-animation: dance 2s alternate infinite;
	animation: dance 2s alternate infinite;
}

@keyframes dance {
	0% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}


.relay-pic {
	float: left;
	width: 100%;
	max-width: 100%;
	margin-top: 174px;
}
.rel-text {
	position: absolute;
	left: 0;
	top: 171px;
}
.rel-in-text {
	position: relative;
}
.rel-text h3 {
	font-size: 80px;
	font-weight: bold;
	text-transform: capitalize;
	color: #0071CE;
	padding-left: 30px;
}
.rel-text h3:hover {
	color: #279de7;
}
.ins-light {
	position: absolute;
	left: -81px;
	top: 76px;
	transform: rotate(-90deg);
}
.ins-light span {
	font-size: 23px;
	color: #0071CE;
	font-weight: bold;
}

.dimmer-pic {
	margin-top: 150px;
}

.vel-video-main {
	float: left;
	width: 100%;
	margin: 50px 0;
}
.log-velbus {
	text-align: center;
	display: block;
	margin-bottom: 40px;
}
/**************** video box *******************/
.velbus-video-in {
	float: left;
	width: 100%;
	margin-top: 50px;
}
.video-box {
	width: 100%;
	text-align: center;
	float: left;
}

.pdf-download-in {
	float: left;
	width: 100%;
	margin: 90px 0 28px 0;
}
.pdf-dd-brocher {
	display: table;
	text-align: center;
	margin: 0 auto;
	float: none;
}
.pdf-dd-brocher .d-brochure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #FFC220;
	color: #0071CE;
	padding: 8px 23px 8px 66px;
	height: 40px;
	line-height: 24px;
	border: 0;
}
.pdf-dd-brocher .d-help {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #FFC220;
	color: #0071CE;
	padding: 8px 76px 8px 116px;
	height: 40px;
	line-height: 24px;
	border: 0;
	margin-left: 20px;
}
.pdf-dd-brocher a i {
	position: absolute;
	left: 0;
	background: #0071CE;
	height: 40px;
	width: 50px;
	display: inline-block;
	vertical-align: middle;
	top: 0;
	color: #fff;
	font-size: 25px;
	line-height: 38px;
}


/***************count custmer**************/

.count-custmer {
	position: relative;
	float: left;
	width: 100%;
}

.count-custmer::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background-position: center center;
	background: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/customer.jpg") no-repeat;
	background-size: cover !important;
}

.count-custmer::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #FFC220;
	left: 0;
	top: 0;
	opacity: 0.8;
	z-index: 5;
}

.uk-customer-in {
	position: relative;
	z-index: 10;
}
.uk-number-in {
	text-align: center;
	margin: 52px 0;
	border-right: 2px solid #0071CE;
}
.uk-number-in span {
	display: block;
	font-size: 60px;
	color: #0071CE;
}
.uk-number-in label {
	display: block;
	font-size: 21px;
	color: #0071CE;
}
.uk-number-in.bodr-n {
	border: none;
}

/***********************footer**********************/


.footer-box-in {
	float: left;
	width: 100%;
	margin-top: 180px;
	position: relative;
	border-top: 2px solid #d2d3d5;
}


.footer-box-in::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background-position: center center;
	background: url("https://superklick.com/smarthome/wp-content/themes/SuperKlick/image/footer-design.png") no-repeat;
	background-size: cover !important;
}

.news-letter-in {
    background: #0071CE;
    padding: 32px 20px 32px 20px;
    border-radius: 100px;
    position: relative;
    top: -84px;
    display: flex;
    align-items: center;
}

.new-enter-cu {
	display: block;
	margin-top: 15px;
}
.new-in-sd::after {
	content: "";
	position: absolute;
	background: #fff;
	height: 85px;
	width: 2px;
	right: 0;
	top: 0;
}
.new-in-sd i {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #fff;
	height: 80px;
	width: 116px;
	border-radius: 50px;
	text-align: center;
	font-size: 49px;
	color: #fff;
	line-height: 75px;
}
.new-in-sd p {
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
	color: #fff;
	padding-left: 20px;
}
div.wpforms-container-full {
	margin: 0 !important;
}

.new-in-sd {
	display: flex;
}


.new-enter-cu {
	display: block;
	margin-top: 15px;
}
.new-enter-cu .nli-add {
	position: relative;
	background-color: #fff !important;
	border-radius: 5px !important;
	padding: 5px 0 4px 15px !important;
	border: 3px solid #FFC220 !important;
	width: 96% !important;
}

.news-letter-in .new-enter-cu input[type="email"]:focus {
	border: 3px solid !important;
	border-color: #FFC220 !important;
}
.new-enter-cu input[type="submit"] {
	position: absolute;
	right: 18px;
	top: 17px;
	font-size: 18px;
	height: 51px;
	width: 95px;
	background: #0071CE;
	border-radius: 3px;
	text-align: center;
	line-height: 35px;
	color: #FFC220;
	cursor: pointer;
	font-family: sans-serif !important;
}

.fot-detal-main {
	float: left;
	width: 100%;
	margin: 44px 0 87px 0;
}

.company-det .fot-logo-s {
	display: inline-block;
	vertical-align: middle;
}
.company-det p {
	color: #4b4b4d;
	display: block;
	line-height: 26px;
}
.company-det .vle-logo {
	display: inline-block;
	vertical-align: middle;
}

.company-det h5 {
	display: block;
	padding: 17px 0 0px 0;
	font-size: 22px;
	color: #0071CE;
	font-weight: bold;
	margin-bottom: 0;
}
.company-det span {
	font-size: 16px;
	display: block;
	padding-top: 3px;
	position: relative;
}
.company-det span label {
	position: absolute;
	font-size: 68%;
	top: 0;
	color: #333;
}
.company-det p {
	padding-top: 20px;
}

.ft-link-hed h3 {
	color: #0071CE;
	display: block;
	font-weight: bold;
}
.ft-link-hed {
	float: left;
	width: 100%;
	border-bottom: 2px solid #d2d3d5;
	padding-bottom: 20px;
}

.fot-link-list ul li {
	line-height: 19px;
	transition: all 0.2s ease-in;
}

.fot-link-list {
	float: left;
	width: 100%;
	margin-top: 30px;
}
[class*="uk-list"] > ::before {
	color: #4b4b4d;
}

.fot-link-list ul li:hover {
	margin-left: 5px;
}
.fot-link-list ul li a:hover {
	color: #0071CE !important;
}
.fot-link-list ul li a {
	color: #4b4b4d !important;
}
.cnt-add {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.addin-sk i {
	display: inline;
	vertical-align: top;
	color: #0071CE;
	font-size: 20px;
	padding-right: 10px;
}
.addin-sk-num{
    float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d3d5;
}
.addin-sk-num i{
	display: inline;
	vertical-align: middle;
	color: #0071CE;
	font-size: 20px;
	padding-right: 10px;
}
.addin-sk-num span {
	display: inline;
	vertical-align: middle;
	color: #4b4b4d;
}
.addin-sk {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d3d5;
}
.addin-sk span {
	display: inline;
	vertical-align: middle;
	color: #4b4b4d;
}

.cnt-add div:nth-child(2) {
	padding-top: 10px;
}

.cnt-add div:nth-child(3) {
	padding-top: 10px;
}
.ft-social {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.ft-social ul li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.ft-social ul li:fist-child{
	color: #4b4b4d;
}

.copy-right-in {
	float: left;
	width: 100%;
	background: #0071CE;
	padding: 15px 0;
	position: relative;
	z-index: 10;
}
.copy-right-in .ft-copy-in {
	text-align: center;
	float: left;
	width: 100%;
	color: #fff;
}
.head-sk-title h2 {
	text-align: center;
	font-size: 38px;
	padding: 20px 0;
}


/********************************************************products detalis page*************************************************************/


.header-title-in {
	background: #fff;
	float: left;
	width: 100%;
}

.head-sk-title h1 {
	text-align: center;
	font-size: 38px;
	padding: 20px 0;
	color: #0071CE;
	position: relative;
}
.head-sk-title h1::before {
	content: "";
	position: absolute;
	height: 3px;
	width: 60px;
	background: #FFC220;
	bottom: 0;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sk-pro-sect {
	float: left;
	width: 100%;
}
.sk-all-pro {
	float: left;
	width: 100%;
	margin: 40px 0;
}

.sk-pro-deta-in {
	float: left;
	background: #fff;
	width: 100%;
	padding: 15px;
	margin-top: 30px;
	height: 100% !important;
}
.pic-sk-pro {
	float: left;
	width: 100%;
	border-bottom: 3px solid #e6e7e8;
	position: relative;
}
.pic-sk-pro img {
	max-width: 100%;
	width: 100%;
}

.ab-picture img {
	width: auto;
	text-align: center;
	display: table;
	float: none;
	margin: 0 auto;
	margin-top: 9px;
}

.sk-pro-deta-in:hover .ab-picture {
	background: #fff;
}

.sk-pro-deta-in h3 {
	width: 100%;
	text-align: center;
	color: #0071CE;
	text-transform: capitalize;
	padding: 26px 0 17px 0;
	float: left;
	font-weight: bold;
}


.sk-pro-deta-in .pr-red {
	width: 100%;
	float: left;
	text-align: center;
	background: #e6e7e8;
	padding: 10px 0;
	font-weight: bold;
	font-size: 20px;
	height: auto;
	border-bottom: none;
	color: #0071CE;
}

.sk-pro-deta-in .pr-red:hover {
	background: #0071CE;
	color: #fff;
}
.ab-picture {
position: absolute;
height: 55px;
width: 55px;
border-radius: 50px;
background: #e6e7e8;
left: 0;
bottom: -26px;
right: 0;
margin: 0 auto;
    z-index: 100;
}
.pic-sk-pro::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.3);
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
    visibility: hidden;
    opacity: 0
}

.sk-pro-deta-in:hover .pic-sk-pro::after {
	visibility: visible;
    opacity: 1;
}
.sk-pro-deta-in:hover .pic-sk-pro::before{
	background-color: #fff;
}
.sk-pro-deta-in:hover .pic-sk-pro {
	border-bottom: 3px solid transparent;
}


/***********************************************************services page*****************************************************************/


.home-ser-cate {
	float: left;
	width: 100%;
	margin: 40px 0 70px 0;
}
.ser-home-cat {
	float: left;
	width: 100%;
	margin-top: 30px;
	height: 372px;
}
.se-icon-in i {
	color: #0071CE;
	font-size: 34px;
	width: 66px;
	height: 66px;
	display: block;
	text-align: center;
	line-height: 59px;
	border: 2px solid #0071CE;
	border-radius: 50px;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.se-icon-in {
	display: table;
	float: none;
	margin: 0 auto;
}
.ser-comm-box h3 {
	width: 100%;
	color: #0071CE;
	margin: 15px 0 10px 0;
}
.ser-comm-box p {
	display: block;
	color: #4b4b4d;
	font-size: 18px;
}

.se-icon-in .border-ser {
	height: 414px;
	width: 2px;
	background: #d2d3d5;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 21px;
	position: relative;
}


.ser-home-cat:hover .se-icon-in i {
	background: #0071CE;
	color: #fff;
}
.ser-title-al {
	text-align: right;
}
/*******************************************************************portfolio****************************************************************/
.prt-pic-boxs img {
	width: 100%;
	max-width: 100%;
}

.pt-pic-box .all-img-box:nth-child(1) {
	width: 67%;
	float: left;
	max-width: 100%;
}
.pt-pic-box .all-img-box:nth-child(2) {
	width: 33%;
	float: left;
	max-width: 100%;
}
.pt-pic-box .all-img-box:nth-child(3) {
	width: 33.5%;
	float: left;
	max-width: 100%;
}
.pt-pic-box .all-img-box:nth-child(4) {
	width: 33.5%;
	float: left;
	max-width: 100%;
}
.pt-pic-box .all-img-box:nth-child(5) {
	width: 33%;
	float: right;
}
.pt-pic-box .all-img-box:nth-child(6) {
	width: 33.5%;
	float: left;
	max-width: 100%;
}
.pt-pic-box .all-img-box:nth-child(7) {
	width: 33.5%;
	float: left;
	max-width: 100%;
}
.pt-pic-box {
	float: left;
	width: 100%;
}
.prt-pic-boxs {
	position: relative;
}
.port-fo-main {
	float: left;
	width: 100%;
}
.prt-pic-boxs .big-in-size {
	height: 1332px;
	position: relative;
	width: 100%;
}
.prt-pic-boxs img {
	height: 666px;
	object-position: center;
}

.por-img-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 17px 20px 17px 20px;
	background: rgba(255,255,255,0.6);
}

.por-img-text span {
	font-size: 25px;
}
.port-fo-main .uk-grid {
	margin: 0 !important;
}
.port-fo-main .uk-card-default {
	background: #fff;
	color: #666;
	box-shadow: 0 0 0 !important;
}
.pic-box-heig {
	height: 666px;
	max-height: 100%;
}

.pic-box-heig-add {
	height: 1270px;
	max-height: 100%;
}



/*********************************************************about us*****************************************************/

.ab-sk-main {
	float: left;
	width: 100%;
	margin: 40px 0 40px 0;
}
.ab-cont-in {
	float: left;
	width: 100%;
}


.ab-sk-main {
	float: left;
	width: 100%;
	margin: 70px 0 40px 0;
}
.ab-cont-in {
	float: left;
	width: 100%;
}
.ab-cont-in {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about-pic-in {
	position: relative;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.why-cho-in {
	float: left;
	width: 100%;
	margin-top: -177px;
	z-index: 100;
	position: relative;
}
.ab-cont-in .ab-01 {
	display: block;
	text-transform: capitalize;
	font-size: 20px;
}

.ab-cont-in .ab-02 {
	display: block;
	margin: 13px 0;
	text-transform: capitalize;
	font-weight: bold;
	color: #0071CE;
}
.ab-cont-in .ab-02 span {
	color: #FFC220;
}
.ab-cont-in p {
	color: #4b4b4d;
}

.ab-cont-in .ab-04 {
	color: #0071CE;
	margin: 15px 0;
}

.ab-cont-in .ab-05 {
	display: block;
	margin-bottom: 10px;
}

.about-pic-in::before {
	position: absolute;
	content: "";
	height: 90%;
	width: 90%;
	border: 2px solid #fff;
	top: 19px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-style: dashed;
}
.about-pic-in img {
	width: 100%;
}
.about-pic-in {
	position: relative;
	padding: 0;
}
.parl-home-ab {
	position: relative;
	margin: 80px 0 0px 0;
	z-index: 20;
}
.parl-home-ab::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}

.parl-home-ab .ab-07 {
	position: relative;
	z-index: 22;
	font-size: 32px;
	width: 79%;
	margin: 0 auto !important;
	padding-top: 100px;
	line-height: 45px;
	color: #fff;
}
.ab-08::before {
	position: absolute;
	content: "";
	height: 90%;
	width: 90%;
	border: 2px solid #fff;
	top: 19px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-style: dashed;
}

.ab-08{
	position: relative;
}
.ab-08 img {
	width: 100%;
}

.ab-09 {
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ab-09 .ab-10 {
	display: block;
	color: #0071CE;
	margin: 0;
}
.ab-12 {
	color: #4b4b4d;
}
.ab-09 .ab-11 {
	color: #4b4b4d;
	display: block;
	padding: 37px 0 30px 0;
}
.ab-12 li {
	display: inline-block;
	width: 49%;
	margin-top: 4px;
	color: #0071CE;
	font-weight: bold;
	font-size: 24px;
	max-width: 100%;
}

.ab-09 {
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px;
}

.ab-08 {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 0;
}
.ab-13 {
	float: left;
	width: 100%;
	margin-top: 40px;
	background: #fff;
	padding: 20px;
}
.ab-13 .ab-14 {
	color: #4b4b4d;
	line-height: 27px;
}


/************************************************************contacat us********************************************************/

.cont-head-inside {
	float: left;
	width: 100%;
	margin-top: 70px;
}
.co-04 ul li {
	display: block;
	padding-bottom: 10px;
}
.co-04 ul {
	padding: 20px 0;
}
.co-04 ul li a i {
	height: 35px;
	width: 35px;
	border: 1px solid #0071CE;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	color: #0071CE;
	line-height: 32px;
	margin-right: 7px;
	vertical-align: middle;
	transition: all 0.3s ease-in;
}
.co-04 ul li i {
	height: 35px;
	width: 35px;
	border: 1px solid #0071CE;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	color: #0071CE;
	line-height: 32px;
	margin-right: 7px;
	vertical-align: middle;
	transition: all 0.3s ease-in;
}
.co-04 ul li a {
	color: #4b4b4d;
	display: inline-block;
	vertical-align: middle;
}
.co-04 ul li {
	color: #4b4b4d;
	display: flex;
}
.co-04 p {
	color: #4b4b4d;
	display: block;
	padding-top: 15px;
}

.co-04 ul li a:hover i {
	background: #0071CE;
	color: #FFC220;
}
.icon-phone-outline {
	transform: scalex(-1);
}
.co-05 input[type="text"]:focus, .co-05 input[type="email"]:focus {
	border: 1px solid #0071CE !important;
	box-shadow: 0 0 0 !important;
}
.co-05 input[type="text"], .co-05 input[type="email"], .co-05 input[type="tel"], textarea.materialize-textarea{
	height: 53px;
}

.co-05 textarea.materialize-textarea {
	width: 100% !important;
	height: auto !important;
	padding: 15px;
}
.co-05 label {
	top: 7px;
}

.co-05.input-field > label:not(.label-icon).active {
	-webkit-transform: translateY(-30px) scale(0.8);
	transform: translateY(-30px) scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.sub-butn.waves-effect.waves-light.btn-large {
	height: auto;
	padding: 0px 50px;
	margin-top: 20px;
	background: #0071CE;
}
.site-map-in {
	float: left;
	width: 100%;
	margin-top: 60px;
}



/****************************************************form****************************************************/

.form-main-in {
	background: #fff;
	float: left;
	width: 100%;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	padding: 25px 250px 70px 250px;
}

.head-02 {
	display: block;
	padding: 50px 0;
}
.head-02 i {
	display: inline-block;
	vertical-align: middle;
	font-size: 34px;
	color: #0071CE;
	padding-right: 10px;
}
.head-02 h3 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	color: #0071CE;
}

.head-in-02 input[type="text"] {
	display: inline-block;
	vertical-align: middle;
}

.head-in-02 i {
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	padding-left: 20px;
	line-height: 39px;
	color: #0071CE;
	cursor: pointer;

}
.head-in-02 .icofont-question-circle:hover .peter-home{
	display: block;
}
.head-in-02 .input-field {
	display: flex;
}

.peter-home {
	position: absolute;
	right: -220px;
	background: #f3f38c;
	height: 92px;
	width: 212px;
	text-align: center;
	padding: 9px;
	border-radius: 6px;
	top: -31px;
	display: none;
	transition: all 0.2s ease-in;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Helvetica Neue';
}

.chek-in form p label {
	display: inline-block !important;
	vertical-align: middle !important;
}
.chek-in form p label span {
	font-size: 15px !important;
	color: #4b4b4d;
	display: inline-block !important;
	vertical-align: middle;
	line-height: 18px !important;
}
.room-enter-text span {
	display: block;
	padding: 20px 0 20px 0;
	font-size: 26px;
	color: #0071CE;
	text-align: center;
}

.se-radio p label span {
	font-size: 16px !important;
	color: #4b4b4d;
}
.form-50 {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	border: 2px solid #77787a;
	padding: 9px;
	cursor: pointer;
}
.se-radio form p {
	display: inline-block;
	vertical-align: middle;
}

.form-data-size {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.se-radio {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}
.form-52 {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	border: 2px solid #77787a;
	padding: 9px;
	cursor: pointer;
}
.form-53 {
	text-align: center;
	float: none;
	display: block;
	vertical-align: middle;
	padding-top: 10px;
}
.form-51 {
	text-align: center;
	float: none;
	display: block;
	vertical-align: middle;
	padding-top: 10px;
}
.form-54 label {
	font-size: 17px;
}
.form-54 .switch {
	padding-bottom: 10px;
}

.form-data-size form {
	display: inline-block;
	vertical-align: middle;
}
.light-box-click {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.form-55 form p label span {
	font-size: 15px !important;
	color: #4b4b4d;
	display: inline-block !important;
	vertical-align: middle;
	line-height: 18px !important;
}



.watt-01 {
	background: #0071CE;
	width: 100%;
	display: block;
	border-radius: 5px;
	padding: 10px 10px;
	margin: 30px 0;
}
.watt-01 i {
	color: #FFC220;
	font-size: 32px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 11px 0 12px;
	border-right: 1px solid #2592d7;
}
.watt-01 h4 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	color: #fff;
	padding-left: 18px;
}
.watt-02 form p label span {
	font-size: 15px !important;
}

.watt-02 form p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 11px;
}
.watt-03 {
	display: block;
	margin: 45px 0;
}
.watt-02 {
	display: block;
	padding-top: 20px;
}
.save-circuit .icofont-long-arrow-right {
	position: absolute;
	left: 27px;
	z-index: 10;
	top: 2px;
	font-size: 37px;
	color: #fff;
}
.save-circuit {
	text-align: center;
}
.save-circuit2 {
	position: relative;
}
.save-circuit .s-circuit.waves-effect.waves-light.btn {
	position: relative;
	padding: 14px 61px 14px 70px;
	height: auto;
	font-size: 18px;
	text-transform: capitalize;
	background: #FF6600;
	color: #fff;
	border: 0;
}

.overlay-box .uk-button {
	height: 80px;
	width: 80px;
	border-radius: 50px;
	background: #fff;
	color: #FFC220;
	font-size: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.overlay-box a i {
	line-height: 75px;
}


.overlay-box iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}

.pagination span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}
.pagination {
	float: none;
	margin: 0 auto;
	display: table;
	padding-top: 20px;
	width: auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: transparent !important;
}
.wpcf7-not-valid-tip {
    	font-size: 12px !important;
	display: inline-block !important;
	padding-top: 11px !important;
}
.co-05.input-field.col.s6 .wpcf7-not-valid-tip, .co-05.input-field .wpcf7-not-valid-tip{
	font-size: 12px !important;
	display: inline-block !important;
	padding-bottom: 11px !important;
}


/********************************************************Glass panel pages******************************************************************/





.glass-in-pic {
	float: none;
	margin: 0 auto;
	text-align: center;
	display: table;
	padding: 65px 0 50px 0;
}

.glass-in-pic02 img {
	background: #fff;
	width: 549px;
	height: 456px;
	padding: 30px;
}

.glass-in-pic02 {
	position: relative;
}


.glass-in-pic02::before {
	position: absolute;
	content: '';
	height: 240px;
	width: 201px;
	background-position: 0 0;
	background: url("../image/glass-panel/design-04.png") no-repeat;
	left: -95px;
	bottom: 60px;
	z-index: -1;
	-webkit-animation-name: floating;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: floating;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

.glass-in-pic02::after {
	position: absolute;
	content: '';
	height: 299px;
	width: 307px;
	background-position: -210px 0 !important;
	background: url("../image/glass-panel/design-04.png") no-repeat;
	right: -137px;
	top: 33px;
	z-index: -1;
	-o-animation: dance3 4s alternate infinite;
	-moz-animation: dance3 4s alternate infinite;
	-webkit-animation: dance3 4s alternate infinite;
	animation: dance3 4s alternate infinite;
}

@keyframes dance3 {
	0% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-transform: scale(1);
	}
}

@keyframes dance4 {
	100% {
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}



.free-addon-box .coconat-box {
	display: block;
	text-align: center;


}
@-webkit-keyframes floating {
	from {
		-webkit-transform: translate(0, 0px);
	}
	65% {
		-webkit-transform: translate(0, 40px);
	}
	to {
		-webkit-transform: translate(0, -0px);
	}
}


.tech-det {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
.tech-det h3 {
	color: #0071CE;
	padding: 0px 15px;
	display: block;
	position: relative;
}
.tech-det h3::before {
	position: absolute;
	content: "";
	width: 180px;
	background: #FFC220;
	height: 2px;
	bottom: -6px;
}
.glas-deti-pa {
	display: block;
	width: 100%;
	text-align: center;
	float: left;
}
.glas-deti-pa p {
	text-align: left;
	padding: 20px 0;
	display: block;
}
.disc-gl {
	background: #0071CE;
	float: left;
	width: 100%;
	text-align: center;
	padding: 11px 0;
}
.glas-deti-pa h4 {
	background: #0071CE;
	margin: 0;
	padding: 11px 0;
	color: #fff;
}
.disc-gl h4 span {
	color: #FFC220;
	padding-right: 10px;
}
.disc-gl h4 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	color: #fff;
	margin: 0;
	padding: 0;
}

.gnral-box-in h2::before {
	position: absolute;
	content: "";
	width: 231px;
	background: #FFC220;
	height: 4px;
	bottom: -10px;
}
.gnral-box-in h2 {
	text-transform: capitalize;
	color: #000;
	display: block;
	margin: 30px 0 38px 0;
	position: relative;
}
.gneral-list ul li {
	display: inline-block;
	padding-bottom: 13px;
	line-height: 20px;
	position: relative;
	padding-left: 20px;
}
.gneral-list ul {
	display: block;
}

.gneral-list ul li::before {
	content: "\2022";
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.light-comm-box {
	position: relative;
}
.light-comm-box img {
	margin-top: 58px;
}
.light-comm-box {
	width: 100%;
	text-align: center;
}

.light-comm-box::before {
	position: absolute;
	content: '';
	height: 496px;
	width: 489px;
	background-position: -2px -316px !important;
	background: url("../image/glass-panel/design-04.png") no-repeat;
	top: 77px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}
.hed-feed-box h3 {
	color: #0071CE;
	text-align: center;
	line-height: 33px;
	margin: 56px 0;
}
.gnral-box-in2 h2::before {
	position: absolute;
	content: "";
	width: 100%;
	background: #FFC220;
	height: 4px;
	bottom: -15px;
	left: 0;
	text-align: center;
	right: 0;
	margin: 0 auto;
}
.last-add-fea2 h2 {
	position: relative;
}
.bot-lin-dn h2{
    position: relative;
}
.bot-lin-dn h2::before {
	position: absolute;
	content: "";
	width: 486px;
	background: #FFC220;
	height: 4px;
	bottom: -15px;
	left: 0;
	text-align: left;
	margin: 0;
}
.dim-5-text h2 {
	text-transform: capitalize;
	color: #000;
	display: block;
	position: relative;
}
.mo-01 {
	padding-top: 10px;
}
.dim-5-text h2 {
	min-height: 107px;
}
.bor-space {
	width: 100%;
	background: #FFC220;
	height: 3px;
	display: block;
}
.gneral-list2 ul li {
	display: block;
	padding-bottom: 13px;
	line-height: 20px;
	position: relative;
	padding-left: 20px;
}
.gneral-list2 ul {
	display: block;
}

.gneral-list2 ul li::before {
	content: "\2022";
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.size-box-re div:nth-child(3) {
	margin-top: 157px;
}
.glass-i-01 ul {
	display: table;
}
.size-box-re .gnral-box-in2 h2::before {
	width: 100%;
}
.size-box-re .gneral-list2 {
	margin-top: 30px;
}
.glass-i-01 ul li {
	display: table-cell;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 15px;
	float: left;
	margin: 20px 20px 20px 0;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.glass-i-01 {
	display: block;
	margin-top: 30px;
}
.glass-i-01 ul li span {
	padding-top: 11px;
	display: block;
}
.glass-i-01 ul li img {
	display: block;
}

.glass-i-01 ul li:last-child {
	margin-right: 0;
}
.gnral-box-in23 h2::before {
	position: absolute;
	content: "";
	width: 264px;
	background: #FFC220;
	height: 4px;
	bottom: -10px;
	left: 0;
	margin: 0;
}
.glosi-in.gnral-box-in2 h2 {
	position: relative;
}
.glosi-in h2::before {
	width: 100%;
}
.gnral-box-in23 h2 {
	margin-bottom: 25px;
}
.gnral-box-in2 label {
	font-size: 23px;
	color: #000;
}
.edge-lit .gnral-box-in2 h2 {
	margin-bottom: 19px;
}
.edge-lit .gnral-box-in2 h2 {
	margin-top: 157px;
}
.modul-pic {
	display: block;
	height: 156px;
	width: 173px;
	background: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	line-height: 8;
}

.modul-pic img {
	display: inline-block;
}
.module-icon span {
	display: block;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
}

.module-icon label {
	display: block;
	text-align: center;
	color: #5c5c5c;
	font-size: 18px;
}
.module-icon-main {
	padding: 50px 0;
}

.module-icon {
	float: none;
	margin: 0 auto;
	display: table;
}
.module-icon-main {
	padding: 50px 81px;
	float: left;
	width: 100%;
}


.last-add-fea2 .gnral-box-in2 h2 {
	margin: 30px 0 19px 0;
}

.last-add-fea2 .gnral-box-in2 {
	margin-bottom: 20px;
}

.two-pannel-all {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	top: 158px;
}
.cover-round-pic {
	float: left;
	width: 100%;
	text-align: center;
	margin: 100px 0;
	position: relative;
}

.two-pannel-all {
	position: absolute;
}

.cover-pic-ml {
	float: right;
}

.cover-pic-mr {
	float: left;
}


.cover-pic-bot {
	display: block;
	padding: 60px 0 20px 0;
}

.cover-text-m ul {
	padding-top: 80px;
}

.cover-text-m ul li {
	display: block;
	line-height: 46px;
	text-align: left;
	font-size: 27px;
}


.VMBGPODW {
	float: right;
}
.VMBGPODW2 {
	float: left;
}
.VMBGPODW span, .VMBGPODW2 span {
	display: block;
	text-align: center;
	padding: 25px 0;
}

.glas-co-bit {
	text-align: center;
	display: block;
	padding-bottom: 30px;
}
.glas-co-bit .gnral-box-in2 h2::before {
	width: 42%;
}
.glas-co-bit2 {
	text-align: center;
	display: block;
	padding-bottom: 30px;
}
.glas-co-bit2 .gnral-box-in2 h2::before {
	width: 351px;
}
.glas-co-bit2 label {
	margin-top: 10px;
}
/*************************************************push button interface*****************************************/

.ps-13 .ps-11 {
	text-align: left;
	padding: 25px 0;
}
.ps-13 ul {
	display: block;
}
.pus-section .ps-12 {
	display: block;
}
.ps-13 ul li::before {
	content: "\2022";
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}


.ps-13 ul li {
	display: inline-block;
	line-height: 25px;
	position: relative;
	padding-left: 20px;
}
.pus-section .ps-14 img {
	width: 360px;
	height: 320px;
	object-fit: contain;
	object-position: center;
}
.ps-list-module .ps-14 {
	display: block;
	height: 156px;
	width: 173px;
	background: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.ps-md-list-01 {
	display: table;
	margin: 0 auto;
	float: none;
	padding-top: 40px;
}
.ps-md-list {
	display: table;
}

.ps-list-module {
	display: table-cell;
	padding-right: 20px;
}

.ps-list-module .ps-16 {
	display: block;
	width: 180px;
	text-align: center;
}

.ps-list-module .ps-15 {
	display: block;
	font-size: 14px;
	padding-top: 20px;
}
.ps-list-module .ps-15 span {
	display: block;
}
.ps-md-list-01 .ps-17 {
	text-align: center;
	padding-top: 35px;
	font-weight: bold;
}



/******************************************************sensor**********************************************************/


.mo-01 ul {
	display: block;
}
.mo-01 ul li::before {
	content: "\2022";
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.mo-01 ul li {
	display: block;
	line-height: 25px;
	position: relative;
	padding-left: 20px;
}

.motion01 .gnral-box-in2 h2::before {
	width: 348px;

}
.mot-02 {
	display: block;
	height: 33px;
}


.motion02 img {
	background: #fff;
	text-align: center;
	padding: 15px;
	display: block;
	border-radius: 20px;
	height: 300px;
	object-fit: contain;
	object-position: center;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.motion-cont .gnral-box-in2 h2 {
	margin-top: 0;
}

.motion-cont .gnral-box-in2 h2::before {
	width: 100%;
}
.motion-03 {
	display: block;
	padding: 30px 0;
	float: left;
}

.list-motion {
	display: block;
	margin-top: 15px;
}
.motion-04 ul {
	text-align: center;
	margin-bottom: 30px;
}
.motion-04 {
	float: none;
	margin: 0 auto;
	display: table;
}
.motion-04 ul li {
	height: 150px;
	width: 150px;
	background: #fff;
	border-radius: 30px;
	margin-right: 20px;
	display: inline-block;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	padding: 20px 20px 20px 20px;
}
.motion-04 ul li img {
	display: block;
	text-align: center;
}
.motion-06 .motion-04 {
	padding-top: 20px;
}



.motion-07 {
	position: relative;
	z-index: 20;
	float: right;
	padding-top: 20px;
}
.motion-08 {
	float: right;
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 21;
}

.motion-09 {
	float: left;
	margin-top: 80px;
}
.sht-10 .glas-deti-pa p {
	text-align: center;
}
.sht-12 {
	display: block;
	padding: 0 50px;
	border-right: 1px solid #c0c0c0;
}
.sht-13 {
	display: block;
	padding: 0 50px;
}

.sht-12 .gneral-list ul li {
	width: 100%;
}

.sht-12 .gnral-box-in2 h2::before {
	width: 100%;
}
.sht-13 .gneral-list ul li {
	width: 100%;
}
.sht-12 .gneral-list, .sht-13 .gneral-list {
	padding-top: 15px;
}
.sht-13 .gnral-box-in2 h2::before{
		width: 100%;
}
.sht-12 .sht-14 {
	text-align: center;
	float: none;
	margin: 0 auto;
	display: table;
	padding-top: 50px;
}

.sht-14 span {
	margin-top: 15px;
	display: block;
}


.sht-13 .sht-15 {
	text-align: center;
	float: none;
	margin: 0 auto;
	display: table;
	padding-top: 20px;
}

.sht-15 span {
	margin-top: 15px;
	display: block;
}

/******************************************************connectors***************************************************/



.cont-10 .tech-det {
	margin-bottom: 0;
}
.cont-11 .mo-01 ul li {
	display: block;
}
.cont-11 .gnral-box-in2 h2 {
	text-align: center;
}
.cont-11 .gnral-box-in2 h2::before {
	width: 200px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cont-11 {
	display: table;
	float: none;
	margin: 0 auto;
}

.cont-12 {
	display: table;
	float: none;
	margin: 0 auto;
	padding-top: 50px;
}
.cont-12 span {
	text-align: center;
	display: block;
	padding-top: 15px;
}


.cont-13 {
	width: 100%;
	text-align: center;
	display: block;
	padding: 80px 0;
}
.cont-14 {
	position: relative;
	z-index: 20;
}
.cont-15 {
	position: absolute;
	left: 0;
	right: 0;
	top: 132px;
	z-index: -1;
}
.cont-16 .gnral-box-in2 h2::before {
	width: 100%;
}
.cont-14 .cont-img{
	animation: 8s linear rotate infinite;
}
.cont-10 .glas-deti-pa p {
	text-align: center;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.cont-18 {
	display: table;
	float: none;
	margin: 0 auto;
	padding-top: 30px;
}
.cont-18 span {
	text-align: center;
	display: block;
	margin-top: 15px;
}

/**************************************************************FRID*****************************************************************/


.frid-11 .mo-01 ul li {
	display: block;
}
.frid-11 {
	display: table;
	float: none;
	margin: 0 auto;
}
.frid-10 p {
	display: block;
	text-align: center;
}
/************************************************************video phone*********************************************************/


.vid-03 .tech-det {
	margin-bottom: 0;
}
.vid-03 span {
	display: block;
	text-align: center;
	padding-top: 15px;
}
.vid-02 {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.pow-02 .mo-01 ul li {
	display: block;
}
.pow-03 {
	padding-top: 40px;
}
.pow-03 span {
	display: block;
	text-align: center;
	padding-top: 15px;
}

/***************************************************dimmer modul******************************************************************/
.dim-110 {
	text-align: center;
}
.dim-03 .modul-pic {
	display: inline-block;
	vertical-align: middle;
}

.dim-03 .dim-04 {
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px;
}
.dim-03 .dim-04 h2 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #9c9c9c;
}
.dim-03 .dim-04 h3 {
	margin: 0;
}
.dim-03 .mo-01 ul li {
	display: block;
}

.dim-04 .gnral-box-in2 h2::before {
	width: 342px;
}
.gnral-box-in2 {
	position: relative;
}
.gnral-box-in2 h2 {
	position: relative;
}
.dim-03 {
	padding-top: 30px;
}

.bor-space {
	width: 100%;
	background: #FFC220;
	height: 4px;
	display: block;
}

.dim-05 .gnral-box-in2 h2::before {
	width: 100%;
}
.dim-02 {
	float: left;
	width: 100%;
	margin-top: 40px;
}

/*****************************************************************Relay Module**********************************************************/

.rel-04 span {
	display: block;
	text-align: center;
	padding-top: 15px;
}


.rel-02 .gnral-box-in2 h2::before {
	width: 100%;
}
.rel-02 .gnral-box-in2 h2 {
	margin-bottom: 33px;
}
/*****************************************************************Module din relay**********************************************************/

.dir-01 .gnral-box-in2 h2::before {
	width: 278px;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.dir-01 {
	float: left;
	width: 100%;
	margin: 30px 0;
}
.dir-01 .bot-lin-dn h2 {
	text-align: center;
}
.dir-04 .dir-05 {
	display: block;
	margin-top: 100px;
}
.dir-02 .mo-01{
	height: 170px;
}

.dir-04 .mo-01 {
	height: 133px;
}
.dir-06 span {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.dir-07 .gnral-box-in2 h2::before {
	width: 364px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.dir-07 .bot-lin-dn h2 {
	text-align: center;
}
.dir-08 {
	width: 100%;
	text-align: center;
	margin: 30px 0;
	float: left;
}

.dir-07 {
	display: block;
	padding-top: 30px;
	float: left;
	width: 100%;
    
}
.dir-10 .mo-01 {
	padding: 0 48px;
}
.dir-10 .dir-05 {
	text-align: center;
	padding: 25px 0;
}

.dir-10 .dir-06 {
	padding-top: 25px;
}


/**************************partners****************************/
.se-box {
	text-align: right;
}

.tab-details caption {
	text-align: center;
}
.se-box label {
	font-size: 14px;
	text-transform: capitalize;
	color: #4b4b4d;
	display: inline-block;
	vertical-align: middle;
    padding-right: 5px;
}
.se-box .se-box01 {
	width: auto !important;
	display: inline-block;
	vertical-align: middle;
}

/*******************************partner page************************/
.header-title-in52 {
	background: transparent;
}
.head-sk-title p {
	font-size: 25px;
	text-align: center;
	color: #0071CE;
}
.head-sk-title h2::before {
	background: #FFC220;
	content: "";
	height: 3px;
	width: 150px;
	left: 0;
	bottom: 0;
	position: absolute;
	right: 0;
	margin: 0 auto;
}
.head-sk-title h2 {
	text-align: center;
	font-size: 38px;
	padding: 20px 0;
	position: relative;
}
.part-main-box {
	margin: 0 auto;
	display: table;
	float: none;
	padding-top: 60px;
	padding-bottom: 20px;
}
.head-sk-title p {
	font-size: 25px;
	text-align: center;
	color: #0071CE;
	margin-top: 40px;
	position: relative;
}
.head-sk-title p::before {
	background: #FFC220;
	content: "";
	height: 3px;
	width: 150px;
	left: 151px;
	top: -12px;
	position: absolute;
}
.head-sk-title p::after {
	background: #FFC220;
	content: "";
	height: 3px;
	width: 150px;
	right: 149px;
	bottom: -11px;
	position: absolute;
}
.par-box-clo {
	width: 601px;
	background: #fff;
	padding: 40px 15px;
	border-top: 1px solid #0071CE;
	border-bottom: 1px solid #0071CE;
}
.name-ico {
	display: block;
}
.name-ico i {
	display: inline-block;
	vertical-align: middle;
	height: 45px;
	width: 45px;
	background: #FFC220;
	text-align: center;
	line-height: 41px;
	font-size: 20px;
	color: #0071CE;
	position: relative;
	left: -34px;
	
}
.name-ico h2 {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #0071CE;
	position: relative;
	left: -22px;
	font-size: 22px;
	margin: 0;
}
.addre-deta-par {
	display: block;
	margin-top: 7px;
}
.addre-deta-par i {
	display: inline-block;
	vertical-align: middle;
	color: #0071CE;
	font-size: 20px;
}
.addre-deta-par span {
	display: inline-block;
	vertical-align: middle;
	color: #0071CE;
	font-size: 18px;
}

.addre-deta-par a {
	font-size: 18px;
}