/*
 Theme Name: Twenty Seventeen Child Theme
 Theme URI: https://yourwebsite.com
 Author: Your Name
 Author URI: https://www.gowebworld.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child

@import url('css/bootstrap.css'); */
@import url('css/font-awesome.css');
@import url('css/animate.css');
@import url(css/product-slider.css);
@import url('css/testimonial-slider.css');
@import url('css/client-slider.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@font-face
{
	font-family:'regular';
	src:url(fonts/Roboto-Regular_0.ttf);
}

@font-face
{
	font-family:'rlight';
	src:url(fonts/Roboto-Light.ttf);
}

@font-face
{
	font-family:'rmedi';
	src:url(fonts/Roboto-Medium_0.ttf);
}

@font-face
{
	font-family:'rbold';
	src:url(fonts/Roboto-Bold_0.ttf);
}
@font-face
{
	font-family:'rblack';
	src:url(fonts/Roboto-Black.ttf);
}
@font-face
{
	font-family:'osbold';
	src:url(fonts/Oswald-Bold.ttf);
}

@font-face
{
	font-family:'rconlight';
	src:url(fonts/RobotoCondensed-Light.ttf);
}

@font-face
{
	font-family:'webtitle';
	/*src:url(fonts/Roboto-Bold_0.ttf);*/
	src:url(fonts/PlayfairDisplay-Bold.ttf);
}
@font-face
{
	font-family:'playfair';
	src:url(fonts/PlayfairDisplay-Bold.ttf);
}
@font-face
{
	font-family:'playregular';
	src:url(fonts/PlayfairDisplay-Regular.ttf);
}
@font-face
{
	font-family:'anvir';
	src:url(fonts/AvenirLTStd-Book.otf);
}

:root {
    --blue:#1975bb;
  --orange: #fd2935;
  --red: #219b01;
    --green: #478b04;
}
body {
    overflow-x: hidden;
 font-family: "Poppins", sans-serif;
  font-weight: 400;    
}

.widget {
    padding-bottom:0;
}

body.home .header-fixed {
    position: fixed;
    width: 100%;
    border-bottom: solid 1px rgba(29,49,100,0.0);
    background-color: rgba(255,255,255,0.0);
    z-index: 99;
     background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 0px 0px;
    padding-bottom: 0px;
    
}
.header-fixed {
    position: relative;
    background-image: url(images/slider-2-full.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 35px 35px;
    padding-bottom: 40px;
}
body.home .fixed-header{position: relative;}
.fixed-header{
    position: relative;
    width: 100%;  
    transition: all 0.4s ease;
    z-index: 9999;
    border-bottom: solid 1px rgba(29,49,100,0.1);
    background-color: rgba(255,255,255,0.9);
    top: 0;
 }

@media screen and (min-width: 48em) {
.site-navigation-fixed.navigation-top {
    bottom: auto;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7;
}

.admin-bar .site-navigation-fixed.navigation-top {
    top: 0px;
}
.navigation-top {
    font-size: 14px;
}

.has-sidebar #secondary {
    float:right;
    padding-top: 0;
    width:100%;
}
}

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}


.homepage-section
{
    font-size: 16px;
    font-weight:400;
    color: #333;
    line-height: 29px;
}
.homepage-section h1
{
    font-size: 28px;
    color: #478b04;
    margin-top: 0;
    padding-top: 0px;
    position: relative;
    padding-bottom: 0px;
    font-weight: 700;
    line-height: 34px;
    font-family: "Josefin Sans", sans-serif;
}

/*
.homepage-section h1::before {
    content: "";
	width: 20%;
	height: 2px;
	background-color:rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.homepage-section h1::after {
    content: "";
    background-image: url(images/divider.png);
    background-position: 8px 0px;
    background-repeat: no-repeat;
    width: 50px;
    height: 27px;
    background-color: #fff;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
    font-size: 20px;
    padding: 5px 4px;
    line-height: 14px;
    text-align: center;
}
*/

.homepage-section h2
{
    font-weight: 500;
    font-size:17px;
    color:#fd2935;
    margin-bottom: 0;
}


.wtitle {
	font-family: 'webtitle';
	padding-top: 16px;
	margin: 0;
	margin-bottom: 0px;
	margin-bottom: 0px;
	margin-bottom: 0px;
	color: #bd1e2d;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 25px;
	font-size: 30px;
	letter-spacing: 1px;
}
.wtitle::after {
    content: "";
	width: 20%;
	height: 1px;
	background-color: rgba(153,153,153,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.wtitle::before {
	content: "";
	width: 9px;
	height: 9px;
	background-color: #bc1b2b;
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
	z-index: 99;
}

body.home .logo-company
{
	margin-top: 5px;
	z-index: 99;
}
.logo-company {
    margin-top:11px;
    z-index: 99;
}
.widget.logo-company
{
	padding-bottom:0;
}
/* ----- HEADER LINKS ----- */

body.home .header-main
{
	padding-top:20px;
	background-image:none;
	z-index: 99;
}
.header-main
{
	padding-top:0px;
	background-image:none;
	position:relative;
	padding-bottom: 15px;
}
.header-links
{
    background-color: #fff;
    border-bottom: rgba(194,194,194,0.5) solid 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-links .socialicn a
{
    color: #333;
    border-radius: 3px;
    background-color: transparent;
    border: #9c9c9c solid 1px;
    height: 28px;
    width: 28px;
    margin: 0px 7px 0 0;
}

.header-links  .socialicn {
    text-align: right;
    margin-top:0px;
}

#header-menu
{
}

#header-menu.menuone
{
}
ul.menuone 
{margin: 0;}
#header-menu.menuone li
{
	list-style:none;
	display:inline;
}

ul#header-menu.menu
{
	margin:0;
	padding:0;
    text-align: right;
}

ul#header-menu.menu li
{
	list-style:none;
	display:inline;
}

ul#header-menu.menu a,ul#header-menu.menuone a
{
    display: inline-block;
    padding: 0px 10px;
    color: #666666;
    text-decoration: none;
    font-size: 13px;
} 

ul#header-menu.menu a:hover,ul#header-menu.menuone a:hover
{
    color: #1975bb;
}
/*
ul#header-menu.menu li:last-child
{
float: right;
}
*/
ul#header-menu.menuone li:first-child a:before
{
content: "\f0e0";
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: #666666;
}

ul#header-menu.menuone li:last-child a:before
{
	content: "\f0f6";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#666666;
}
ul#header-menu.menuone li:nth-child(2) a:before
{
	content: "\f095";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#666666;
}

/*
ul#header-menu.menu li.phone a:before
{
	content: "\f095";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#fff;
}
*/
ul#header-menu.menu li:last-child a
{
  
}

ul#header-menu.menu li:last-child a:before
{
	content: "\f0e0";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#666666;
}
ul#header-menu.menu li.brochure a:before
{
	content: "\f115";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#fff;
}
ul#header-menu li.virtual a{
    background-color: #0c068a;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
ul#header-menu li.virtual a:hover{
    background-color: #0c068a;
    color: #fff;
}

/* ----- END HEADER LINKS ----- */

.hpslider
{
	margin-bottom:0;
	background-color:#f3f3f3;
	margin-top:0px;
}

.hpslider img
{
	width:100%;
	height:auto;
}

/* -------------- NAVIGATION  -------------------- */
.header .navbar-nav .nav-link {
    display: block;
    padding: 11px 15px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background: 0 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out;
    margin: 0 2px;
    font-weight: 500;
    order: rgba(237, 50, 55,0.0) solid 1px;
    font-weight: 500;
    text-transform: uppercase;
}
.header .nav-link:focus, .header .nav-link:hover {
    color: #fd2935;
    background-color: #fae766;
}
.header .navbar-nav li.getquote  .nav-link
{
    background-color: #1975bb;
    color: #fff;
    padding: 11px 22px;
    border-radius: 3px;
    font-size: 15px;
    text-transform: uppercase;
}
.header li.getquote .nav-link:focus, .header li.getquote .nav-link:hover
{
    background-color: #0f1c25
}
.header .navbar-nav .dropdown-toggle
{position: static;}

.header .navbar-nav ul.dropdown-menu
{    padding: 18px 10px;
    font-size: 15px;     border: rgba(153,186,211,0.8) solid 1px;}
.header .navbar-nav ul.dropdown-menu a.dropdown-item
{
    line-height: 28px;
}
.header .navbar-nav ul.dropdown-menu a.dropdown-item:hover
{background-color: rgba(153,186,211,0.1); border-radius: 3px;}
.header .navbar-nav ul.dropdown-menu a.dropdown-item:focus
{background-color: #1975bb; color: #fff;}
.him-nav {background-color: #fd2935; border-radius: 5px;margin-top: 15px;}

.him-nav .collapse:not(.show) {
    display: block;
}
/* -------------- END NAVIGATION  -------------------- */

/*test toggle */
.header .navbar-nav :not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover,  .header .navbar-nav input[type="button"]:focus, .header .navbar-nav input[type="submit"]:hover,  .header .navbar-nav input[type="submit"]:focus {
    background: #fff;
}
.header .navbar-nav .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 #fff;
}
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus {
    background: #fff;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 rgba(25,117,187,0.5);
}
/* end test toggle */


h2.subtitle
{
	padding-top: 16px;
	padding-bottom: 60px;
	font-size:18px;
	line-height:36px;
	margin: 0;
	color:#333;
	margin-top:15px;
}

.welcome-message-main
{
	padding-top:70px;
	padding-bottom:70px;
}
.welcome-message-main .welcome-curve img
{
	border-radius:8px;
	position:relative;
}
/*
.welcome-message-main .welcome-curve
{
	position:relative;
}
.welcome-message-main .welcome-curve img
{
	border-radius:25px;
	position:relative;
}
.welcome-message-main .welcome-curve:before
{
	content: "";
    padding: 30px;
    background-color: var(--red);
    position: absolute;
    /* height: 109%; 
    top: -20px;
    display: inline-block;
    height: 108%;
    width: 20%;
    left: -3px;
	border-radius: 25px 0 0 25px;
	transition:all ease 0.6s;
}
.welcome-message-main .welcome-curve:hover:before
{
	width: 50%;
}
.welcome-message-text h1::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	transition:all ease 0.5s;
}
.welcome-message-text:hover h1::after {
	width: 70%;
}
.welcome-message-text h1::before {
	content: "\f193";
    font-family: 'FontAwesome';
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    bottom: -7px;
    left: 0;
    right: 0;
    z-index: 99;
    font-size: 13px;
    padding: 5px 4px;
    line-height: 13px;
}.welcome-message-text h1::before {
    content: "";
    width: 20%;
    height: 2px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0;
    left: 50px;
    right: inherit;
}
.welcome-message-text h1::after {
    left: 0;
     right: inherit;
    background-color: transparent;    
}
*/



.welcome-message-text
{
	padding-top:0px;
	padding-bottom:30px;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	margin-top: 0px;
}

.welcome-message-text p
{
    margin: 0;
}


.welcome-message-text h2
{
   font-weight: 600;
    font-size:18px;
    color:var(--red);
	text-transform:uppercase;
        margin-bottom: 0;
}

.welcome-message-text a {
    padding:6px 25px;
    background-color: rgba(253,41,53,1);
    color: #fff;
    font-style: normal;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 35px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
}

.welcome-message-text a:hover {
    background-color:#478b04;
    color: #fff;
}

.welcome-message-text h4
{
	font-family: 'rblack';
    font-size:22px;
    color: var(--red);
    margin-top: 0;
    padding-top: 0px;
    margin-top: 30px;
	padding-left:70px;
	position:relative;
}
.welcome-message-text h4:last-child
{
	margin-top:50px;
}
.welcome-message-text h4:before
{
	content:"";
	width:52px;
	height:52px;
	position:absolute;
	left:0;
	top:0;
	background-image:url(images/about-us-bullet.png);
	background-position:center center;
	background-repeat:no-repeat;
}
	
.welcome-message-text h4 sub{
	display: block;
    padding: 12px 0px 0 0;
    font-size: 15px;
    font-weight: normal;
    color: #333;
}
.welcome-message-text ul
{
    margin: 8px 0;
}

.welcome-message-text ul li
{
    list-style: inside;
    font-size: 16px;
    color: #666;
}


.why-us-hp
{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(images/why-us-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.why-us-hp img
{border-radius: 3px;}

.why-us-hp.homepage-section h1::before {
    content: "";
    width: 20%;
    height: 2px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0;
    left: 50px;
    right: inherit;
}
.why-us-hp.homepage-section h1::after {
    left: 0;
     right: inherit;
    background-color: transparent;    
}
.why-us-hp a
{
    padding: 5px 15px;
    background-color: #fff;
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border: rgba(0,0,0,0.3) solid 1px;
    display: inline-block;
    margin: 12px 0;
    border-radius: 3px;
}
.why-us-hp a:hover{background-color: #1975bb; border-color: #1975bb; color: #fff;}

.hp-industry
{
    padding-top: 70px;
    padding-bottom: 70px;    
    text-align: center;
        background-image: url(images/industry-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.industry-block
{
    border: rgba(0,0,0,0.3) solid 1px;
    padding: 23px 10px;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    transition: all ease 0.3s;
}
.industry-block:hover
{
  box-shadow: rgba(143,143,143,0.5) 0px 0px 13px 1px;  
}
.industry-block h2 , .inbody .industry-block h2 {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-transform: initial;
    margin-bottom: 0;
    margin-top: 22px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 0;
}
.industry-block h2::before {
    content: "";
    width: 20%;
    height: 1px;
    background-color: #1975bb;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.hp-industry .ind-row
{    margin-top: 35px;
margin-bottom: 35px;}

.hp-industry em a {
    border: rgba(153,186,211,0.8) solid 1px;
    padding: 15px 25px;
    background-color: rgba(255,255,255,0.9);
    color: #000;
    font-style: normal;
    font-size: 18px;
    border-radius: 3px;
    display: inline-block;
}

.hp-industry em a:hover {
    border: #1975bb solid 1px;
    background-color: #1975bb;
    color: #fff;
    border-radius: 3px;
}

.quality-hp
{
    padding-top: 70px;
    padding-bottom: 70px;
}

.quality-hp h1::before {
    content: "";
    width: 20%;
    height: 2px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0;
    left: 50px;
    right: inherit;
}
.quality-hp h1::after {
    left: 0;
     right: inherit;
    background-color: transparent;    
}
.quality-hp img
{border-radius: 3px;}


.quality-hp a
{
    padding: 5px 15px;
    background-color: #fff;
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border: rgba(0,0,0,0.3) solid 1px;
    display: inline-block;
    margin: 12px 0;
    border-radius: 3px;
}
.quality-hp a:hover{background-color: #1975bb; border-color: #1975bb; color: #fff;}

/*---SERVICE TEXT---*/
.service-home-main
{
	padding-top: 70px;
    padding-bottom: 50px;
    border-top: rgba(231,231,231,0.5) solid 1px;
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("images/service-bg-1.jpg");  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("images/service-bg-1.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-position: top center;
    background-size: cover;
	text-align:center;
	font-size: 16px;
    line-height: 32px;
	color:#000;
	position:relative;
}

/*
.service-home-main:before {
    content: "";
    height: 120px;
    width: 57%;
    background-color:#cd0027;
    display: block;
    left: -11px;
    top: -45px;
    position: absolute;
    transform: rotate3d(1, 1, 1, 11deg);
    z-index: -1;
}
.service-home-main:after {
    content: "";
    height: 120px;
    width: 57%;
    background-color:#cd0027;
    display: block;
    right: -11px;
    top: -45px;
    position: absolute;
    transform: rotate3d(1, 1, 1, -11deg);
    z-index: -1;
}
.service-home-main h1::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:#fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.service-home-main h1::before {
    content: "\f193";
    font-family: 'FontAwesome';
    width: 40px;
    height: 20px;
    background-color: var(--blue);
    position: absolute;
     border: var(--red) solid 1px; 
    border-radius: 50%;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    font-size: 20px;
    padding: 5px 4px;
    line-height: 14px;
}
*/

.service-home-main h1
{
font-size: 40px;
    color: var(--blue);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 400;
    line-height: 54px;
}



.service-home-main h2
{
   font-weight: 600;
    font-size:18px;
    color:var(--red);
	text-transform:uppercase;
    margin-bottom: 0;
}


.service-home-main h3
{
   font-family:'rbold';
    font-size:22px;
    color:var(--blue);
	position:relative;
	padding-top: 0;
    padding-bottom: 22px;
    margin-bottom: 21px;
    margin-top: 0;
}

.service-home-main h3::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	transition:all ease 0.5s;
}


.service-home-main .service-block
{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:rgba(3,77,144,0.7);
	border: rgba(255,255,255,0.2) solid 3px;
	border-radius:8px;
	text-align:center;
	margin-top: 30px;
	margin-bottom:30px;
	position:relative;
	transition:all ease 0.3s;
	color:#fff;
	box-shadow: #00305e 0px 2px 11px 0px;
}
.service-home-main .service-block:hover
{
    background-color:var(--red);
	border: var(--red) solid 3px;
}

.service-home-main .service-block:hover h3::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:#fff;
}

.service-home-main .service-block:hover h3::after {
	width: 40%;
}


.service-home-main .service-block h4
{
    font-family: 'rmedi';
    font-size: 18px;
    color:#fff;
    text-transform: uppercase;
}


.service-home-main .service-block .service-text  {
	font-size: 15px;
	color: #fff;
	line-height: 25px;
	padding: 0 30px 30px;
}

.service-home-main .service-block .service-text h4
{
    font-family: 'rmedi';
    font-size: 20px;
    color:#fff;
    text-transform: uppercase;
}

.service-home-main .service-block .service-text  a {
	padding: 8px 32px;
	background-color:transparent;
	border:rgba(255,255,255,0.7) solid 2px;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	display: inline-block;
	border-radius: 35px;
}

.service-home-main .service-block .service-text a:hover {
	background-color:var(--blue);
	border:var(--blue) solid 2px;
	color: #fff;
}
.service-home-main .service-block .block-thumb {
	display: inline-block;
    padding:34px 20px;
    border-radius: 51%;
	width:120px;
	height:120px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	transition:all ease 0.5s;
}

.service-home-main .service-block:hover .block-thumb
{
	background-color: var(--black);
}
.service-home-main .service-block img
{
	transition:all ease 2s;
}
.service-home-main .service-block:hover img
{
    transform: rotateY(360deg);
	transform-style:preserve-3d;
}

.hp-products
{
    text-align: center;
    padding-bottom: 70px;
}
.hp-products em a 
{
    border: rgba(153,186,211,0.8) solid 1px;
    padding: 15px 25px;
    background-color: rgba(153,186,211,0.1);
    color: #000;
    font-style: normal;
    font-size: 18px;
     border-radius: 3px;
}
.hp-products em a:hover
{
    border: #1975bb solid 1px;
    background-color: #1975bb;
    color: #fff;
    border-radius: 3px;
}

.prodcut-block
{
background: 
linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
linear-gradient(to bottom, #9fcd4b, #cfcfcf) border-box;
color: #313149;
padding: 10px;
border: 5px solid transparent;
transition: all ease 0.5s;
border-radius:3px;
position: relative;
overflow: hidden;
transition: all ease 0.1s;
text-align: left;
 font-size: 15px;
line-height: 25px;
color: #333;
padding: 20px;margin-bottom: 30px;
border-radius: 5px; /*1*/
border: 2px solid transparent; /*2*/
text-align: center;
}
.prodcut-block:hover{ background-color:rgba(255,255,255,1);}
.prodcut-block img
{
    border-radius: 5px;
}
.prodcut-block:hover
{  background: 
linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
linear-gradient(to bottom, #478b04, #ff7575) border-box; }
.prodcut-block .product-caption
{   
    font-size: 16px;
 color: #333; line-height: 29px; font-weight: 300;
text-align: center;
min-height:82px;}
.entry-content .prodcut-block a, .entry-content .prodcut-block a:hover{box-shadow: none;}
.prodcut-block  a.read {
    padding: 0;
    color: var(--red);
    border-radius: 5px;
    margin-top: 17px;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    box-shadow: none;
    padding-top: 12px;
    position: relative;
}

.prodcut-block  a.read::before {
    content: "";
    width: 20%;
    height: 1px;
    background-color: #478b04;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.prodcut-block .product-caption a.read {
    color: #000;
    color: black;
    font-weight: 500;
    font-size: 15px;
}
.prodcut-block .product-caption a.read:hover{  color: #1975bb;}
.prodcut-block h3, .inbody .prodcut-block h3
 {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 20px 0 6px;
    margin: 0;
    text-transform: none;
    font-weight: 700;
    font-size: 19px;
    color: #000;
     font-family: "Josefin Sans", sans-serif;
}

.prodcut-block h3 a
 {
      color: #000;
     text-decoration: none;
     box-shadow: inherit;
         box-shadow: none;
}
.prodcut-block:hover a h3
 {
      color:var(--orange);
     text-decoration: none;
     box-shadow: inherit;
         box-shadow: none;
}

.hp-products strong a{
    padding: 13px 25px;
    background-color: rgba(253,41,53,1);
    color: #fff;
    font-style: normal;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 12px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
.hp-products strong a:hover{
    background-color: #478b04;
    color: #fff;
}

/*---END SERVICE TEXT---*/
.organic-main
{padding-bottom: 30px;}
.organic
{
background: 
linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
linear-gradient(to bottom, #9fcd4b, #cfcfcf) border-box;
color: #313149;
transition: all ease 0.5s;
position: relative;
overflow: hidden;
transition: all ease 0.1s;
text-align: left;
 font-size: 15px;
line-height: 25px;
color: #333;
padding: 40px;margin-bottom: 30px;
border-radius: 25px; /*1*/
border: 2px solid transparent; /*2*/
text-align: center;
}
.organic-bg1{  background-image: url(images/about-us-hp.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;}

.organic a {
    padding: 13px 25px;
    background-color: rgba(253,41,53,1);
    color: #fff;
    font-style: normal;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 12px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
}

.organic a:hover {
    background-color:#478b04;
    color: #fff;
}

  
.imgblock-main{padding-bottom: 90px;}
.imgblock-main .ibblock{border-radius: 25px; position: relative;transition: all ease 0.3s; overflow: hidden;}
.imgblock-main .ibblock img{transition: all ease 0.9s;}
.imgblock-main .ibblock:hover img{transform: scale(1.5);}

.imgblock-main .ibblock h3{ position: absolute;   font-size: 18px;
    padding: 40px;
    line-height: 30px;
    margin: 0;
    text-transform: none;
    font-weight: 700;
    font-size: 25px;
    color: #fff;
width: 100%; display: block; bottom: 0; left: 0;}
.imgblock-main img{height: -webkit-fill-available; width: 100%;border-radius: 25px;}

/*---SERVICE PAGE MAIN---*/
.service-main-page
{
	padding-top: 0px;
    padding-bottom: 60px;
	background-image:none;
	background-size:cover;	
	background-position: 0 0; 
	text-align:center;
	font-size: 16px;
    line-height: 32px;
	color:#fff;
	position:relative;	
}

.service-main-page h3
{
   font-family:'rbold';
    font-size:22px;
    color:#333;
	position:relative;
	padding-top: 0;
    padding-bottom: 22px;
    margin-bottom: 21px;
    margin-top: 0;
}

.service-main-page h3::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	transition:all ease 0.5s;
}


.service-main-page .service-block
{
	padding-top: 20px;
	padding-bottom: 20px;
	border: rgba(192,192,192,0.3) solid 1px;
	border-radius:8px;
	text-align:center;
	margin-top: 30px;
	margin-bottom:30px;
	position:relative;
	transition:all ease 0.3s;
	color:#333;
}
.service-main-page .service-block:hover
{
	border:rgba(192,192,192,0.6) solid 1px;
}
.service-main-page .service-block:hover h3::after {
	width: 40%;
}


.service-main-page .service-block h4
{
    font-family: 'rmedi';
    font-size: 18px;
    color:#333;
    text-transform: uppercase;
}


.service-main-page .service-block .service-text  {
	font-size: 15px;
	color: #333;
	line-height: 25px;
	padding: 0 30px 30px;
}

.service-main-page .service-block .service-text h4
{
    font-family: 'rmedi';
    font-size: 20px;
    color:#333;
    text-transform: uppercase;
}

.service-main-page .service-block .service-text  a {
	padding: 5px 32px;
	background-color:transparent;
	border:var(--red) solid 2px;
	color:var(--red);
	text-decoration: none;
	box-shadow: none;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	display: inline-block;
	border-radius: 35px;
}

.service-main-page .service-block .service-text a:hover {
	background-color:var(--red);
	border:var(--red) solid 2px;
	color: #fff;
}
.service-main-page .service-block .block-thumb {
	display: inline-block;
    padding:34px 20px;
    border-radius: 51%;
	width:120px;
	height:120px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	transition:all ease 0.5s;
	background-color:var(--red);
}

.service-main-page .service-block:hover .block-thumb
{
	background-color: var(--blue);
}
.service-main-page .service-block img
{
	transition:all ease 2s;
}
.service-main-page .service-block:hover img
{
    transform: rotateY(360deg);
	transform-style:preserve-3d;
}
/*---END SERVICE PAGE MAIN--*/
.faqs-homepage
{        padding-top: 70px;
    padding-bottom:50px;
    text-align: center;
}
.faqs-homepage .sp-easy-accordion .sp-ea-single {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 3px;
}

.faqs-homepage .sp-easy-accordion .sp-ea-single .ea-header a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    font-size: 17px;
    line-height: 28px;
    box-shadow: none;
background-color: rgba(243,253,311,0.4);    
}

.faqs-homepage  .ea-card .sp-ea-single .ea-expand a{background-color: var(--green); color: #fff;}
.faqs-homepage .faq-section
{ }
.faqs-homepage .faq-section button
{  font-family: "Poppins", sans-serif;}

.faqs-homepage .faq-section button.accordion-button {
    font-weight: 600;
    font-size: 17px;
    color: #254f8d;
      
}
.faqs-homepage .faq-section button:hover,.faqs-homepage .faq-section button:focus {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.faqs-homepage .faq-section .accordion-body {
       background-color: #f5f9ff;
    font-size: 15px;
    line-height: 28px;
text-align: left;    
}
/*----WHY ICON ---*/
.why-icon-main
{

	text-align:center;
	margin-top:45px;
    padding-bottom:50px;
}

.why-icon-main h1
{
    font-size: 48px;
    color:var(--blue);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 700;
    line-height: 54px;
}

.why-icon-main h1::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.why-icon-main h1::before {
	 content: "\f193";
    font-family: 'FontAwesome';
    width: 30px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    /* border: var(--red) solid 1px; */
    border-radius: 50%;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    font-size:20px;
    padding: 5px 4px;
    line-height: 14px;
}

.why-icon-main h2
{
    font-family: 'rbold';
    font-size:18px;
    color:var(--red);
	text-transform:uppercase;
    margin-bottom: 0;
}


.why-icon-main .icon-block
{
	font-size:15px;
	line-height:21px;
	color:#333;
	border:rgba(3,77,144,0.1) solid 2px;
	margin-bottom: 15px;
	padding-bottom: 30px;
	padding-top: 20px;
    border-radius: 15px;
}
.why-icon-main .icon-block .why-icon
{
    content: "";
    width:84px;
    height:66px;
    left: 0;
    right: 0;
    margin: auto;
	margin-top: auto;
    margin-top: auto;
    z-index: 99;
	overflow:hidden;
	margin-top: 20px;
	margin-bottom: 15px;
}
.why-icon-main .icon-block .why-icon img
{
	transition:all ease 0.3s;}
	
.why-us-notes-main .why-icon-main .icon-block:hover .why-icon img {
    transform: translateY(-77px);
}	

.why-icon-main .icon-block h3
{
	font-family: 'rbold';
	font-size:20px;
	color:var(--blue);
	margin-top: 0;
	padding-top:6px;
	padding-bottom: 8px;
}

/*--END WHY ICON--*/


/*---HOMEPAGE BLOG---*/
.blog-homepage-main
{
	padding-top:40px;
    padding-bottom: 40px;
	font-size: 16px;
    line-height: 32px;
	text-align:center;
}

.blog-homepage-main h1
{

    font-size: 48px;
 	color:var(--red);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 700;
}

.blog-homepage-main h1::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.blog-homepage-main h1::before {
	 content: "\f193";
    font-family: 'FontAwesome';
    width: 30px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    /* border: var(--red) solid 1px; */
    border-radius: 50%;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    font-size:20px;
    padding: 5px 4px;
    line-height: 14px;
}

.blog-homepage-main h2
{
   font-weight: 600;
    font-size:18px;
    color:var(--blue);
	text-transform:uppercase;
        margin-bottom: 0;
}


.blog-homepage-main h3
{
	font-family: 'rbold';
    font-size: 22px;
    color: var(--red);
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 18px;
    margin-top: 16px;
}

.blog-homepage-main h3::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	transition:all ease 0.5s;
}


.blog-homepage-main .blog-block:hover h3::after {
	width: 40%;
}

.blog-homepage-main .blog-block
{
	padding-top: 20px;
	padding-bottom: 20px;
	border: rgba(255,45,45,0.4) solid 1px;
	position:relative;
	transition:all ease 0.3s;
	color:#fff;
	text-align:left;
}
.blog-homepage-main .blog-block:hover
{
	border:rgba(255,45,45,0.8) solid 1px;
}


.blog-homepage-main .blog-block h4
{
    font-family: 'rmedi';
    font-size: 18px;
    color:var(--red);
    text-transform: uppercase;
}


.blog-homepage-main .blog-block .blog-text{
	font-size: 15px;
	color: #333;
	line-height: 25px;
	padding: 4px;
}

.blog-homepage-main .blog-block .blog-text h4
{
    font-family: 'rmedi';
    font-size: 20px;
    color:var(--red);
    text-transform: uppercase;
}

.blog-homepage-main .blog-block .blog-text a {
	padding: 5px 22px;
	background-color:var(--red);
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	display: inline-block;
	border-radius: 35px;
}

.blog-homepage-main .blog-block .blog-text a:hover {
	background-color:var(--blue);
	color: #fff;
}
.blog-homepage-main .blog-block .blog-thumb {
	text-align: center;
	transition:all ease 0.5s;
}


.blog-homepage-main .blog-block:hover .blog-thumb
{
	background-color: var(--black);
}
.blog-homepage-main .blog-block img
{
}

.blog-homepage-main .blog-block:hover img
{
}


.blog-homepage-main .rightblock .blog-block
{
	padding-top: 20px;
	padding-bottom: 20px;
	border: rgba(255,45,45,0.4) solid 1px;
	position:relative;
	transition:all ease 0.3s;
	color:#fff;
	margin-bottom:30px;
}
.blog-homepage-main .rightblock h3 {
    font-family: 'rbold';
    font-size: 16px;
    font-size: 21px;
    color: var(--red);
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 9px;
    margin-top: 0px;
}

.blog-homepage-main .rightblock .blog-block .blog-text {
    font-size: 15px;
    color: #333;
    line-height: 25px;
	padding:auto;
    /* padding: 4px; */
}

.blog-homepage-main .rightblock .blog-block .blog-thumb {
	text-align: center;
	transition:all ease 0.5s;
	overflow:hidden;
	 max-height: 177px;
}
.blog-homepage-main .rightblock .blog-block img
{
	max-width:inherit;
	height: auto;   
}

.blog-homepage-main .rightblock .blog-block .blog-text a {
	color:var(--red);
	background-color:transparent;
	text-decoration: none;
	box-shadow: none;
	margin:8px 0 0 0;
	padding:0;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	display: inline-block;
	text-transform:none;
	font-weight:600;
}

.blog-homepage-main .rightblock .blog-block .blog-text a:hover {
	color:var(--blue);
	background-color:transparent;
}
.blog-homepage-main .rightblock h3 {
    font-family: 'rbold';
    font-size: 19px;
    color: var(--red);
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 10px;
	margin-top: 0;
}

.homepage-blocks-main{text-align: left;}
.homepage-blocks-main.second-block
{border-left: rgba(218,218,218,0.9) solid 1px;}
.homepage-blocks-main .fpic
{height:100px;
width: 150px;}
.homepage-blocks-main .fpic img
{
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.homepage-blocks-main ul{margin: 0;padding: 0;}
.homepage-blocks-main ul li{    display:block;
    margin: 0;
    padding: 0;}
.homepage-blocks-main ul li:before {
    display: none;
}
.homepage-blocks-main ul li a{
border-bottom: rgba(218,218,218,0.9) solid 1px;
    background-color: #fff;
    margin-bottom: 13px;
    padding-bottom: 9px;
}
.homepage-blocks-main ul li:last-child a
{
    border-bottom: 0;
}

.homepage-blocks-main ul li a:hover{color: var(--red);}
.homepage-blocks-main ul li a .brtitle{
    font-size: 14px;
    padding-left: 5px;
    line-height: 21px;
    /* margin-top: 11px; */
    font-family: "Merriweather", serif;
}
.homepage-blocks-main ul li a .brtitle .pdate
{
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}
.homepage-blocks-main h2 {
    font-size: 18px;
    color: #000;
    margin-top: 11px;
    padding-top: 8px;
    text-transform: none;
    font-weight: normal;
    font-weight: 600;
    margin-bottom: 8px;
}
.homepage-blocks-main .featued-photo
{}
.homepage-blocks-main .news-captionn
{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

/*---END HOMEPAGE BLOG---*/

/* -----------School Statistics-----------*/
.why-us-main
{
	background-color:#fff;
	background-image:url(images/why-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:40px;
	padding-bottom:40px;
	font-size:18px;
	line-height:30px;
	color:#fff;
}

.why-us-main h1
{
    font-family: 'rbold';
    font-size: 40px;
    color: var(--black);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 40px;
	position:relative;
	padding-bottom: 25px;
}

.why-us-main h1::after {
    content: "";
	width: 20%;
	height: 2px;
	background-color:var(--green);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.why-us-main h1::before {
	content: "";
	width: 16px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	border:var(--green) solid 2px;
	border-radius:50%;
	bottom: -6px;
	left: 0;
	right: 0;
	z-index: 99;
}
.why-us-main h2
{
   font-family:'rbold';
    font-size:18px;
    color:var(--green);
	text-transform:uppercase;
}
.why-us-main .why-text{
}
.why-us-main .why-text ul{
	margin:0;
	padding:0;
}
.why-us-main .why-text ul li{
	display:inline-block;
	margin:0 0 20px 0;
	padding-left:50px;
	background-image:url(images/right-check.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#333;
}

/* -----------End School Statistics-----------*/


/* ------------------------------- TESTIMONIALS -------------------------------- */
.testimonials
{
	text-align:center;
	font-size:16px;
	color:#666;
 border:#9fcd4b solid 1px;
    border-radius: 25px;
    padding: 40px;
 background-color: transparent;
    background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(images/testimonial-bg.jpg);
    background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(images/testimonial-bg.jpg);
    background-position: top;
    background-size: cover;
    background-attachment: fixed;  
    border
}

.testimonials .testiblock
{
    padding: 30px 50px 0;
    margin: 0px 0px 0;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    border-radius: 3px;
    position: relative;
    font-weight: 400;
    word-spacing: 2px;
}

.testimonials .testiblock h4 {
font-size: 16px;
    padding-top: 22px;
    margin-bottom: 0;
    color: #478b04;
    /* font-family: 'rmedi'; */
    font-weight: 500;
}
.testimonials .testiblock:before
{
	content:"";
	width:35px;
	height:35px;
	background-image:url(images/quote.png);
	background-position:center center;
	background-repeat:no-repeat;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: auto;
	z-index: 99;
	margin-top: 13px;
    
    padding: 0 35px;
}

.testimonials .testiblock .tuser {
    margin-top: 10px;
    color: #0c068a;
}

.page-testimonial
{
}
.page-testimonial .single-testi
{
	padding: 20px 20px 20px 50px;
	border: rgba(153,153,153,0.3) solid 1px;
	color: #333;
	word-spacing: 2px;
	margin-bottom: 30px;
	position:relative;
	transition:all ease 0.3s;
}

.page-testimonial .single-testi:hover {
     box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px 1px;
}

.page-testimonial .single-testi:hover
{
	border: rgba(153,153,153,0.6) solid 1px;
	color: #000;
}
.page-testimonial .single-testi:hover:before
{
	top: 0%;
}
.page-testimonial .single-testi:before
{
	content:"";
	width:50px;
	height:50px;
	background-image:url(images/quote.png);
	background-position:center center;
	background-repeat:no-repeat;
	position: absolute;
	top: 26%;
	left: -26px;
	z-index: 99;
	margin-top: 13px;
	transition:all ease 0.3s;
}
.page-testimonial .single-testi h4
{
	font-size: 16px;
	font-family:'playfair';
	padding-top: 9px;
	margin-bottom: 0;
	color:#bd1e2d;
}
/* ------------------------------- END TESTIMONIALS -------------------------------- */

.our-clients
{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border-top:rgba(185,185,185,0.7) solid 1px;
}


.our-clients .owl-carousel .owl-item {
  	transition:all ease 0.3s;
}
.our-clients .owl-carousel .owl-item img {
    box-shadow:none;
}
.our-clients .owl-carousel .owl-item:hover
{
box-shadow: #dddddd 0px 0px 20px;
}

.our-clients .logo-client
{
	border:rgba(185,185,185,1) solid 1px;
	text-align:center;
}

.logo-client-list
{
	border:rgba(185,185,185,0.8) solid 1px;
	text-align:center;
    border-radius: 3px;
    margin-bottom: 30px;
}


/* ---------HOMEPAGE CONTACT BAR--------- */
.hp-contact-bar
{
    background-color: #1975bb;
    font-size: 30px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.hp-contact-bar a
{
    text-decoration: none;
    box-shadow: none;
    outline: none;
    border: #fff solid 1px;
    color: #fff;
    text-align: center;
    margin: 0 15px;
    font-size: 23px;
    padding: 8px 20px;
    font-weight: 500;
    border-radius: 3px;
}
.hp-contact-bar a:hover
{background-color: #fff;color:#1975bb;}

.hp-contact-bar ul
{
	margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 24px;
}
.hp-contact-bar ul li
{
	display:inline;
	margin:0 20px;
}
.hp-contact-bar ul li a
{
	text-decoration: none;
    color: #fff;
    border: #fff solid 2px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: normal;
    padding: 11px 32px;
	text-decoration:none;
}
.hp-contact-bar ul li a:hover
{
	border:var(--black) solid 2px;
	background-color:var(--black);
	text-decoration:none;
}
	
/*
.hp-contact-bar a:before
{
	content: "\f095";
	font-family: 'FontAwesome';
	margin-right:3px;
	color:#fff;
}
*/
/* ---------END HOMEPAGE CONTACT BAR--------- */
.cotactbar
{
    background-color:var(--blue);
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    
}
.cotactbar a{
    padding: 12px 20px;
    margin-left: 20px;
    border:#fff solid 2px;
    border-radius: 35px;
    color: #fff;
    margin-top: 10px;
    font-weight: 560;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}
.cotactbar a:hover
{
    background-color: var(--red);
    color: #fff;
}

.approved-logos
{
    border-top: rgba(29,49,100,0.3) dashed 1px;    
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    
}
.approved-logos h1 {
    font-size: 40px;
    color: var(--blue);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 400;
    line-height: 54px;
}
/* ------------------------------- 	FOOTER -------------------------------- */

.footerbg
{
	
	font-size:14px;
	color:#000;
    font-weight: 400;
	padding-top:80px;
	padding-bottom:30px;
	line-height:27px;
	transition: all linear 0.2s;
	position:relative;
	background-color:transparent;
    background: linear-gradient(rgba(49,70,80,1), rgba(255,255,255,0.6)), url("images/footerbg.jpg");  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.6)), url("images/footerbg.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-position: top center;
    background-size:cover;
    background-attachment: fixed;
}

.footerbg h2 {
    font-size: 21px;
}

.footerbg h2.widget-title {
    color: #fd2935;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 500;
    border-width: 100px;
    margin-bottom: 15px;
    text-transform: none;
    position: relative;
}

.footerbg h2.widget-title span
{ position: relative;
}
.footerbg h2.widget-title span:after
{
	content: "";
	position: absolute;
	background-color:#478b04;
	height: 2px;
	width: 40px;
	left: 0px;
	bottom: -6px;
}


.footerbg li 
{
	list-style:none;
}

.footerbg li a
{
	font-size:14px;
	color:#000;
    font-weight:400;
	transition:all ease 0.3s;
	outline:none;
	text-decoration:none;
	box-shadow:none;
}


.footerbg li a:before
{
	/*
	content: "\f105";
	font-family: 'FontAwesome';
	margin-right:3px;
*/
}


.footerbg li a:hover
{
	color:#fd2935;
	padding-left:0px;
	box-shadow:none;
    text-decoration: none;
}
.footerbg .widget ul li a
{
	text-decoration:none;
	box-shadow:none;
}
.footerbg .widget ul li a:hover
{
	text-decoration:none;
	box-shadow:none;
	color:#fd2935;
}
.footerbg a
{
	font-size:15px;
	color:#fff;
	transition:all ease 0.3s;
	outline:none;
	text-decoration:none;
	box-shadow:none;
}

.footerbg a:hover
{
	color:#fff;
	text-decoration:underline;
	padding-left:0px;
}



.copyright-main
{
	position:relative;
	padding-bottom: 8px;
	margin-top:40px;
    border-top: rgba(255,255,255,0.6) solid 1px;
    padding-top:40px;
}

.copyright
{
	font-size: 14px;
	color:#333;
	padding: 15px 0 8px 0;
}

.contact-page .socialicn
{
	display:block;
	text-align: left;
	margin-top: 20px;
}

.contact-page .socialicn a
{
	line-height: 25px;
}
.social-navigation {

    width: 100%;
}
.socialicn
{
	text-align: right;
	margin-top: 10px;
}
.footerbg .socialicn a
{color:#fff;}
.socialicn .fa
{
	color:#fff;
}

.socialicn a:hover .fa
{
	color:#fff;
}

.socialicn a
{
    border-radius: 3px;
    background-color: var(--green);
    border: #9c9c9c solid 0px;
    height: 28px;
    width: 28px;
}

.social-navigation .icon {
    height: 12px;
    top: 7px;
    width: 12px;
    vertical-align: top;
}

.socialicn a:visited
{
    color: #fff;
} 

.contact-page .socialicn a
{
	color:var(--blue);
}
.contact-page .socialicn a:hover
{
	background-color:var(--orange);
	color: #fff;
     border: #1975bb solid 0px;
}
.socialicn a:hover,.socialicn a:focus, .footerbg .socialicn li a:hover, .footerbg .socialicn li a:focus
{
	background-color:var(--orange);
	color: #fff;
     border: #1975bb solid 0px;
}

/* ------------------------------- END FOOTER -------------------------------- */


.bgblock
{
	background-image:url(images/bgblocks.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}


.bgblock .padblock
{
    padding-top: 90px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.bgblock .padblock:hover
{
	background-color:rgba(12,06,138,0.6);
}


.bgblock .padblock h3{
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
	padding-bottom:17px;
}

.bgblock .padblock a
{
	display:inline-block;
	padding:5px 20px;	
	font-size:13px;
	line-height:25px;
	color:#0c068a;
	background-color:#fff;
	text-decoration:none;
	font-family:'rbold';
	text-transform:uppercase;
	margin-top:20px;
	
	
}
.bgblock .padblock a:hover
{
	color:#fff;
	background-color:#00aeed;
}

.stats
{
    padding-bottom: 70px;
}

.stats .stat-icons
{
	padding-left:100px;
	font-size:18px;
	color:#00aeed;
	background-repeat: no-repeat;
    background-position: 20px 30px;
    padding-top: 16px;
	padding-bottom:25px;
}
.stats .stat-icons:nth-child(1)
{
    background-image: url(images/employee.png);
}
.stats .stat-icons:nth-child(2)
{
    background-image: url(images/settings.png);
	background-color:#0f08a3;
}
.stats .stat-icons:nth-child(3)
{
    background-image: url(images/trophy.png);
}
.stats .stat-icons:nth-child(4)
{
    background-image: url(images/thumbs-up.png);
	background-color:#0f08a3;
}


.stats .icon-block h5{
font-size: 15px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    padding: 0;
    letter-spacing: 0;
}
.stats .icon-block .sicon {text-align: center;}

.stats .icon-block h6{
font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
}

/* process --*/

.esol-process
{
	background-color: rgba(237,249,243,0.4);
    padding-top:70px;
    padding-bottom: 70px;
}
.esol-process .row-pad
{
    margin-top: 60px;
}
.esol-process .process-block
{
 background-color: #fff;
    border: rgba(29,49,100,0.3) dashed 1px;
    border-radius: 5px;
    padding: 25px 20px;
    font-size: 17px;}

.esol-process .process-block .step-icon {
    width: 80px;
    height: auto;
    padding: 12px;
    background-color: #fff;
    position: absolute;
    top: -80px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: rgba(29,49,100,0.3) solid 1px;
    border-radius: 5px 5px 0 0;
}
.esol-process h1 {
    font-size: 40px;
    color: var(--blue);
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 400;
    line-height: 54px;
}
.esol-process .process-block .process-icons
{
	padding-left:100px;
	font-size:18px;
	color:#00aeed;
	background-repeat: no-repeat;
    background-position: 20px 30px;
    padding-top: 16px;
	padding-bottom:25px;
}

.esol-process .process-block h4{
    font-size: 18px;
    margin-bottom:19px;
    color: var(--red);
    font-weight: 500;
}
.esol-process .process-block h6{
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    padding-top: 0;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 24px;

}


/* core values--*/

.esol-values
{
	background-color:#f9f6f0;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.esol-values .value-block .value-icon {text-align: center;}
.esol-values .value-block .value-icon img{
  max-width: 90px;
    height: auto;
}
.esol-values h1 {
    font-size: 48px;
    color: var(--blue);
    margin-top: 0;
    padding-top: 0px;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 700;
    line-height: 54px;
}
.esol-values .value-block
{
	font-size:18px;
	color:#00aeed;
    background-color: #fff;
    padding: 20px;
    border: #e5e1d8 dashed 1px;
    text-align: left;
    margin-bottom: 25px;
}

.esol-values .value-block h2{
    color: var(--blue);
    font-size: 19px;
    font-weight: 500;
    padding-top: 15px;
}
.esol-values .value-block h5{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-top: 0;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 24px;
}

/* esol numbers--*/

.esol-numbers
{
	background-color:#f9f6f0;
    text-align: center;
}

.esol-numbers .number-block
{
	font-size:18px;
	color:#00aeed;
    background-color: #fff;
    padding: 20px;
    border: #e5e1d8 dashed 1px;
    text-align: center;
}

.esol-numbers .number-block .number-icon {

}
.esol-numbers .number-block h1 {
text-align: center;
    font-weight: 800;
    font-size: 48px;
    margin: 0;
color: var(--blue);    
}


.esol-numbers .number-block h2{
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: left;
    position: relative;
    padding-top: 11px;
    color: #000;
}
.esol-numbers .number-block h2::before {
    content: "";
    width: 20%;
    height: 2px;
    background-color: var(--red);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all ease 0.5s;
}
.esol-numbers .experience
{    background-color: var(--red);
    color: #fff;
    text-align: center;
    margin-left: 30px;}
.esol-numbers .experience h1 {
    text-align: center;
    font-weight: 800;
    font-size: 57px;
    margin: 0;
}
.esol-numbers .experience h2 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
}
/* ---------------- INNER PAGE -------------------*/
.intitle {
    font-size: 45px;
    color: #000;
    margin-top: 0;
    position: relative;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    border-bottom: rgba(135,193,30,0.4) solid 1px;
}


/*
.intitle:before
{
	content: "";
    left: 0;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid var(--red);
    display: inline-block;
    position: absolute;
}
.service-home-main:before {
    content: "";
    height: 120px;
    width: 57%;
    background-color:var(--red);
    display: block;
    left: -11px;
    bottom: -45px;
    position: absolute;
    transform: rotate3d(1, 1, 1, 11deg);
    z-index: -1;
}
.service-home-main:after {
    content: "";
    height: 120px;
    width: 57%;
    background-color:var(--red);
    display: block;
    right: -11px;
    bottom: -45px;
    position: absolute;
    transform: rotate3d(1, 1, 1, -11deg);
    z-index: -1;
}
*/

.intitle h1 {
    font-size: 42px;
    color: #000;
    position: relative;
    font-weight: 300;
    margin: 0;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
.intitle  .taxonomy-description
{
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 16px;
    color: #fff;
}

.intitle .ornrow {
    font-size: 19px;
    color: #00aeed;
    margin-top: 11px;
}

.intitle  .breadcrumbs{
    list-style:none;
    margin:10px 0;
	font-size:15px;
	color:#666;
    overflow:hidden;
	text-align:center;
}
  
.intitle  .breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
	color:#666;
}
.intitle  .breadcrumbs a{
	text-decoration:none;
	color:#333;
}
.intitle  .breadcrumbs a:hover
{
	text-decoration:underline;
}
  
.intitle  .breadcrumbs .separator{
    font-size:16px;
    font-weight:100;
    color:#666;
}

/*----single product page --*/
.single-product-page-body
{
    padding-top:40px;
    padding-bottom: 40px;
    font-weight: 400;
    border-top: rgba(0, 0, 0, 0.1) solid 1px;
}

.single-product-page-body .nav-links {
    display: block;
    margin-top: 20px;
}
.single-product-page-body h1
{
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 35px;
    color: var(--blue);
}

.single-product-page-body .product-photo
{
    border: rgba(0, 0, 0, 0.1) solid 1px;
    border-radius: 5px;
    padding: 10px;
}
.single-product-page-body .product-photo img
{border-radius: 5px;}

.single-product-page-body .product-description
{
    padding-left: 14px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
   line-height: 27px;
    line-height: 31px;
}

/* single product page enquiry*/
.single-product-page-body .product-inquiry
{
        padding-left: 14px;
}
.single-product-page-body .product-inquiry ul {
    list-style: disc;
    list-style-position: inside;
    font-size: 15px;
}

.single-product-page-body .product-inquiry ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

.single-product-page-body .product-inquiry ul li a{
    display: block;
    padding: 12px 25px;
    background-color: #fd2935;
    border-radius: 25px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.single-product-page-body .product-inquiry ul li:first-child a:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 5px;
    color: #fff;
}

.single-product-page-body .product-inquiry ul li:last-child a{background-color: var(--red);}

.single-product-page-body .product-inquiry ul li a:before {
 content: "\f232";
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: #fff;
}
.single-product-page-body .product-inquiry ul li a:hover
{ background-color:#000; color: #fff;}
.single-product-page-body .product-inquiry ul li a:hover:before
{color: #fff;}


.new-related-products
{border-top: rgba(253,41,53,0.2) solid 1px;
    padding-top: 40px;}
.new-related-products h2.subtitle {
    font-weight: 500;
    font-size: 17px;
    color: #fd2935;
    margin-bottom: 0;
    text-align: center;
margin: 0;
    padding: 0;    
}
.new-related-products h1.mtitle
  {
    font-size: 25px;
    color: #478b04;
      text-align: center;
    margin-top: 0;
    padding-top: 0px;
    position: relative;
    padding-bottom: 0px;
    font-weight: 700;
    line-height: 34px;
}
    
.new-related-products .prodcut-block h2, .inbody .new-related-products .prodcut-block h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 20px 0 6px;
    margin: 0;
    text-transform: none;
    font-weight: 700;
    font-size: 19px;
    color: #000;
}    
    
/* end single product page enquiry*/

.category-page
{}
.category-page .cat-product-block
{
    padding: 20px;
    background-color: #fff;
        border: transparent solid 2px;
    /* padding-top: 45px; */
    /* padding-bottom: 25px; */
    transition: all ease 0.5s;
    border-radius: 3px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    background: 
linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
linear-gradient(to bottom, #9fcd4b, #cfcfcf) border-box;
}

.category-page .cat-product-block:hover
{  background: 
linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
linear-gradient(to bottom, #478b04, #ff7575) border-box; }

.category-page .cat-product-block .entry-header{
    padding: 0;
}
.category-page .cat-product-block .entry-header .entry-title {
font-size: 18px;
    font-weight: 800;
    font-family: "Josefin Sans", sans-serif;
    margin: 0;
    padding: 4px 0;
    color: #000;
}

.category-page .cat-product-block a
{
color: var(--orange);
}
.category-page .cat-product-block a:hover, .category-page .cat-product-block a:focus
{
color: var(--green);
    box-shadow: none;
}


/*---end single product page --*/

.inbody
{
	padding-top:30px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 28px;
	word-spacing: 2px;
}
.widget ul li, .widget ol li {
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding:0;
}

.inbody blockquote {
    padding: 13px 20px;
    margin: 30px 0 20px;
    font-size: 17px;
    border-left: 5px solid var(--black);
	background-color:rgba(244,244,244,0.5);
	transition:all ease-in-out 0.5s;
}
.inbody blockquote:hover
{
	background-color:var(--green);
	color:#fff;
}
.inbody .table-bordered > tbody > tr > th
{
	background-color: #666;
    color: #fff;
	font-size:16px;
}

.inbody .table-hover > tbody > tr:hover {
    background-color:#333;
	color:#fff;
	transition:all ease 0.3s;
}

.inbody .table-hover > tbody > tr:hover > td
{
	background-color:#333;
	color:#fff;
}

.inbody table td:nth-child(2) 
{
	background-color: #f2f2f2;
    color: #000;
}

/*
.inbody blockquote {
	padding: 50px 30px;
	margin: 0 0 20px;
	font-size: 23px;
	border-left: 0px solid #eee;
	font-family: 'playregular';
	color: #bd1e2d;
	background-color: rgba(204,204,204,0);
	position: relative;
	overflow: visible;
	margin-bottom:60px;
	transition:all ease 0.5s;
	border: rgba(204,204,204,0.3) solid 1px;
}
.inbody blockquote:hover
{
	background-color:#fff;
	border: rgba(204,204,204,0.6) solid 1px;
}
.inbody blockquote:hover:before,.inbody blockquote:hover:after
{
	background-color:#bd1e2d;
	border:#bd1e2d solid 1px;
	background-position: -1px -1px;	
}
.inbody blockquote:hover:before
{
	top: -22px;
}
.inbody blockquote:hover:after
{
	bottom: -22px;
}
.inbody blockquote:before
{
	content: "";
	width: 45px;
	height: 45px;
	position: absolute;
	left:33px;
	top: -11px;
	background-color: #fff;
	border: rgba(204,204,204,0.3) solid 1px;
	background-image: url(images/quote-icon.png);
	background-position: -1px -55px;
	background-repeat: no-repeat;
	transition:all ease 0.5s;
}

.inbody blockquote:after
{
	content: "";
	width: 45px;
	height: 45px;
	position: absolute;
	right:33px;
	bottom: -11px;
	background-color: #fff;
	border: rgba(204,204,204,0.3) solid 1px;
	background-image: url(images/quote-icon-1.png);
	background-position: -1px -55px;
	background-repeat: no-repeat;
	transition:all ease 0.5s;
}
*/


.inbody.contact-page h1 {
    font-size:30px;
    color: #2b2643;
    border-left: #f4003b solid 0px;
    padding: 0;
	padding-left: 0px;
    padding-left: 0px;
    padding-left:0px;
    margin: 25px 0 15px;
    	border-bottom:0;
	letter-spacing:1px;
}

.inbody h3 {
	 color: var(--blue);
    font-size: 30px;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 14px;
}

.inbody h2{
    color: var(--green);
    font-size: 32px;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    /* font-family: 'Work Sans', sans-serif; */
    padding-top: 20px;
    padding-bottom: 14px;
    font-weight: 700;

}

.inbody h3.widget-title, .inbody h3{
    color: #000;
    font-size: 23px;
    font-weight: 800;
    text-transform: none;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 5px;
    font-family: "Josefin Sans", sans-serif;
}


.inbody .widget {
    padding-bottom:5px;
}
.inbody  ul li,.inbody  ol li
{
	list-style:none;
margin: 0 0 11px 0px;
}
.inbody  ul li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
}
.inbody ul, .inbody ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-position: inside;

}
.inbody ol li{
	list-style-position: inside;
}
.inbody .listblock ul, .inbody .listblock ol {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-position: inside;
}

.inbody .listblock ol li{
	margin-left: 20px;
	text-indent: -10px;
	margin-bottom: 2px;
	font-size: 15px;
	color: #666;
	border:0;
	list-style-position: inside;
}

.inbody .listblock ul li:before{
	content:"";
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
	color:#00aeed;
}

.inbody .listblock ul li{
	list-style:none;
	margin-left: 20px;
	text-indent: -19px;
	border:0;
}

.inbody .listblock ul li strong, .inbody .listblock ol li strong
{
	color: #f4003b;
	font-weight: normal;
}

.prdtable {
		font-size:15px;
}
.inbody.bathroompage
{
    padding-top: 0;
    padding-bottom: 0;
}
.bathroom-slider
{     text-align: center;
    position: relative;
    background-color: #f6f4ee;
    background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.5)), url(images/bathroom-slider.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
 color: var(--blue);
    padding-top: 200px;
    padding-bottom: 70px;
background-attachment: fixed;}

.bathroom-slider h1
{
    text-transform: uppercase;
    color: var(--blue);
    font-size: 60px;
    font-weight: 800;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.bathroom-slider h2
{
    text-transform: uppercase;
    font-size: 70px;
    font-weight: 800;
    color: var(--red);
    margin-bottom: 0px;
}
.bathroom-slider h3
{
    font-weight: 500;
    line-height: 46px;
    font-size: 29px;
    color: var(--blue);
    padding-top: 0;
    margin-bottom: 20px;    
}
.bathroom-slider  a{
    font-size: 25px;
    display: inline-block;
    padding: 19px 35px;
    border-radius: 5px;
    color: #fff;
    background-color: var(--red);
    text-decoration: none;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
    box-shadow: var(--blue) 0px 5px 0px 4px;
    text-transform: uppercase;
}
.bathroom-slider  a:hover{
    color: #fff;
    background-color: var(--blue);
}
.bathroom-new-1
{ 
    font-size: 17px;
    font-weight: 400;
    color: #000;
    padding-top: 50px;
    line-height: 27px;    
}
.bathroom-new-1 img{box-shadow: #999 2px 2px 10px 3px;}
.bathroom-sample{
    padding-top: 40px;
    text-align: center;
}
.bathroom-sample-2
{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgba(234,234,240,0.5);
    text-align: center;
        background: linear-gradient(rgba(244,244,244,0.9), rgba(244,244,244,0.8)), url(images/bathroom-slider.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}
.bathroom-sample-2 h3 {
    font-weight: 700;
    line-height: 36px;
    font-size: 22px;
    color: var(--blue);
    padding-top: 0;
    text-align: left;
    word-spacing: 0;
}
.bathroom-sample-2 a{
    font-size: 25px;
    display: inline-block;
    padding: 19px 35px;
    border-radius: 5px;
    color: #fff;
    background-color: var(--red);
    text-decoration: none;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
   box-shadow: var(--blue) 0px 1px 9px 0px;
}
.bathroom-sample-2 a:hover{
    color: #fff;
    background-color:var(--blue);
}

.bathroom-sample a{
    font-size: 25px;
    display: inline-block;
    padding: 19px 35px;
    border-radius: 5px;
    color: #fff;
    background-color: var(--red);
    text-decoration: none;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: var(--blue) 0px 1px 9px 0px;
}
.bathroom-sample a:hover{
    color: #fff;
    background-color:var(--blue);
}

.bathroom-sample h3
{
    font-weight: 700;
    line-height: 36px;
    font-size: 22px;
    color: var(--blue);
    padding-top: 0;
    text-align: left;
    word-spacing: 0;    
}
.bathroom-new-2
{padding-top: 40px; text-align: left;}
.bathroom-new-2 h2
{
font-size: 26px;
    font-weight: 600;
    color: var(--blue);
}
.bathroom-new-2 ul,.bathroom-new-2 ol
{
    margin: 0px 0;
      columns:2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.bathroom-new-2 ul li,.bathroom-new-2 ol li
{
    font-size: 15px;
    margin: 12px 0;
    font-weight: 600;
    line-height: 25px;
}
.bathroom-new-2 ul li:before, .bathroom-new-2 ol li:before {
    font-family: 'FontAwesome';
    content: "\f058";
    margin-right: 5px;
    color: var(--red);
}

.bathroom-new-2 img{border-radius: 5px;}

.bathroom-gallery
{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgba(234,234,240,0.5);
    text-align: center;
        background: linear-gradient(rgba(244,244,244,0.9), rgba(244,244,244,0.8)), url(images/bathroom-slider.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}
.bathroom-gallery h3
{    font-size: 30px;
    color: var(--blue);
    font-weight: 800;}

.bathroom-contact
{     text-align: center;
    position: relative;
    background-color:var(--red);
 color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
background-attachment: fixed;}

.bathroom-contact h1
{     text-transform: uppercase;
    font-size: 50px;
    font-weight: 800;
    padding-top: 0;
    margin-bottom: 10px;}
.bathroom-contact h2
{
    text-transform: none;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 27px;
    padding: 0;
}

.bathroom-contact a{
    font-size: 20px;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 5px;
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: #fff solid 2px;
}
.bathroom-contact  a:hover{
    color: var(--red);
    background-color:#ffff;
    box-shadow: none;
}
.inbody .bathroom-contact ul li
{
       display: inline-block;
    margin: 0 15px;
}
.inbody .bathroom-contact ul li:before {
    display: none;
}
.bathroom-1
{ font-size: 18px; font-weight: 300;
        font-weight: 400;
    color: #000;
}
.bathroom-2 h3
{
text-align: center;
    font-size: 21px;
    font-weight: 600;
    color: var(--blue);
}
.bathroom-2 ul,.bathroom-2 ol
{
    margin: 20px 0;
    text-align: center;
      columns:3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
.bathroom-2 ul li,.bathroom-2 ol li
{
       font-size: 15px;
    padding: 15px 5px;
    margin: 0;
    background-color: var(--red);
    border-radius: 6px;
    font-weight: 600;
    color: #fff;
}
.bathroom-2 ul li:nth-child(even),.bathroom-2 ol li:nth-child(even)
{background-color: var(--blue);}
.bathroom-2 ul li:before, .bathroom-2 ol li:before {
    font-family: 'FontAwesome';
    content: "\f178";
    margin-right: 5px;
    color: #fff;
}


.bathroom-3 h3
{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: var(--red);
}
.bathroom-3 ul,.bathroom-3 ol
{
    margin: 20px 0;
    text-align: center;
      columns:3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
.bathroom-3 ul li,.bathroom-3 ol li
{
       font-size: 15px;
    padding: 10px 5px;
    margin: 0;
    border:rgba(8,20,53,0.3) solid 1px;
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
}
.bathroom-3 ul li:before, .bathroom-2 ol li:before {
    font-family: 'FontAwesome';
    content: "\f35a";
    margin-right: 5px;
    color:forestgreen;
}

.bathroom-4 h3
{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: var(--red);
}
.bathroom-4 ul,.bathroom-4 ol
{
    margin: 20px 0;
    text-align: center;
      columns:2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.bathroom-4 ul li,.bathroom-4 ol li
{
       font-size: 15px;
    padding: 10px 5px;
    margin: 0;
    border:rgba(8,20,53,0.3) solid 1px;
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
}
.bathroom-4 ul li:before, .bathroom-4 ol li:before {
    font-family: 'FontAwesome';
    content: "\f35a";
    margin-right: 5px;
    color:forestgreen;
}

/* ----- Accordion --- */



.clear
{
	clear:both;
}
#accordion {
	list-style: none;
	padding: 5px 0 15px 0;
	display:block;
}
#accordion .accorhead{
	display: block;
	font-family: 'playregular';
	font-size:20px;
	border: #d9d9d9 solid 1px;
	cursor: pointer;
	padding: 10px 17px;
	color: #bd1e2d;
	margin-top:20px;
	position:relative;
}
#accordion .accorhead:first-child
{
	margin-top:0;
}
#accordion .accorhead:before{
	font-family: 'FontAwesome';
	content: "\f105";
	display: inline-block;
	margin-right: 15px;
	}
/*#accordion .accorhead:after{
	content: "\002B";
	display:inline-block;
	float: right;
	font-size: 26px;
	line-height: 31px;
	position: absolute;
	right: 8px;
	top: 14px;
	height: 20px;
	width: 20px;
	}
*/

#accordion .accorhead:after{
	content: "";
	background-image:url(images/plus-icon.png);
	background-position:center center;
	background-repeat:no-repeat;
	font-size: 26px;
	line-height: 31px;
	position: absolute;
	right: 14px;
	top: 14px;
	height: 20px;
	width: 20px;
	transition:all ease 0.5s;
	}

	
#accordion .accorhead.up
	{
		color:#333;
		background-color:rgba(204,204,204,0.1);
	}

/*
#accordion .accorhead.up:after{
	font-family: 'FontAwesome';
	content: "\f068";
	display:inline-block;
	float:right;
	}
	*/
/*
#accordion .accorhead.up:after{
	content: "\002D";
	display: inline-block;
	float: right;
	font-size:63px;
	line-height: 31px;
	position: absolute;
	right: 8px;
	top: 14px;
	height: 20px;
	width: 20px;
}
*/

#accordion .accorhead.up:after{
	content: "";
	background-image:url(images/minus-icon.png);
	background-position:center center;
	background-repeat:no-repeat;
	line-height: 31px;
	position: absolute;
	right: 14px;
	top: 14px;
	height: 20px;
	width: 20px;
	transition:all ease 0.5s;
}

#accordion .content
{
	padding: 21px 40px;
	display: none;
	border-top:0;
	border: #d9d9d9 solid 1px;
	border-top: #d9d9d9 solid 0px;
	border-bottom-width: 3px;
	font-size: 15px;
}
#accordion .content li
{
	background-color:#fff;
}

#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}

/* ----- End Accordion --- */
.inbody table{
	font-size: 15px;
}

.inbody table th{
	background-color: #f2f2f2;
	color:#666;
	font-weight:bold;
}
.inbody table th,.inbody table td {
  border: rgba(153,153,153,0.3) solid 1px;
  padding: 8px 10px;
}

table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: rgba(153,153,153,0.1);
	color:#fff;
}

/* --------VISION PAAGE-------*/
.vision-page
{
}
.vision-page blockquote {
	padding: 40px 30px;
	margin: 0 0 100px;
	font-size: 27px;
	border-left: 0px solid #eee;
	font-family: 'playregular';
	font-style: normal;
	position: relative;
	border: rgba(204,204,204,0.3) solid 1px;
	overflow: visible;
	transition:all ease 0.4s;
	color:#999;
}

.vision-page blockquote:hover
{
	transition:all ease 0.4s;
	background-color: #ffff;
	border: rgba(204,204,204,0.6) solid 1px;
	color:#333;
	padding: 50px 30px;
}

.vision-page blockquote strong
{
	font-size: 35px;
	border: rgba(204,204,204,0.3) solid 1px;
	background-color: #fff;
	color: #333;
	padding: 0px 50px;
	position: absolute;
	left: 30px;
	top: -35px;
	/*transform: rotate(-4deg);*/
	transition:all ease 0.4s;
}
.vision-page blockquote:hover strong
{
	transform: rotate(0deg);
	transition:all ease 0.4s;
	background-color: #bd1e2d;
	color: #fff;
	top: -42px;
	
}
/*
.vision-page blockquote:nth-child(3) strong
{
	background-color:#090;
}
*/
/* --------END VISION PAAGE-------*/

/* ---------------- END INNER PAGE -------------------*/


/* ----- CONTACT US --- */

.ctpage
{
		
}

.ctpage h3
{
	color:#ff6d00;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 23px;
		
}

.ctpage h3.widget-title
{
	text-align:left;
	color:#0075df;
	padding-top: 16px;
	padding-bottom: 0px;
	font-size:24px;
	line-height:40px;
	margin: 0;
	border-bottom:#ff6d00 solid 2px;
	margin-bottom: 16px;
}

input:focus::-webkit-input-placeholder { font-family: "Poppins", sans-serif; }
/*input:focus:-moz-placeholder { color:transparent; }  FF 4-18 
input:focus::-moz-placeholder { color:transparent; }  FF 19+ 
input:focus:-ms-input-placeholder { color:transparent; }  IE 10+ 
textarea:focus::-moz-placeholder { color:transparent; } FF 19+ */


/* ---------------- FORM -------------------*/
.contact-page
{
    font-size: 16px;
    line-height: 32px;
}
.contact-page .iconsblocks
{
    padding-top: 40px;
    text-align: center; 
    border-top: rgba(204,204,204,0.7) solid 1px;
    border-bottom: rgba(204,204,204,0.7) solid 1px;
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative;
	background-color:transparent;
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.9)), url("images/testimonial-bg-1.jpg");  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.9)), url("images/testimonial-bg-1.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background-position: top;
    background-size: cover;
    background-attachment: fixed;    
}

.contact-page .iconsblocks::after {
    content: "";
    width: 30%;
    height: 2px;
    background-color: var(--red);
    position: absolute;
    top:-1px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all ease 0.3s;
}

.contact-page .iconsblocks h3{
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--blue);
}
.contact-page .iconsblocks p {
    margin: 0 0 10px;
    padding: 0;
}
.contact-page .iconsblocks img{
    }
.contact-page .grdcell{position: relative;}
/*
.contact-page .grdcell::after {
    content: "";
    width: 1px;
    height:30px;
     align-items: center;
   background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%);
    position: absolute;
    right: 0;
    margin: auto;
    transition: all ease 0.3s;
}
*/

.realform
{

}
.contact-page .contact-content a
{    display: inline-block;
    padding: 14px 25px;
    border-radius: 5px;
    color:var(--blue);
    border: var(--blue) solid 2px;
    text-decoration: none;
    box-shadow: none;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 1px;
    position: relative;
}

.contact-page .contact-content a:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 13px;
    color:var(--red);
}

.contact-page .contact-content a:hover{
    background-color: var(--blue);
    color: #fff;
}
.contact-page .contact-content a:hover:before
{color: #fff;}
.contact-page .solqueryform
{}
.contact-page .solqueryform .multiproduct
{
    margin-bottom: 30px;
}
.contact-page .solqueryform h3 {
font-size: 19px;
    line-height: 20px;
    font-weight: 600;
    color: var(--blue);
}
.contact-page .solqueryform .multiproduct P
{
    margin:0;
}
.contact-page .solqueryform label
{font-weight: 500; color: var(--blue);}
.contact-page .solqueryform .multiproduct .wpcf7-list-item {
    width: 30%;
}

.contact-page .solqueryform input[type="text"], .contact-page .solqueryform input[type="email"],.contact-page .solqueryform input[type="tel"],.contact-page .solqueryform input[type="number"],.contact-page .solqueryform  textarea,.contact-page .solqueryform select, .cform  input[type="date"]
{
    width: 100%;
    border:rgba(165,165,165,0.8) solid 1px;
    padding: 10px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
    border-radius: 5px;
    font-family: "Poppins", sans-serif;
}
.contact-page .solqueryform .form-label {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--blue);
}

.contact-page .solqueryform input[type="submit"]
{
	background-image:none !important;
	padding: 16px 28px;
	font-size:16px;
	font-weight:600;
	background-color:var(--blue);
	border:#fff solid 2px;
	text-decoration:none;
	color:#fff;
	border-radius:3px;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	margin-top:10px;
	display:inline-block;
}

.cform input[type="submit"]:before
{
	content:"";
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
}


.cform input[type="submit"]:hover,.contact-page .solqueryform input[type="submit"]:hover
{
	color:#fff;
	background-color:var(--red);
}


.contact-page h2 {
	font-size: 25px;
	color: #00012e;
	border-left: #bd1e2d solid 0px;
	padding: 0;
	padding-left: 0px;
	padding-left: 0px;
	padding-left: 0px;
	margin: 25px 0 30px;
}

.contact-page-address
{
}

.contact-page .contact-page-address h3 {
    color: var(--blue);
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0 0 13px 0;
    position: relative;
    border-bottom: rgba(153,153,153,0.8) dashed 1px;
    margin-bottom: 13px;
}

.contact-page .contact-page-address blockquote {
    padding: 0;
    margin: 10px 0 20px;
    font-size: 17px;
    border: rgba(153,153,153,0.9) dashed 1px;
    background-color: rgba(244,244,244,0.5);
    transition: all ease-in-out 0.5s;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
  
}
.contact-page .contact-page-address blockquote p{margin: 0;}
.contact-page .page-sidebar h3 {
    color: var(--orange);
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0 0 13px 0;
    position: relative;
    border-bottom: rgba(153,153,153,0.8) dashed 1px;
    margin-bottom: 13px;

}
.contact-page .contact-page-address blockquote a
{text-decoration: none; box-shadow: none;padding: 13px 20px 13px 50px;  background-image: url(images/brochure.png);
    background-position: 10px 11px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 5px;}

.contact-page .contact-page-address blockquote:hover {
    border: var(--blue) dashed 1px;    
}
.contact-page .contact-page-address blockquote:hover a
{color: var(--blue);}

.contact-page .page-sidebar h3:before
{
content: "\f003";
    font-family: 'FontAwesome';
    margin-right: 7px;
    color:var(--orange);
}

.contact-page .page-sidebar p
{
    margin: 0;
}
.contact-page .page-sidebar:hover h3::before {
	
	left:99%;
}
.inbody.contact-page .addressblock{
	color:#333;
	border:rgba(153,153,153,0.5) solid 1px;
}


.contact-page-map
{
	margin-top:20px;
}
.contact-page-map iframe
{
	margin-bottom:0;
}
.contact-page-map .widget {
    padding-bottom: 0em;
}

.contact-page .cform .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 20px;
    margin-top: -10px;
    margin-bottom: 15px;
}

.cform
{
	padding-top:15px;
	padding-bottom:15px;
	background-color:rgba(220,220,255,0.1);
	border:rgba(220,220,255,0.9) solid 1px;
}
.cform .req
{
	color:#bd1e2d;
}
.cform.discuss{
    padding: 30px;
    font-size: 16px;
}

.cform h3.widget-title {
	text-align: left;
	color: #bd1e2d;
	padding-top: 0px;
	margin-bottom: 15px;
	margin-top: 5px;
	border-left: #bd1e2d solid 0px;
	padding-bottom: 0;
	font-size: 24px;
}

.cform h3
{
	color:#fff;
	padding-bottom:12px;
	border-bottom:#fff solid 1px;
	margin-bottom:12px;
	font-size:22px;
}

.cform input[type="text"], .cform input[type="email"],.cform input[type="tel"],.cform input[type="number"],.cform  textarea,.cform select, .cform  input[type="date"]
{
	width:100%;
	border: #d4d4d4 solid 1px;
	padding: 4px 10px;
	font-size:15px;
	font-weight:normal;
	color:#333;
	margin-bottom:10px;
	border-radius:0;
}


.cform input[type="submit"]
{
	background-image:none !important;
	padding: 12px 25px;
	font-size:17px;
	font-weight:normal;
	background-color:#00012e;
	border:#fff solid 2px;
	text-decoration:none;
	color:#fff;
	border-radius:3px;
	box-shadow: inset 0 0 0 0 #bd1e2d;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	margin-top:10px;
	display:inline-block;
}

.cform input[type="submit"]:before
{
	content:"";
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
}


.cform input[type="submit"]:hover
{
	color:#fff;
	box-shadow: inset 0 100px 0 0 #bd1e2d;
}



.cform h3
{
	color: #fff;
	padding-bottom: 12px;
	border-bottom: #fff solid 1px;
	margin-bottom: 12px;
}
 
.cform label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
	overflow:hidden;
}
.cform label .lbt
{
	background-color:#0d9558;
	padding:5px 10px;
	color:#fff;
}

.careerform
{
	background-color: #f6f6f6;
	padding: 20px 20px 20px 20px;	
}

.careerform.cform h3.widget-title {
    text-align: left;
    color: #0075df;
    padding-top: 0px;
    margin-bottom: 15px;
	border-bottom: #fff solid 1px;
	border-bottom: #ff6d00 solid 2px;
	
}

#sliderform{
	width:360px;
	top:35%;
	right:-323px;
	position:fixed;
	z-index:9999;
	transition:all ease 0.5s; 
}

.sfm
{
	right:0 !important;
	transition:all ease 0.5s; 
}
   
#header{ 
	width:88%;
	position:relative;
	border:1px solid #d8d8d8;
	background-color:#fff; 
	margin-left:40px;
	padding:20px;
	border-radius:3px;
	box-shadow: 0 0 8px gray;
}

#sidebar{
	position:absolute;
	width:50px;
	height: 125px;
	background-color:#0c068a;
	border:none;
	padding:10px;
	color:#FFF;
	font-size:25px;	
	cursor:pointer;
	text-align:center;
left: -50px;
border-radius:5px 0 0 5px;
}

#sliderform .cform h3 {
    color: #0c068a;
    padding-bottom: 12px;
    border-bottom: #fff solid 1px;
    margin-bottom: 12px;
    margin-top: 0;
    padding-top: 10px;
    font-size: 19px;
}

/* ---------------- END FORM ------------------*/


/*---PAGE SIDEBAR --*/

.page-sidebar
{
	padding-bottom:0px;
	margin-bottom:30px;
	border:rgba(153,153,153,0.8) dashed 1px;
	transition:all ease 0.2s;
    border-radius: 3px;
    padding: 25px;
}
.page-sidebar:hover
{
    /*box-shadow: rgba(211,211,211,1) 0px 0px 12px;*/
}

.page-sidebar h3 {
    color: var(--blue);
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0 0 13px 0;
    position: relative;
    border-bottom: rgba(153,153,153,0.8) dashed 1px;
    margin-bottom: 13px;
}

.page-sidebar h3:before
{
content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 7px;
    color:var(--blue);
}

.page-sidebar ul {
	margin:0 -15px;
	padding:0;
}
/*
.page-sidebar ul {
	margin:0 -15px;
	padding:0;
	background-color:rgba(96,165,38,0.0);
	border:rgba(96,165,38,0.5) solid 2px;	
}
*/
.page-sidebar ul li {
	list-style:none;
	padding:0;
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}


.page-sidebar ul li:last-child
{
	border-bottom:none;
}
.page-sidebar ul li:before {
	margin:auto;
	display:none;
}

.page-sidebar ul li a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
	padding:5px 15px;
	display:block;
}

.page-sidebar ul li a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
}

.page-sidebar ul li a:hover
{
	background-color:rgba(153,153,153,0.1);	
	color:#000;
	box-shadow:none;
}

.page-sidebar .queryform
{
	padding:20px;
}

.page-sidebar input[type="text"], .page-sidebar input[type="email"],.page-sidebar input[type="tel"],.page-sidebar input[type="number"],.page-sidebar select
{
	width:100%;
	border: rgba(153,153,153,0.5) solid 1px;
	padding: 9px 10px;
	font-size:15px;
	font-weight:normal;
	color:#333;
	margin-bottom:15px;
	border-radius:5px;
}
.page-sidebar textarea
{
    width: 100%;
    border: #d4d4d4 solid 1px;
    padding: 9px 10px;
    font-size: 15px;
    font-weight: normal;
    color: #333;
    margin-bottom: 15px;
    border-radius: 3px;
}


.page-sidebar input[type="submit"]
{
    background-image: none !important;
    padding: 17px 23px;
    font-size: 14px;
    font-weight: normal;
    background-color: var(--green);
    border: #fff solid 2px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0 var(--orange);
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 8px;
}

.page-sidebar input[type="submit"]:hover
{
	color:#fff;
	box-shadow: inset 0 100px 0 0 var(--orange);
}

.page-sidebar label {
    color: #666;
    display: block;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 14px;
}


/*---END PAGE SIDEBAR --*/


/*---Enquiry Form---*/
.query-page
{
	padding-bottom:30px;
	padding-top:30px;
	border:rgba(153,153,153,0.5) solid 1px;
	transition:all ease 0.2s;
}
.query-page label {
    display:block;
    margin-bottom: 5px;
    font-weight: bold;
	font-size:16px;
}
.query-page input[type="text"], .query-page input[type="email"],.query-page input[type="tel"],.query-page input[type="number"],.query-page select
{
	width:100%;
	border: #d4d4d4 solid 1px;
	padding: 4px 10px;
	font-size:15px;
	font-weight:normal;
	color:#333;
	margin-bottom:15px;
	border-radius:0;
	max-height: 38px;
}
.query-page textarea
{
	width:100%;
	border: #d4d4d4 solid 1px;
	padding: 4px 10px;
	font-size:15px;
	font-weight:normal;
	color:#333;
	margin-bottom:15px;
	border-radius:0;
}


.query-page input[type="submit"]
{
	background-image:none !important;
	padding: 12px 25px;
	font-size:17px;
	font-weight:normal;
	background-color:var(--red);
	border:#fff solid 2px;
	text-decoration:none;
	color:#fff;
	border-radius:3px;
	box-shadow: inset 0 0 0 0 var(--blue);
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	display:inline-block;
}

.query-page input[type="submit"]:hover
{
	color:#fff;
	box-shadow: inset 0 100px 0 0 var(--blue);
}


/* ----- END CONTACT US --- */

/* ----- SERVICE SIDEBAR --- */
.sside
{
	background-color:rgba(220,220,255,0.1);
	border:rgba(220,220,255,0.9) solid 1px;
	padding-bottom:0px;
}

.sside h2.widget-title {
    color: #000;
	padding-bottom: 12px;
	margin-bottom: 12px;
	font-size: 22px;
	text-transform:none;
	font-weight:normal;
    border-bottom: #db0c16 solid 3px;
	letter-spacing: 0;
}

.sside ul {
	margin:0;
	padding:0;
}
.sside ul li {
	list-style:none;
	padding:3px 0;
}

.sside ul li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	margin-right:5px;
}

.sside ul li a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.sside ul li a:hover, .sside ul li a:focus {
    color: #db0c16;
    outline: none;
    text-decoration: none;
    box-shadow: none;
	background-color:transparent;
}

.sside .widget ul li, .widget ol li {
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 0.5em 0;
}

/* ----- END SERVICE SIDEBAR --- */



/* ---------------- BLOG PAGE -------------------*/

.blogmargin
{
	border:#CCC solid 1px;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 28px;
}
.blogmargin header.entry-header
{
	padding-bottom: 1px;
}

.blogmargin .entry-title a:hover, .blogmargin .entry-title a:focus
{
	color:var(--red);
	box-shadow:none;
	background-color:transparent;
}
.blogmargin h2
{
	color:#402020;
	font-size:23px;
	line-height:25px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#ece9e9 solid 1px;
	margin-top: 0;
	padding-top: 0px;
}
.blogmargin a.mybtn
{
    padding: 10px 9px;
    margin-left: 20px;
    background: #f2efea;
    border-radius: 5px;
    color: #000;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    /* text-transform: uppercase; */
    text-decoration: none;
    box-shadow: none;
    margin: 15px 0 0 0;
}
.blogmargin a.mybtn:hover
{
    background-color: var(--green);
    color: #FFF;
	
}


/* ---------------- END BLOG PAGE -------------------*/

@media (max-width:800px)
{
.main-navigation a {
    padding: 9px 19px 9px;
	font-size: 19px;
	}
.contact-page .iconsblocks img{
    min-width: auto;
}
    .contact-page .solqueryform .multiproduct .wpcf7-list-item {
    width: 100%;
}
    .header-links{display: none;}

    
}

@media (max-width:680px)
{
body.home .header-main {
    /* padding-top: 0px; */
    background-image: none;
    position:relative;
}	
body.home .header-fixed {
    position:relative;
    width: 100%;
}
.homepage-vision .vision-block {
    padding-top: 30px;
    padding-bottom: 30px;
}
.homepage-vision {
    background-color: #f3f3f3;
    background-image:none;
}
.testimonials .wtitle {
    font-size: 26px;
}
.testimonials .testiblock {
    padding: 7px;
    margin: 0px;
}

.copyright-main {
    text-align: center;
    
}
.socialicn {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}
.main-navigation > div > ul {
    border-top: 1px solid #eee;
    padding: 0;
}
#header-menu {
    text-align: center;
}
.navigation-top {
    padding-top: 0;
}
.topstp .ph {
    text-align: center;
}
.logo-company {
    margin-top: 5px;
    text-align: center;
}

#masthead .wrap {
    position: relative;
    margin: 10px 0 0 0;
}
.main-navigation ul {
    float: left;
    width: 100%;
}
.main-navigation li li:hover, .main-navigation li li.focus {
    background: #f2f2f2;
}
.main-navigation ul ul a {
    max-width:100%;
}
    
.esol-numbers .number-block h2 {
    font-size: 10px;
}
.esol-numbers .number-block h1 {
    font-size: 30px;
}

.esol-numbers .experience h1 {
    font-size: 30px;
}
.esol-numbers .experience {
    margin-left: 0;
}
.service-home-main h1,.esol-process h1,.testimonials h1 {
    font-size: 30px;
}    
ul#header-menu.menu li:last-child {
    display: none;
    float: inherit;
}
.bathroom-4 ul,.bathroom-4 ol,.bathroom-2 ul,.bathroom-2 ol,.bathroom-3 ul,.bathroom-3 ol
{
      columns:1;
  -webkit-columns: 1;
  -moz-columns: 1;
    text-align: left;
}    
  .bathroom-2 ul li, .bathroom-2 ol li
    {
        margin-bottom: 10px;
    }
.intitle {
    padding-top: 20px;
    }
.header-fixed {
    position: relative !important;
    }
.industry-block
{
    padding: 10px 10px;
    margin-bottom: 18px;    
}
.industry-block h2, .inbody .industry-block h2
{
    font-size: 12px;
}   

.hp-products em a {
    font-size: 15px;
    }
.hp-contact-bar {
    font-size: 20px;
    }
.hp-contact-bar a {
margin: 24px 0 0;
    display: block;
    padding: 20px 25px;
    font-size: 18px;
}    
}

@media (max-width:480px)
{
	body.home .header-fixed {
    position: relative;
    width: 100%;
}

.main-navigation ul ul {
	width:100%;
}

.hpslider
{
	margin-top:0px;
}

.intitle {
    padding-top: 10px;
    padding-bottom: 10px;
}
.intitle h1 {
    font-size: 25px;
}
.navigation-top a {
    color: #333;
}

#masthead .wrap {
    position: relative;
    margin: 0px 0 0 0;
}

.main-navigation ul {
    float: initial;
}
    


}

@media (max-width:320px)
{

}