/* Copyright Asylum Design and Development - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */
body{ font-family:"Poppins", sans-serif; font-weight: 300; font-size:18px; color:#4d4d4d; background-color: #fff; }
a,button,
.animate,
.btn,
svg,
figcaption,
.dim-16-9 .image,
.dim-16-9 a,
.stamp:after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; outline: none !important}
.animate-slow{-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s !important; }

button{ font-weight: inherit; }
a.btn,button.btn{ transform: scale(1); }
a.btn:hover,button.btn:hover{ transform: scale(1.05); }
a{ color:#0fb0a8; }
a:hover{ color:#201e1e; }

::selection { background: #0fb0a8; color: #fff }
::-moz-selection { background: #0fb0a8; color: #fff }

.form-control:not(.dataTables_wrapper .form-control){ font-weight: inherit; font-size: 16px !important; }
.form-control:not(.dataTables_wrapper .form-control,textarea){ }
.form-control,.bootstrap-select > .dropdown-toggle,.btn.focus, .btn:focus,.input-group-text,.input-group,.btn,.dropdown-menu,.custom-select{ font-size:inherit; }
.form-control:focus,.btn.focus, .btn:focus, .page-link:focus{border-color:#0fb0a8; box-shadow:0 0 0 .2rem rgba(15,176,168,0.10); border-radius: none; }

/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

a.button-blue,a.button-white{ width: 100px; height: 100px; padding: 25px 0; line-height: 24px; border-radius: 50%; display: block; margin: auto; transform: scale(1.0); text-align: center; text-decoration: none !important; }
a.button-blue:hover,
a.button-white:hover{ transform: scale(1.1); background-color: transparent; color: #0b817b; border: 2px solid #0b817b;}
	a.button-blue{ background-color: #0fb0a8; color: #fff; border: 0px solid #0fb0a8; }
	a.button-white{ background-color: #fff; color: #0fb0a8; border: 0px solid #fff; }
	a.button-white:hover{ background-color: transparent; color: #fff; border: 2px solid #fff;}

/*FONT SIZES*/
.font-70{font-size: 90px !important}
.font-60{font-size: 60px !important}
.font-50{font-size: 50px !important}
.font-40{font-size: 40px !important}
.font-30{font-size: 30px !important}
.font-25{font-size: 25px !important}
.font-20{font-size: 20px !important}
.font-18{font-size: 18px !important}
.font-16{font-size: 16px !important}
.font-14{font-size: 14px !important}

.text-white{ color: #fff }
.text-black{ color: #000 }

.bg-black{ background-color: #000 }
.bg-white{ background-color: #fff }

.limit{ max-height:110px; overflow: hidden; text-overflow: ellipsis;  margin-bottom:15px}
.limit:hover{ overflow:auto; }

hr{ height: 2px; border: none; background-color: #f2f2f2;  }

figure {margin: 0; padding: 0; height: auto; position: relative; display: block; overflow: hidden; border-radius: 10px 30px 10px 10px; }
figcaption { width:100%; line-height:50px; color: #201e1e; background: rgba(255,255,255,0.8); font-size: 16px; text-align: center; padding:0 15px; position:absolute; bottom:-70px; left:0; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
figure:hover figcaption { bottom:0}
figure a{background-size: cover; }
.grid .dim-16-9 > iframe{ width: 98.5%; height: 98.5%; margin:auto }
.dim-16-9:hover > a,
.dim-1-1:hover > a,
.dim-16-9:hover > .image,
.grid .dim-16-9:hover > iframe{ opacity:1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) !important;}

/*RATIO*/
/*(9h / 16w) * 100%*/
.dim-16-9,.dim-9-16,.dim-1-1{position: relative; overflow: hidden;}
.dim-16-9 > a,
.dim-16-9 > .image,
.dim-16-9 iframe,
.dim-1-1 > a,
.dim-1-1 > iframe,
.dim-1-1 > div{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }

.dim-16-9:before{display: block; content: " "; width: 100%; padding-top: 56%;}
.dim-16-9 img,.dim-1-1 img{ display:none; }
.dim-1-1:before {display: block; content: " "; width: 100%; padding-top: 100%;}

.stamp{ position: relative; }
	.stamp:after{ width: 40px; height: 40px; background-color: #fff; border-radius: 50%; position: absolute; top: 10px ; right: 10px; content: ""; background-image: url(../images/snow-flake-blue.png); background-size: 60%; background-position: center; background-repeat: no-repeat;}
	.stamp:hover:after{ top: -50px; right: -50px }

.zoom-icons{ }
	.zoom-icons a[data-icon]{ width: 40px; line-height: 40px; display: inline-block; text-align: center; box-sizing: content-box; font-size: 20px; border-radius: 50% }
	.zoom-icons a[data-icon] i{ transform: scale(1); transition: all 0.2s !important; display: inline-block;}
	.zoom-icons a[data-icon]:hover{  }
	.zoom-icons a[data-icon]:hover i{ transform: scale(1.3);}

strong,.strong{ font-weight: 700; }
label{ font-weight:inherit; font-size: 16px; }
iframe{ width:100%; border: 0 ;display: block; }

.margin-top{margin-top:100px;}
.margin-bottom{margin-bottom:100px;}

.header{ width: 100%; position: fixed; top:0; z-index:4; }

/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

.navbar-toggler{color: #0b817b; }
.navbar .navbar-toggler span:before{width: auto; height: auto; font-size: 20px; padding-right: 0}
.navbar .navbar-collapse{ z-index: 4; }
.navbar .container{ position: relative; }
.navbar-brand{ height: 90px; padding: 0; z-index: 3; }
.navbar-brand img{ height: 100%; opacity: 1; }

.navbar{padding-top:20px; padding-bottom:20px; background-color: rgba(255,255,255, 0.0); }
.navbar:after,#accomplishments:before{ width: 100%; height: 30px; opacity: 0; content: ""; background-image: url(../images/wave-navbar.png); background-position: top center; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 100%; left: 0;}
.navbar .navbar-toggler{ color: #fff; }
.scroller.navbar .navbar-toggler{ color: #4d4d4d; }
.navbar-nav.nav{ margin-left: auto; margin-right: 0; }

.navbar .nav-link{ font-size:20px; letter-spacing: -1px; color: #0b817b; padding-left: 0.8rem !important; padding-right: 0.8rem !important; padding-top:10px; padding-bottom:10px; }
.navbar .nav-link.social{ padding-left: 0.5rem !important; padding-right: 0.5rem !important;  }
	.navbar .nav-link:hover,.navbar .nav-link.highlighted{ background-color: #fff; }
	.navbar .nav-link.active{color: #fff}
	.navbar .dropdown-menu{ background-color: #fff; border:none !important; border-radius:0; margin: 0;}
	.navbar .dropdown-item{ color: #0b817b; font-weight: inherit; }
	.navbar .dropdown-item.active,
	.navbar .dropdown-item:active,
	.navbar .dropdown-item:focus,
	.navbar .dropdown-item:hover{ background-color: #0b817b; color: #fff }
	.navbar-nav.sm-collapsible .sub-arrow{ border: none }
	.dropdown-header{ text-transform: uppercase; }

.navbar .zoom-icons a{ width: auto; height: auto; line-height: inherit; }
	.navbar .zoom-icons a:hover{ background: none; }

.navbar.scroller{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; background-color: #fff }

.minify.navbar{ box-shadow: 40px 0 40px rgba(0,0,0,0.2); }
.minify.navbar:after{ opacity: 1; }
.minify.navbar .navbar-toggler,.minify.scroller.navbar .navbar-toggler{ color: #4d4d4d; }
.minify.navbar,.scroller.navbar{ background-color: #fff; }
.minify .navbar-brand{ height: 70px; display: inherit; }
.scroller.navbar .navbar-collapse{ padding-top: 15px }
	.minify.navbar .nav-link,.scroller.navbar .nav-link,.minify.navbar .navbar-title{ color: #0fb0a8; }
	.minify.navbar .nav-link:hover,.minify.navbar .nav-link.highlighted,.scroller.navbar .nav-link:hover,.scroller.navbar .nav-link.highlighted{ color: #0fb0a8 }

.snowflake {
	position: absolute;
	width: 20px;
	height: 20px;
	background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */
	border-radius: 50%;
	box-shadow: 0 0 10px #fff;
}

.banner{ position: relative; z-index: 0; background-color: #a8e6e2;}
.banner .logo{ width: 300px; height: 300px; margin: auto; margin-bottom: 1rem; padding:1rem; display: inline-block; background-color: #fff; border-radius: 50%; box-shadow: 0 20px 20px rgba(0,0,0,0.2); }
	.banner .item{ height: 100vh; }
	.banner.pages{  }
		.banner.pages .item{ height: 60vh; }
		.banner.pages .message{ top: 50%; }
		.banner.pages a.button-blue{ width: auto; height: auto; display: inline-block; margin: auto; border-radius: 3px; padding: 10px 15px; }
		.banner.pages a.button-blue br{ display: none; }

	.banner .bg{ width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; }
	.banner .image{ width: 100%; height: 100%; position: relative; background-size: cover; background-position: center; /*background-attachment: fixed;*/}
	
	.banner .message{ position: absolute; transform: translate(-50%,-50%); left: 50%; top: calc(50% + 50px); z-index: 1; }
	.banner .message h2{ font-weight: 700; line-height: 90%; letter-spacing: -2px; color: #0b817b;}
	.banner .message p{ color: #0b817b; }

	.banner .owl-dots{ position: absolute; bottom: 20px; left: 0; right: 0;  text-align: center; z-index: 5; }
	.banner .owl-dots .owl-dot span{ width: 10px; height: 10px; background-color: #fff; border-radius: 50%; }
	.banner .owl-nav [class*="owl-"],
	.banner .owl-nav [class*="owl-"]:hover,
	.banner .owl-nav [class*="owl-"] i,
	.banner .owl-nav [class*="owl-"] i:before {width: 50px; height: 50px; line-height: 50px; }

	.banner .owl-prev svg, .banner .owl-next svg{ display: block; }
	.banner .owl-prev svg, .banner .owl-next svg{ fill: #0b817b }
	.banner .owl-prev:hover svg, .banner .owl-next:hover svg{ /*fill: #daedff;*/ }
	.banner .owl-nav .owl-next{ right: 5% !important; }
	.banner .owl-nav .owl-prev{ left: 5% !important; }
	.banner .owl-nav .owl-next svg{ transform: rotate(180deg); }
	.banner .owl-nav .owl-prev svg{ transform: rotate(0deg); }
		
	.banner .mouse{ width: 50px; height: 50px; line-height: 50px; position:absolute; bottom:80px; left:50%; margin-left: -25px; z-index:3; animation-duration:3s; }
	.banner .mouse svg{ display: block; fill: #0b817b; transform: rotate(-90deg);}
	.banner .mouse:hover{ padding: 5px }

	.banner .snow-flake{ width: 600px; height: 654px; position: absolute; top: 50%; left: 50%; margin-top: -327px; margin-left: -300px; z-index: 0; opacity: 0.3; }


/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

main .snow-flake:before,footer .snow-flake:before{ width: 600px; height: 654px; background-image:url(../images/snow-flake-white.png); position: absolute; top: 50%; left: 50%; margin-top: -327px; margin-left: -300px; z-index: 0; content: ""; opacity: 0.2; transform: scale(0.75);}

.wave{ position: relative; }
	.wave:before,.wave:after{ width: 100%; content: ""; position: absolute; left: 0; right: 0; z-index: 2; }
	.wave1-t:before{ top: 0; padding-top: 2.1875%; background-image: url(../images/wave1-bot.png); background-size: cover; }
	.wave1-b:after{ bottom: 0; padding-top: 3.3854%; background-image: url(../images/wave1-top.png); background-size: cover; }
	.wave2-t:before{ top: 0; padding-top: 2.1875%; background-image: url(../images/wave2-bot.png); background-size: cover; }
	.wave2-b:after{ bottom: 0; padding-top: 3.3854%; background-image: url(../images/wave2-top.png); background-size: cover; }


#start{ position: relative; }

#who-we-are{ background-image: url(../images/who-we-are.jpg); background-size: cover; background-attachment: fixed; color: #fff; }
	#who-we-are h2{ font-weight: 700; letter-spacing: -2px; }

#services{  }
#services.wave2-b:after{ padding-top: 2.1875%; background-image: url(../images/wave2-bot.png); transform: rotate(180deg); }
	#services h2{ font-weight: 700; color: #0fb0a8; letter-spacing: -2px; }
	#services h2 span{ font-weight: 700; color: #0b817b;}
	#services h3{ color: #0fb0a8; font-weight: 700; line-height: 30px; margin-bottom: 1rem; }
	#services h3 span{ color: #4d4d4d; font-weight: 300; display: block; }
	#services h3:before{ width: 110px; height: 110px; display: block; margin: auto; margin-bottom: 1rem; background-image: url(../images/snow-flake-blue.png); content: "";  }
	#services .owl-carousel section{ border: 2px solid #0fb0a8; border-radius: 500px;}
	#services .owl-prev svg, #services .owl-next svg{ fill: #0fb0a8; }

.projects{ border:  2px solid #0b817b; border-radius: 20px; }
	.projects .owl-prev svg, .projects .owl-next svg{ fill: #0b817b; }
	.projects h3{ color: #0b817b !important; }
	.projects h4{ font-weight: 300 !important; color: #0b817b !important; }

#why-saager{ background-image: url(../images/why-saager.jpg); background-size: cover; background-attachment: fixed; color: #fff; }
#why-saager.wave2-t:before{ padding-top: 3.3854%; background-image: url(../images/wave2-top.png); transform: rotate(180deg); }
	#why-saager h2{ font-weight: 700; letter-spacing: -2px; }

#clients{ text-align: center; }
	#clients h2{ font-weight: 700; color: #999; letter-spacing: -2px; }
	#clients .item .dim-1-1 a{ opacity: 0.7; background-size: 90%; background-repeat: no-repeat; filter: grayscale(100%);}
	#clients .item .dim-1-1 a:hover{ opacity: 1; filter: grayscale(0%); }
	#clients .owl-prev svg, #clients .owl-next svg{ fill: #999; }

footer{ text-align: center; background-color: #c2eeec; background-image: url('../images/banner.jpg'); background-size: cover; background-attachment: fixed; }
	footer .logo{ width: 200px; display: inline-block; }
	footer .container{  }
	footer .weird{ z-index: 1; position: relative; }
	footer hr{ background: #0b817b; }
	footer ul{ padding: 0; list-style: none; }
	footer li{ display: inline-block; padding: 5px 10px; }
	footer a,footer i{ color: #0b817b }
	footer .zoom-icons a[data-icon]{ background-color: #0b817b;  }
	footer .zoom-icons i{ color: #fff; }
	footer .zoom-icons a[data-icon]:hover{ background-color: #0fb0a8; }
	footer .snow-flake{ overflow: hidden; }
	footer .snow-flake:before{ height: 327px; margin-top: 0; z-index: 0; top: auto; bottom: 0; transform: scale(1.0); }

.end{ position: relative; z-index: 2; background: #0b817b; color: #fff; padding-bottom: 40px;}
	.end a{color: #b3b3b3}

.back-to-top-box{ height:0; z-index:10; }
.back-to-top{ width:50px; line-height:50px; background-color: #0fb0a8; color: #fff; border-radius: 50% 0 0 0; border:  none; text-align:center; padding:0; position:fixed; right: 0; bottom: 0; z-index:10; }

#preload{ width: 100vw; height: 100vh; /*background: rgba(255,255,255,.5 );*/ position: fixed; top: 0; left: 0; z-index: 5; pointer-events: none;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=1 );
}

.breadcrumb{ background:transparent; color:inherit; padding: .75rem 0;  }
	.breadcrumb a{ text-decoration: underline; color: #0fb0a8; }
	.breadcrumb a:hover{ color:#000; }
	.breadcrumb-item + .breadcrumb-item{ padding-left: 2px }
	.breadcrumb-item + .breadcrumb-item:before {content:"/"; padding-right: 2px; padding-left: 2px}

/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

.body{ }
	.body > .sticky{ box-shadow: 0 10px 10px -10px rgba(0,0,0,.2); }
	.body figure.float-none a:hover, .body figure.float-left a:hover, .body figure.float-right a:hover{ opacity: 1; }
	.body figure.float-none{margin-bottom: 20px; border: 1px solid #fff;}
	.body figure.float-none:before{ padding-top: 40%; }
	.body figure.float-left{ width: 35%; margin-right: 20px; margin-bottom: 20px; border: 1px solid #fff; }
	.body figure.float-right{ width: 35%; margin-left: 20px; margin-bottom: 20px; border: 1px solid #fff; }
	.body figure a{ transform: scale(1.00); }
	.body figure a:hover{ transform: scale(1.05); }

	.body h1, .body h2, .body h3, .body h4, .body h5{ margin-bottom: 1rem; clear: both; letter-spacing: -1px ;}
	.body h1{ font-weight: 700; color: #0b817b; margin-bottom: 0; letter-spacing: -2px; line-height: 100%;}
	.body .content h2,.h2{ font-size: 40px; font-weight: 700; color: #0fb0a8; }
	.body .content h3,.h3{ font-size: 30px; font-weight: 700; color: #999; }
	.body .content h4,.h4{ font-size: 25px; font-weight: 700; color: #0fb0a8; }
	.body .content h5,.h5{ font-size: 20px; font-weight: 700; color: #0b817b; }
	.body .content p{ }
	.body .content p strong{ color: #666; font-weight: 500; }
	.body a:not(.btn,.uil){ color: #0fb0a8; /*text-decoration: underline;*/}
	.body .limit{ max-height: 110px; }
	.body .limit.font-16{ max-height: 100px; }

	.message-error,.message-success{ background-color: #0b817b; color: #fff; padding: 1rem; }

	dl{ margin-bottom: .5rem }
	dt{ font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}

/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

.sticky{ position: -webkit-sticky; position: sticky; z-index: 3; top: 50px; }

.body .gallery{ clear: both; }
.zoom-icons a[data-icon]{ cursor: pointer; }


/*OWL SETTINGS*/
.owl-nav .owl-next,
.owl-nav .owl-prev{background-color: transparent; }
.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover{background-color: transparent;}

	.sm-arrow .owl-nav .owl-next,
	.sm-arrow .owl-nav .owl-prev{background-color: #fff; border-radius: 50%; }
	.sm-arrow .owl-nav .owl-next:hover,
	.sm-arrow .owl-nav .owl-prev:hover{background-color: #fff;}

	.lg-arrow .owl-nav .owl-prev,
	.lg-arrow .owl-nav .owl-next,
	.lg-arrow .owl-nav .owl-prev:hover,
	.lg-arrow .owl-nav .owl-next:hover{width: 50px; height: 50px; line-height: 50px;}
	.sm-arrow .owl-nav .owl-prev,
	.sm-arrow .owl-nav .owl-next,
	.sm-arrow .owl-nav .owl-prev:hover,
	.sm-arrow .owl-nav .owl-next:hover{width: 40px; height: 40px; line-height: 40px; padding: 10px}
	.owl-nav [class*="owl-"]{ top: 50%; transform: translate(0,-50%); }
	.lg-arrow .owl-nav .owl-prev:hover, .lg-arrow .owl-nav .owl-next:hover{ padding: 5px }
	.sm-arrow .owl-nav .owl-prev:hover, .sm-arrow .owl-nav .owl-next:hover{ padding: 15px; }

	.owl-prev svg, .owl-next svg{ display: block; }
		.owl-nav .owl-next{ right: -25px; }
		.owl-nav .owl-prev{ left: -25px; }
		.lg-arrow .owl-nav .owl-next{ right: -5%; }
		.lg-arrow .owl-nav .owl-prev{ left: -5%; }
		.owl-nav .owl-next svg{ transform: rotate(180deg); }
		.owl-nav .owl-prev svg{ transform: rotate(0deg); }

.grid{ border-radius: 20px; overflow: hidden; }
	.gallery .grid-sizer, .gallery .grid-item { width: 25%; }
	.gallery .grid-item:nth-of-type(7n-5) { width: 50%; }
	.gallery .grid-item figure{ border-radius: 0; }
	.gallery .grid-item figcaption{ padding-bottom: 0 }
	.gallery img.img-fluid{ max-width: none; height:100%; }

	.brands .grid-sizer, .brands .grid-item { width: 16.666%; }
	.brands .grid-item figure{ border-radius: 0; }
	.brands img.img-fluid{ max-width: none; height:100%; display: block;}

.google-maps{ width: 100%; height: 400px; border:1px solid rgba(0,0,0,.125);}
.google{ margin-top:25px;}
	.google, .google iframe{ width:100%; }
	.map_pop{ line-height:25px; }
	.map_pop p.head{  margin-bottom:5px;}
	.map_pop p{margin:0}
	.map_pop strong{display: block;}
	.map_pop a{}

.panel{ margin-bottom: 5px; }
	.panel-default{ border:none;}
	.panel-group .panel + .panel{ margin-top:10px}
	.panel-default > .panel-heading{ background: transparent; border:none; color:inherit}
	.panel-heading{ padding:0; border-radius:0;}
	.panel-body{ border: none; border-radius: 0 0 .25rem .25rem; background: #daedff; padding:10px 15px; margin-bottom: 15px; }
	.panel-body p:last-of-type{ margin-bottom: 0 }
	.panel-title button{ width: 100%; font-weight: 700; border-radius: .25rem; padding:10px 15px; text-align: left; border:none; background-color: #daedff; color: #0fb0a8; display:block; }
	.panel-title button:after{ font-family: 'unicons-line'; content: "\eb3a"; float: right;}
	.panel-title button[aria-expanded="true"]{ border-radius: .25rem .25rem 0 0; background-color: #daedff; border-bottom: 0; }
	.panel-title button[aria-expanded="true"]:after{content: "\eb56"; }

.pagination{  }
	.page-item:first-child .page-link,
	.page-item:last-child .page-link{  }
	.pagination li{ display:inline-block; }
	.pagination li a{border:none; color:#0fb0a8 !important; background: transparent; margin-right: 5px; text-decoration: none !important;}
	.page-item.active .page-link{background:#0fb0a8; color:#fff !important; border: none; }
	.page-link:hover{ color: #fff !important; background-color: #0fb0a8; }
	.page-item.disabled .page-link{ background-color: transparent; color: #ddd; opacity: 0.5;  }

.table{ color: inherit; }
.table td, .table th{ padding: 0.75rem 0.5rem; }
.table .nowrap{ white-space: nowrap; }

.dt-bootstrap .dataTable tbody td{ padding: 5px 0 !important}
.dt-bootstrap .panel-group{ margin:0;}
.dt-bootstrap .pagination{ text-align:right;}
div.dataTables_wrapper div.dataTables_filter{text-align:left}
div.dataTables_wrapper div.dataTables_length{text-align:right}
.dt-bootstrap .dl-horizontal{ font-size:90%; }
.dt-bootstrap .dl-horizontal dt{float:left}

.btn{ font-weight: inherit; }
	.btn-blue,.btn-blue:focus,.btn-blue:active{background:#0fb0a8; border-color:#0fb0a8;  box-shadow:none; color:#fff;}
	.btn-blue:hover{background:#0fb0a8; border-color:#daedff; color:#fff}
	.btn-blue-invert,.btn-blue-invert:focus,.btn-blue-invert:active{background:transparent; border-color:#0fb0a8; color:#0fb0a8;}
	.btn-blue-invert:hover{background:#0fb0a8; border-color:#0fb0a8; color:#fff}

.asylum a{ display: inline-block; border-radius: 5px; }
.asylum a img{ display: inline-block; }
.asylum a:hover{ background-color: #00aeef; padding: 5px 10px; margin: -5px -10px -5px 0; }
	.asylum a img{ transform: rotate(0deg); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s !important; }
	.asylum a:hover img:first-of-type{ transform: rotate(360deg); }
	.asylum span{ display: none; }


.form-row{ margin-bottom: 15px }

/* Dark Blue 0b817b  *//* Light Blue 0fb0a8  */
/* GREEN 46ac7a  */

@media (max-width:1600px){
	body{ font-size: 16px; }
	.limit,.body .limit{ max-height:100px ; }

	
	.font-70{font-size: 60px !important}
	.font-60{ font-size: 55px !important; }
	.font-50{ font-size: 40px !important; }
	.font-40{ font-size: 35px !important; }
	.font-30{ font-size: 25px !important; }
	.font-25{ font-size: 20px !important; }
	.font-20{ font-size: 18px !important; }
	.font-18{ font-size: 16px !important; }

	.navbar .nav-link{ font-size: 18px; padding-left: 0.8rem !important; padding-right: 0.8rem !important; }
	
	.navbar-title a{ font-size: 16px }
	.navbar-title i{ margin: 0 }

}

/*col-xl*/
@media (max-width:1200px){


}

/*col-lg*/
@media (max-width:992px){

	.navbar-brand{ height: 60px; }
	.navbar .nav-link{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

	.brands .grid-sizer, .brands .grid-item { width: 25%;}

	.sm-arrow .owl-nav .owl-next{ right: -10px; }
	.sm-arrow .owl-nav .owl-prev{ left: -10px; }

}

/*col-md*/
@media (max-width:768px){
	body{ font-size: 18px; }
	.limit,.body .limit{ max-height:110px; }

	.brands .grid-sizer, .brands .grid-item { width: 33.333%;}
	
	.navbar-title { margin-top: 15px; border-bottom:none; padding-bottom: 0; }
	.nav-item{ border-bottom: 1px solid #daedff ;}

	footer .logo{ width: 250px; }

	
}

/*col-sm*/
@media (max-width:576px){

	.navbar{ padding-top: 10px; padding-bottom: 10px; }
	.minify.navbar{ padding-top: 20px; padding-bottom: 20px}

	.banner h2{ font-size: 40px }
	.banner p{ font-size: 18px }

	.body figure.float-none:before{ padding-top: 70%; }

	.navbar-toggler{ font-size: 14px; }

	.gallery .grid-sizer, .gallery .grid-item { width: 50%;}
	.gallery .grid-item:nth-of-type(7n+2) { width: 50%;}

	.brands .grid-sizer, .brands .grid-item { width: 50%;}

	.banner .owl-nav .owl-next{ right: 2%; }
	.banner .owl-nav .owl-prev{ left: 2%; }

	.body figure.float-left{ width: 100%; margin-right: 0; }
	.body figure.float-right{ width: 100%; margin-left: 0; }

	.banner .snow-flake img,
	main .snow-flake:before,
	footer .snow-flake:before{ transform: scale(0.60); }

}

@media (max-width:320px){
		
	.font-70{font-size: 50px !important}
	.font-60{ font-size: 40px !important; }
	.font-50{ font-size: 30px !important; }
	.font-40{ font-size: 25px !important; }
	.font-30{ font-size: 20px !important; }
	.font-25{ font-size: 18px !important; }
	.font-20{ font-size: 16px !important; }
	.font-18{ font-size: 16px !important; }
	

	.banner p{ font-size: 16px }
	.banner .mouse{ display: none;}
	.banner .watermark img{ width: 160px; }

}

/* © copyright Asylum Design and Development - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */