/*************** MODULES LAYOUT STYLES AND DETAILS OF LAYOUT ELEMENTS ***************/

/********** xhtml module layout **********/
.moduletable,
.moduletable_menu,
.moduletable_text {
	margin: 0 0 30px;
}

#Mod1879 {
	margin: 0;
}


.moduletable.gray-mod {
	background: #30373b none repeat scroll 0 0;
	color: #fff;
	line-height: 1.5;
	padding: 42px 30px 0 !important;
	text-align: center;
}
.moduletable.gray-mod > h3 {
	color: #fff;
	margin: 0 !important;
	padding: 20px 0 !important;
}
.moduletable.gray-mod ul {
	padding-bottom: 26px;
}
.moduletable.gray-mod ul li {
	/* background-image: url("../images/li-white.png"); */
	text-align: left;
}
.moduletable.gray-mod a {
	display: block;
	text-align: center;
}
.moduletable.gray-mod a img {
	margin-bottom: 14px;
}
.moduletable.gray-mod a.check-it-out {
	background: #24292b url('../images/check-it-out.png') no-repeat scroll right center;
	color: #fff;
	margin: 0 -30px;
	padding: 14px 58px 14px 30px;
	text-align: right;
}


.moduletable.alternate h3 {
	font-size: 23px;
}
.moduletable.nopadding,
.moduletable_menu.nopadding,
.moduletable_text.nopadding,
#right .moduletable.nopadding,
#right .moduletable_menu.nopadding,
#right .moduletable_text.nopadding {
	padding: 0;
}
.moduletable.advert {
	padding: 0;
}

#box6 .moduletable {
	padding: 0;
}
#box6 .moduletable > div {
	border-left: 1px solid #f0f0f0;
	padding: 0 0 0 20px;
}
.moduletable h3,
.moduletable_menu h3,
.moduletable_text h3 {
	border-bottom: 1px solid #f0f0f0;
	font-size: 25px;
	font-weight: 400;
	line-height: 32px;
	/*	padding: 0 0 13px 11px; */
}

.moduletable.titlebak h3 {
	border: medium none;
	font-size: 25px;
	font-weight: 300;
	line-height: 34px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
}

h3.feature {
	line-height: 40px;
}
.threep h3 {
	border: medium none;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 20px;
}
.djmodule {
}
.djmodule h3 {
}
.moduletable.info_box {
	background: none repeat scroll 0 0 #f5f5f5;
	padding: 30px;
}
.moduletable.other p {
	margin: 3px 0;
}
.moduletable.other a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: block;
	line-height: 21px;
	padding: 0 0 10px;
}
.moduletable.other a:hover {
	color: #000;
	text-decoration: none;
}
.info_row {
	border-bottom: 1px solid #eaeaea;
	float: left;
	padding: 5px 0 7px;
	width: 100%;
}
.info_box ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.info_box ol li.info_row {
	border: medium none;
	padding: 0 0 9px;
}
.info_row:last-child {
	border: none;
}
.info_row_left {
	box-sizing: border-box;
	float: left;
	padding-right: 5px;
	width: 50%;
}
.info_row_right {
	box-sizing: border-box;
	float: left;
	font-weight: 400;
	padding-left: 5px;
	width: 50%;
}
/********** mainmenu module **********/
ul.menu,
ul.latestnews,
ul.mostread {
	list-style: none outside;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;
		font-size: 13px;*/
}

ul.menu li,
ul.latestnews li,
ul.mostread li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	/* border-bottom: 1px solid #f0f0f0; */
	list-style: outside none none;
	padding: 0;
	/*padding-bottom: 11px;*/
	margin-left: 0;
}
ul.menu li ul,
ul.latestnews li ul,
ul.mostread li ul {
	padding: 0 0 0 10px;
}
ul.menu li a,
ul.latestnews li a,
ul.mostread li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	/* color: #46ace2; */
	color: #0f74b5;
	display: block;
	line-height: 21px;
	padding: 0 0 0;
}
ul.menu li a span {
}

ul.menu li a:hover,
ul.menu li.active a,
ul.latestnews li a:hover,
ul.latestnews li.active a,
ul.mostread li a:hover,
ul.mostread li.active a {
	color: #000;
	text-decoration: none;
}

/* submenu */
ul.menu li.active li a:hover,
ul.menu li.active li.active li a:hover,
ul.menu li.active li.active li.active li a:hover,
ul.menu li.active li.active a,
ul.menu li.active li.active li.active a,
ul.menu li.active li.active li.active li.active a {
	color: #46ace2;
}

ul.menu li.active li a,
ul.menu li.active li.active li a,
ul.menu li.active li.active li.active li a,
ul.menu li.active li.active li.active li.active li a {
	color: #000;
}

/* features / apps / free version menu */
/*
ul.features-menu {
	padding-bottom: 35px;
margin-bottom:25px;
}

ul.features-menu li {
	display: inline-block;
	vertical-align: top;
	margin-left:0px!important;
}

ul.features-menu li a {
	background: none;
	padding: 0 27px 0 0;
	margin: 0 27px 0 0;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	border-right: 1px solid #ddd;
}
*/

/* NEW */


/* features / apps / free version menu */
ul.features-menu {
	/* border-bottom: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		border-top: 1px solid #eaeaea;
		margin-bottom: 37px; */
}

ul.menu li a {
	margin-right: 15px;
}

ul.features-menu li {
	display: inline-block;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	margin-left: 0;
}
ul.features-menu li:last-child {
	margin-right: 0;
}
ul.features-menu li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	/* border-left: 1px solid #eaeaea;*/
	border-bottom: 2px solid transparent;
	/*color: #9fa1a5;*/
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5;
	padding: 10px 1px;
	margin-bottom: 10px;
	text-align: center;
}
ul.features-menu li.active a,
ul.features-menu li:hover a {
	border-bottom-color: #46ace2;
}
ul.features-menu ul {
	display: none;
}


/* NEW */



ul.features-menu ul {
	display: none;
}


.dj-newsletter-form-salesmanago {
	background: #f8f8f8 none repeat scroll 0 0;
	border: medium none;
	box-sizing: border-box;
	color: #2e3033;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	padding: 30px 40px;
	text-transform: initial;
	width: 100%;
}
.dj-newsletter-form-salesmanago .dj-newsletter-form {
	border-right: 1px solid #ebebeb;
	padding: 0 60px 0 0;
	width: 55%;
}
.dj-newsletter-frame {
	padding: 13px 0 0;
}
.dj-social .a2a_kit .a2a_svg {
	border-radius: 2px;
	height: 28px;
	width: 28px;
}
.dj-social .a2a_kit.a2a_kit_size_32 {
	padding: 13px 0 0;
}

.dj-social .a2a_kit .a2a_svg.a2a_s_facebook {
	background: rgba(0, 0, 0, 0) url('../images/social/s-facebook.gif') repeat scroll 0 0;
}
.dj-social .a2a_kit .a2a_svg.a2a_s_twitter {
	background: rgba(0, 0, 0, 0) url('../images/social/s-twitter.gif') repeat scroll 0 0;
}
.dj-social .a2a_kit .a2a_svg.a2a_s_google_plus {
	background: rgba(0, 0, 0, 0) url('../images/social/s-googleplus.gif') repeat scroll 0 0;
}
.dj-social .a2a_kit .a2a_svg.a2a_s_linkedin {
	background: rgba(0, 0, 0, 0) url('../images/social/s-linkedin.gif') repeat scroll 0 0;
}

.dj-social .a2a_kit a svg {
	display: none;
}

/*.dj-newsletter-form-salesmanago .dj-newsletter-form,
.dj-social {
	padding: 0;
}*/
.dj-newsletter-form,
.dj-social {
	box-sizing: border-box;
	float: left;
	padding: 0 0 0 60px;
}
.dj-social {
	width: 45%;
}
a.post-share {
	display: block;
	float: left;
	margin: 37px 0 0 0;
	text-decoration: none;
	height: 60px;
	width: 60px;
	color: #fff;
}
a.post-share.twitter {
	background: #55aded url('../images/social/twitter-white.png') no-repeat center center;
	margin-right: 10px;
}
a.post-share.twitter:hover {
	background-color: #167fcc;
}
a.post-share.facebook {
	background: #3c5a9a url('../images/social/facebook-white.png') no-repeat center center;
	margin-right: 10px;
}
a.post-share.facebook:hover {
	background-color: #2a3f6c;
}
a.post-share.gplus {
	background: #dd4c3b url('../images/social/gplus-white.png') no-repeat center center;
	margin-right: 10px;
}
a.post-share.gplus:hover {
	background-color: #a72b1d;
}
.dj-newsletter-form-salesmanago-hr {
	background: #ebebeb none repeat scroll 0 0;
	border: medium none;
	height: 1px;
	margin: 20px 0;
	padding: 0;
	width: 100%;
}
/*@media screen and (max-width:1224px){
	.dj-newsletter-form,
	.dj-social {
		display: block;
		width: 370px;
	}
	.dj-newsletter-form-salesmanago {
		width:400px;
		height:400px;
	}
	.dj-newsletter-form-salesmanago .dj-newsletter-form {
		border-right: none;
		border-bottom: 1px solid #ebebeb;
	}
}*/

.border-bg {
	padding: 20px;
	border: 1px solid #efefef;
	margin-bottom: 20px;
}
.moduletable3columns {
	float: left;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 87px;
	width: 33.33%;
}
.moduletable3columns p {
	margin: 0;
}
.moduletable3columns strong {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin: 18px 0 0;
}
.moduletable3columns p img {
	margin: 0;
}
.main-bottom-row.fifty .front-extension-box-over {
	width: 50%;
}
.front-extension-box h3 {
	border: none;
}

.faq_grid h3 a {
	color: #000;
}
.faq_grid h3 a:hover {
	color: #0f74b5;
	text-decoration: none;
}
.faq_grid a.readon {
	float: left;
	color: #000;
}
.faq_grid h3 {
	padding-left: 0;
}
.faq_grid ul {
	margin-bottom: 10px;
}
.faq_grid .readon {
	-webkit-transition: background-color .2s ease-in 0s;
	-moz-transition: background-color .2s ease-in 0s;
	-o-transition: background-color .2s ease-in 0s;
	transition: background-color .2s ease-in 0s;
}

/* steps */

.dj-steps {
	overflow: auto;
	margin: 0 -15px;
}

.dj-steps .step {
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	overflow: hidden;
}

.dj-steps .icon {
	text-align: center;
	margin: 0 0 20px;
}

.dj-steps h3 {
	margin: 0 0 10px;
}

.dj-steps h3 a {
	color: #000;
}

.dj-steps h3 a:hover {
	color: #97c625;
	text-decoration: none;
}

.dj-steps .desc {
	font-size: .8em;
	text-align: center;
	margin: 0;
}

.dj-steps .number {
	display: inline-block;
	vertical-align: top;
	background: #e9e9e9;
	color: #a2a2a2;
	width: 40px;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}

.dj-steps .step .number:before,
.dj-steps .step .number:after {
	content: '';
	position: absolute;
	display: block;
	width: 1000px;
	height: 4px;
	background: #e7e7e7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 18px;
	z-index: -1;
}

.dj-steps .step .number:before {
	left: auto;
	right: 160%;
	right: calc(100% + 20px);
}

.dj-steps .step .number:after {
	left: 160%;
	left: calc(100% + 20px);
	right: auto;
}

.dj-steps .step1 .number:before {
	display: none;
}
.dj-steps .step3 .number:after {
	display: none;
}

.dj-steps.current-step1 .step1 .number,
.dj-steps.current-step2 .step1 .number,
.dj-steps.current-step2 .step2 .number,
.dj-steps.current-step3 .step1 .number,
.dj-steps.current-step3 .step2 .number,
.dj-steps.current-step3 .step3 .number {
	background: #97c625;
	color: #fff;
}



.dj-steps.current-step2 .step1 .number:after,
.dj-steps.current-step2 .step2 .number:before,
.dj-steps.current-step3 .step1 .number:after,
.dj-steps.current-step3 .step2 .number:before,
.dj-steps.current-step3 .step2 .number:after,
.dj-steps.current-step3 .step3 .number:before {
	background: #97c625;
}

@media (max-width: 768px) {
	.dj-steps .step {
		width: 100%;
	}
	.dj-steps .step .number:after,
	.dj-steps .step .number:before {
		display: none;
	}
}




#flagbox {
	padding: 30px;
	background: #f2f2f2;
}
#flagbox .title {
	font-size: 24px;
	margin-left: 10px;
}
#flagbox .description {
	color: #5c5c5c;
	font-size: 13px;
	font-weight: 300;
	line-height: 19px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
}
#flagbox .description span {
	color: #020305;
	text-decoration: underline;
}
#flagbox .translated {
	color: #3db53d;
	font-size: 13px;
	font-style: italic;
}


/*gfgdfd*/
.app2 {
	margin-top: 30px;
	overflow: hidden;
	padding-bottom: 30px;
}
.app2 .app {
	margin-top: 30px;
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}
.app2 .app-title {
	float: left;
	margin-right: 70px;
	margin-bottom: 10px;
	min-width: 180px;
}
.app2 .readmore-btn {
	font-weight: bold;
}
.app2 .app-title h3 {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	display: block;
	border: none;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;
}
.app2 .app-title h3 + br {
	display: none;
}
.app2 .app-title span {
	font-size: 13px;
	font-weight: 300;
	color: #000;
	line-height: 1.54;
}
.app2 img {
	float: left;
	margin-right: 30px;
}
.app2 .description {
	margin-top: 45px;
	line-height: 1.54;
	margin-bottom: 10px;
	font-size: 15px;
	/* font-weight: 300; */
	display: block;
	clear: both;
}
.app2.readmore-btn {
	color: #46ace2;
	display: inline-block;
	margin-top: 12px;
	text-decoration: underline;
}
.app2 .btn {
	float: right;
	font-size: 12px;
	padding: 10px 20px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	margin: 5px;
	text-decoration: none;
}
.app2 .readmore1 {
	background: #9ecb5d;
	color: #fff;
	border: 1px solid #9ecb5d;
	text-decoration: none;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.app2 .readmore1:hover,
.app2 .readmore1:focus {
	background: none;
	color: #9ecb5d;
}
.app2 .readmore2 {
	background: none;
	border: 1px solid #9ecb5d;
	color: #9ecb5d;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.app2 .readmore2:hover,
.app2 .readmore2:focus {
	background: #9ecb5d;
	color: #fff;
}

.apps-area .row-fluid .moduletable {
	padding: 0 15px !important;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

ul.menu.menu-custom span {
	font-weight: bold;
}
.border1 {
	padding: 5px;
	border: 1px solid #efefef;
}

/*templates w bundlach */
.plan-templates {
	padding-top: 20px;
	word-break: break-all;
}

.plan-templates a {
	color: #9ecb5d;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	padding-top: 0;
}

.plan-templates h5 {
	margin: 0 0 0;
	font-weight: 300;
	font-size: 14px;
	word-break: break-word;
}

.plan-templates p {
	color: #a3a3a3;
	font-size: 11px;
	margin: 0 0 4px;
	word-break: break-all;
}

.plan-templates .template-container {
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	width: 100%;
}

.plan-templates .template-container:first-of-type {
	padding-top: 4px !important;
}

.plan-templates .template-container:last-child {
	border-bottom: none;
	padding: 20px 0 0;
}

.plan-templates .template-image {
	float: left;
}

.plan-templates .template-info {
	text-align: left;
	overflow: hidden;
	padding-left: 20px;
}

.plan-templates h2 {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	color: #2e3033;
	text-transform: none;
	margin: 0 0 16px;
	font-weight: 300;
	position: relative;
	padding: 0 0 15px;
}

.plan-templates h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 1px;
	background: #e1e1e1;
}
.plan-templates img {
	box-shadow: 2px 2px 2px #b9b9b9;
}
/* koniec templates w bundlach */
.templates-article h2 {
	font-size: 20px;
}
.templates-article p {
	font-size: 15px;
}

/* newsletter */

@media only screen and (max-width: 1300px) and (min-width: 980px) {
	#Mod1569 .newsletter-footer #salesmanagoIframe {
		height: 200px !important;
	}
}

@media only screen and (max-width: 700px) and (min-width: 480px) {
	#Mod1569 .newsletter-footer #salesmanagoIframe {
		height: 200px !important;
	}
}


/* new product */

/* grid */
.full-width #box3 {
	padding: 0;
}

.full-width #box3 > .container {
	width: auto;
}

.full-width #box3 > .container > .container-in {
	padding: 0;
}

.full-width #box3 .article {
	margin: 0;
}

/* header */


.new-product.dj-catalog2 #box2 {
	background: url('../images/product/header-djcatalog.jpg') no-repeat center bottom;
	background-color: #db2a4c;
}

.new-product.dj-classifieds #box2 {
	background: url('../images/product/header-djclassifieds.jpg') no-repeat center bottom;
	background-color: #213e5c;
}

.new-product #box2 .container {
	overflow: visible;
}

.new-product #box2 #header {
	padding: 0;
}

.new-product #box2 .showcase {
	color: #fff;
	pointer-events: none;
	padding-top: 70px;
}

.new-product #box2 .showcase h1 {
	font-size: 40px;
	line-height: 1.2;
	color: inherit;
	/*font-weight: 400;*/
	pointer-events: auto;
	margin-bottom: 15px;
}

.new-product #box2 .showcase p,
.new-product #box2 .showcase h2 {
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	opacity: .7;
	pointer-events: auto;
	margin-bottom: 25px;
}

.new-product #box2 .showcase-buttons {
	pointer-events: auto;
}

.new-product #box2 .showcase-buttons .btn {
	margin: 8px;
}

.new-product #box2 .showcase-image {
	margin-top: -10px;
	margin-bottom: -92px;
}

/* main product */
.vertical-center {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

.new-product a {
	/* color: #26cc88; */
}

.new-product #box3 .showcase-box1 {
	background: #fafafa;
	border-top: 1px solid #ededed;
}

/*.new-product #box3 .showcase-box2 {*/
/*	background: #f7f7f7;*/
/*	border-top: 1px solid #ededed;*/
/*}*/

.new-product #box3 .showcase-box1 + .moduletable .showcase-box1,
.new-product #box3 .showcase-box2 + .moduletable .showcase-box2 {
	border-top: none;
	padding-top: 15px;
}

.new-product .jed {
	margin: 0 0 30px;
	line-height: 30px;
}

.new-product .jed .rating {
	display: inline-block;
	vertical-align: top;
	width: 170px;
	height: 30px;
	background: url('../images/product/star.png') repeat-x;
}

.new-product .jed .rating-label,
.new-product .jed .see-more {
	margin-left: 30px;
}

.new-product .jed .see-more {
	color: #26cc88;
	padding-right: 31px;
	background: url('../images/product/arrow.png') no-repeat right center;
}

/* menu and tabs */
.new-product #box3 ul.menu.features-menu,
#box3 div.dj-tabs ul.dj-tabs-headings {
	margin: 1px 1px 60px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	list-style: none;
}

.new-product #box3 ul.menu.features-menu li,
#box3 div.dj-tabs ul.dj-tabs-headings li {
	background: #fff;
	color: #000;
	padding: 0;
	margin: -1px -1px 0;
	cursor: pointer; /* for safari */
}

.new-product #box3 ul.menu.features-menu li a,
#box3 div.dj-tabs ul.dj-tabs-headings li a {
	display: block;
	color: inherit;
	margin: 0;
	padding: 19px 20px;
	line-height: 20px;
	border: 1px solid #eaeaea;
	text-decoration: none;
	cursor: pointer; /* for safari */
}

.new-product.full-width #box3 ul.menu.features-menu li a,
.new-product.full-width #box3 div.dj-tabs ul.dj-tabs-headings li a {
	padding: 19px 35px;
}

.new-product #box3 ul.menu.features-menu li:hover,
.new-product #box3 ul.menu.features-menu li.active,
#box3 div.dj-tabs ul.dj-tabs-headings li:hover,
#box3 div.dj-tabs ul.dj-tabs-headings li.active {
	position: relative;
}

.new-product #box3 ul.menu.features-menu li:hover:after,
.new-product #box3 ul.menu.features-menu li.active:after,
#box3 div.dj-tabs ul.dj-tabs-headings li:hover:after,
#box3 div.dj-tabs ul.dj-tabs-headings li.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: #26cc88;
}

#box3 div.dj-tabs .dj-tabs-content > div {
	display: none;
}

#box3 div.dj-tabs .dj-tabs-content > div.active {
	display: block;
}


.new-product #box3 h3 {
	color: #000;
	margin: 0;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 30px;
	border: none;
}

.new-product #box3 h4 {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
	border: none;
	text-transform: uppercase;
}

.new-product #box3 p {
	margin: 10px 0;
}

.new-product #box3 a.readon {
	padding: 0;
	background: none;
	font-size: inherit;
	line-height: 1.15;
	color: #26cc88;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.new-product #box3 a.readon:hover {
	border-color: transparent;
}

.new-product #box3 .showcase-box1 p.subtitle,
.new-product #box3 .showcase-box2 p.subtitle {
	margin-top: -28px;
	margin-bottom: 30px;
}

.new-product #box3 .showcase-box1,
.new-product #box3 .showcase-box2 {
	padding: 60px 0;
	color: #000;
	line-height: 26px;

}

.new-product #box3 .showcase-box1.small,
.new-product #box3 .showcase-box2.small {
	padding: 40px 0;
}

.new-product #box3 .showcase-box1.none,
.new-product #box3 .showcase-box2.none {
	padding: 0;
	overflow: visible;
}

.new-product #box3 .showcase-box1.mid,
.new-product #box3 .showcase-box2.mid {
	padding: 60px 0 30px;
}

.new-product #box3 .showcase-box3 {
	padding: 60px 0;
	color: #fff;
	line-height: 26px;

	background: #029cef;
	background: -moz-linear-gradient(left, #029cef 0%, #14bcfd 100%);
	background: -webkit-linear-gradient(left, #029cef 0%,#14bcfd 100%);
	background: linear-gradient(to right, #029cef 0%,#14bcfd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029cef', endColorstr='#14bcfd',GradientType=1 );
}

.new-product.dj-messages #box3 .showcase-box3 {
	background: #029cef;
	background: -moz-linear-gradient(left, #029cef 0%, #14bcfd 100%);
	background: -webkit-linear-gradient(left, #029cef 0%,#14bcfd 100%);
	background: linear-gradient(to right, #029cef 0%,#14bcfd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029cef', endColorstr='#14bcfd',GradientType=1 );
}

.new-product.dj-catalog2 #box3 .showcase-box3 {
	background: #db2a4c;
	background: -moz-linear-gradient(left, #db2a4c 0%, #f74f70 100%);
	background: -webkit-linear-gradient(left, #db2a4c 0%,#f74f70 100%);
	background: linear-gradient(to right, #db2a4c 0%,#f74f70 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2a4c', endColorstr='#f74f70',GradientType=1 );
}

.new-product.dj-classifieds #box3 .showcase-box3 {
	background: #213e5c;
	background: -moz-linear-gradient(left, #213e5c 0%, #255974 100%);
	background: -webkit-linear-gradient(left, #213e5c 0%,#255974 100%);
	background: linear-gradient(to right, #213e5c 0%,#255974 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213e5c', endColorstr='#255974',GradientType=1 );
}

.new-product #box3 .showcase-box3 img.pull-left {
	float: left;
	margin-right: 45px;
}

.new-product #box3 .showcase-box3 img.pull-left + h3 {
	margin: 20px 0 0;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
}

.new-product #box3 .showcase-box3 .btn {
	margin-top: 30px;
	padding: 17px 100px;
}

.new-product #box3 .showcase-box3 img.pull-left + h3 + p {
	font-size: 18px;
}

.new-product #box3 .showcase-box3 img.pull-left + h3,
.new-product #box3 .showcase-box3 img.pull-left + h3 + p {
	overflow: hidden;
}

.new-product #box3 .showcase-box3 h3 {
	color: #fff;
}

/* lists */
.new-product #box3 ul {
	list-style: none;
	margin: 0;
}

.new-product #box3 ul.list-2cols {
	column-count: 2;
}

.new-product #box3 ul + p {
	margin-top: 20px;
}

.new-product #box3 ul li {
	margin: 5px 0;
	padding-left: 36px;
	background: url('../images/product/list.png') no-repeat 0 7px;
}

.new-product #box3 ul.list-large li {
	margin: 30px 0;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	background: url('../images/product/list.png') no-repeat 0 10px;
}

.new-product #box3 .showcase-details {
	margin-right: 30px;
	float: left;
}

.new-product #box3 .showcase-details.pull-right {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

.new-product #box3 .showcase-details .title {
	display: inline-block;
	color: #000;
	font-size: 13px;
	margin-right: 10px;
}

.new-product #box3 .showcase-details .value {
	display: inline-block;
	color: #2f3538;
}

.new-product #box3 .showcase-details a {
	color: #000;
}

.new-product #box3 .showcase-details a.changelog:before {
	content: url(../images/product/changelog.png);
	vertical-align: middle;
	margin-right: 15px;
}

.new-product #box3 .showcase-details a.documentation:before {
	content: url(../images/product/documentation.png);
	vertical-align: middle;
	margin-right: 15px;
}

.new-product #box3 .showcase-details a.faq:before {
	content: url(../images/product/faq.png);
	vertical-align: middle;
	margin-right: 15px;
}

.new-product #box3 .showcase-details a.video:before {
	content: url(../images/product/video.png);
	vertical-align: middle;
	margin-right: 15px;
}

.new-product #box3 .article_separator {
	display: none;
}

[class*='span'].pull-right {
	float: right;
}

.new-product  .btn {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 30px;
	color: inherit;
	border-radius: 2px;
	font-weight: 500;
	box-shadow: #71cef9 0 0 0 2px inset;
	-webkit-transition: all 200ms cubic-bezier(.390, .500, .150, 1.360);
	transition: all 200ms cubic-bezier(.390, .500, .150, 1.360);
}

.new-product.dj-catalog2 .btn {
	box-shadow: #fc718b 0 0 0 2px inset;
}

.new-product.dj-classifieds .btn {
	box-shadow: #7d94a5 0 0 0 2px inset;
}

.new-product .btn:hover,
.new-product .btn:focus {
	color: #fff;
	text-decoration: none;
	box-shadow: #71cef9 0 0 0 40px inset;
}

.new-product.dj-catalog2 .btn:hover,
.new-product.dj-catalog2 .btn:focus {
	box-shadow: #fc718b 0 0 0 40px inset;
}

.new-product.dj-classifieds .btn:hover,
.new-product.dj-classifieds .btn:focus {
	box-shadow: #7d94a5 0 0 0 40px inset;
}

.new-product .btn.btn-green {
	padding-left: 65px;
	padding-right: 65px;
	color: #fff;
	box-shadow: #26cc88 0 0 0 40px inset;
}

.new-product .btn.btn-green:hover,
.new-product .btn.btn-green:focus {
	color: inherit;
	box-shadow: #26cc88 0 0 0 2px inset;
}

.new-product .btn.btn-red {
	padding-left: 65px;
	padding-right: 65px;
	color: #fff;
	box-shadow: #e73232 0 0 0 40px inset;
}

.new-product .btn.btn-red:hover,
.new-product .btn.btn-red:focus {
	color: inherit;
	box-shadow: #e73232 0 0 0 2px inset;
}

.new-product .btn.btn-white {
	box-shadow: #fff 0 0 0 40px inset;
	color: #0099ed;
}

.new-product.dj-messages .btn.btn-white {
	color: #0099ed;
}

.new-product.dj-catalog2 .btn.btn-white {
	color: #ed4666;
}

.new-product.dj-classifieds .btn.btn-white {
	color: #274c68;
}

.new-product .btn.btn-white:hover,
.new-product .btn.btn-white:focus {
	text-decoration: none;
	box-shadow: #fff 0 0 0 2px inset;
	color: #fff;
}

/* langs */
.new-product #box3 ul.lang {
	margin: -30px 0 30px;
}

.new-product #box3 ul.lang li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 30px 30px 0;
	background: none;
}

.new-product #box3 ul.lang li img {
	width: 60px;
	border: none;
}

.new-product #box3 ul.lang li span {
	display: block;
	padding-top: 10px;
	font-size: 12px;
}

.new-product #box3 .languages .btn {
	margin: 20px 0 0;
}

/* green section */
.new-product #box3 .showcase-box4 {
	padding: 70px 0;
	color: #fff;
	line-height: 26px;
	background: #26cc88;
}

.new-product #box3 .showcase-box4 h3 {
	color: #fff;
}

.new-product #box3 .showcase-box4 a {
	color: #fff;
	border-bottom: 1px solid currentColor;
	text-decoration: none;
	line-height: 1.15;
}

.new-product #box3 .showcase-box4 a:hover {
	border-color: transparent;
}

.new-product #box3 .showcase-box4 a.readon {
	color: #fff;
}

.new-product #box3 .showcase-box4 a.readon:hover {
	border-color: transparent;
}

.new-product #box3 .showcase-box4 ul li {
	color: inherit;
	background: url('../images/product/list-white.png') no-repeat 0 7px;
}

.new-product #box3 .showcase-box4 ul.list-large li {
	background: url('../images/product/list-white.png') no-repeat 0 10px;
}

.new-product #box3 .showcase-box4 h4 {
	color: #fff;
}

.new-product #box3 .showcase-box4 .btn {
	border-bottom: none;
	box-shadow: #fff 0 0 0 2px inset;
}

.new-product #box3 .showcase-box4 .btn:hover {
	color: #26cc88;
	box-shadow: #fff 0 0 0 40px inset;
}

.new-product #box3 .showcase-box4 .btn.btn-white {
	color: #26cc88;
	box-shadow: #fff 0 0 0 40px inset;
}

.new-product #box3 .showcase-box4 .btn.btn-white:hover {
	color: inherit;
	box-shadow: #fff 0 0 0 2px inset;
}

.new-product #box3 .buttons {
	margin: 30px -10px 0;
}

.new-product #box3 .buttons .btn {
	margin: 0 10px;
}

/* light green section */
.new-product #box3 .showcase-box5 {
	padding: 60px 0;
	line-height: 26px;
	background: #c8fee8;
}

/* black section */
.new-product #box3 .showcase-box6 {
	padding: 60px 0;
	line-height: 26px;
	background: #1b1f21;
	color: #7e868a;
}

.new-product #box3 .showcase-box6 h3 {
	color: #fff;
}

.new-product #box3 .showcase-box6 .showcase-image {
	margin-bottom: -118px;
}

@media(max-width: 1224px) {
	.new-product #box3 .showcase-box6 .showcase-image {
		margin-bottom: -84px;
	}
}

/* tabs on left */
.new-product #box3 .dj-tabs.dj-tabs-left {
	overflow: hidden;
}
.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-headings {
	display: block;
	float: left;
	width: 50%;
	margin: 1px 0 0;
	padding-right: 120px;
	box-sizing: border-box;
	text-align: left;
}

.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-headings li {
	display: block;
	margin: -1px 0 0;
}

.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-content {
	float: right;
	width: 50%;
}

@media(max-width: 979px) {
	.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-headings {
		margin: 0 0 30px;
	}
	.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-headings,
	.new-product #box3 .dj-tabs.dj-tabs-left .dj-tabs-content {
		width: 100%;
	}
}

.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li {
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.1);
	color: #fff;
}

.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li a {
	border: none;
}

.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li:hover,
.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li.active {
	background: none;
	border-right: none;
}

.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li:hover:after,
.new-product #box3 .showcase-box4 .dj-tabs.dj-tabs-left .dj-tabs-headings li.active:after {
	background: #fff;
	top: 0;
	bottom: auto;
	height: 100%;
	width: 2px;
}

/* tabs custom */

.dj-tabs .dj-tabs-content #row2-tab1 {
	position: relative;
}

.dj-tabs .dj-tabs-content #row2-tab1 > .container {
	min-height: 400px;
	position: relative;
}

.dj-tabs .dj-tabs-content #row2-tab1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -60px;
	background: url('https://dj-extensions.com/images/dj-classifieds/product/tab-earn-bg.jpg') no-repeat right bottom;
	pointer-events: none;
}

@media(max-width: 1224px ) {
	.dj-tabs .dj-tabs-content #row2-tab1:before {
		opacity: .2;
	}
}

/* max height */
.max-height {
	overflow: hidden;
	position: relative;
}

.max-height:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 40px;
	pointer-events: none;
}

.showcase-box1 .max-height:after {
	box-shadow: 0 0 100px 20px #fafafa;
}

.showcase-box2 .max-height:after {
	box-shadow: 0 0 100px 20px #f7f7f7;
}

.showcase-box4 .max-height:after {
	box-shadow: 0 0 100px 20px #26cc88;
}

.showcase-box5 .max-height:after {
	box-shadow: 0 0 100px 20px #c8fee8;
}

/* toggle height */
.max-height.open:after {
	display: none;
}

.max-height.open {
	max-height: 100% !important;
}

.more {
	overflow: hidden;
	margin: 20px 0 0;
}

.more .readon {
	float: left;
}

.more + p {
	margin-top: 20px;
}

.new-product #box3 .readon.show-more {
	cursor: pointer;
	position: relative;
	padding-right: 10px;
}

.new-product #box3 .readon.show-more:after {
	content: '\2039';
	display: inline-block;
	transform: rotate(-90deg);
	position: absolute;
	top: 0;
	right: 0;
}

.new-product #box3 .readon.show-more.open:after {
	transform: rotate(90deg);
}


.readon.show-more + .readon {
	float: right;
}

/* circle */

.new-product #box3 .showcase-box1,
.new-product #box3 .showcase-box2 {
	overflow: hidden;
}

.new-product #box3 .rounded {
	position: relative;
	margin-top: -60px;
	margin-bottom: -60px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: #213e5c;
	color: #fff;
	z-index: 1;
}

.new-product #box3 .rounded-wrapper .showcase-box1,
.new-product #box3 .rounded-wrapper .showcase-box2 {
	border-top: none;
}

@media screen and (max-width: 1224px) {
	.new-product #box3 .rounded-wrapper img {
		display: block;
		margin: 100px auto;
	}
	.new-product #box3 .rounded-wrapper [class*='span']:first-child img {
		margin-top: 0;
	}
	.new-product #box3 .rounded-wrapper [class*='span']:last-child img {
		margin-bottom: 0;
	}
	.new-product #box3 .rounded {
		min-height: 0 !important;
	}
	.new-product #box3 .rounded:after {
		display: none;
	}
	.new-product #box3 .circle {
		display: none;
	}
}

.new-product #box3 .rounded h3 {
	color: #fff;
}

.new-product #box3 .rounded img {
	display: block;
}

.new-product #box3 .rounded:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 100%;
	width: 100vh;
	height: 100%;
	background: #213e5c;
}

.new-product #box3 .rounded.pull-right:after {
	left: 100%;
	right: auto;
}

.rounded .max-height:after {
	box-shadow: 0 0 100px 20px #213e5c;
}

.new-product #box3 .circle {
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #213e5c;
	transform: translateX(50%);
	z-index: -1;
}

.new-product #box3 .pull-right .circle {
	left: 15px;
	right: auto;
	transform: translateX(-50%);
}

/* boxes */
.new-product .boxes,
.boxed-menu .menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.boxed-menu .menu ul {
	display: none; /* hide submenu */
}

.new-product .box-wrap,
.boxed-menu .menu li {
	position: relative;
}

.new-product .box-wrap + .box-wrap:before,
.boxed-menu .menu li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 50px;
	background: #ededed;
}

@media (max-width: 1280px) {
	.new-product .box-wrap + .box-wrap:before,
	.boxed-menu .menu li + li:before {
		display: none;
	}
}

.new-product .box,
.boxed-menu .menu li a {
	display: block;
	padding: 20px 15px;
	margin: 0;
	/* min-width: 100px; */
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	transition: all .2s ease-out;
	box-sizing: border-box;
}

/* .dj-classifieds .boxed-menu .menu li a {
	min-width: 120px;
} */

/* @media(max-width: 1440px) {
	.new-product .box,
	.boxed-menu .menu li a,
	.dj-classifieds .boxed-menu .menu li a {
		min-width: 100px;
	}
} */

.new-product .box:hover,
.boxed-menu .menu li a:hover {
	background: #fff;
	position: relative;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
}

/* first child always is active so omit */
.boxed-menu .menu li.active:not(:first-child) a {
	background: #fff;
	position: relative;
	z-index: 2;
	margin-left: -1px;
	margin-right: -1px;
}

.new-product .box img,
.boxed-menu .menu li img {
	display: block;
	margin: 0 auto 10px;
	width: 42px;
	height: 42px;
}

#box3 .boxed-menu .menu li {
	margin: 0;
	padding: 0;
	background: none;
}

/* sticky */
.boxed-menu {}

#content .boxed-menu {
	background: #f7f7f7;
	border-top: 1px solid #ededed;
}

#content .boxed-menu.bg2 {
	background: #fafafa;
}

.boxed-menu.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #f7f7f7;
	border-bottom: 1px solid #ededed;
}

@media(max-width: 1280px) {
	.boxed-menu.is-sticky {
		position: static;
		border-bottom: none;
		background: none;
	}
}

/* icons */
.boxed-menu .menu li a span:before {
	display: block;
	margin: 0 auto 10px;
	width: 42px;
	height: 42px;
}

/* features */
.boxed-menu .menu li.item610 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_features.svg');
}

.dj-classifieds .boxed-menu .menu li.item610,
.dj-classifieds .boxed-menu .menu li.item610 + li:before {
	display: none;
}

/* apps */
.boxed-menu .menu li.item685 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_apps.svg');
}

/* modules and plugins */
.boxed-menu .menu li.item726 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_plugins.svg');
}

/* payments */
.boxed-menu .menu li.item687 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_payments.svg');
}

/* integrations */
.boxed-menu .menu li.item686 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_integrations.svg');
}

/* templates */
.boxed-menu .menu li.item698 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_templates.svg');
}

/* pricing */
.boxed-menu .menu li.item611 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_pricing.svg');
}

/* documentation */
.boxed-menu .menu li.item727 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_documentation.svg');
	width: 30px;
}

/* faq */
.boxed-menu .menu li.item728 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_faq.svg');
}

/* changelog */
.boxed-menu .menu li.item729 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_changelog.svg');
}

/* blog */
.boxed-menu .menu li.item730 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_blog.svg');
}

/* demo */
.boxed-menu .menu li.item734 a span:before {
	content: url('../../../images/dj-classifieds/product/ico_demo.svg');
}

/* available templates */

.new-product #box3 .available-templates h3 {
	margin: 0 0 60px;
}

.new-product #box3 .available-templates img {
	padding: 10px 10px 0;
	background: #fff;
	box-sizing: border-box;
	margin: 0 0 15px;
}

.new-product #box3 .available-templates h4 {
	text-transform: none;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
}

.new-product #box3 .available-templates p {
	font-size: 13px;
	margin: 0;
}

.new-product #box3 .available-templates .btn {
	margin: 30px 0 0;
}

/* reviews */

.new-product #box3 .moduletable.testimonials {
	margin: 0 auto;
	max-width: 1200px;
	padding: 60px 15px;
}

.new-product #box3 .moduletable.testimonials h3 {
	text-align: center;
	margin: 0 0 60px;
}

.new-product .moduletable.testimonials ol {
	list-style: none;
	margin: 0 -15px;
	padding: 0;
	display: flex;
	align-items: center;
}

.new-product .moduletable.testimonials ol li {
	width: 50%;
	margin: 0 15px;
}

@media(max-width: 1224px) {
	.new-product .moduletable.testimonials ol {
		display: flex;
		margin: 0;
		flex-direction: column;
	}

	.new-product .moduletable.testimonials ol li {
		width: 100%;
		margin: 0 0 30px;
	}
}

.new-product .moduletable.testimonials .product-review {
	font-size: 15px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	padding: 45px 60px;
	position: relative;
}

.new-product .moduletable.testimonials .product-review:after {
	content: '';
	position: absolute;
	top: -16px;
	left: 60px;
	display: block;
	width: 36px;
	height: 30px;
	background: url(../images/product/quote.png) no-repeat;
}

/* ratings vote */

.new-product #box3 .vote_box {
	clear: both;
	margin-top: 30px;
}

.new-product #box3 .vote_box ul li {
	background: none;
	padding: 0;
}

/* spans responsive */
@media (max-width: 1224px) {
	.new-product #box3 [class*='showcase-box'] .row-fluid .span6:first-child {
		margin-bottom: 30px;
	}
	.new-product #box3 [class*='showcase-box'] .row-fluid .span6:last-child ul.list-large {
		margin-top: -60px;
	}
	.new-product #box3 [class*='showcase-box'] .row-fluid .span6.text-right {
		text-align: left;
	}
	.new-product #box3 .showcase-details {
		display: block;
		float: none !important;
		margin: 0 !important;
	}
	.new-product #box3 .available-templates {
		text-align: center;
	}
}

@media (max-width: 1200px) {
	.new-product #box2 .showcase-image {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -73px;
	}
}

@media (max-width: 980px) {
	.new-product #box2 .showcase-image {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -57px;
	}
}

@media (max-width: 767px) {
	.new-product #box2 .showcase-image {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: -41px;
	}
	.new-product #box3 ul.list-2cols {
		column-count: 1;
	}
}

/* new home */
body.ver2 {
	font-family: 'Proxima-nova', sans-serif;
	color: #000;
}

.ver2.front #box17 {
	background: #f3f5f9;
	border: none;
	padding: 30px 0;
}

.ver2 .dj-mtmenu + ul.menu li {
	line-height: 1;
}

.ver2 .dj-mtmenu + ul.menu li.item125 a,
.ver2 .dj-mtmenu + ul.menu li.item230 a {
	border: none;
	border-radius: 22px;
	background: #6fc0f9; /* Old browsers */
	background: -moz-linear-gradient(left, #6fc0f9 0%, #3ea6dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6fc0f9 0%,#3ea6dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6fc0f9 0%,#3ea6dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 200% 100%;
	box-shadow: 0 5px 15px 0 rgba(63, 166, 222, .3);
	color: #fff;
	padding: 14px 20px;
}

.ver2 .dj-mtmenu + ul.menu li.item125 a:hover,
.ver2 .dj-mtmenu + ul.menu li.item230 a:hover,
.ver2 .dj-mtmenu + ul.menu li.item125.active a,
.ver2 .dj-mtmenu + ul.menu li.item230.active a {
	background-position: 100% 0;
	box-shadow: none;
	color: #fff;
}

.ver2 .dj-mtmenu + ul.menu li.item125 a:active,
.ver2 .dj-mtmenu + ul.menu li.item230 a:active {
	background-position: 0 100%;
}


.ver2 .dj-mtmenu li a.dj-up_a,
.ver2 .dj-mtmenu + ul.menu li a {
	color: #000;
}

@media (max-width: 979px) {
	.ver2 .dj-mtmenu li a.dj-up_a,
	.ver2 .dj-mtmenu + ul.menu li a {
		color: #fff;
	}
}

.ver2 .dj-mtmenu li:hover a.dj-up_a,
.ver2 .dj-mtmenu li.active a.dj-up_a,
.ver2 .dj-mtmenu + ul.menu li a:hover,
.ver2 .dj-mtmenu + ul.menu li.active a {
	color: #3fa7de;
}

.ver2 .dj-mtmenu li a.dj-up_a:after,
.ver2 .dj-mtmenu + ul.menu li a:after {
	display: none;
}

.ver2.front #header {
	padding: 0;
}

.ver2.front #box2 {
	background: #f3f5f9;
}

.ver2.front #top-banner .moduletable {
	padding: 100px 0 0;
	margin: 0;
}

.ver2.front  #top-banner .moduletable.main-boxes {
	margin-bottom: -124px;
}

@media screen and (max-width: 1224px) {
	.ver2.front #top-banner .moduletable.main-boxes {
		margin-bottom: 100px;
	}
}

.ver2.front #top-banner h1 {
	color: #000;
	font-size: 36px;
	font-weight: 700;
}

.ver2.front #top-banner h1 sup {
	vertical-align: text-top;
	font-size: 16px;
}

.ver2.front #top-banner h2 {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.ver2.front #top-banner h2 span,
.ver2.front #top-banner h2 a {
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(178,184,190,.3);
}

.ver2.front #top-banner h2 a {
	text-decoration: none;
	color: inherit;
}

.ver2.front #top-banner h2 a:hover {
	border-bottom: 1px solid rgba(178,184,190,.5);
}

.front-mainbox {
	display: flex;
	justify-content: space-between;
	margin: 0 -15px;
}

.front-mainbox .mainbox {
	width: 33.33%;
	padding: 0 15px 30px;
	box-sizing: border-box;
	text-decoration: none;
}

.front-mainbox .mainbox .mainbox-in {
	padding: 70px 35px 45px;
	box-sizing: border-box;
	color: #000;
	background: #fff;
	box-shadow: 0 0 57px 0 rgba(5, 16, 39, .1);
	height: 100%;
	position: relative;
	border-radius: 3px;
}

@media screen and (max-width: 979px) {
	.front-mainbox {
		flex-direction: column;
	}
	.front-mainbox .mainbox {
		width: 100%;
	}
}

.front-mainbox .mainbox .mainbox-img img {
	max-width: 180px;
	margin: 0 0 40px;
}

.front-mainbox .mainbox .mainbox-features {
	float: left;
}
.mainbox-feature-1 {
	background: #ffcb2e;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 7px 2px 7px;
	border-radius: 2px;
	display: inline-block;
	margin: 0 1px 0 0;
	vertical-align: top;
}
.mainbox-feature-1 img {
	vertical-align: top;
	margin: 0 1px 0 0;
}
.mainbox-feature-2 {
	background: #f3f5f9;
	color: #87898e;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 7px 2px 7px;
	border-radius: 2px;
	display: inline-block;
	vertical-align: top;
}
.mainbox-feature-2 img {
	vertical-align: top;
	margin: 0 1px 0 0;
}

.mainbox-joomla-version {
	float: right;
	margin: 0 0 0 1px;
}

.mainbox-img {
	float: left;
	width: 100%;
	margin: 8px 0 0;
}

.jm .mainbox-img {
    margin-top:35px;
    margin-bottom:34px;
}
#top-banner .front-mainbox .mainbox h3 {
	color: #000;
	font-size: 24px;
	font-weight: 700;
}

.front-mainbox .mainbox p {
	font-size: 16px;
	margin: 1em 0 0;
	text-align: center;
}

.btn-new {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	border-radius: 27px;
	background: #6fc0f9; /* Old browsers */
	background: -moz-linear-gradient(left, #6fc0f9 0%, #3ea6dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6fc0f9 0%,#3ea6dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6fc0f9 0%,#3ea6dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 200% 100%;
	box-shadow: 0 5px 15px 0 rgba(63, 166, 222, .3);
	color: #fff;
	padding: 17px 30px;
	text-decoration: none;
	transition: all .2s ease-in 0s;
}

.btn-new:hover {
	background-position: 100% 0;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}

.readmore-new {
	display: inline-block;
	color: #3ea6dd;
	border-bottom: 1px solid rgba(62,166,221, .2);
	transition: all .3s ease;
	text-decoration: none;
}

.readmore-new:hover {
	border-bottom: 1px solid rgba(62,166,221, .4);
	text-decoration: none;
}

.front-mainbox .mainbox .btn-new {
	display: inline-block;
}

.front-mainbox .mainbox .btn-circle {
	font-weight: 700;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	width: 54px;
	height: 54px;
	line-height: 54px;
	position: absolute;
	bottom: -27px;
	left: 50%;
	margin-left: -27px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .5s ease-in-out, opacity .3s linear;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.front-mainbox .mainbox:hover .btn-circle {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.front-mainbox.mod {
	text-align: center;
	margin: 0 0 30px;
}

.front-mainbox.mod .mainbox .btn-circle {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.front-mainbox.mod .price-link2 {
	text-align: left;
	padding: 17px 0 0;
}

.front-mainbox.mod .mainbox {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.djbox-twocolumns,
.djbox-threecolumns,
.djbox-fourcolumns {
	margin: 0 -15px;
	clear: both;
}

.djbox-twocolumns .moduletable {
	padding: 0 15px;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.djbox-threecolumns .moduletable {
	padding: 0 15px;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
}

.djbox-fourcolumns .moduletable {
	padding: 0 15px;
	float: left;
	width: 25%;
	box-sizing: border-box;
}

.front-mainbox.mod .price {
	display: inline-block;
	margin: 0;
}

.front-mainbox.mod .link2 {
	display: inline-block;
	float: right;
	margin: 0;

    background-color: #f69233;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
    padding: 4px 8px;
    text-align: center;
}
.link2 {
	display: inline-block;
	float: right;
	margin: 0;

    background-color: #f69233;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
    padding: 4px 8px;
    text-align: center;
}

.front-mainbox.mod .mainbox h4 {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 11px;
	padding: 0;
	border: none;
	text-align: center;
	line-height: 26px;
}

.front-mainbox.mod .mainbox h4 a {
	color: #000;
}

.front-mainbox.mod .mainbox h4 a:hover {
	text-decoration: none;
}

.front-mainbox.mod .mainbox p {
	line-height: 20px;
}

.front-mainbox.mod .mainbox .mainbox-in {
	padding: 19px 20px 28px;
}

.front-mainbox.mod .mainbox .mainbox-img img {
	margin-bottom: 16px;
    margin-top: 16px;
	max-width: 111px;
}

.front-mainbox.mod .mainbox-in:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	transition: all ease 0.3s;
	border: 1px solid transparent;
	border-radius: 3px;
}
.front-mainbox.mod:hover .mainbox-in:before {
	border-color: #0f74b5;
	box-shadow: inset 0px 0px 19px -8px rgba(15,116,181,0.35);
}



.ver2.front #box4 {
	border: none;
	padding-bottom: 100px;
	background: #f3f5f9;
}

@media screen and (max-width: 1224px) {
	.ver2.front #box4 {
		padding-top: 100px;
	}
}

.front-extbox h2 {
	text-align: center;
}

.front-extbox h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	margin: 0 0 90px;
}

.front-extbox .front-extbox-in {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
}

.front-extbox .extbox {
	width: 50%;
	padding: 15px;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 979px) {
	.front-extbox .front-extbox-in {
		flex-direction: column;
	}
	.front-extbox .extbox {
		width: 100%;
	}
}

.front-extbox .extbox h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	color: #fff;
}

.front-extbox .extbox p {
	font-size: 16px;
	text-align: center;
	margin: 5px 0 0;
	line-height: 1.2;
}

.front-extbox .extbox-in {
	padding: 25px;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3px;
	transition: all .3s ease;
	min-height: 375px;
}

.front-extbox .extbox-in:hover {
	opacity: .9;
}

.front-extbox .classifieds .extbox-in {
	background-color: #366291;
	/*background-image: url('../../../images/ver2/front-box-cf.jpg');*/
}

.front-extbox .catalog .extbox-in {
	background-color: #ff3f6d;
	/*background-image: url('../../../images/ver2/front-box-ct.jpg');*/
}

.front-extbox .megamenu .extbox-in {
	background-color: #aa38c0;
	/*background-image: url('../../../images/ver2/front-box-mega.jpg');*/
}

.front-extbox .mediatools .extbox-in {
	background-color: #26d2c1;
	/*background-image: url('../../../images/ver2/front-box-media.jpg');*/
}

.front-extbox .extbox-footer {
	margin-top: 85px;
	position: relative;
}

.front-extbox .extbox-footer .btn-new {
	margin: 5px;
}

.front-extbox .extbox-footer .pull-right {
	position: absolute;
	top: 15px;
	right: 0;
}

@media screen and (max-width: 767px) {
	.front-extbox .extbox-footer .pull-right {
		position: static;
		margin: 15px;
	}
}

.ver2.front #djex-front-top {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #f3f5f9;
	border-top: 1px solid #e4e6e8;
	border-bottom: 1px solid #e4e6e8;
}

.front-testimonials h2,
.front-news h2 {
	color: #000;
	font-size: 30px;
	line-height: 1.1;
	font-weight: 700;
	margin: 0 0 90px;
	text-align: center;
}


.ver2 .latest-blog-ms ol li .createdate {
	color: #000;
	margin: 0 0 10px;
}

.ver2 .latest-blog-ms ol li .contentheading {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #000;
}

.ver2 ul.latestnews.latest-blog-ms li a,
.ver2 .latest-blog-ms ol li a {
	color: inherit;
	font: inherit;
	text-decoration: none;
}

.ver2 ul.latestnews.latest-blog-ms li,
.ver2 .latest-blog-ms ol li {
	border-color: #e6e9ed;
}

@media screen and (max-width: 767px) {
	.ver2 ul.latestnews.latest-blog-ms li + li,
	.ver2 .latest-blog-ms ol li + li {
		margin-top: 30px;
	}
}


.ver2 .latest-blog-ms .more_news {
	margin-top: 20px;
}

.ver2 .latest-blog-ms .more_news a {
	color: #3ea6dd;
	border-bottom: 1px solid rgba(62,166,221, .2);
	transition: all .3s ease;
}

.ver2 .latest-blog-ms .more_news a:hover {
	border-bottom: 1px solid rgba(62,166,221, .4);
}

#reviews-imageslider .djslider,
#reviews-imageslider .djslider .slider-container > ul,
#reviews-imageslider .djslider .slider-container > ul > li {
	width: 100% !important;
}

.ver2 #reviews-imageslider {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #ebeff5;
	position: relative;
}

.ver2 #reviews-imageslider:after {
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: 50%;
	height: 40px;
	width: 1px;
	background: #3ea6dd;
}

.ver2 #reviews-imageslider .djslider-loader li > img {
	display: none;
}

.ver2 #reviews-imageslider .djslider-loader li {
	height: auto !important;
}

.ver2 #reviews-imageslider .djslider-loader .slide-desc {
	position: static;
	max-width: 770px;
	margin: 70px auto;
}

@media screen and (max-width: 1224px) {
	.ver2 #reviews-imageslider .djslider-loader .navigation-container {
		display: none;
	}
}
@media screen and (max-width: 440px) {
	.djslider{
		height: 470px !important;
	}
}

.ver2 #reviews-imageslider .slide-desc-text {
	background: #fff;
	color: #000;
	font-style: normal;
	box-shadow: 0 0 57px 0 rgba(5, 16, 39, .1);
	padding: 30px 50px;
	border-radius: 3px;
	z-index: 3;
}

.ver2 #reviews-imageslider .slide-desc-bg {
	opacity: 1;
	z-index: 1;
}

.ver2 #reviews-imageslider .slide-desc-bg:before,
.ver2 #reviews-imageslider .slide-desc-bg:after {
	content: '';
	position: absolute;
	display: block;
	width: 90%;
	height: 100px;
	background: #fff;
	top: -15px;
	left: 5%;
	box-shadow: 0 0 57px 0 rgba(5, 16, 39, .1);
	border-radius: 3px 3px 0 0;
	z-index: 2;
}

.ver2 #reviews-imageslider .slide-desc-bg:before {
	width: 80%;
	top: -30px;
	left: 10%;
	z-index: 1;
	box-shadow: 0 0 57px 0 rgba(5, 16, 39, .1);
}

.ver2 #reviews-imageslider .slide-desc-text .slide-title {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
.ver2 #reviews-imageslider .slide-desc-text .slide-ext-name{
	margin: 0 0 5px;
}

.ver2 #reviews-imageslider .slide-desc-text .slide-review-author{
	background: url(../images/reviews-stars.gif) no-repeat center 0;
    font-style: italic;
    font-size: 14px;
    padding: 39px 0 0;
    margin: 30px 0 0;
}

.ver2 #reviews-imageslider .navigation-container-custom {
	top: 100%;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	margin-top: 15px;
}

.ver2 #reviews-imageslider .navigation-container-custom span.load-button {
	background: #e0e0e0;
	margin-top: 0;
}

.ver2 #reviews-imageslider .navigation-container-custom span.load-button.load-button-active {
	margin-top: 0;
	background: #3ea6dd;
	border: none;
}

.ver2 #reviews-imageslider .djslider-loader .navigation-container {
	top: 50%;
	margin-top: -27px;
}

.ver2 #reviews-imageslider .djslider-loader .navigation-container .prev-button,
.ver2 #reviews-imageslider .djslider-loader .navigation-container .next-button {
	background-color: rgba(5, 16, 39, .1);
	border-radius: 50%;
	padding: 18px 20px;
}

.ver2 #reviews-imageslider .djslider-loader .navigation-container .prev-button:hover,
.ver2 #reviews-imageslider .djslider-loader .navigation-container .next-button:hover {
	background-color: #6fc0f9; /* Old browsers */
	background: -moz-linear-gradient(left, #6fc0f9 0%, #3ea6dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6fc0f9 0%,#3ea6dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6fc0f9 0%,#3ea6dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 5px 15px 0 rgba(63, 166, 222, .3);
	transition: all .2s ease-in 0s;
}

.ver2 #box9 .newslettermod .zf-templateWrapper {
	background: #202731;
	border-radius: 3px;
	padding: 60px;
	overflow: hidden;
}

.ver2 #box9 .newslettermod .newsletter-slogan {
	float: left;
	width: 35%;
}

.ver2 #box9 .newslettermod .newsletter-inputs {
	float: right;
	width: 65%;
	padding-left: 50px;
	padding-top: 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 979px) {
	.ver2 #box9 .newslettermod .newsletter-slogan,
	.ver2 #box9 .newslettermod .newsletter-inputs {
		width: 100%;
	}
}

.ver2 #box9 .newslettermod .newsletter-slogan h3 {
	border: none;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 10px;
}

.ver2 #box9 .newslettermod .newsletter-slogan p {
	margin: 0;
	font-size: 14px;
	color: #7c8086;
}

.ver2 #box9 .newslettermod .newsletter-inputs input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 2px solid #36404d;
	border-radius: 0;
	height: auto;
	line-height: 68px;
	color: #e9e9ea;
	padding: 0 110px 0 28px;
	font-family: inherit;
	font-size: 16px;
	min-width: 0;
	box-sizing: border-box;
}

.ver2 #box9 .newslettermod .newsletter-inputs input::placeholder {
	color: #e9e9ea;
	opacity: 1;
}

.ver2 #box9 .newslettermod .newsletter-inputs .zf-tempContDiv {
	position: relative;
}

.ver2 #box9 .newslettermod .newsletter-inputs button {
	position: absolute;
	border: none;
	border-radius: none;
	background: none;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	padding: 10px 40px;
}

@media screen and (max-width: 767px) {
	.ver2 #box9 .newslettermod .newsletter-inputs {
		padding-left: 0;
	}
	.ver2 #box9 .newslettermod .newsletter-inputs input {
		padding: 0 28px;
	}
	.ver2 #box9 .newslettermod .newsletter-inputs button {
		float: right;
		position: static;
		transform: none;
	}
}

.ver2 #box9 .newslettermod .newsletter-inputs button img {
	width: 30px;
	height: 20px;
}

.ver2 #box9 .newslettermod .newsletter-checkboxs {
	margin: 10px 0 50px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}

.ver2 #box9 .newslettermod .newsletter-checkboxs li {
	float: left;
	width: 50%;
	font-size: 12px;
	line-height: 1.1;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.ver2 #box9 .newslettermod .newsletter-checkboxs li {
		width: 100%;
	}
}

.ver2 #box9 .newslettermod .newsletter-checkboxs li input[type=checkbox],
.ver2 #box9 .newslettermod .newsletter-checkboxs li .checkbox-label {
	display: inline-block;
	vertical-align: middle;
}

.ver2 #box9 .newslettermod .newsletter-checkboxs li .checkbox-label {
	margin-left: 5px;
}

.ver2 #box18,
.ver2 .payments-footer p.payments-intro,
.ver2 #box9 .newslettermod .newsletter-checkboxs {
	color: #7c8086;
}

.ver2 #Mod1645 > h4,
.ver2 #Mod1645 .module-content > p,
.ver2 #Mod1645 .module-content > .newsletter-footer {
	display: none;
}

.ver2 .dj-newsletter-frame ul {
	margin: 0;
	list-style: none;
}

.ver2 .dj-newsletter-frame ul li {
	margin-left: 0;
}

.ver2 .dj-newsletter-frame .zf-tempContDiv {
	display: flex;
	margin: 0 0 10px;
}

.ver2 .dj-newsletter-frame .zf-tempContDiv span {
	flex: 1;
}

.ver2 .dj-newsletter-frame .zf-tempContDiv input[type=text] {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

@media screen and (max-width: 350px) {
	.ver2 .dj-newsletter-frame .zf-tempContDiv {
		display: block;
	}
}

.ver2 .dj-newsletter-frame input[type=checkbox] {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}

.ver2 .dj-newsletter-frame label {
	font-size: 12px;
	line-height: 1.3;
}

/*.ver2 .dj-newsletter-frame label div {
	display: inline;
}*/


.moduletablevid {
	width: 32%;
	float: left;
}


div.uk-grid-margin {
	width: 32%;
	float: left;
}

/* #content .djcat2func {
    width: 32%;
    float: left;
    display: block;
    padding: 10px;
}*/

.djreviews .moduletable img {
	width: 27%;
	filter: invert(.8);
}
/*.moduletable djcat2func p{
    text-align: center;
}

#content .djreviews moduletable {
    margin 30px 0 !important;
}*/

ul.latestnews .latestnews-publish-date,
ul.latestnews .latestnews-category-name{
    margin: 0 0 10px;
    font-size: 12px;
}
ul.latestnews .latestnews-category-name{
    margin: 0;
    font-size: 12px;
}

/* breadcrumbs */
.breadcrumb {
	color: #9fa1a5;
	font-size: 14px;
	line-height: 1.7;
	padding: 19px 0;
}

.breadcrumb ul {
	list-style: none;
	margin: 0;
}

.breadcrumb ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.breadcrumb .divider {
	padding: 0 6px;
}

.greyboxx {
    padding: 20px;
    background: #fff;
    margin: 15px 0;
    border: 1px solid #eaeaea;

}

.noimgs img{
    display: none;
}
#content .greyboxx {
    margin:15px 0;
    padding: 10px 20px;
}
.moduletable.djcat2func.greyboxx h3 {
    text-align: left;
}

[data-href] {
	cursor: pointer;
}

/* mobile friendly */

@media(max-width: 767px) {

	ul.menu li, ul.latestnews li, ul.mostread li {
		margin-top: 0;
		margin-bottom: 0;
	}

	ul.menu li a, ul.latestnews li a, ul.mostread li a {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	#footer-box .moduletable ul.menu li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#content iframe {
		width: 100% !important;
		/*height: auto !important;*/
	}

}

/* zoho email input the same as input text */
#zohohc-asap-web-helperview input[type="email"] {
	font-size: 18px;
	height: 52px;
}


/**** hero slider front ****/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider a img { outline: none; border: none; }

.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	margin: 0;
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.flexslider .flex-direction-nav {
	position: static;
}

.flexslider .flex-control-nav.flex-control-paging {
	display: block;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }



/* Theme Styles */
.flexslider {
	position: relative;
	zoom: 1;
}

/* Edit it if you want */
.flex-container {
	min-width: 150px;
	max-width: 1170px;
}

.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 54px;
	height: 54px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
}

.flex-direction-nav .flex-next {
	right: -80px;
	background: url('https://dj-extensions.com/images/hero/nav/next_h.png');
}

.flex-direction-nav .flex-next:hover {
	background-position: -100%;
}

.flex-direction-nav .flex-prev {
	left: -80px;
	background: url('https://dj-extensions.com/images/hero/nav/prev_h.png');
}

.flex-direction-nav .flex-prev:hover {
	background-position: -100%;
}

/* Control Nav */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background: #E0E0E0;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.flex-control-paging li a.flex-active {
	background-color: #3EA6DD;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/**** hero slider front end ****/