/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.fixed-bottom-message {
	border-radius: 20px;
	/* padding: 10px; */
	background-color: #2acc50;
	position: fixed;
	bottom: 1.5rem;
	font-size: 13px;
	left: 1rem;
	height: auto;
	transition: .3s;
	cursor: pointer;
	z-index: 1000;
	display: block;
	padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.fixed-bottom-message2 {
	border-radius: 20px;
	/* padding: 10px; */
	background-color: #2acc50;
	position: fixed;
	bottom: 1.5rem;
	font-size: 13px;
	left: 11rem;
	height: auto;
	transition: .3s;
	cursor: pointer;
	z-index: 1000;
	display: block;
	padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.fixed-bottom-message:hover{
	opacity: .7;
}

.fixed-bottom-message3 {
	border-radius: 20px;
	/* padding: 10px; */
	background-color: #fff4f2;
	position: fixed;
	bottom: 1.5rem;
	font-size: 13px;
	left: 19.3rem;
	height: auto;
	transition: .3s;
	cursor: pointer;
	z-index: 1000;
	display: block;
	padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	padding-right: 1rem !important;
    padding-left: 1rem !important;
}

#mainMenu nav > ul > li > a { font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; } 

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
	font-size: 15px !important; font-weight: 400 !important; line-height: 15px !important;
}

#topbar .top-menu > li > a {  font-size: 13px !important; }

button.btn.btn-xs, .btn:not(.close):not(.mfp-close).btn-xs, a.btn:not([href]):not([tabindex]).btn-xs {
    font-size: 12px !important;
}


.testimonial.testimonial-left .testimonial-item > img { display: inherit; float: left; margin: 0 0 40px 0; height: 170px !important; width: 170px !important; }

.ql-video-wrapper {
	width: 80%;
	margin: auto;
}

.ql-video-inner {
	padding-top:56.25%;
	position:relative;
	height:0;
}

.ql-video-inner iframe,
.ql-video-inner object,
.ql-video-inner embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}