/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
.body, body {
	font-family:'Lato', Arial, Helvetica, sans-serif;
}
.astroid-nav > li > a, .astroid-sidebar-menu > li > a, .astroid-mobile-menu > .nav-item > a {
	font-family:'Lato', Arial, Helvetica, sans-serif;
}
.astroid-header-section {
  border-bottom: 0px solid #dee2e6 !important;
  box-shadow: 0 0 0 rgba(0,0,0,0.075) !important;
}
.card, .article-wraper-inner {
	border:0 !important;
}
a {
  text-decoration: none !important;
}
h2, h3 {
	font-family:'Roboto Slab', Arial, Helvetica, sans-serif;	
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1170px; } }

    
li.nav-item:last-child a.nav-link {
	padding: 0.5rem 0 0.5rem 1rem;
}
#astroid-sticky-header {
	box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}
.anitext1 {
	font-size: 60px;
	line-height: 0.9em;
	font-weight:600;

}
.anitext1a {
	font-size: 72px;
	line-height: 1em;
	font-weight:800;
	font-family: Roboto Slab, Arial, Helvetica, sans-serif;
}
.anitext2 {
	font-size:20px;
	font-weight:600;
}
.anitext3 {
	font-size:30px;
	margin-top:20px;
	line-height: 1.4em;
	font-weight:800;
	margin-left:20px;
}

.hero .fas {
	padding-right:20px;
}

.ani1 {
    float:left;
    position: relative; 
}
.ani2 {
    float:left;
    position: absolute;
    z-index: 2;
}
.ani3 {
    float:left;
    z-index: 3;
    position: absolute;
}

.corners {
  background:
    linear-gradient(to right, rgb(10, 18, 42) 4px, transparent 4px) 0 0,
    linear-gradient(to right, rgb(10, 18, 42) 4px, transparent 4px) 0 100%,
    linear-gradient(to left, rgb(10, 18, 42) 4px, transparent 4px) 100% 0,
    linear-gradient(to left, rgb(10, 18, 42) 4px, transparent 4px) 100% 100%, 
    linear-gradient(to bottom, rgb(10, 18, 42) 4px, transparent 4px) 0 0,
    linear-gradient(to bottom, rgb(10, 18, 42) 4px, transparent 4px) 100% 0,
    linear-gradient(to top, rgb(10, 18, 42) 4px, transparent 4px) 0 100%,
    linear-gradient(to top, rgb(10, 18, 42) 4px, transparent 4px) 100% 100%;

  background-repeat: no-repeat;
  background-size: 30px 30px;
  padding:50px !important;
  height:100%;
}
#teaser1, #teaser2, #teaser3, #teaser4 {
	height:100%;
}
.customcorners {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 40px);
	text-align:justify;
	-ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

.btn {
	background: #E6E533;
	color: #0a122a;
}
.btn:hover {
	background: #0a122a;
	color: #E6E533;
	text-decoration:none;
}
.btn:before {
/*	content:"\f35a"; */
	content:"\f111";
	font-family: "Font Awesome 5 Free";
	padding-right:5px;
	font-size:0.9em;
	font-weight: 400;
}
.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
   border: none;
   text-transform: uppercase;
}
.readmore-btn {
    padding: 3px 10px 3px 10px;
}
.readmore-btn:hover {
	text-decoration:none;
}
.item-title {
  padding-bottom: 5px !important;
}
.article-wraper-inner {
	background:url(../../../images/content/trenner.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 60px;
	margin-bottom:20px;
}
.astroid-component-area a {
	border-bottom: 2px solid #E6E533;
}
p {
	-ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
.item-title {
	padding-bottom:25px;
}

ul.menu a:before {
/*	content:"\f35a"; */
	content:"\f111";
	font-family: "Font Awesome 5 Free";
	padding-right:5px;
	font-size:0.9em;
	font-weight: 400;
}

.article-wraper-inner {
    box-shadow: none !important;
}
.card-body {
    padding: 0 0 20px 0;
}

.fa, .fab, .fad, .fal, .far, .fas {
	padding-right: 5px;
}
.item-page h3 {
	padding-top:15px;
}

#astroid-footer {
	font-size: 0.8em;
}

.astroid-mobilemenu {
	width:300px;
}
.pull-right {
    float: right !important;
}
.contact h3 {
	display:none;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin: 30px 0 30px 0;
    background-color: #F3F4F6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
label {
    margin-top: 0.7rem;
    margin-bottom: 0.1rem;
}
.contact-form input, .contact-form textarea {
    width: 80%;
    padding: 6px 12px;
}

#easycalccheckplus input {
	margin-left:10px;
	width:50px;
}
.contact-miscinfo dt {
	display:none;
}
#ContentBottom {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ContentBottom .moduletable:first-child {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}
#ContentBottom .moduletable:last-child {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.portfolio .border-layout, .portfolio .customportfolio {
	height:100%;
}
.customportfolio {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1rem !important;
	border: 1px solid #dee2e6 !important;
	border-radius: 0.25rem !important;
	margin-bottom: 1.5rem !important;
}
.portfoliolink .btn:before {
	content:"\f35d";
	font-family: "Font Awesome 5 Free";
	padding-right:5px;
	font-size:0.9em;
	font-weight: 600;
}
.portfoliolink {
	text-align: center;
}
#searchForm .btn:before {
	content:"";
}
input, .input, .inputbox, .form-control {
	border: 1px solid rgb(10, 18, 42);
	box-shadow:0px;
}
#Content-Section {
	min-height: calc(100vh - 353px);
}
body.home-alias #Content-Section {
	min-height: 0;
}
.error-page {
    min-height: 90vh;
}

@media screen and (max-width: 991px) {
	.leftimg {
		max-width:100px;
		height:auto;
		margin-bottom:30px;
	}
	.contact-form input, .contact-form textarea {
    width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.hero {
		background-size:cover !important;	
	}
	.anitext1 {
		font-size: 60px;
	}
	.anitext1a {
		font-size: 72px;
	}
	.anitext2 {
		font-size:18px;
/*		text-align: left !important;
		padding-left:105px; */
	}
	.anitext3 {
		font-size:25px;
		margin-top:0px;
	}
}
@media screen and (max-width: 510px) {
	.corners {
		 padding:30px !important;
	}
	.anitext1 {
		font-size: 48px;
		line-height: 0.9em;
	}
	.anitext1a {
		font-size: 54px;
		line-height: 1em;
	}
	.anitext2 {
		font-size:18px;
		padding-left: 30px;
	}
	.anitext3 {
    	font-size: 22px;
    	margin-top: 5px;
    	line-height: 1.1em;
	}
	h1, h2, h3, h4 {
		-ms-hyphens: auto;
  		-webkit-hyphens: auto;
  		hyphens: auto;
	}
	.readmore-btn {
    	width: 100%;
    	text-align:left;
	}
	.com-content-article a.wfpopup {
		max-width:50% !important;
	}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
	.d-none {
    display: none !important;
	}
	.d-lg-none {
    display: flex !important;
	}
	.flex-lg-grow-1 {
    flex-grow: unset !important;
	}
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
	#hero1, #hero2 {
    	margin-top: 25%;
    	margin-bottom: 5%;
	}
}
@media screen and (min-width: 992px) {
	.moduletable.portfolio, .customportfolio {
		width: calc(33.333% - 15px);
	}	
}

@media screen and (min-width: 1200px) {
	.d-lg-none {
    display: none !important;
	}

}
@media screen and (min-width: 1400px) {
	.hero {
	height: calc(100vh - 105px);
	max-height:1150px;
	}	
}