body {
	overflow-x: hidden;
}
.getquote {
	border: 1px solid linear-gradient(90deg, rgba(132, 24, 24, 1) 0%, rgba(152, 20, 20, 1) 8.54%, rgba(189, 13, 13, 1) 27.19%, rgba(218, 7, 7, 1) 45.85%, rgba(238, 3, 3, 1) 64.31%, rgba(251, 1, 1, 1) 82.47%, rgba(255, 0, 0, 1) 100%);
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 300px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	float: none;
	color: black;
	padding: 19px 20px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.dropdown-content a:hover {
	background-color: #ddd;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown-content li {
	border-bottom: 1px solid lightgrey;
}
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
 $border-radius-size: 14px;
 $barbarian: #EC9B3B;
 $archer: #EE5487;
 $giant: #F6901A;
 $goblin: #82BB30;
 $wizard: #4FACFF;
*, *:before, *:after {
	box-sizing: border-box;
}
.logosize
{
	height: 53px;
	width:100%;
}
.ourproducts {
	margin-top: 1%;
	margin-bottom: 1%;
}
.heading_after_margin:after {
	margin: 0 auto;
}
.slide-container {
	margin: auto;
	width: 600px;
	text-align: center;
}
.wrapper {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
 &:focus {
 outline: 0;
}
}
.clash-card {
	background: white;
	width: 100%;
	display: inline-block;
	margin: auto;
 	border-radius: $border-radius-size + 5;
	position: relative;
	text-align: center;
	/*box-shadow: -1px 15px 30px -12px black;*/
	/*box-shadow:-1px -2px 14px -11px black;*/
	border: 1px solid lightgrey;
	z-index: 9999;
}
.clash-card__image {
	position: relative;
	height: 100%;
	margin-bottom: 5px;
 	border-top-left-radius: $border-radius-size;
 	border-top-right-radius: $border-radius-size;
}
.clash-card__image--barbarian {
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/barbarian-bg.jpg');
 	img {
 	width: 100%;
 	/*position: absolute;
 	top: -65px;
 	left: -70px;*/
}
}
.clash-card__image--archer {
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/archer-bg.jpg');
 	img {
 	width: 400px;
 	position: absolute;
 	top: -34px;
 	left: -37px;
}
}
.clash-card__image--giant {
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/giant-bg.jpg');
 	img {
	width: 340px;
 	position: absolute;
 	top: -30px;
 	left: -25px;
}
}
.clash-card__image--goblin {
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/goblin-bg.jpg');
 	img {
 	width: 370px;
 	position: absolute;
 	top: -21px;
 	left: -37px;
}
}
.clash-card__image--wizard {
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/wizard-bg.jpg');
 	img {
 	width: 345px;
 	position: absolute;
 	top: -28px;
 	left: -10px;
}
}
.clash-card__level {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 5px;
}
.clash-card__level--barbarian {
 color: $barbarian;
}
.clash-card__level--archer {
 color: $archer;
}
.clash-card__level--giant {
 color: $giant;
}
.clash-card__level--goblin {
 color: $goblin;
}
.clash-card__level--wizard {
 color: $wizard;
}
.clash-card__unit-name {
	font-size: 18px;
	color: #41516A;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 37px;
}
/*.clash-card__unit-name:after {
	content: '';
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	height: 1px;
	margin-top: 15px;
	background: linear-gradient(90deg, rgba(132, 24, 24, 1) 0%, rgba(152, 20, 20, 1) 8.54%, rgba(189, 13, 13, 1) 27.19%, rgba(218, 7, 7, 1) 45.85%, rgba(238, 3, 3, 1) 64.31%, rgba(251, 1, 1, 1) 82.47%, rgba(255, 0, 0, 1) 100%);
}*/
.clash-card__unit-description {
	font-size: 13px;
	padding: 2px;
	/*margin-bottom: 10px;*/
	height: 95px;
}
.clash-card__unit-stats--barbarian {
 background: $barbarian;
 .one-third {
 border-right: 1px solid #BD7C2F;
}
}
.clash-card__unit-stats--archer {
 background: $archer;
 .one-third {
 border-right: 1px solid #D04976;
}
}
.clash-card__unit-stats--giant {
 background: $giant;
 .one-third {
 border-right: 1px solid darken($giant, 8%);
}
}
.clash-card__unit-stats--goblin {
 background: $goblin;
 .one-third {
 border-right: 1px solid darken($goblin, 6%);
}
}
.clash-card__unit-stats--wizard {
 background: $wizard;
 .one-third {
 border-right: 1px solid darken($wizard, 6%);
}
}
.clash-card__unit-stats {
	color: white;
	font-weight: 700;
 	border-bottom-left-radius: $border-radius-size;
 	border-bottom-right-radius: $border-radius-size;
 	.one-third {
 	width: 33%;
 	float: left;
 	padding: 20px 15px;
}
sup {
	position: absolute;
	bottom: 4px;
	font-size: 45%;
	margin-left: 2px;
}
.stat {
	position: relative;
	font-size: 24px;
	margin-bottom: 10px;
}
.stat-value {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
}
.no-border {
	border-right: none;
}
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.slick-prev {
	left: 100px;
	z-index: 999;
}
.slick-next {
	right: 100px;
	z-index: 999;
}
.ourproducts {
	width: 80%;
	margin: 0 auto;
	z-index: 1;
}
.ds01_banner_text {
	font-size: 50px;
	padding-left: 15px;
	font-weight: 700;
	padding-top: 40px;
	letter-spacing: 4px;
}
.paddingtop15 {
	padding-top: 12%;
}
.text-left {
	text-align: left !important;
}
.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}
.ds01_banner_text:after {
	content: ' ';
	width: 100px;
	display: block;
	border: 1px solid #fff;
	margin-top: 10px;
}
.ds01_banner_smalltext {
	font-size: 40px;
	padding-left: 15px;
	font-weight: 100;
}
.padding10 {
	padding-top: 10%;
	padding-bottom: 10%;
}
.padding4 {
	padding-top: 4%;
	padding-bottom: 4%;
}
.main_benefits {
	text-align: center;
	color: black;
	font-weight: 600;
	font-size: 2.8rem;
	letter-spacing: 2px;
}
.main_benefits:after {
	margin: 0 auto;
	content: ' ';
	width: 200px;
	display: block;
	border: 1px solid red;
	border-image-source: -webkit-linear-gradient(0deg, rgba(132, 24, 24, 1) 0%, rgba(137, 23, 23, 1) 15.22%, rgba(153, 20, 20, 1) 34.47%, rgba(179, 15, 15, 1) 55.88%, rgba(215, 8, 8, 1) 78.7%, rgba(255, 0, 0, 1) 100%);
	border-image-slice: 20;
	margin-top: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.concept_ul {
	font-size: 17px;
	color: black;/*padding-top: 8%;*/
}
.concept_ul ul li {
	display: list-item;
	padding-bottom: 10px;
}
.concept_ul ul {
	list-style: disc;
	padding-left: 10%;
}
.concept_img {
	width: 100%;
	border-radius: 20px;
}
.how_works_img {
	margin-top: 3%;
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	padding-left: 0px !important;
}
.how_works {
	padding-top: 3%;
	color: black;
}
.how_works ul {
	list-style-type: disc;
}
.how_works ul li {
	display: list-item;
	padding-top: 10px;
	font-size: 17px;
}
.specification_img {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 1%;
}
.specification_table {
	color: black;
	width: 100%;
}
.specification_table tr td {
	vertical-align: top;
	padding: 7px;
	border-top: 1px solid #8d8f90;
	border-bottom: 1px solid #8d8f90;
}
.blurb__title {
	height: auto;
}
.knowmore {
	background: none;
	color: black;
}
.benefit-more {
	height: 170px;
}
.ds02-banner h2 {
	top: 10%;
	width: 100%;
	text-align: center;
}
.blurb1 {
	margin-top: 8%;
}
.interchangeable-ds02 br {
	display: none;
}
.scan-ds03 br {
	display: none;
}
.premium-ds05 br {
	display: none;
}
/*@media (max-width:1624px) {
.premium-ds05 br {
	display: none;
}
}*/

.getnoticed {
	padding: 25px 0 !important;
}
.main-height: ; {
	height: 130px;
}
.benefits_container {
	margin-bottom: 4%;
}
.concept-text {
	margin-top: 4%;
	display: flex;
	position: relative;
}
.concept_ul_ds ul {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}
.split {
	list-style-type: lower-alpha;
}
.spec_ds01 img {
	width: 90%;
	margin: 0 auto;
}
.ds01-spec {
	display: none;
}
.split ul li {
	list-style-position: inside;
	text-indent: -25px;
}
.bg-image-7 {
	background: #41b9e8;
}


@media (max-width:1200px) {
.concept_ul_ds ul {
	position: unset;
	top: unset;
	left: unset;
	margin-right: unset;
	transform: unset;
}
.ds02_features {
	margin-top: 4% !important;
}
.split ul {
	padding-left: 3%;
}
.spec_ds01 img {
	width: 100%;
}
.concept_ul ul li {
	padding-bottom: unset;
}
.split {
	padding-bottom: 20px !important;
}
.concept-text {
	display: unset;
}
.concept_ul ul {
	padding-left: 0px;
}
.benefits_container {
	margin-bottom: 50px;
}
.clash-card__unit-name {
	font-size: 16px;
}
.clash-card__unit-description {
	font-size: 12px;
}
.main-height {
	height: auto !important;
}
.main-height1 {
	margin-bottom: 20px !important;
}
.ourproducts {
	width: 100%;
}
}

@media (max-width:1100px) {
.ourproducts {
	width: 100%;
}
}

@media (max-width:1400px) and (min-width:992px) {
.noproduct {
	display: none;
}
}

@media (max-width:1200px) and (min-width:992px) {
.concept-text {
	margin-top: 0px !important;
}
.ds02_features {
	margin-top: 4% !important;
}
.concept_ul {
	padding-top: 0px !important;
}
.concept_ul_ds {
	padding-left: 7%;
}
.ds02-banner h2 {
	top: 14%;
	/*left: 23%;*/
	font-size: 36px;
}
.blurb1 {
	margin-top: 20% !important;
}
}

@media (min-width: 992px) {
.col-md-55 {
	width: 47%;
}
}

@media (max-width: 991px) {
.concept_ul_ds ul {
	padding-top: 3%;
}
.interchangeable-ds02 br {
	display: block;
}
.scan-ds03 br {
	display: block;
}
.premium-ds05 br {
	display: block;
}
.concept_ul ul {
	padding-left: 0px;
}
.concept-text {
	margin-top: 0px !important;
}
.ds02_features {
	margin-top: 4% !important;
}
.ds02-banner h2 {
	/*left: 15%;*/
	font-size: 30px;
}
.bgdecor6 {
	display: none;
}
.page-header {
	height: 56px !important;
}
.clash-card__unit-name {
	font-size: 18px;
}
.clash-card__unit-name:after {
	width: 200px;
}
.clash-card__unit-description {
	margin-bottom: 20px;
}
.bg-decor img {
	display: none;
}
.swiper-container {
	height: 500px;
}
.blurb__title {
	height: auto;
}
.blurb1 {
	margin-top: 0px !important;
}
.main_benefits {
	font-size: 2.5rem
}
}

@media (max-width: 767px) {
.ds01-spec-desktop {
	display: none;
}
.ds01-spec {
	display: block;
}
.interchangeable-ds02 br {
	display: none;
}
.scan-ds03 br {
	display: none;
}
.premium-ds05 br {
	display: none;
}
.costumer_logo img {
	width: unset;
}
.blurb1 {
	margin-top: 0px !important;
}
.clash-card__unit-description {
	height: auto;
}
.spec_tab_td {
	width: 30px;
}
.spec_tab_b {
	width: 120px;
}
.how_works ul li {
	font-size: 6px;
}
.concept_ul ul li {
	font-size: 16px;
}
.home-video {
	height: 100%;
}
.heading-decorated {
	text-align: center;
}
.heading-decorated::after {
	margin: 0 auto;
}
}

@media (max-width: 520px) {
.blurb1 {
	margin-top: 0px !important;
}
.main_benefits {
	font-size: 2rem
}
.noproduct {
	display: none;
}
.home-video {
	height: 100%;
}
}