/*
Copyright by: MARS Web Solution
Theme Name: inode technologies
Color : White, Grey and Maroon
Theme URL: www.inodetechnologies.com
Description: Theme for inode technologies
Author: Sagar H / Shrishail Hindiholi, MARS Web Solution
Author URL: www.marswebsolution.com
*/

body {
	margin:0 0 0 0; font-family:arial; font-size:13px; color:#555;
	padding:0 0 0 0;
/*	background:url(../images/body-bg.gif) center 5px repeat-x #f9f9f9;*/
background:#fefefe;
}
img {
	border:none;
}
#main-wrap{ width:950px; height:auto; margin:0 auto; padding:0px 15px;  overflow:hidden; box-shadow:0px 0px 10px #ddd;}


/* Selection Color */
::-moz-selection {background:#b22d30; color:#fff; text-shadow:none;}
::-webkit-selection {background:#b22d30; color:#fff; text-shadow:none;}
::-o-selection {background:#b22d30; color:#fff; text-shadow:none;}
::-ms-selection {background:#b22d30; color:#fff; text-shadow:none;}
::selection {background:#b22d30; color:#fff; text-shadow:none;}
/* Selection Color */

#header {
	width:100%;
	float:left;
		
}
header {
	width:950px;
	margin:0 auto;
	padding:0 0 0 0;
	background:#fefefe;

}
#banner-wrap{ width:920px;
	margin:15px auto;
	padding:0 0 0 0; padding:15px 15px 15px 15px ; border:1px solid #f0f0f0; overflow:hidden; } 
	
#logo {
	float:left;
	margin:10px 0px 5px 0px;
}
#logo img{
}
#header_links {
	float:left;
	width:660px;
	height:48px;
	margin:17px 0;
	padding:0 0 0 0;
	font-family:arial;
	font-size:10px;
	text-align:right;
	color:#999;
}
#header_links a{
	color:#7d7d7d;
}
#header_links a:hover{
	color:#b22d30;
}
.divider {
	margin:0 7px;
}
#menu_holder {
	width:100%;
	float:left;
	
}
menu {
	width:950px;
	line-height:46px;
	height:46px;
	margin:0 auto;
	padding:0 0 0 0;
	background:url(../images/menu-bg.png) left top repeat-x;
	box-shadow:0px 3px 3px #bebcb3;
	border:1px solid #f6f6f6;

}
#facebook {
	float:left;
	margin:11px 0 0 278px;
}
#facebook a{
	display:block;
	opacity:0.3;
	background:url(../images/facebook.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#facebook a:hover{
	display:block;
	opacity:1;
	background:url(../images/facebook.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#twitter {
	float:left;
	margin:11px 0 0 10px;
}
#twitter a{
	display:block;
	opacity:0.3;
	background:url(../images/twitter.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#twitter a:hover{
	display:block;
	opacity:1;
	background:url(../images/twitter.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#blog {
	float:left;
	margin:11px 0 0 10px;
}
#blog a{
	display:block;
	opacity:0.3;
	background:url(../images/blog.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#blog a:hover{
	display:block;
	opacity:1;
	background:url(../images/blog.png) left top no-repeat;
	float:left;
	width:24px;
	height:24px;
}
#banner {
	width:950px;
	float:left;
}
#container {
	width:100%;
	float:left;
/*	background:url(../images/shadow.png) center top no-repeat;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#main_container {
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
section {
	margin:5px auto;
	width:950px;
	padding:0 0 0 0;
}
.partners{
	width:100%;
	height:auto;
	float:left;
}

.partners-box{
	width:290px;
	height:auto;
	float:left;

	
	margin:0px 10px 20px 0px;	
}

.partners-image-box{
		border:1px solid #ccc;
		padding:15px;
		width:250px;
		border-radius:5px;
		box-shadow:2px 3px 3px #ddd;
}
a.readmore{
	display: block;
margin: 15px 0 0 0;
padding: 7px 0;
width: 80px;
text-align: center;
color: #666;
background: url(../images/menu-bg.png) left bottom repeat-x;
border: 1px solid #CCC;
font:normal 12px Arial, Helvetica, sans-serif;
}
	

#navigation {
	margin:0 auto;
	width:950px;
	padding:8px 0 5px 0;
	font-family:arial;
	font-size:11px;
	color:#999;
	text-align:left;
	line-height:20px;
}
#navigation a{
	color:#999;
}
#navigation a:hover{
	color:#b22d30;
}
#footer {
	width:100%;
	float:left;
/*	background:url(../images/shadow.png) center top no-repeat;*/
	font-family:arial;
	font-size:12px;
	color:#999;
	text-align:center;
	line-height:24px;
	margin:0 0 0 0;
	padding:15px 0;
}
#footer a{
	margin:0 10px;
	color:#666;
}
#footer a:hover{
	margin:0 10px;
	color:#b22d30;
}
.logo_color {
	color:#b22d30;
}

aside {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:225px;
}
#stories {
	margin:0 0px 10px 10px;
	padding:10px 0px 10px 9px;
	float:left;
	width:695px;
	border-right:1px dashed #cacaca;
	border-left:1px dashed #cacaca;
		background:#fcfcfc; border:1px solid #f0f0f0;
}
h1 {
	margin:0 0 14px 0;
	padding:0 0 0 0;
	font-family:'Fenix', arial;
	font-size:26px;
	color:#5b7b28;
	font-weight:normal;
	text-shadow:1px 1px 0px #FFF;
}
h2 {
	margin:0 0 8px 0;
	padding:0 0 5px 0;
	font-family:'Fenix', arial;
	font-size:16px;
	color:#666;
	font-weight:normal;
	text-shadow:1px 1px 0px #FFF;
	border-bottom:1px dotted #e2e2e2;
}h3{  font:normal 16px Arial; color:#666; margin-bottom:10px; line-height:10px; text-align:center;}
p {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-family:arial;
	font-size:13px;
	color:#666;
	line-height:22px;
	text-align:justify;
}
article p img{
	background:url(../images/loading.gif) center no-repeat;
	border:1px solid #e2e2e2;
	box-shadow:3px 3px 3px #e2e2e2;
	float:left;
	margin:3px 10px 0 0;
	padding:0 0 0 0;
}
#date {
	font-family:'Fenix', arial;
	font-size:16px;
	color:#2a9be4;
	text-align:left;
	line-height:24px;
	margin:0 0 3px 0;
}
#solution_name {
	font-family:'Fenix', arial;
	font-size:15px;
	color:#2a9be4;
	text-align:left;
	line-height:16px;
	margin:-2px 0 3px 0;

}
.company_name {
	font-family:'Fenix', arial;
	font-size:15px;
	color:#2a9be4;
	text-align:left;
}
#divider {
	height:1px;
	border-bottom:1px dashed #cacaca;
	margin:15px 0 25px 0;
	padding:0 0 0 0;
}
#stories_divider {
	height:1px;
	border-bottom:1px dashed #cacaca;
	margin:25px 0 20px 0;
	padding:0 0 0 0;
}
.testimonial_slider {
	width:270px;
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
#small_prev {
	margin:10px 0 0 100px;
	padding:0 0 0 0;
	float:left;
}
#small_next {
	margin:10px 110px 0 0;
	padding:0 0 0 0;
	float:right;
}
#small_prev a{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:21px;
	width:21px;
	background:url(../images/prev.gif) center no-repeat #FFF;
	border:1px solid #e2e2e2;
	border-radius:21px;
	box-shadow:2px 2px 2px #e2e2e2;
}
#small_prev a:hover{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:21px;
	width:21px;
	background:url(../images/prev_hover.gif) center no-repeat #636363;
	border:1px solid #e2e2e2;
	border-radius:21px;
	box-shadow:2px 2px 2px #e2e2e2;
}
#small_next a{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:21px;
	width:21px;
	background:url(../images/next.gif) center no-repeat #FFF;
	border:1px solid #e2e2e2;
	border-radius:21px;
	box-shadow:2px 2px 2px #e2e2e2;
}
#small_next a:hover{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:21px;
	width:21px;
	background:url(../images/next_hover.gif) center no-repeat #636363;
	border:1px solid #e2e2e2;
	border-radius:21px;
	box-shadow:2px 2px 2px #e2e2e2;
}
.testimonial_slider ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.testimonial_slider li {
	list-style:none;
	float:left;
	width:270px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#section {
	background:#FFF;
	box-shadow:0px -5px 10px #f1f1f1;
	margin:0 0 0 0;
	padding:10px 15px;
	width:920px;
	float:left;
}
#content_holder {
	margin:0px auto;
	width:950px;
}
#side_container {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:170px;
}
#side_container h1{
	font-size:22px;
	border-bottom:1px dashed #e2e2e2;
	padding:0 0 10px 0;
}
article h1{
	font-size:22px;
	padding:0 0 10px 0;
	border-bottom:1px dashed #e2e2e2;
}
article {
	float:left;
	margin:0 30px;
	padding:0 0 0 0;
	width:520px;
}
article p{
	text-align:justify;
}
article p a{
	color:#b22d30;
	text-decoration:underline;
	background:none;
	border:none;
	margin:0 0 0 0;
	padding:0 0;
	text-align:left;
	display:inline;
}
article p a:hover{
	color:#000;
	text-decoration:none;
	background:none;
	border:none;
	margin:0 0 0 0;
	padding:0 0;
	text-align:left;
	display:inline;
}
article img {
	background:url(../images/loading.gif) center no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
article ul {
	font-family:arial;
	font-size:12px;
	color:#666;
	line-height:18px;
	text-align:left;
}
nav {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	font-family:arial;
	font-size:11px;
	text-align:left;
	line-height:22px;
}
nav a {
	display:block;
	background:url(../images/bullet.gif) left no-repeat;
	border-bottom:1px dotted #e2e2e2;
	padding:0 0 0 10px;
	color:#666;
	margin:1px 0 0 0;
}
nav a:hover {
	display:block;
	background:#b22d30 url(../images/bullet-white.gif) left no-repeat;
	padding:0 0 0 10px;
	color:#FFF;
	margin:1px 0 0 0;
}
.nav_selected {
	display:block;
	background:#b22d30 url(../images/bullet-white.gif) left no-repeat;
	padding:0 0 0 10px;
	color:#FFF;
	margin:1px 0 0 0;
}
#enquiry_form {
	width:720px;
	margin:0 0 0 0;
	padding:0 0;
	font-family:arial;
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:40px;
}
.textbox {
	outline:none;
	background:#f6f6f6;
	border:1px solid #CCC;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	width:100px;
}
.textbox_lengthy {
	outline:none;
	background:#f6f6f6;
	border:1px solid #CCC;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
}
.textbox:focus {
	outline:none;
	background:#fdd8d8;
	border:1px solid #b40404;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	width:100px;
}
.textarea {
	width:85%;
	outline:none;
	background:#f6f6f6;
	border:1px solid #CCC;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
}
.textarea:focus{
	width:85%;
	outline:none;
	background:#fdd8d8;
	border:1px solid #b40404;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
}


.button {
	float:right;
	padding:2px 7px;
	background:#598928;
	font-size:12px;
	margin-right:15px;
	color:#FFF;
	cursor:pointer;
	border-top:1px solid #4e7e1c;
	border-left:1px solid #4e7e1c;
	border-right:2px solid #4e7e1c;
	border-bottom:2px solid #4e7e1c;
}
.button:hover {
	background:#4e7e1c;
	color:#FFF;
	border-top:1px solid #4e7e1c;
	border-left:1px solid #4e7e1c;
	border-right:2px solid #4e7e1c;
	border-bottom:2px solid #4e7e1c;
	cursor:pointer;
}
.button:active {
	background:#FFF;
	color:#333;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	cursor:pointer;
}

.blue-line{
	width:100%;
	float:left;
	height:5px;
	background:#2c328a;	
}

.box h1{
	position:absolute;
	z-index:100;
	font: normal 20px Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:-150px;
	margin-left:20px;
}
.lang { margin:5px 0 10px;font-family:arial;font-size:15px;color:#333;  0 0 repeat-x; border-radius:5px;  box-shadow:0 0 3px 3px #f8fafc; padding:0 10px 10px 10px;font-family:'Fenix', arial;}
.lang input, .lang select { height:20px; padding:5px; background:#FFF; border:1px #CCC solid; border-radius:5px; width:170px;} .lang select { height:32px;} .lang h3 { float:left; padding:0px; margin:10px 10px 0 0; font-size:18px; color:#333;}
.go { text-decoration:none; background:#09C; color:#FFF; font-weight:bold; padding:7px 6px; border-radius:5px;} .go:hover { background:#333 }

input, select { outline:none;}

.fright {
	float:right;
}
a { text-decoration:none; color:#666;} a:hover { text-decoration:none; color:#333;}


* { margin:0px; padding:0px;}
.list-1, .list-1 ul { margin:0px; padding:0px} .list-1 li {font-size:12px; margin:0px; padding:0px 10px 13px; text-transform:uppercase;} .list-1 li ul { margin:5px 20px -5px -12px; padding:0px 0 0 0;} .list-1 li ul li { font-size:13px; border:none; padding:0px 0 6px 18px; font-size:12px; list-style:disc inside; margin:0px; background:none; }

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
div.nivo-controlNav {
	position:absolute;
	right:11px;
	bottom:10px;
	z-index:100;
}
div.nivo-controlNav a.nivo-control {
	width:22px;
	height:22px;
	display:block;
	float:left;
	margin:0 0 0 2px;
	background:url(../images/slider_item.png) 0 0 no-repeat;
	font:13px/21px "calibri";
	color:#fff;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	text-indent:-500em;
}
div.nivo-controlNav a.nivo-control:first-child {
	margin:0;}
div.nivo-controlNav a.active {
	background:url(../images/slider_item_active.png) 0 0 no-repeat;color:#FFF;}


#welcome-content {
	float:left;
    margin: 0 38px;
	padding:0 37px;
	width:342px;
	border-right:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
}


#abt-content {
	float:left;
	margin:0 10px 0 30px;;
	padding:0 10px 0 20px;
	width:650px;
	border-left:1px solid #e2e2e2;
}
marquee {
	border:1px solid #e2e2e2;
	border-radius:7px;
	padding:10px;
	margin:0 0 0 0;
	line-height:20px;
}

.products-grid-new { position:relative; overflow:hidden; }
.products-grid-new li {float:left; }
.products-grid-new img{    transition: all ease 2s;
/* Safari */
-webkit-transition:all ease 1s; }
.products-grid-new img:hover{ opacity:1;}
.products-grid-new .product-image:hover { box-shadow:2px 3px 7px #e2ddd4; border:1px #f3f1ec solid;}
.products-grid-new li.item { float:left; width:280px; margin:0 30px 10px 0; }
.products-grid-new li.last { margin:0 !important; }
.products-grid-new .product-image { border:1px #f3f1ec solid; display:block; background:url(../images/bg_pic_grid.gif) no-repeat; padding:9px 0; width:300px; height:193px; margin:0 0 2px; text-align:center; }
.products-grid-new .product-name { margin:0 0 2px; font-weight:bold; }
.products-grid-new .product-name a { color:#44a3bd; text-decoration:none; line-height:30px; }
.products-grid-new .product-name a:hover { color:#754E3A; text-decoration:none; }
.products-grid-new .price-box { margin:0; }
.products-grid-new .holder_new { padding:13px 0 5px 14px; overflow:hidden; }


ul, li {
	list-style:none;
}
.clear {
	clear:both;
}
.clearfix {
	clear:both;
	height:20px;
}
#popular_services {
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 0;
	width:240px;
}
#popular_services ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#popular_services ol {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#popular_services ol li {
	background:url(../images/p1_arr3.png) left 7px no-repeat;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 0 10px 15px;
}
#popular_services li {
	list-style:none;
	font-family:arial;
	font-size:11px;
	color:#666;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #e4e3e3;
	line-height:28px;
}
#popular_services li a{
	background:url(../images/p1_arr3.png) left no-repeat;
	display:block;
	color:#666;
	padding:0 0 0 15px;
	text-decoration:none;
	font-size:11px;
}
#popular_services li a:hover{
	color:#FFF;
	background:#8bbf39;
}
#popular_services .popular_services_selected {
	display:block;
	color:#FFF;
	background:#e82334;
}
.popular_services_bullet {
	background:url(../images/p1_arr3.png) left no-repeat;
	padding:0 0 0 15px;
}
enquiry_form {
	width:900px;
	margin:0 auto;
	padding:0 0px;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	line-height:40px;
	vertical-align:middle;
}
.enquiry_box {
	background:#ededed;
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	padding:5px;
	outline:none;
	font-size:11px;
	border:none;
	box-shadow:inset 1px 1px 0px #CCC;
	border-radius:3px;
	width:150px;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.enquiry_list {
	background:#ededed;
	margin:20px 0 0 0;
	padding:5px;
	outline:none;
	font-size:11px;
	border:none;
	box-shadow:inset 1px 1px 0px #CCC;
	border-radius:3px;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.textbox {
	outline:none;
	border:1px solid #e2e2e2;
	font-family:arial;
	font-size:12px;
	color:#000;
	line-height:20px;
	height:20px;
	box-shadow:inset 0 0 15px #FFF;
	-moz-box-shadow:inset 0 0 15px #FFF;
	-webkit-box-shadow:inset 0 0 15px #FFF;
	-ms-box-shadow:inset 0 0 15px #FFF;
	-o-box-shadow:inset 0 0 15px #FFF;
}
.textarea {
	width:85%;
	background:#ededed;
	margin:0px 0 0 0;
	padding:5px;
	outline:none;
	font-size:11px;
	border:none;
	box-shadow:inset 1px 1px 0px #CCC;
	border-radius:3px;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.enquiry_button {
	background:#690;
	color:#FFF;
	margin:20px 0 0 0;
	padding:5px;
	outline:none;
	font-size:11px;
	border:none;
	box-shadow:inset 1px 1px 0px #9C0;
	border-radius:3px;
	width:50px;
	border-bottom:1px solid #060;
	border-right:1px solid #090;
	cursor:pointer;
}

#all-content {
	float:left;
	margin:0 0 0 30px;
	padding:0 10px 0 20px;
	width:640px;
	border-left:1px solid #e2e2e2;
}

.product_box_big {
	width:610px;
	padding:10px;
	float:left;
	min-height:230x;
	border-radius:7px;
	border:1px solid #eeebea;
	box-shadow:5px 5px 0px #f5f3f3;
	background:#FFF;
	margin:0 0 20px 0;
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
ul, li {
	list-style:none;
}
.img-content{
	padding-left:10px;
	font-size:13px;
	padding-top:5px;
	
}
.new{
	font-family:'Fenix', arial;
	color:#7dab36;
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.image{
	border-radius:5px;
 	box-shadow:2px 2px 3px 3px #f5f3f3;
	margin-bottom:15px;
}

/* =========back-top =========== */
#back-top {position: fixed;bottom:40px;z-index:99;left:50%;margin-left:600px; display:none; width:32px;height:32px;}
#back-top a:hover {color:#79ec3e;}
#back-top span {width:32px;height:32px; display: block;margin-bottom:41px;background:url(../images/up-arrow.png) no-repeat left 0px;}
#back-top a:hover span { background-position:right 0;}
.ie-8 #back-top span {background-color:#F3F3F3;}
.img-read {
    background: white;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    margin-bottom: 30px;
}
.img-read {
    display: flex;
    align-items: center;
    gap: 10px;
}
.img-read i {
    background: wheat;
    padding: 15px;
    color: black;
    border-radius: 50%;
    border: 1px solid #7e7b28;
}


.img-read i:hover {
    background-color: #8ac037;
	color: white;
}

img.whatsapp-logo {
    width: 100%;
    max-width: 60px
}

img.call-logo {
    width: 100%;
    max-width: 56px;
    background: #fff;
    border-radius: 100%;
    padding: 3px;
    box-shadow: 0 0 10px #00000020
}

.ws-icon {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999999
}

.cl-icon {
    position: fixed;
    bottom: 6%;
    left: 24px;
    z-index: 999999;
    transform: translatey(-50%)
}

.sidebar-form .call-action {
    position: absolute;
    background-color: #e9621e;
    font-family: unset;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    color: #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-bottom: none!important;
    cursor: pointer;
    left: -95px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.sidebar-form {
position: fixed;
    top: 50%;
	right: -268px;
    width: 222px;
    box-shadow: 0 0 10px #00000020;
    padding: 25px;
    transform: translateY(-50%);
    transition: right .4s linear;
    z-index: 999999;
    background-color: #fff;
}

.sidebar-form.show {
    right: 0
}

.form-close {
    position: relative
}

a.close-btn {
    position: absolute;
	right: -16px;
    top: -34px;

    cursor: pointer;
    max-width: 34px
}

a.close-btn img {
    width: 100%
}

.sidebar-form h3 {
    color: #061c89;
    font-weight: 800;
    font-size: 24px;
    margin: 0 0 10px
}

.form-group label,.text-area-msg label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 24px
}

.form-group {
    padding: 6px 0;
    margin: 0!important
}

.form-group input {
    padding: 6px 10px;
    border: 1px solid #efefef;
    font-size: 13px;
    height: 34px;
    margin-top: 2px
}

.text-area-msg textarea {
    border: 1px solid #efefef;
    width: 100%;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 12px
}

.text-area-msg {
    margin: 0 0 12px
}

.submit-btn {
    background: #061c89;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 30px
}

.submit-btn:hover {
    background: #e9621e;
    transition: .5s
}

div#whatsapp-icon a p {
    display: none
}

@media(max-width: 575px) {
    div#whatsapp-icon a,div#call-icon a {
        display:block
    }

    .d-social {
        display: flex
    }

    div#call-icon {
        display: block
    }

    .ws-icon {
        transform: none;
        background: #209e14;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 50%!important;
        height: 40px;
        line-height: 40px;
        z-index: 999999;
        box-shadow: 0 0 10px #00000020;
        text-align: center
    }

    img.whatsapp-logo {
        width: 100%;
        max-width: 30px
    }

    .cl-icon {
        background: #e35431;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 33.33%!important;
        height: 40px;
        line-height: 40px;
        z-index: 999999;
        text-align: center
    }

    img.call-logo {
        width: 100%;
        max-width: 30px;
        border-radius: 100%;
        padding: 0;
        background: #fff
    }

    .sidebar-form {
        position: fixed;
        bottom: -100%!important;
        right: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 10px #00000020;
        padding: 20px;
        transition: bottom .4s linear;
        z-index: 999999;
        background-color: #fff;
        top: unset;
        left: unset;
        transform: unset
    }

    .sidebar-form .call-action {
        position: absolute;
        background-color: #e9621e;
        font-family: unset;
        font-weight: 700;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        width: 50%;
        height: 40px;
        line-height: 40px;
        border-bottom: none!important;
        cursor: pointer;
        right: 0;
        bottom: 100%;
        transform: none;
        top: unset;
        left: unset;
        border-radius: 0
    }

    .sidebar-form.show {
        bottom: 0!important
    }

    div#whatsapp-icon a {
        display: flex;
        align-items: center;
        justify-content: center
    }

    div#whatsapp-icon a p {
        margin-bottom: 0;
        font-size: 14px;
        color: #fff;
        letter-spacing: .6px;
        line-height: 40px;
        margin-left: 5px;
        display: block
    }
}