/*
Theme Name: Brunn
Theme URI: http://brunn.select-themes.com
Description: Creative Agency Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Text Domain: brunn
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.6.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

#popup-menu-item-2401 .tooltip { font-size: 16px; }

.qodef-label-line{ height: 4px!important;width:60px!important; background-color: #7fa93f!important } 
.qodef-label-text{ font-size:20px!important;font-family: 'ADAM.CG PRO'!important;font-weight:normal!important }
.qodef-eh-item-content qodef-eh-custom-6935{padding-bottom: 200px!important}
.st-text-our-mission{text-align: center!important;padding-left: 15%!important;padding-right: 15%!important;}
.qodef-st-text{text-align: justify!important}
.qodef-st-title{font-family: 'Lao UI B'!important;}
.qodef-iwt-text{font-size:18px!important;line-height: 19px!important;}
p{font-family: 'Lao UI'!important;}
li{font-family: 'Lao UI'!important; font-size:18px!important ; color:#979797 !important}
h2 {font-family: 'Lao UI B'!important;}
.qodef-iwt.qodef-iwt-icon-top .qodef-iwt-content {padding: 0px 0px 0px!important}
.slider-title {font-family: 'ADAM.CG PRO'!important;}
.slider-text{font-family: 'Lao UI'!important;  font-size: 18px; font-weight: normal!important;color: white!important;}
.qodef-custom-font-holder{font-family: 'Lao UI B'!important;}
.qodef-st-text {font-family: 'Lao UI'!important;}
.wpcf7-submit {border-radius: 0px!important;}
.qodef-btn.qodef-btn-outline {
    border-radius: 0px!important;
}
/*.qodef-mobile-header .qodef-mobile-header-inner { top: 0!important; }*/

@font-face {
    font-family: 'ADAM.CG PRO';
    src: url('fonts/ADAMCGPRO.eot');
    src: url('fonts/ADAMCGPRO.eot?#iefix') format('embedded-opentype'),
        url('fonts/ADAMCGPRO.woff2') format('woff2'),
        url('fonts/ADAMCGPRO.woff') format('woff'),
        url('fonts/ADAMCGPRO.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.qodef-page-subtitle{font-family: 'ADAM.CG PRO'!important;}


@font-face {
    font-family: 'Lao UI B';
    src: url('fonts/LaoUI-Bold.eot');
    src: url('fonts/LaoUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/LaoUI-Bold.woff2') format('woff2'),
        url('fonts/LaoUI-Bold.woff') format('woff'),
        url('fonts/LaoUI-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lao UI';
    src: url('fonts/LaoUI.eot');
    src: url('fonts/LaoUI.eot?#iefix') format('embedded-opentype'),
        url('fonts/LaoUI.woff2') format('woff2'),
        url('fonts/LaoUI.woff') format('woff'),
        url('fonts/LaoUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





.qodef-page-title{font-family: 'Lao UI B'!important;}

.qodef-label{margin-bottom: 0px!important}



.qodef-footer-top-inner.qodef-grid{
	padding-top: 75px!important;
	padding-bottom: 75px!important;
}

.qodef-page-footer .widget {
	font-size: 16px!important;
	font-family: 'Lao UI'!important;
}


.wpcf7-form-control{
	border-radius: 18px!important;
	font-family: 'Lao UI'!important;
	font-weight: normal!important;
	font-size: 16px!important;
	color: #979797!important;
}


.qodef-container-inner {
	padding: 0px 0px 0px 0px!important;
}


/* Box loading border animation for homepage 2 sections */
.box-loading-border {
	position: relative;
}
.box-loading-border::before {
	content: '';
	display: block;
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
	height: 4px;
	background-color: white;

	-webkit-animation: border-move-horizontal 1.5s infinite; /* Safari 4+ */
	-moz-animation:    border-move-horizontal 1.5s infinite; /* Fx 5+ */
	-o-animation:      border-move-horizontal 1.5s infinite; /* Opera 12+ */
	animation:         border-move-horizontal 1.5s infinite; /* IE 10+, Fx 29+ */
	animation-timing-function: linear;
}
.box-loading-border::after {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	top: 0;
	left: 100%;
	height: 0;
	background-color: white;

	-webkit-animation: border-move-vertical 1.5s infinite; /* Safari 4+ */
	-moz-animation:    border-move-vertical 1.5s infinite; /* Fx 5+ */
	-o-animation:      border-move-vertical 1.5s infinite; /* Opera 12+ */
	animation:         border-move-vertical 1.5s infinite; /* IE 10+, Fx 29+ */
	animation-timing-function: linear;
}

@keyframes border-move-horizontal {
	0% { top: 0; left: 0px; width: 50%; }
	5% { top: 0; left: 20%; width: 50%; }
	10% { top: 0; left: 40%; width: 50%; }
	15% { top: 0; left: 60%; width: 40%; }
	20% { top: 0; left: 80%; width: 20%; }
	25% { top: 0; left: 100%; width: 0; }

	30% { top: calc(100% - 4px); left: 100%; width: 0; }
	35% { top: calc(100% - 4px); left: 100%; width: 0; }
	40% { top: calc(100% - 4px); left: 100%; width: 0; }
	45% { top: calc(100% - 4px); left: 80%; width: 20%; }
	50% { top: calc(100% - 4px); left: 60%; width: 40%; }

	55% { top: calc(100% - 4px); left: 40%; width: 50%; }
	60% { top: calc(100% - 4px); left: 20%; width: 50%; }
	65% { top: calc(100% - 4px); left: 0; width: 40%; }
	70% { top: calc(100% - 4px); left: 0; width: 20%; }
	75% { top: calc(100% - 4px); left: 0; width: 0; }

	80% { top: 0; left: 0; width: 0; }
	85% { top: 0; left: 0; width: 0; }
	90% { top: 0; left: 0; width: 0; }
	95% { top: 0; left: 0; width: 20%; }
	100% { top: 0; left: 0; width: 40%; }
}

@keyframes border-move-vertical {
	0% { top: 0; left: calc(100% - 4px); height: 0; }
	5% { top: 0; left: calc(100% - 4px); height: 0; }
	10% { top: 0; left: calc(100% - 4px); height: 0; }
	15% { top: 0; left: calc(100% - 4px); height: 0; }
	20% { top: 0; left: calc(100% - 4px); height: 20%; }
	25% { top: 0; left: calc(100% - 4px); height: 50%; }

	30% { top: 20%; left: calc(100% - 4px); height: 50%; }
	35% { top: 40%; left: calc(100% - 4px); height: 50%; }
	40% { top: 60%; left: calc(100% - 4px); height: 40%; }
	45% { top: 80%; left: calc(100% - 4px); height: 20%; }
	50% { top: 100%; left: calc(100% - 4px); height: 0; }

	55% { top: 100%; left: 0; height: 0; }
	60% { top: 100%; left: 0; height: 0; }
	65% { top: 100%; left: 0; height: 0; }
	70% { top: 80%; left: 0; height: 20%; }
	75% { top: 60%; left: 0; height: 40%; }

	80% { top: 40%; left: 0; height: 50%; }
	85% { top: 20%; left: 0; height: 50%; }
	90% { top: 0; left: 0; height: 40%; }
	95% { top: 0; left: 0; height: 20%; }
	100% { top: 0; left: 0; height: 0; }
}



.owl-prev{margin-left: -3%!important}
.owl-next{margin-right: -3%!important}


.boxshadow { box-shadow: rgb(128, 128, 128) 2px 2px 2px 2px !important}

/* Box loading border animation for homepage 2 sections */


/* Homepage Banner Slider Styles */
.text-light {
	color: white;
}

.show_sm {
	display: none;
}

.slider_container #slider .slide .slide_content_cont .button {
	background: white;
	color: #485ba9;
	font-size: 13px;
	padding: 5px 13px;
	border: none;
	cursor: pointer;
	margin-top: 15px;
	text-decoration: none;
	display: inline-block;

    line-height: 25px;
    font-weight: 500;
    border-radius: 0px;
}

.slider_container {
	width: 100%;
	position: relative;
	background: url('http://maddict.net/wp-content/uploads/2020/01/app_bg-2.jpg');
	height: 650px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 610px;
}

.slider_container #slider {
	width: 100%;
	height: 100%;
	position: relative;
}

.slider_container #slider .slide {
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
}

.slider_container #slider .slide.show {
	display: block;
}

.slider_container #slider .slide.show img {
	position: absolute;
}

.slider_container #slider .slide .blue_backcground {
	position: absolute;
	width: 100%;
	/*height: 325px;*/
	height: 100%;
	transform: rotate(180deg);
	animation: rotate_to_0 0.8s forwards;
	background: -moz-linear-gradient(top, #485ba9 0%, #485ba9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top, #485ba9 0%, #485ba9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #485ba9 0%, #485ba9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #485ba9 0%, #485ba9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #485ba9 0%, #485ba9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	/* W3C */
}

.slider_container #slider .slide.inverse .blue_backcground {
	animation-name: rotate_to_180;
}

.slider_container #slider .slide .slide_content_cont {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content {
	position: relative;
	width: 100%;
	height: 50%;
	display: block;
	padding-top: 145px;
	box-sizing: border-box;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .meddict_text {
	display: block;
	margin-bottom: 20px;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .your_text {
	margin-left: 110px;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .mobile_text {
	color: white;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .marketing_text {
	color: white;
	font-size: 40px;
    margin-top: 10px;
    margin-left: 296px;
    font-weight: 500;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .partner_text {
	font-size: 40px;
	display: inline-block;
}

.slider_container #slider .slide .slide_content_cont .slide_top_content .insights_text {
	color: white;
}

.slider_container #slider .slide .slide_content_cont .slide_bottom_content {
	position: relative;
	width: 100%;
	height: 50%;
	display: block;
}

.slider_container #slider .slide .slide_content_cont .slide_bottom_content:before {
	content: "";
	width: 60%;
	margin-top: 100px;
	border-top: 1px solid #ddd
}

.slider_container #slider .slide .slide_content_cont div h1 {
	color: #485ba9;
	font-size: 50px;
	margin: 0 auto;
}

.slider_container #slider .slide .slide_content_cont div h1 span {
	display: inline-block;
}
.slider_container #slider .slide .slide_content_cont div h1 span.text-tising {
    margin-left: -12px;
}
.slider_container #slider .slide .slide_content_cont div h1 span.text-marke {
    margin-left: -7px;
    font-size: 68px;
}
.slider_container #slider .slide .slide_content_cont div h1 span.text-ting {
    margin-left: -14px;
}

.slider_container .mobile_phone_container {
	background: url(https://maddict.net/wp-content/uploads/2020/01/mobile-frame-2.png) center -40px/100% no-repeat;
    height: 100%;
    z-index: 9;
}

.slider_container .mobile_phone_container,
.slider_container .mobile_phone_content_area {
	width: 460px;
    position: absolute;
    left: calc(50% - 240px);
    padding: 75px 108px 39px 117px;
    box-sizing: border-box;
    top: calc(50% - 330px);
}
.slider_container .mobile_phone_content_area {
	z-index: 0;
	height: 100%;
}
.slider_container .mobile_phone_content_area_bg {
/*     background: url(https://maddict.net/wp-content/uploads/2020/02/app.jpg) no-repeat; */
    background: url(https://maddict.net/wp-content/uploads/2020/03/imgpsh_fullsize_anim-_2_.jpg) no-repeat;
	background-size: 100% 100%;
    height: 100%;
    width: 238px;
    position: absolute;
    left: calc(50% - 125px);
    box-sizing: border-box;
    top: calc(50% - 260px);
    max-height: 505px;
}
.slider_container .mobile_phone_content_area img {
	width: 100%;
	height: 100%;
}


/* Advertisers mobile frame style */
.ad_formats_container .mobile_phone_container {
	background: url(https://maddict.net/wp-content/uploads/2020/10/Advertisers-Phone2.png) center no-repeat;
    height: 100%;
    z-index: 9;
    background-size: 75%;
}

.ad_formats_container .mobile_phone_container,
.ad_formats_container .mobile_phone_content_area {
    width: 395px;
    position: absolute;
    left: calc(50% - 197px);
    /* padding: 0px 38px 9px 31px; */
    padding: 0;
    box-sizing: border-box;
    top: calc(50% - 330px);
}
.ad_formats_container .mobile_phone_content_area {
	z-index: 0;
	/*height: 100%;*/

	/*padding: 60px 34px 0px 34px;*/ /*full size*/
	padding: 126px 73px 0px 77px;
}
.ad_formats_container .mobile_phone_content_area_bg {
/*     background: url(https://maddict.net/wp-content/uploads/2020/02/app.jpg) no-repeat; */
    background: url(https://maddict.net/wp-content/uploads/2020/03/imgpsh_fullsize_anim-_3__1.jpg) no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 241px;
    position: absolute;
    left: calc(50% - 120px);
    box-sizing: border-box;
    top: calc(50% - 203px);
    max-height: 395px;
}
.ad_formats_container .mobile_phone_content_area img {
	width: 100%;
	height: 100%;
}
/* Advertisers mobile frame style */


@keyframes rotate_to_0 {
	0% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate_to_180 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}

.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 {
	max-width: 760px;
    word-spacing: 11px;
    line-height: 40px;
    position: absolute;
    top: calc(80% - 110px);
    left: calc(50% - 410px);
    font-size: 62px;
}

.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 span:nth-child(3) {
	/*margin-left: 82px;*/
}

.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 span:nth-child(6) {
	font-size: 31px;
	line-height: 0;
	margin-left: 270px;
}

.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
	width: 320px;
    margin-left: calc(50% + 160px);
    margin-top: 80px;
    font-size: 19px;
}

.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div,
.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div {
	width: 360px;
	position: absolute;
	bottom: 0;
	left: calc(50% + 160px);
	margin-bottom: 50px;
	display: block;
}
.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div { width: 370px; }

.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div span,
.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div span {
	display: block;
    line-height: 25px;
    font-size: 18px;
}

.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1 {
	max-width: 1008px;
    font-size: 80px;
    word-spacing: 5px;
    margin-top: 120px;
}

.slider_container #slider .slide.slier_slide_3 .slide_content_cont div h1 {
	position: absolute;
    bottom: 0;
    margin-bottom: 100px;
    max-width: 466px;
    word-spacing: 16px;
    font-size: 50px;
    left: calc(50% - 267px);
    font-weight: 500;
}

.slider_container #slider .slide.slier_slide_4 .slide_content_cont div h1 {
	max-width: 790px;
    font-size: 70px;
    word-spacing: 15px;
    margin-top: 50px;
}

.slider_container #slider .slide .slide_content_cont .slide_bottom_content .and_text {
	margin-left: 205px;
}

.slider-nav {
	text-align: center;
	position: absolute;
	top: calc(50% - 63px);
	right: 20px;
	width: 22px;
	z-index: 99999;
}
.slider-nav a {
    width: 8px;
    height: 8px;
    display: block;
    background: black;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 50%;
    margin: 15px auto;
    cursor: pointer;
}
.slider-nav a.active {
	padding: 8px;
	border: 0px solid #777;
}

.menu-bottom-texts {
    position: fixed;
    bottom: 0;
    height: 60px;
    left: 0;
    right: 0;
	padding: 0% 5%;
}

.menu-bottom-texts a {
    font-size: 16px!important;
    font-family: 'Lao UI'!important;
    color:white!important;
}

.menu-bottom-texts .qodef-widget-title-holder {
    font-weight: 300;
    display: inline-block;
}

.menu-bottom-texts .qodef-widget-title-holder h5 {
    margin: 0;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: white;
    padding-right: 15px;
}
.menu-item-col-2 { float: left; padding: 0 15px; }
.menu-item-col-8 { float: right; }
.menu-bottom-texts .qodef-social-icons-group-widget { text-align: right; }

img.img_icon {
    width: 16px;
    display: inline-block!important;
    vertical-align: middle;
    margin-bottom: 3px;
}

span.UploadyourCV {
	position: relative;
	display: block;
}
span.UploadyourCV:before {
  content: "Upload your CV (size limit: 1MB)";
  margin-top: 10px;
  position: absolute;
  width: 100%;
  padding: 12px 16px;
  background-color: transparent;
  border: 1px solid #e1e1e1;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-transition: border-color .2s ease-in-out;
  -moz-transition: border-color .2s ease-in-out;
  transition: border-color .2s ease-in-out;
  border-radius: 18px!important;
  font-family: 'Lao UI'!important;
  font-weight: normal!important;
  font-size: 16px!important;
  color: #979797!important;
  display: block;
}
span.UploadyourCV>input {
  opacity: 0;
  width: 100%;
  min-height: 60px;
}
span.UploadyourCV i.fas.fa-upload {
	position: absolute;
    top: 25px;
    right: 25px;
    color: #ddd;
}

.separator-margin .wpb_single_image img { margin: 40px 0; }
.meet-team-section a { line-height: 0; }

/******************************Media Queries*****************************/

@media screen and (max-width: 1280px) {
/* 	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div {
		width: 300px;
		margin-left: calc(80% - 140px);
	}
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		width: 350px;
		margin-left: calc(80% - 170px);
	} */
}

@media screen and (max-width: 1024px) {
	.slider_container .mobile_phone_container {
		background: url(https://maddict.net/wp-content/uploads/2020/01/mobile-frame-2.png) center 0/300px no-repeat;
	}
	.slider_container .mobile_phone_container,
	.slider_container .mobile_phone_content_area {
		width: 420px;
		padding: 77px 130px 72px 137px;
		top: calc(50% - 240px);
		left: calc(50% - 210px);
	}
	.slider_container .mobile_phone_content_area_bg {
		width: 155px;
		left: calc(50% - 75px);
		top: calc(50% - 167px);
		max-height: 330px;
	}
	
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 {
		max-width: 540px;
		word-spacing: 10px;
		line-height: 30px;
		top: calc(80% - 80px);
		left: calc(50% - 260px);
		font-size: 40px;
	}
	.slider_container #slider .slide .slide_content_cont div h1 {
		font-size: 36px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .meddict_text {
		margin-bottom: 7px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .your_text {
		margin-left: 70px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .marketing_text {
		font-size: 26px;
		margin-left: 193px;
		margin-top: 0;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .partner_text {
		font-size: 26px;
	}
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		font-size: 15px;
		margin-left: calc(50% + 110px);
		margin-top: 60px;
	}
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		width: 290px;
		margin-left: calc(50% + 105px);
	}
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont div h1 {
		font-size: 30px;
		padding-left: 125px;
		left: calc(50% - 285px);
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div,
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div {
		width: 300px;
		left: calc(50% + 110px);
		margin-bottom: 30px;
	}
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div { left: calc(50% + 95px); }

	.slider_container #slider .slide .slide_content_cont .button {
		font-size: 11px;
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1 {
	    margin-top: 50px;
	    font-size: 52px;
	    max-width: 636px;
	    word-spacing: 0px;
	}
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont div h1 {
		max-width: 490px;
		font-size: 44px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .and_text {
		margin-left: 130px;
	}
	.slider_container #slider .slide .slide_content_cont div h1 span.text-marke {
		font-size: 43px;
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div span,
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div span {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		width: 210px;
		left: calc(80% - 90px);
		margin-left: calc(50% + 100px);
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div,
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div {
	    width: 215px;
	    left: calc(50% + 90px);
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div span { font-size: 12px; }
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div span { font-size: 13px; }

	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		width: 205px;
		font-size: 12px;
	}
}

@media screen and (max-width: 640px) {
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1 { font-size: 51px; max-width: 626px; }
}

@media screen and (max-width: 619px) {
	.show_lg { display: none; }
	.show_sm { display: block; }
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 {
		top: auto;
		bottom: 0;
		font-size: 37px;
		max-width: 310px;
		left: calc(50% - 95px);
		margin-left: 0;
		word-spacing: 5px;
		margin-bottom: 65px;
		line-height: 40px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .your_text { margin-left: 65px; }
	.slider_container #slider .slide .slide_content_cont .slide_top_content .meddict_text { margin-bottom: 0px; }

	.slider_container #slider .slide .slide_content_cont .slide_top_content .mobile_text {
		display: block;
		margin-top: 38px;
		margin-left: 26px;
		font-size: 40px;
		line-height: 30px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .marketing_text { margin-left: 27px; }
	.slider_container #slider .slide .slide_content_cont .slide_top_content .partner_text { font-size: 26px; }
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		width: 200px;
		margin: auto;
		margin-top: 190px;
		font-size: 14px;
	}
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div { width: 235px; }
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont div h1 {
        position: absolute;
	    left: calc(50% - 62px);
	    margin-bottom: 110px;
	    padding-left: 0;
	    line-height: 45px;
	    font-size: 52px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .data_text {
		display: block;
		margin-bottom: 20px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .insights_text { margin-left: -5px; font-size: 32px; }

	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1 {
	    font-size: 73px;
	    max-width: 366px;
	    margin-top: 80px;
	    line-height: 80px;
	    word-spacing: 0px;
	    text-align: center;
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1>span { font-size: 50px }

	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div {
		font-size: 14px;
		left: calc(50% - 90px);
		margin-bottom: 185px;
		line-height: 19px;
		text-align: center;
	}


	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div {
		margin-bottom: 197px;
		text-align: center;
	    left: calc(50% - 121px);
    	width: 245px;
	}
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div {
		margin-bottom: 197px;
		text-align: center;
	    left: calc(50% - 143px);
    	width: 290px;
	}

	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div span,
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div span { font-size: 14px; line-height: 19px; }

	.slider_container #slider .slide.slier_slide_4 .slide_content_cont div h1 {
	    max-width: 410px;
	    font-size: 60px;
	    word-spacing: 0;
	    line-height: 35px;
	    margin-top: 65px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .mo_text { margin-left: 28px; }
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .avert_text,
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .and_marketing_text {
		margin-left: 140px;
    	line-height: 65px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .and_marketing_text { line-height: 70px; }
	.slider_container #slider .slide .slide_content_cont .button {
		margin-top: 5px;
		min-width: 200px;
	}

	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_bottom_content span { font-size: 38px; }
}

@media screen and (max-width: 430px) {
	/*.slider_container #slider .slide .slide_content_cont .slide_top_content .partner_text { font-size: 22px; }*/
}

@media screen and (max-width: 420px) {
	.slider_container .mobile_phone_container, .slider_container .mobile_phone_content_area {
	    background: url(https://maddict.net/wp-content/uploads/2020/01/mobile-frame-2.png) center 0/250px no-repeat;
	    width: 140px;
	    padding: 64px 3px 16px 8px;
	    left: calc(50% - 70px);
	    height: 350px;
	    top: calc(50% - 185px);
	}
	.slider_container .mobile_phone_content_area_bg {
		width: 130px;
	    left: calc(50% - 63px);
	    top: calc(50% - 122px);
	    max-height: 270px;
	}
	.slider_container #slider .slide.slier_slide_1 .slide_content_cont .slide_bottom_content div,
	.slider_container #slider .slide.slier_slide_3 .slide_content_cont .slide_bottom_content div { margin-top: 170px; }

	.slider_container #slider .slide.slier_slide_1 .slide_content_cont div h1 {
	    font-size: 30px;
    	left: calc(50% - 75px);
	    max-width: 255px;
	    margin-bottom: 50px;
        line-height: 27px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .meddict_text { margin-bottom: 5px; }
	.slider_container #slider .slide .slide_content_cont .slide_top_content .your_text { margin-left: 53px; }
	.slider_container #slider .slide .slide_content_cont .slide_top_content .mobile_text {
		font-size: 33px;
		margin-top: 28px;
		margin-left: 18px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .partner_text { font-size: 20px; }
	.slider_container #slider .slide .slide_content_cont .slide_top_content .marketing_text { font-size: 20px;margin-left: 24px; }

	.slider_container #slider .slide.slier_slide_2 .slide_content_cont .slide_top_content div { margin-bottom: 140px; }
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1 {
		font-size: 60px;
	    margin-top: 76px;
	    line-height: 72px;
	}
	.slider_container #slider .slide.slier_slide_2 .slide_content_cont div h1>span { font-size: 40px; }

	.slider_container #slider .slide.slier_slide_3 .slide_content_cont div h1 { 
	    left: calc(50% - 56px);
	    margin-bottom: 68px;
	    font-size: 46px;
	    line-height: 40px;
	}
	.slider_container #slider .slide .slide_content_cont .slide_top_content .insights_text { margin-left: 0px; font-size: 27px; }

	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_top_content div { margin-bottom: 140px; }
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont div h1 { max-width: 320px; font-size: 50px; }
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .mo_text { margin-left: 14px; }
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .avert_text,
	.slider_container #slider .slide .slide_content_cont .slide_bottom_content .and_marketing_text {
		margin-left: 105px;
	    line-height: 55px;
	}
	.slider_container #slider .slide.slier_slide_4 .slide_content_cont .slide_bottom_content span { font-size: 32px; }
}

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

}
/* Homepage Banner Slider Styles */

/* Advertisers Page Styles */
.qodef-page-bottom-subtitle {
	font-family: 'Lao UI'!important;
    color: #ffffff;
    margin-top: 15px;
    font-size: 26px;
    font-weight: 100;
    width: 440px;
	max-width: 100%;
}
.qodef-title-holder .qodef-title-wrapper .qodef-page-title { text-transform: uppercase; }

.qodef-iwt.qodef-iwt-icon-top { min-height: 202px; }
.flip-on-hover .qodef-iwt-text {
	display: none;
	background: white;
	padding: 19px; 
	height: 164px;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	margin: 0!important;
	line-height: 17px;
	/*transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out; */
}

.flip-on-hover .qodef-iwt .qodef-iwt-icon,
.flip-on-hover .qodef-iwt .qodef-iwt-title { display: block; }

@media screen and (min-width: 1025px) {
	.flip-on-hover .qodef-iwt:hover .qodef-iwt-icon,
	.flip-on-hover .qodef-iwt:hover .qodef-iwt-title { display: none; }
	
	.flip-on-hover .qodef-iwt:hover .qodef-iwt-text { display: block; }
}
@media screen and (max-width: 1024px) {
	.flip-on-hover .qodef-iwt.active .qodef-iwt-icon,
	.flip-on-hover .qodef-iwt.active .qodef-iwt-title { display: none; }

	.flip-on-hover .qodef-iwt.active .qodef-iwt-text { display: block; }
}

.flip-on-hover .qodef-iwt-text p {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
	font-size: 16px!important;
}
.flip-on-hover .qodef-iwt-text p strong { color: #485ba9; }

.qodef-title-holder.qodef-standard-type.qodef-title-va-window-top.qodef-has-bg-image {
    background-size: 100% 100%;
}
@media screen and (max-width: 1399px) {
	.flip-on-hover .qodef-iwt-text p { font-size: 13px!important; }
}
@media screen and (max-width: 1200px) {
	.flip-on-hover .qodef-iwt-text {
		padding: 17px 10px;
	}
	.flip-on-hover .qodef-iwt-text p {
		font-size: 12px!important;
	}
	.flip-on-hover .qodef-iwt .qodef-iwt-title-text { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
	.flip-on-hover .qodef-iwt-text {
		padding: 4px;
	}
	.flip-on-hover .qodef-iwt-text p {
		font-size: 10px!important;
	}
	.flip-on-hover .qodef-iwt .qodef-iwt-title-text { font-size: 17px; }
}
@media screen and (max-width: 767px) {
	.qodef-iwt.qodef-iwt-icon-top {
		min-height: 212px;
	}
	.flip-on-hover .qodef-iwt-text {
		padding: 19px;
		width: 180px;
		left: calc(50% - 110px);
		height: 174px;
	}
	.flip-on-hover .qodef-iwt-text p {
		font-size: 16px!important;
	}
	.flip-on-hover .qodef-iwt.qodef-iwt-icon-top { margin-top: 60px; }
	.flip-on-hover > .wpb_column:first-child .qodef-iwt { margin-top: 0; }
	
	.flip-on-hover .qodef-iwt .qodef-iwt-title-text { font-size: 26px; }
}

/****************************** Ads Format Section Styles *****************************/
.ad_formats_container {
	width: 100%;
	position: relative;
	background: white;
	height: 650px !important;
	margin: 0 auto;
	overflow: hidden;
}

.ad_formats_container .ad_formats {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
.ad_formats_container .mobile_content { display: none; }
.ad_formats_container .ad_formats.section_1 { background: #485ba9; }

.ad_formats_container .ad_formats .content {
	position: absolute;
	top: calc(50% - 210px);
	right: 250px;
}
.ad_formats_container .ad_formats.section_2 .content { left: 250px; right: 0; }

.ad_formats_container .ad_formats .content ul { padding-left: 70px; }
.ad_formats_container .ad_formats .content ul li {
	list-style: none;
	cursor: pointer;
	position: relative;
	font-weight: 900;
}
.ad_formats_container .ad_formats .content ul li.active:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: -35px;
    top: 6px;
    font-size: 30px;
}

.ad_formats_container .ad_formats.section_1 .content ul li.active:before,
.ad_formats_container .ad_formats.section_1 .content h1,
.ad_formats_container .ad_formats.section_1 .content h2 { color: white; }

.ad_formats_container .ad_formats.section_2 .content ul li.active:before,
.ad_formats_container .ad_formats.section_2 .content h1,
.ad_formats_container .ad_formats.section_2 .content h2 { color: #485ba9; }

.ad_formats_container .content h1 { font-size: 42px; }
.ad_formats_container .content h2 { font-size: 32px; }


/*.ad_formats_container .mobile_phone_container {
	background: url('http://maddict.net/wp-content/uploads/2020/01/mobile-frame-2.png') center 0/420px no-repeat;
	height: 97%;
	width: 480px;
	position: absolute;
	left: calc(50% - 240px);
	padding: 105px 128px 67px 137px;
	box-sizing: border-box;
	top: calc(50% - 330px);
}
.ad_formats_container .mobile_phone_container .mobile_phone_content_area {
	max-width: 100%;
	max-height: 100%;
	position: relative;
	display: block;
	background: url('http://maddict.net/wp-content/uploads/2020/02/app.jpg') 100% 100%;
    height: 454px;
}
.ad_formats_container .mobile_phone_container .mobile_phone_content_area img {
	width: 100%;
	height: 100%;
}*/


/******************************Media Queries*****************************/
/*@media screen and (max-width: 1024px) {
	.ad_formats_container .mobile_phone_container {
		background: url(https://maddict.net/wp-content/uploads/2020/01/mobile-frame-2.png) center 0/300px no-repeat;
		width: 420px;
		padding: 77px 130px 72px 137px;
		top: calc(50% - 240px);
		left: calc(50% - 210px);
	}
	.ad_formats_container .mobile_phone_container .mobile_phone_content_area {
		height: 323px;
	}
}*/

/****************************** Ads Format Section Styles *****************************/
/* Advertisers Page Styles */

/******************************  CSS MENU  *****************************/

.qodef-page-header{
	visibility: visible !important;
	background-color: #fff !important;
}

.qodef-fullscreen-menu-holder{
	background-image: url(https://maddict.net/wp-content/uploads/2020/02/menu-bg.jpg) !important ;
	background-position: top right !important;
	background-repeat: no-repeat !important;
}

/******************************  CSS GALLERY PUBLISHER PAGE  *****************************/
.qodef-image-gallery .qodef-ig-slider[data-enable-center=yes].qodef-owl-slider .owl-stage .owl-item:after {
	background: rgba(0,0,0,.1) !important;
}




/******************************  Custom css  *****************************/
.qodef-drop-down .narrow .second .inner ul{
	padding: 0px !important;
}