/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 2.7
Tested up to: 6.6
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


body {
	font-family: "Open Sans", sans-serif;
	color: #444444;
}

a {
	color: #f6c836;
	text-decoration: none;
}

a:hover {
	color: #e76668;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Raleway", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 996;
	background: #f6c836;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

.back-to-top i {
	font-size: 28px;
	color: #fff;
	line-height: 0;
}

.back-to-top:hover {
	background: #e65d5f;
	color: #fff;
}

.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

  .desktop{display:block !important;}
    .mobile{display: none !important;}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	background: #fff;
	transition: all 0.5s;
	z-index: 997;
	padding: 20px 0;
}

#header.header-scrolled {
	padding: 12px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
	font-size: 30px;
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
}

#header .logo a {
	color: #111111;
}

#header .logo a span {
	color: #f6c836;
}

#header .logo img {
	max-height: 40px;
}

/*--------------------------------------------------------------
# Get Startet Button
--------------------------------------------------------------*/
.get-started-btn {
	margin-left: 30px;
	background: #f6c836;
	color: #fff;
	border-radius: 4px;
	padding: 8px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
}

.get-started-btn:hover {
	background: #111111;
	color: #fff;
}

@media (max-width: 992px) {
	.get-started-btn {
		margin: 0 15px 0 0;
		padding: 6px 18px;
	}
}

.download_link{ background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgb(65 132 234 / 75%); width: 600px;
    max-width: 100%;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    padding: 20px 0px;
    text-align: center;
    border: none;
    margin: 20px 0px;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
   margin: 20px 0px;
    
}
.download_link a {color:#fff;} 
.download_link a:hover {color:#fff;} 

.download_link:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
    
    
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
	padding: 0;
}

.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
}

.navbar li {
	position: relative;
}

.navbar a,
.navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 10px 30px;
	font-family: "Raleway", sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #111111;
	white-space: nowrap;
	transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
	color: #f6c836;
}

.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 30px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}

.navbar .dropdown ul li {
	min-width: 200px;
}

.navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 14px;
}

.navbar .dropdown ul a i {
	font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
	color: #f6c836;
}

.navbar .dropdown:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}

@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: #111111;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
	color: #fff;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {
		display: block;
	}

	.navbar ul {
		display: none;
	}
}

.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.9);
	transition: 0.3s;
	z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
}

.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	padding: 10px 0;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
	padding: 10px 20px;
	font-size: 15px;
	color: #111111;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
	color: #f6c836;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
	margin: 15px;
}

.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
	min-width: 200px;
}

.navbar-mobile .dropdown ul a {
	padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
	font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
	color: #f6c836;
}

.navbar-mobile .dropdown>.dropdown-active {
	display: block;
}

.cont_boxxx {
width: 100%;
    box-shadow: 5px 10px #f6c836 !important;
    background: #0060AA !important;
    padding: 11px !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    text-align: center;
    border-radius: 5px;
}

.cont_boxxx a {color:#f6c836 !important; }
.cont_boxxx:active a {
	color: #fff !important;
}

.cont_boxxx:focus a {
	color: #fff !important;
}

.cont_boxxx:hover a {
	color: #fff !important;
	margin-bottom: 10px !important;
	
}

.cont_boxxx:hover {
	margin-bottom: 10px !important;
	border:1px solid #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	height: 100vh;
	background: url("https://medicaldialogues.in/h-library/background-2.png") top center no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 82px;
}

/*#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}*/

#hero h1 {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
}

#hero h2 {
	color: #fff;
	margin: 10px 0 0 0;
	font-size: 24px;
}

#hero .btn-get-started {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 4px;
	transition: 0.5s;
	margin-top: 30px;
	color: #fff;
	background: #f6c836;
	border: 2px solid #f6c836;
}

#hero .btn-get-started:hover {
	background: transparent;
	border-color: #fff;
}

@media (max-width: 768px) {
	#hero {
		text-align: center;
		padding-top: 58px;
	}

	#hero {
		display: none !important;
	}

	#mobile_banner {
		padding-top: 100px;
		display: block;
		background: url(https://istamet.in/wp-content/themes/twentytwenty/images/background-2.png) top center no-repeat;
		position: relative;
		background-size: cover;
	}

	#mobile_banner h1 {
		font-size: 28px;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}

	h2.blink {
		margin-bottom: 10px;
		text-align: center;
		font-weight: 600;
		font-size: 20px;
	}

	.blink span {
		background: #f6c836;
		color: #0060AA;
		padding: 10px 18px;
		border-radius: 20px;
	}

	.box {
		padding: 5px;
	}

	.box p {
		font-weight: 600;
		font-size: 24px;
		color: #fff;
		margin-bottom: 0px;
		margin-top: -10px;
	}

	section {
		padding: 20px 0;
	}

	.section-title {
		padding-bottom: 5px;
	}

	.section-title h2 {
		font-weight: 600;
		font-size: 28px;
	}

	.con_lef {
		border-left: none;
		padding-left: 0px;
	}

	ul.list_content {
		list-style: none;
		padding: 0;
		line-height: 35px;
	}

	ul.list_content li {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}


}

@media (max-height: 500px) {
	#hero {
		height: 120vh;
	}
}


.cont_button {
width: 100%;
    color: #fff!important;
    box-shadow: 9px 10px #94d0f3 !important;
    background: #0060AA !important;
    padding: 10px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.cont_button:active {
	color: #fff !important;
}

.cont_button:focus {
	color: #fff !important;
}

.cont_button:hover {
	color: #fff !important;
	margin-bottom: 10px !important;
}


/*--------videocss-----------*/
.videoWrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;


}

.maxbutton-1.maxbutton.maxbutton-product-brochure .mb-text{font-weight:600 !important;}

.maxbutton-2.maxbutton.maxbutton-diabetes-prime .mb-text{font-weight:600 !important;}
.maxbutton-3.maxbutton.maxbutton-join-seminar .mb-text{font-weight:600 !important;}
.
/*-----------end video css------------*/


table {
	border-collapse: collapse;
	width: 100%;
}

td,
th {
	border: 4px double #f6c836;
	text-align: left;
	padding: 8px;
}

th {
	background: #f6c836;
	color: #fff;
}

#hero {
	padding-top: 0px;
}


ul.list_content {
	list-style: none;
	padding: 0;
}

ul.list_content li {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.con_lef {
	border-left: 2px solid #ccc;
	padding-left: 20px;
}

h4.heading4 {
	border: 1px solid #f6c836;
	padding: 12px;
	border-radius: 20px;
	text-align: center;
	background: #0060AA;
	color: #fff;
	font-weight: 600;
}

.box {
	padding: 25px;
	transition: 0.4s;
	height: 100%;
	border-radius: 10px;
	text-align: center;
}

.box:hover {
	background: #fff;
	margin-top: -15px;
}

.box:hover p {
	color: #f6c836;
}

.box p {
	font-weight: 700;
	font-size: 30px;
	color: #fff;
}

.contact .php-email-form select {
	box-shadow: none;
	font-size: 14px;
	border-radius: 4px;
	padding: 10px 15px;
}

.section-title h2 {
	text-transform: none;
}

#mobile_banner {
	display: none;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	padding: 60px 0;
	overflow: hidden;
	position: relative;
}

.section-title {
	text-align: center;
	padding-bottom: 30px;
	position: relative;
}

.section-title h2 {
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-title h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 3px;
	background: #f6c836;
	bottom: 0;
	left: calc(50% - 25px);
}

.section-title p {
	margin-bottom: 0;
}

.section-bg {
	padding: 120px 0;
	color: #fff;
}

.section-bg:before {
	content: "";
	background: #1b1b1b;
	position: absolute;
	bottom: 60px;
	top: 60px;
	left: 0;
	right: 0;
	transform: skewY(-3deg);
}


@media (max-width: 768px) {
	.tabs .nav-link i {
		padding: 0;
		line-height: 1;
		font-size: 36px;
	}
}

@media (max-width: 575px) {
	.tabs .nav-link {
		padding: 15px;
	}

	.tabs .nav-link i {
		font-size: 24px;
	}
}

.tabs .tab-content {
	margin-top: 30px;
}

.tabs .tab-pane h3 {
	font-weight: 600;
	font-size: 26px;
}

.tabs .tab-pane ul {
	list-style: none;
	padding: 0;
}

.tabs .tab-pane ul li {
	padding-bottom: 10px;
}

.tabs .tab-pane ul i {
	font-size: 20px;
	padding-right: 4px;
	color: #f6c836;
}

.tabs .tab-pane p:last-child {
	margin-bottom: 0;
}


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
	margin-bottom: 30px;
}

.portfolio #portfolio-flters {
	padding: 0;
	margin: 0 auto 20px auto;
	list-style: none;
	text-align: center;
}

.portfolio #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	padding: 8px 15px 10px 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
	color: #fff;
	background: #f6c836;
}

.portfolio #portfolio-flters li:last-child {
	margin-right: 0;
}

.portfolio .portfolio-wrap {
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: rgba(17, 17, 17, 0.6);
}

.portfolio .portfolio-wrap::before {
	content: "";
	background: rgba(17, 17, 17, 0.6);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all ease-in-out 0.3s;
	z-index: 2;
	opacity: 0;
}

.portfolio .portfolio-wrap img {
	transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
	text-align: center;
	z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
	color: rgba(255, 255, 255, 0.4);
	margin: 0 5px 0 0;
	font-size: 28px;
	display: inline-block;
	transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
	color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
	opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
	transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
	opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
	padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
	width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #f6c836;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #f6c836;
}

.portfolio-details .portfolio-info {
	padding: 30px;
	box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
}

.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
	margin-top: 10px;
}

.portfolio-details .portfolio-description {
	padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
	padding: 0;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
	color: #444444;
	text-align: center;
	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
	padding: 30px 0 32px 0;
	border-radius: 4px;
}

.contact .info-box i {
	font-size: 32px;
	color: #f6c836;
	border-radius: 50%;
	padding: 8px;
	border: 2px dotted #f8d4d5;
}

.contact .info-box h3 {
	font-size: 20px;
	color: #777777;
	font-weight: 700;
	margin: 10px 0;
}

.contact .info-box p {
	padding: 0;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
}

.contact .php-email-form {
	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
	padding: 30px;
	border-radius: 4px;
}

.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .error-message br+br {
	margin-top: 25px;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
	margin-bottom: 25px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
	box-shadow: none;
	font-size: 14px;
	border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
	border-color: #111111;
}

.contact .php-email-form input {
	padding: 10px 15px;
}

.contact .php-email-form textarea {
	padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
	background: #f6c836;
	border: 0;
	padding: 10px 32px;
	color: #fff;
	transition: 0.4s;
	border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
	background: #e35052;
}

@-webkit-keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	color: #fff;
	font-size: 14px;
	background: #111111;
}

#footer .footer-top {
	padding: 60px 0 30px 0;
	background: #1b1b1b;
}

#footer .footer-top .footer-contact {
	margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
	font-size: 26px;
	line-height: 1;
	font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
	color: #f6c836;
}

#footer .footer-top .footer-contact p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Raleway", sans-serif;
}

#footer .footer-top h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 12px;
}

#footer .footer-top h4::after {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	background: #f6c836;
	bottom: 0;
	left: 0;
}

#footer .footer-top .footer-links {
	margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: white;
	font-size: 18px;
	line-height: 1;
}

#footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}

#footer .footer-top .footer-links ul a {
	color: #aaaaaa;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
	text-decoration: none;
	color: #fff;
}

#footer .footer-newsletter {
	font-size: 15px;
}

#footer .footer-newsletter h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 12px;
}

#footer .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 5px 10px;
	position: relative;
	border-radius: 4px;
	text-align: left;
}

#footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 4px 8px;
	width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 20px;
	background: #f6c836;
	color: #fff;
	transition: 0.3s;
	border-radius: 0 4px 4px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
	background: #e35052;
}

#footer .credits {
	padding-top: 5px;
	font-size: 13px;
}

#footer .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #2b2b2b;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 4px;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}

#footer .social-links a:hover {
	background: #f6c836;
	color: #fff;
	text-decoration: none;
}




@media (min-width:1200px) {

	h1,
	h2 {
		font-size: 2.5rem;
	}

	
}



@media (max-width: 600px) {
    .desktop{display:none !important;}
    .mobile{display: block !important;}
	.section-bg:before {
		background: #0060AA;
	}



}



@media only screen and (max-width: 40.0625em) {
  .wpsisac-image-slide img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center;}
  .wpsisac-image-slide, .wpsisac-slide-wrap{height:auto;}
  .wpsisac-slick-slider.design-5 .wpsisac-image-slide, .wpsisac-slick-slider.design-5  .wpsisac-slide-wrap{height:auto !important;}
  .wpsisac-slick-slider h2{font-size:22px; line-height:26px;}
  .wpsisac-slider-short-content p{font-weight:normal !important}
  .wpsisac-slick-slider.design-4 .wpsisac-image-slide, .wpsisac-slick-slider.design-4 .wpsisac-slide-wrap{height:auto !important;}
  .wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content-left{padding:20px}
  .wpsisac-slick-carousal .wpsisac-image-slide-wrap, .wpsisac-slick-carousal .wpsisac-image-slide{height:auto !important}
}