/*!
Theme Name: XSimply
Theme URI: http://www.iljester.com/portfolio/xsimply
Author: Il Jester
Author URI: http://www.iljester.com
Description: XSimply is a versatile and light theme, available in different color schemes to allow a better and effective customization: light (white), metal (gray), sea (blue), night (black). The combination of colors combined with a personalized background image can make your site unique and particular.
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xsimply
Tags: custom-background, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-header, editor-style, flexible-header, post-formats, sticky-post, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

XSimply is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ----------------------------------------------------------------
 * DO NOT EDIT THIS STYLE. USE CUSTOM CSS IN CUSTOMIZER INSTEAD!
 * --------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Html Formats
	# Typography
	# Elements
	# Forms
	# Links
	# Media
# Preset
	## Accessibility
	## Alignments
	## Prefix
	## Clearings
	## Blocks
# Layout
	## Header
	## Content
	## Widgets
	## Navigation
	## Footer
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 	
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
    background-color: #2353ff;
    color: white;
	border-radius: 10px 10px 0px 0px;
    padding: 6px 20px;
    border: none;
    cursor: pointer !important;
    opacity: 1.9;
    position: fixed;
    bottom: 1px;
    left:43%;
    width: 266px;
    z-index: 9;
    font-size: 22px;
    font-weight: bold;
}
		
.chat-popup h4 {
	font-size: 22px;
    color: #000;
}
		
a.bannum {
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left:44%;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 10px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height:80px;
}
		
.form-container .textfield {
  width: 100%;
  padding: 15px;
  margin: 5px 0 10px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height:10px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
{box-sizing: border-box;}
	
	
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.mob_show{
	display:none;
}
.shan_lft{
	text-align:right;
}
.mobile-tip {
	display:none;
}
.topper span.text{
	font-size:13px !important;
}
.wpcf7-form-control.wpcf7-submit{font-size: 16px;
padding-top: .8rem;
padding-bottom: .8rem;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
font-weight: 400;
color: #fff;
opacity: 1 !important;
padding: 1px 14px !important;
color: #fff !important;
background: #e31e24;
border: none !important;align-content}

h4.ftco-heading-2 { color:#fff !important;}

 .wpcf7 {
 width: 50%;
text-align: left;
float: left;
}
.text a{color:#fff}
.red,.red a{color:red; line-height:40px;}

.enqf {
    float: left;
    width: 32%;
    margin: 0;
    padding: 0 !important;
    TEXT-ALIGN: LEFT;
    margin-left: 30px;
    font-size: 40px !important;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required
 {
    width: 100%;
    margin: 5px;
    padding: 5px;
}

.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number
 {
    width: 100%;
    margin: 5px;
    padding: 5px;
}

.wpcf7-form-control.wpcf7-text {
    width: 100%;
    margin: 5px;
    padding: 5px;
}

@media only screen and (max-width: 480) 
{
	.mb-4 { line-height: 20px !important; margin-top: 89px !important;}
	h1.red { line-height: 43px !important; font-size: 35px !important;}
}


@media only screen and (max-width: 768px) 
{
	.col-9{
		    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	.col-md-3.pr-0.d-flex.topper{
		display:none !important;
	} 
	.navbar-toggler{
		    text-align: right !important;
    margin-left: auto;
	}
	.img.mr-md-2.product {
		width:80% !important;
		height:278px !important;
	}
	span.icon-phone2::before{
		font-size:15px !important;
	}
	.ftco-animate{
		margin-top:25px;
	}
	


	
	.shan_lft{
	text-align:center !important;
		margin-bottom:25px;
}
	.wid_sec{
		width:100% !important;
	}
	.mob_show{
		display:block !important;
		    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	.desk_show{
		display:none !important;
	}
	.mlr{
		text-align: center !important;
    margin-left: auto;
    margin-right: auto;
	}
	.owl-carousel.home-slider .slider-item .slider-text h4.top-s-heading{
		font-size:15px !important;
		position:relative;
		bottom:250px;
	}
	.owl-carousel.home-slider .slider-item .slider-text h4.subheading{
		font-size:25px !important;
	}
	.owl-carousel.home-slider .slider-item .slider-text h3.mb-4{
		font-size:30px !important;
	}
	.owl-carousel.home-slider .slider-item .slider-text p{
		font-size:15px !important;
	}
	.mobile-tip {
    width: 100%;
    display: flex;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    text-align: center;
		height:55px;
    border-top: solid 1px #e6e6e6;
    justify-content: center;
    align-items: center;
}
	section.sub-footer .sub-top{
		font-size:20px !important;
	}
	.ftco-wrap-about .wrap-about p{
		padding:0 0px !important;
	}
	.navbar-brand .img-responsive{
		width:85px !important;
	}
	.call-message{
		text-align: left !important;
    margin-left: auto;
    margin-right: auto;
	}
	.call-messages{
		text-align: right !important;
    margin-left: auto;
    margin-right: auto;
	}
	.heading-section h3.mb-4{
		    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	.profile-section .staff .img{
		height:315px !important;
	}
	section.sub-footer ul li{
		width:100% !important;
	}
	.ftco-navbar-light .navbar-toggler{
		font-size:10px !important;
	}
	.ftco-navbar-light{
		height:103px !important;
	}
	.ftco-footer .ftco-footer-widget h2.logo{
		text-align:center !important;
	}
	.ftco-footer-social{
		text-align:center !important;
	}
	.text-left{
		text-align:center !important;
	}
	.f-i{
		text-align:center !important;
	}
	.products .heading-section{
		margin-top:0px !important;
	}
	.ftco-animate{
		margin-top:0px !important;
	}
	.ftco-section{
		padding:10px !important;
	}
	body .owl-carousel.home-slider .slider-item .slider-text .subheading{
		line-height:1px !important;
		margin-top:10px !important;
		position:relative;
		bottom:250px;
	}
	.owl-carousel.home-slider .slider-item .slider-text h4.top-s-heading:after{
		width:0px !important;
		
	}
	body .owl-carousel.home-slider .slider-item .slider-text h3.mb-4{
		line-height:30px !important;
		margin-top:10px !important;
		position:relative;
		bottom:250px;
	}
	body .owl-carousel.home-slider .slider-item .slider-text p{
		width:80% !important;
		margin-top:10px !important;
		display:none !important;
	} 
	.page-id-home .slider-item.js-fullheight{
		height:170px !important;
	}
	.social-siderbar{
		display:none !important;
	}
	.page-id-home .home-slider{
		height:100px !important;
	}
	
	.col-9.mob_show{
		width:100% !important;
		    position: relative;
    bottom: 10px;
	}
	.mob_show .pr-4, .px-4{
		padding-right:0rem !important;
	}
	.mob_show .topper span.text{
		font-size:10px !important;
	}
	.book-aponitments{
		position:relative;
		bottom:25px;
	}
	#ftco-nav{
		background:#000 !important;
	}
	.navbar-nav.ml-auto li a{
		color:#fff !important;
	}
	.shan_slider .owl-prev{
		position:relative;
		top:40px;
	}
	.shan_slider .owl-next{
		position:relative;
		top:40px;
	}
	.ftco-navbar-light{
		height:90px !important;
	}
	ul.sub-menu{
		position:unset !important;
		min-width:200px !important;
	}
	section.banner-inside header.entry-header h1.entry-title{
		align-items:baseline !important;
		font-size:15px !important;
	}
	section.banner-inside header.entry-header:before{
		background:#fff !important;
	}
	section.banner-inside{
		height:115px !important;
	}
	.heading-section.mb-4.my-5.my-md-0{
		margin-top:0px !important;
	}
	
}



.profilesidlerbox {
    width: 40%;
    border: 1px solid #fff;
    text-align: left;
    padding: 20px;
}

.profilesidlerbox p.decription {
    padding: 0;
}

.profilesidlerbox h3 {
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.profilesidlerbox li {
    color: #fff;
    display: flex;
}

.profilesidlerbox li span.left,.profilesidlerbox li span.right {
    border: 1px solid #fff;
    width: 100%;
    padding: 5px 10px;
}

.profilesidlerbox li span.left ul {}

.profiletbl {
    margin-bottom: 20px;
}

.whatsapp a {
    background: #13a306;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 18px;
}

.whatsapp { color: #fff;}

section.ftco-section.mapiframe {
    padding-top: 0;
    margin-top: -20px;
}

section.ftco-section.mapiframe .mapiframec iframe {
    width: 100%;
    box-shadow: 0 0 4px 1px #ccc;
    border: 11px solid #e4e2c9 !important;
}
section.ftco-section.mapiframe.mapiframe-serv {
    margin: 0;
    padding: 0;
}

section.ftco-section.mapiframe.mapiframe-serv .container {
    padding: 0;
    margin-top: 40px;
}