/*
Theme Name: Clarmondial Theme Child
Theme URI: http://www.d4designstudios.com
Description: Clarmondial Child is a child theme of D4D Visual Builder, created by D4D Team
Author: D4D Team
Author URI: https://www.d4designstudios.com/
Template: clarmondial-theme
Version: 1.0.0
Text Domain: d4d-textdomain
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.elementor-menu-toggle__icon--close svg {
	width: 40px;
}
button:focus {
	outline: none !important;
}
a {
	outline: none;
}

.elementor-widget-container p:last-child {
	margin-bottom: 0;
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
a {
	color:#19395F;
	text-decoration: none;
}
a:hover {
	color: #201F5F;
}

.post-state {
	display: none !important;
}
/* Hide gallery caption in Elementor lightbox */
.elementor-lightbox .elementor-gallery-title {
    display: none;
}

/*-------------------------------------------------------------------
Page Loader
--------------------------------------------------------------------*/
#lottiewrap{
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color:#ffffff;
}


#lottie {
	width:50%;
	height:100%;
	margin: 0 auto;
	max-width:160px;
}
.d4d_page_loader {
	position:fixed;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	text-align: center;
	background: #ffffff url('svg-loaders/oval.svg') no-repeat center center;
	background-position: center center;
	background-size: 60px 60px;
}

/* search icon */

.d4d-header-icons .elementor-search-form--skin-full_screen .elementor-search-form__toggle i:before {
    content: url(assets/search.svg) !important;
	height: 30px;
}

.d4d-header-icons .black.elementor-search-form--skin-full_screen .elementor-search-form__toggle i:before {
    content: url(assets/search-black.svg) !important;
	height: 30px;
}
.d4d-header-icons .fas.fa-search {
	background-color: transparent !important;
}

.mainheader .fa-chevron-down:before {
	content: url(assets/expand-arrow.svg) !important;
}
/*============================*/
/* Video Icon */
/*============================*/
.video_bottomicon .elementor-custom-embed-play {
	left: 30% !important;
	top: 50% !important;
}

/*============================*/
/* Partial Image CSS          */
/*============================*/
.fullimageright .elementor-column-wrap,
.fullimageright .custom-post-thumb,
.fullimageleft .elementor-column-wrap {
	width: auto;
}
.fullimageright .elementor-widget-wrap,
.fullimageright .custom-post-thumb,
.fullimageleft .elementor-widget-wrap {
	width: auto;
}
.fullimageright .elementor-widget,
.fullimageright .custom-post-thumb,
.fullimageleft .elementor-widget {
	width: auto !important;
	max-width: inherit !important;
}
@media screen and (max-width:979px) {
	.fullimageleft > div { margin-left:auto !important; }
	.fullimageright > div { margin-right:auto !important; }
}
@media only screen and (max-width: 479px) {
	.fullimageleft > div,
	.fullimageright > div { margin-left:0 !important; margin-right:0 !important; }
}

/*============================*/
/* Slider Homepage            */
/*============================*/
.swiper-slide-contents {
    margin-top: 80px !important;
}

.homeslider .elementor-swiper .swiper .elementor-swiper-button-prev {
    left: 30px;
    bottom: 0;
    top: auto;
}
.homeslider .swiper .elementor-swiper-button-prev .eicon-chevron-left:before {
	content: url('assets/left-arrow.svg');
}
.homeslider .elementor-swiper .swiper .elementor-swiper-button-next {
	left: 30px;
	bottom: 30px;
	top: auto;
}
.homeslider .swiper .elementor-swiper-button-next .eicon-chevron-right:before {
	content: url('assets/right-arrow.svg');
}


/*============================*/
/* Default Widgets            */
/*============================*/

/* d4d widgets wrap styling */
.d4d-widget [type=submit] {
/* 	color: #000!important; */
/* 	border: 1px solid #000!important; */
}
.d4d-widget [type=submit]:hover,
.d4d-widget [type=submit]:focus {
/* 	background-color: #ffa600!important; */
/* 	color: #fff!important; */
}
.d4d-widget {
	margin-bottom: 40px;
}

.d4d-widget .widget-title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

.widget ul, .widget ol {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.widget li { margin-bottom: 0; }
	.widget_pages ul li,
	.widget_nav_menu ul li,
	.widget_categories ul li,
	.widget_archive ul li {
	display: block;
	padding: 2px 0;
	text-align: right;
}
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_archive ul li a {
	position: relative;
	float: left;
	padding: 2px 0;
	color: #222222;
	border-bottom: 1px solid #e1e1e1;
	border-color: rgba(0,0,0,0.1);
}

.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover {
	color: #3F3F3F;
}
.widget_pages ul li::after,
.widget_nav_menu ul li::after,
.widget_categories ul li::after,
.widget_archive ul li::after {
	clear: both;
	display: block;
	content: "";
}
.widget_pages ul li a:after,
.widget_nav_menu ul li a:after,
.widget_categories ul li a:after,
.widget_archive ul li a:after {
	content: '';
	border-bottom: 1px solid #e1e1e1;
	border-color: rgba(0,0,0,0.1);
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 0%;
	left: 0;
	transition: all 200ms linear;
}
.widget_pages ul li a:hover:after,
.widget_nav_menu ul li a:hover:after,
.widget_categories ul li a:hover:after,
.widget_archive ul li a:hover:after {
	width: 100%;
	border-color: #3F3F3F;
}
.widget_pages ul.children,
.widget_nav_menu ul.children,
.widget_categories ul.children,
.widget_archive ul.children { clear: both; padding: 5px 0 0 10px; }

.widget_pages ul.children li,
.widget_nav_menu ul.children li,
.widget_categories ul.children li,
.widget_archive ul.children li { padding: 5px 0; }

.widget_nav_menu ul.children li,
.widget_nav_menu ul.children li a,
.widget_pages ul.children li,
.widget_pages ul.children li a,
.widget_categories ul.children li,
.widget_categories ul.children li a,
.widget_archive ul.children li,
.widget_archive ul.children li a { line-height: 1; padding-left: 8px;}

table thead th {
	background-color:#F3F5F7;
	color: #ffffff;
}

/* WordPress Clanedar */
#wp-calendar { border: none; }
#wp-calendar tbody td,
#wp-calendar th,
#wp-calendar table,
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption,
#wp-calendar tbody td {
	background-color: transparent !important;
	border: none !important;
}
#wp-calendar tbody td a {
	display: block;
	width: 38px;
	height: 38px;
	color: #000000;
	padding: 6px;
	border: 1px solid #3F3F3F;
	border-radius: 50%;
}
#wp-calendar tbody td {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	vertical-align: middle;
}
#wp-calendar tbody td { text-align: center; }
#wp-calendar th {
	font-weight: 300;
	text-align: center;
}
#wp-calendar caption { font-weight: bold; color: inherit; }
#wp-calendar tfoot tr a { color: inherit; }
#wp-calendar tfoot #prev { text-align: left;}
#wp-calendar tfoot #next { text-align: right;}

#wp-calendar tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.023);
}
/*============================*/
/* Menu Cart Icon             */
/*============================*/
.elementor-menu-cart__toggle .elementor-button:hover {
	border: 0 !important;
	padding: 0 !important;
}

/*============================*/
/* Toggle Icon Plus Minus */
/*============================*/

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened,
.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {
    display: block;
    font-size: 40px;
    margin-top: -10px;
}
/*============================*/
/* Projekte                   */
/*============================*/

button.htmega-carosul-prev.slick-arrow {
    border-right: 1px solid #cccccc !important;
}
.post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
	position: relative;
}


.custom-post-navigation {
    display: flex;
    align-items: center;
    position: relative;
    top: 80px;
}
.custom-post-navigation .pagination-separator {
    display: inline-block;
    width: 1px;
    height: 28px;
    background-color: #dddddd;
    margin: -4px 10px 0 10px;
    vertical-align: middle;
}

.custom-post-navigation a {
    display: inline-block;
}

.post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover {
	border-bottom: none !important;
}

/* Button Arrow */

.button-arrow .elementor-button-text:after {
	content: url('assets/arrow_button.svg');
	left: 10px;
    position: relative;
    top: -2px;
}

.button-arrow-w .elementor-button-text:after {
	content: url('assets/arrow_button-white.svg');
	left: 10px;
    position: relative;
    top: -2px;
}

.elementor-post-navigation .post-navigation__arrow-prev.post-navigation__arrow-wrapper i {
	content: url('assets/arrow_button.svg');
	transform: rotate(180deg) translateY(9px);
}

.elementor-post-navigation .post-navigation__arrow-next.post-navigation__arrow-wrapper i {
	content: url('assets/arrow_button.svg');
	transform: translateY(-10px);
}
/*============================*/
/* WPML dropdown icon         */
/*============================*/
.d4d-wpml .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: url(assets/arrow-down-white.svg);
    border: unset!important;
    position: absolute;
	right: 0px;
    top: 50%;
	width: 20px;
	transform: translateY(-40%) scale(1.5);
}

.elementor-sticky--effects .d4d-wpml.black .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	content: url(assets/arrow-down-black.svg);
    border: unset!important;
    position: absolute;
	right: 0px;
    top: 50%;
	width: 20px;
	transform: translateY(-40%) scale(1.5);
}
.wpml-ls-legacy-dropdown a {
	padding: 5px 0 5px 10px!important;
	border: unset!important;
	line-height: unset!important;
	background: transparent;
	text-decoration: none !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
	background:transparent;
}
.wpml-ls-sub-menu li {
	line-height: 20px;
}
.wpml-ls-legacy-dropdown a span {
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}
.d4d-wpml ul.wpml-ls-sub-menu {
	width: 45px;
}
.d4d-wpml li {
	transition: all 0.5s linear;
}
.d4d-wpml .wpml-ls-legacy-dropdown li:hover {
	background-color: transparent;
}


/*============================*/
/* Responsive CSS             */
/*============================*/

/* This media query targets screens with a maximum width of 1024px or tables */

	.elementor-sticky--effects .elementor-container .elementor-widget-wrap section.elementor-inner-section {
		margin-top: -24px!important;
	}
	.elementor-sticky--effects.mainheader .e-con-inner {
		padding-top: 10px!important;
	}

	.elementor-sticky--effects img {
/* 		width: 60% !important; */
	}

	.elementor-sticky--effects {
		background-color: #ffffff;
		box-shadow: 0 0 14px 0 rgba(0,0,0,.2);

	}
	.blacklogo {
		display: none;
	}

	.black {
		display: none;
	}

	.elementor-sticky--effects .white {
		display: none;
	}
	.elementor-sticky--effects .black {
		display: flex;
	}

	.elementor-sticky--effects .logo {
		display: none;
	}
	.elementor-sticky--effects .blacklogo {
		display: flex;
	}

	ul.elementor-nav-menu--dropdown a,
	ul.elementor-nav-menu--dropdown a:focus,
	ul.elementor-nav-menu--dropdown a:hover {
		border:none !important;
	}

	/* Humburger Menu */
	#hummenu .elementor-menu-toggle,
	#hummenu .elementor-menu-toggle:focus,
	#hummenu .elementor-menu-toggle:visited {
		background-color: transparent;
	}

	#hummenu .fa-angle-down:before {
		content: url('assets/arrow-down.svg') !important;
	}

	#hummenu .highlighted .fa-angle-down:before {
		content: url('assets/arrow-down-white.svg') !important;
	}

	#hummenu .elementor-menu-toggle .eicon-menu-bar:before {
		position: absolute;
		transform: translate(-100%, -45%);
		content: url('assets/ham-open.svg');
		background-repeat: no-repeat;
		background-size: contain;
		transition: all 0.5s linear;
		z-index: 9999;
	}
	#hummenu .elementor-menu-toggle.elementor-active .eicon-close:before {
		position: absolute;
		transform: translate(-100%, -45%);
		content: url('assets/ham-close.svg');
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 9999;
	}

	/* D4D custom dropdown menu */
	#hummenu .elementor-nav-menu--dropdown .elementor-nav-menu {
		width: 90%;
		max-width: 1140px;
		margin: 0 auto;
		outline: none;
	}
	#hummenu nav.elementor-nav-menu--dropdown {
		top: 0 !important;
		margin:0;
		position: fixed !important;
		width: 100vw !important;
		height: 100vh !important;
		background-color: rgba(255, 255, 255, 1) !important;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10;
		transition: all 0.4s cubic-bezier(0.54, 0.17, 0.47, 0.83);
	}
	#hummenu .elementor-menu-toggle {
		z-index: 999;
		padding:0;
		position: relative;
	}

	#hummenu .elementor-nav-menu--dropdown .elementor-item:focus {
		background-color: transparent !important;
	}

	#hummenu .elementor-nav-menu--dropdown .elementor-nav-menu a {
		transition: all 0.23s ease-in-out;
	}

	#hummenu .elementor-nav-menu--dropdown .elementor-nav-menu a:hover {
		padding-left: 10px;
	}

	#hummenu .elementor-nav-menu--dropdown .elementor-item:focus,
	#hummenu .elementor-nav-menu--dropdown .elementor-nav-menu li:last-child a {
		border-bottom: none !important;
	}

	#hummenu .elementor-nav-menu--dropdown .mb-show {
		display: block !important;
	}
	#hummenu .elementor-nav-menu--dropdown ul {
		width: 40%;
	}
	
	.elementor-nav-menu__align-right .elementor-nav-menu,
	.elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical>ul>li>a {
		justify-content: center !important
	}
	#hummenu .elementor-menu-toggle.elementor-active .eicon-close:before{
		margin-right:0 !important;
		right: -50% !important;
		transform: translate(50%,-50%);
	}
	#hummenu .elementor-menu-toggle .eicon-menu-bar:before {
		width: 70px;
		transform: translate(-40%,-50%);
		overflow: hidden;
	}

/* This media query targets screens with a maximum width of 475px or all mobiles landscape and portraits */

@media only screen and (max-width: 475px ) {


}
/*============================*/
/* Portfolio CSS             */
/*============================*/
.portfolio-filter-wrap {
	margin-bottom: 30px;
	display: flex;
}

form#portfolio-filter {
	width: 100%;
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}

.portfolio-filter-wrap .filter-projektecats {
	margin-left: 10px;
}
.filter-types {
	display: flex;
	flex-wrap: wrap;
}
.filter-projektecat:before {
    content: '';
    border-right: 1px solid #cccccc;
    left: 0;
    position: absolute;
    width: 1px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-projektecats,
.filter-projektetype {
    position: relative;
    margin: 0 30px 10px 0 !important;
}
input#portfolio-search {
	background-color: #f4f4f4;
    border-radius: 0;
    border-width: 0;
	padding: 10px 20px;
    text-transform: uppercase;
    font-size: 12px;
    color: #000000;
}
.filter-search {
	position: relative;
	flex-basis: 250px;
}
.filter-search:after {
    content: url(assets/search-b.svg) !important;
	position: absolute;
	top:8px;
	right:15px;
}

select#projektecats,
select#projektetype {
	text-transform: uppercase;
	padding-right: 40px;
	padding-left: 15px;
	border: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	font-weight: 600;
	color: #000000;
	background: transparent;
	font-family: "Outfit", sans-serif;
	font-size: 15px;
}


.filter-projektetype:after,
.filter-projektecats:after {
	content: '';
	background:url('assets/down-arrow.svg');
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
}


.portfolio-wrapper a.readmore-btn:hover {
	border: none !important;
}

.portfolio-wrapper {
	display: -ms-grid;
	display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 80px;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(3,1fr);
}

.portfolio-wrapper .portfolio-item {
	display: flex;
    flex-direction: column;
}

.portfolio-wrapper .portfolio-content h3{
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5em;
	text-transform:uppercase;
}
.portfolio-wrapper .portfolio-content h3 a{
	color: #000000;
}
.portfolio-wrapper .portfolio-thumb {
	height: 250px;
	overflow: hidden;
}
.portfolio-wrapper .portfolio-thumb a {
	display: flex;
}
.portfolio-wrapper .portfolio-thumb img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	min-height:250px;
}
.portfolio-wrapper .portfolio-item a.readmore-btn {
    font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
    transition: 0.4s ease-in-out;
    font-family: "Outfit", sans-serif;
    color: #ffffff;
    background: #686B5A;
	padding: 15px 30px;
}

.portfolio-content {
	padding-top: 20px;
}
.portfolio-content p{
	font-size: 17px;
}

/* ===================================================================
   Team Custom Styling
==================================================================== */

.elementor-widget.elementor-widget-awsm-team { margin-bottom: 0; }

.awsm-grid-wrapper .awsm-grid { padding: 0; }

.drawer-style.style-1 .awsm-grid-card .awsm-grid-list-item figure img {
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	transition: -webkit-transform 0.8s;
	-moz-transition: transform 0.8s, -moz-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
}

.drawer-style.style-1 .awsm-grid-card .awsm-grid-list-item:hover img {
/* 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); */
}

/*------------- Drawer 1 -----------*/
.drawer-style.style-1 {
	font-size: 0;
}

.style-1 .awsm-detailed-info {
	display: none;
}

.awsm-grid-expanded-content::after {
	content: "";
	display: table;
	clear: both;
}

.drawer-style.style-1 > .awsm-grid-card {
	padding: 0;
	float: none;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top;
}

.awsm-grid-show {
	display: block;
	float: left;
	width: 100%;
	position: relative
}

.drawer-style.style-1 > .awsm-grid-card .awsm-grid-list-item {
	position: relative;
	display: block;
	outline: none;
	color: #111;
	font-size: 16px;
}

.drawer-style.style-1 > .awsm-grid-card .awsm-grid-list-item::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	border: none;
/* 	background-color: rgba(39, 38, 204, 0); */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.drawer-style.style-1 figcaption {
	font-style: normal;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 30px;
	background: rgba(255,255,255, 1 );
/* 	background: rgba(133,104,226, 0 );
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(255,255,255,0) 100%); */
	color: #000000;
	text-align: left;
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: transform 0.2s, opacity 0.2s, -moz-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
	font-size: 0;
}

.drawer-style.style-1 figcaption h3 {
	position: relative;
	color: #000000;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0;
}

.drawer-style.style-1 .awsm-personal-info {
	display: flex;
	flex-direction: column;
	width: auto;
	vertical-align: middle;
	font-size: 16px;
}
.drawer-style.style-1 .awsm-personal-info span {
	display: none; /* hide team designation */
	font-size: 20px;
	font-weight: 300;
    text-transform: capitalize;
	position: relative;
}

.drawer-style.style-1 .awsm-personal-infos h3:before,
.drawer-style.style-1 .awsm-personal-infos span:before {
	content: '';
    height: 100%;
    left: -5%;
    top: -5%;
    position: absolute;
    background-color: rgba(39, 38, 204, .80);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .5;
    width: 0;
    z-index: -1;
}
.drawer-style.style-1 .awsm-grid-card .awsm-grid-list-item:hover .awsm-personal-infos h3:before,
.drawer-style.style-1 .awsm-grid-card .awsm-grid-list-item:hover .awsm-personal-infos span:before {
	width: 115%;
    opacity: 1;
}
.drawer-style.style-1 .awsm-personal-infos h3:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.drawer-style.style-1 .awsm-personal-infos span:before {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.drawer-style.style-1 figcaption::after { content: ""; }

.drawer-style.style-1 figcaption::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}

.no-touchevents .drawer-style.style-1 .awsm-grid-card .awsm-grid-list-item:hover figcaption,
.drawer-style.style-1 figure.cs-hover figcaption {
	-ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity: 1;
	background: rgba(255,255,255, 1 );
/* 	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(255,255,255,0) 100%); */
}

.drawer-style.style-1 .awsm-expanded:hover figcaption {
	opacity: 0;
}

.drawer-style.style-1 .awsm-grid-card.awsm-expanded .awsm-grid-list-item::after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: rgba(133,104,226, 0.5 );
	border-width: 0;
	left: 50%;
	margin: 0 0 0 -15px;
}

.drawer-style.style-1 .awsm-grid-show {
	text-align: left;
	overflow: hidden;
	font-size: 16px;
}

.drawer-style.style-1 .awsm-grid-padding {
	padding: 0;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	color: #111;
}

.drawer-style.style-1 .awsm-grid-padding a,
.drawer-style.style-1 .awsm-grid-padding .awsm-grid-control {
	color: #111;
}

.drawer-style.style-1 .awsm-grid-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 34px;
	right: 45px;
	cursor: pointer;
	z-index: 999;
}

.drawer-style.style-1 .awsm-grid-close::before,
.drawer-style.style-1 .awsm-grid-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}

.drawer-style.style-1 .awsm-grid-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}

.drawer-style.style-1 .awsm-grid-close:hover::before,
.drawer-style.style-1 .awsm-grid-close:hover::after {
	background: #333;
}

.drawer-style.style-1 .awsm-personal-contact-info,
.drawer-style.style-1 .awsm-details {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding: 30px 30px;
}

.drawer-style.style-1 .awsm-details {
	width: 70%;
}

.drawer-style.style-1 .awsm-personal-contact-info {
	width: 30%;
	padding: 30px 15px 30px 15px;
}

.drawer-style.style-1 .awsm-details h3 {
	font-size: 14px;
	margin: 0 0 5px;
	text-transform: uppercase;
	line-height: 1.1;
}

.drawer-style.style-1 .awsm-details h2 {
	font-size: 38px;
	font-weight: normal;
	margin: 0 0 20px 0;
	color:#ffffff;
	line-height: 1.1;
}
.awsm-content-scrollbar span {
	font-size: 20px;
	color:#ffffff;
}
.awsm-grid-show{ 
/*     background: url('/counter-bg2.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#000000;
}
.awsm-grid-show:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(255,255,255,0) 100%);
}

.awsm-content-scrollbar p {
	margin-top: 5px;
	font-size: 18px;
	color:#ffffff;
}
.drawer-style.style-1 .awsm-personal-contact-info .awsm-social-icons span {
/* 	background:#ffffff; */
	border: 0;
	margin: 0 5px 2px 5px;
	text-align: center;
	padding: 0;
}

.awsm-icon-linkedin2:before {
	color: #ffffff !important;
}

.drawer-style.style-1 .awsm-personal-contact-info .awsm-social-icons a {
	padding: 10px 0;
	width: 60px;
	font-size: 30px;
}

@media only screen and (max-width:479px) {
	.drawer-style.style-1 .awsm-details {
	    width: 100% !important;
	    padding: 30px !important;	
	}
	.drawer-style.style-1 .awsm-personal-contact-info {
	    width: 100% !important;
	    padding: 0px !important;
	    float: none !important;
	}
}