/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 body {
	background: #003333;
 	font-family: 'Fira Sans', sans-serif;
 }
.content {
	background: #fff;
}

 a, .uk-link {
 	color: #006666;
 }

tr:nth-child(2) td {
	padding: 20px 0 0 0;
}

  a:hover, .uk-link:hover {
  	color: #006666;
  	text-decoration: underline;
  }

 em {
 	color: #444;
 }

li.uk-width-large-1-2 {
 	list-style: none;
 }

 .header {
 	background: #cce5e5;
 }

 .tm-logo-small {
	letter-spacing: -0.31em;
	float: left;
	display: block;
	width: 220px;
	margin: 10px 0 0 0;
}

.uk-navbar {
	background: none;
}

.uk-offcanvas-bar {
	background: #003333;
}

.uk-navbar-toggle {
	float: right;
	margin: 10px 0 0 0;
}

 .tm-headerbar .tm-logo {
 	padding: 30px 0 0 0;
 }

 .tm-headerbar .uk-panel {
 	background: url(../images/phone.png) no-repeat;
 	background-position: 65px 30px;;
  	padding: 30px 15px 0 30px;
  	text-align: right;
 }

 .tm-headerbar .facebook{
 	padding-right: 40px;
 }

 .tm-toolbar, .tm-headerbar, .tm-navbar, .tm-footer, .tm-headerbar p {
 	margin: 0;
 }

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:hover {
	background: url(../images/nav-hover.png) repeat;
	color: #fff;
}

.uk-navbar-nav > li > a {
	background: #cce5e5;
	color: #003333;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
}

.uk-navbar-nav > li > a:focus {
	background: url(../images/nav-hover.png) repeat;
}

.contact-numbers {
	font-family: 'Georgia';
	font-size: 19px;
	line-height: 1.3;
}

.contact-form{
	position: relative;
    top: 0;
    width: 300px;
    z-index: 100;
    margin-bottom: -435px;
    background: #003333;
	background: -moz-linear-gradient(top,  #003333 0%, #006666 50%);
	background: -webkit-linear-gradient(top,  #003333 0%,#006666 50%);
	background: linear-gradient(to bottom,  #003333 0%,#006666 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003333', endColorstr='#006666',GradientType=0 );
	min-height: 400px;
}

.contact-form h2{
	font-size: 24px;
    text-align: center;
    line-height: 28px;
    padding: 20px 0px 0px 0px;
    color: #fff;
}

.contact-form .formResponsive .formHorizontal .formControls{
	margin-left: 20px;
    margin-right: 20px;
}

.contact-form .formResponsive input[type="text"]{
	padding: 0px 10px;
    width: 90%;
    margin-bottom: 0px;
}

.contact-form .formResponsive .formBody{
	text-align: center;
}

.contact-form .formResponsive{
	margin-bottom: 0px;
}

.contact-form p{
	color:#fff;
}

.contact-form h6{
	color:#fff;
	margin:0px;
}

.slider {
	background: url(../images/slider-bg.png) repeat;
	display: block;
	position: relative;
}

.home .wk-slideshow {
	display: none;
}

.tm-top .uk-grid,
.tm-top .uk-grid-margin {
	padding: 0;
}

.tm-top-b {
	position: relative;
}

.home-text {
	background: url(../images/into-bg.jpg) repeat;
	border: 4px solid #fff;
	margin: 30px 0 0 0;
	position: relative;
	padding: 20px 0;
	text-align: center; 

/*	-webkit-box-shadow: 1px 10px 41px -19px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 10px 41px -19px rgba(0,0,0,0.75);
	box-shadow: 1px 10px 41px -19px rgba(0,0,0,0.75);*/
}

.home-text h3 {
	font-size: 30px;
	margin: 0;
	line-height: 1.3;
}

.summary {
	padding: 0 0 50px;
	position: relative;
}

ul.summary {
	margin: 0;
	padding: 0;
}

.tm-footer {
	text-align: left;
}

.summary li a {
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, #006666; /* Old browsers */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -moz-linear-gradient(top,  #006666 0%, #003434 100%); /* FF3.6+ */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006666), color-stop(100%,#003434)); /* Chrome,Safari4+ */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -webkit-linear-gradient(top,  #006666 0%,#003434 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -o-linear-gradient(top,  #006666 0%,#003434 100%); /* Opera 11.10+ */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -ms-linear-gradient(top,  #006666 0%,#003434 100%); /* IE10+ */
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, linear-gradient(to bottom,  #006666 0%,#003434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#003434',GradientType=0 ); /* IE6-9 */
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 12px 60px 12px 10px;
}

.summary li:first-child .content{
	padding: 0 30px 0 0;
}

.summary h3 {
	font-family: 'Fira Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	margin: 10px 0;
}

.summary p {
	margin: 0px;
}

.summary li {
    margin-bottom: 30px;
}

.sub-banner > div{
	background-repeat: no-repeat;
	background-size: cover; 
	border-bottom: 8px solid #003333;
	height: 187px;
}

.uk-article {
	padding: 0 0 20px;
}

.uk-article .box {
	background: #ccc;
	padding: 40px;
}

.uk-article h3 {
	background: url(../images/heading-arrow.png) no-repeat;
	padding: 0 0 0 40px;
}

.phone p {
	background: url(../images/arrow-right.png) no-repeat;
	padding: 0 0 0 30px;
}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"]{
	background: #ebebeb;
	border: 0;
	border-radius: 0;
	padding: 5px 0;
	width: 100%;
}

 .formResponsive input[type="text"], .formResponsive input[type="password"] {
 	height: 30px;
 }

 .formResponsive .formHorizontal .rsform-block {
 	margin: 0;
 }

.formResponsive .formHorizontal .formControlLabel {
 	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #676767 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#676767)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#676767 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#676767 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#676767 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 0%,#676767 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#676767',GradientType=0 );
	 /* IE6-9 */
	 text-align: center;
	 color: #fff;
	 padding: 10px 0;
 }

 .formBody img {
 	height: 40px;
 	position: absolute;
 }

 .rsform-block-captcha input[type="text"] {
 	padding: 11px 5px 11px 150px;
 	display: block;
height: 100%;
 	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
 }

.formResponsive input[type="submit"],
.formResponsive .btn-primary {
	background: #006666;
	background: -moz-linear-gradient(top,  #006666 0%, #003535 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006666), color-stop(100%,#003535));
	background: -webkit-linear-gradient(top,  #006666 0%,#003535 100%);
	background: -o-linear-gradient(top,  #006666 0%,#003535 100%);
	background: -ms-linear-gradient(top,  #006666 0%,#003535 100%);
	background: linear-gradient(to bottom,  #006666 0%,#003535 100%);
	border:0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#003535',GradientType=0 );
	padding: 10px 20px;
	text-shadow: 0;
	border-radius: 0;
}

.formResponsive input[type="submit"]:hover,
.formResponsive .btn-primary:hover {
	background: #006666;
}

.footer {
	background: #003333;
	color: #cccccc;
	padding: 30px 0 50px;
}

.tm-bottom-b {
	margin: 0 0 30px;
}


.shadow-area {
	position: relative;
}

.testimonials {
	background: #e5eaea;
	border: 7px solid #fff;
	padding: 20px 50px;
	margin: 0 0 30px;
}

.testimonials h3 {
	font-weight: bold;
	text-align: center;
}

.testimonials strong {
	text-align: center; 
}

.wk-slideshow-default > div:hover .next {
	right: 0 !important;
} 

.wk-slideshow-default > div:hover .prev {
	left: 0 !important;
}

@media(max-width: 768px){
	.contact-form{
		margin-bottom: 0px;
		width: 100%;
	}
}	

@media(min-width: 768px) and (max-width: 960px){
	.contact-form{
		margin-bottom: 0px;
		width: 100%;
	}

	.tm-navbar {
		margin: 20px 0 0;
	}
}

@media(min-width: 960px) and (max-width: 1200px){
	.summary li .images {
		padding: 0 20px 0 0;
	}
}

@media(min-width: 960px) {

	.mobile-slider {
		display: none;
	}


	.uk-navbar {
		background: none;
		border-bottom: 7px solid #003333;
		float: right;
		padding: 25px 0 0 20px;
	}

	.summary li,
	.summary li .content,
	.summary li .images {
		float: left;
		height: 215px;
		list-style: none;
		position: relative;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.summary li .content{
		width: 60%;
	}

	.summary li .images{
		width: 40%;
	}

	.summary li a {
		bottom: 0;
		margin: 0;
		position: absolute;
	}

	.summary h3 {
		margin: 0 0 10px;
	}

	.home .wk-slideshow, .home .wk-slideshow img, .home ul.slides, .home .wk-slideshow .slides>li, .home .wk-content {
		display: block;
		height: 400px;
		width: 100%;
	}

	.slider-overlay {
		background: rgba(0, 102, 102, 0.7);
		height: 170px;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 30;
	}

	.home .wk-slideshow {
		border-bottom: 7px solid #003333;
	}

.home .wk-slideshow .caption {
	background: none !important;
	bottom: auto;
	font-family: 'Georgia';
	font-size: 30px;
	height: 180px;
	line-height: 1.1;
	left: auto;
	right: 100px;
	text-align: right;
	top: 0;
	width: 520px;
	z-index: 35;	
}

.home .wk-slideshow .caption h2 {
	color: #fff;
	font-family: 'Georgia';
	font-size: 24px;
	line-height: 1.2;
	margin: 20px 0 0 0;
}

.home .wk-slideshow .caption a {
	display: block;
	font-size: 15px;
	background: #006666;
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -moz-linear-gradient(top,  #006666 0%, #003535 100%);
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006666), color-stop(100%,#003535));
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -webkit-linear-gradient(top,  #006666 0%,#003535 100%);
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -o-linear-gradient(top,  #006666 0%,#003535 100%);
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, -ms-linear-gradient(top,  #006666 0%,#003535 100%);
	background: url(../images/arrow-right-white.png) no-repeat right 15px center, linear-gradient(to bottom,  #006666 0%,#003535 100%);
	border:0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#003535',GradientType=0 );
	float: right;
	width: 140px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	margin: 30px 0 0 0;
	position: absolute;
	  bottom: 0;
	  right: 0;
}

.home .wk-slideshow .caption a:hover {
	opacity: 0.7;
}

.home .wk-slideshow-default .nav {
	bottom: 20px;
	position: absolute;
	right: 35px;
	z-index: 35;
}

.home .wk-slideshow-default .nav span {
	background: #fff;
	border: 3px solid #003333;
	border-radius: 10px;
	height: 10px;
	width: 10px;
}


.home .wk-slideshow-default .nav .active span {
	background: #003333;
}

.copyright {
	padding: 25px 0 0 0;
}

}

@media(min-width:1200px){


	.uk-shadow,
	.top-shadow,
	.bottom-shadow {
		height: 10px;
	  margin: 0 auto !important;
	  padding: 0!important;
	  position: absolute;
	  width: 100%;
	  left: 0;
	  display: block;
	  text-align: center;
	}

	.uk-shadow {
	  background: url(../images/shadow-info.png) center no-repeat;
	  top: 118px;
	}

	.top-shadow {
		background: url(../images/testimonials-shadow.png) center no-repeat;
		top: -10px;
	}

	.bottom-shadow {
		background: url(../images/testimonials-shadow-bottom.png) center no-repeat;
		bottom: -3px;
	}

	.home .wk-slideshow .caption h2{
		font-size: 30px;
	}

	.home .wk-slideshow .caption {
		width: 580px;
	}

	.summary li .content,
	.summary li .images{
		width: 50%;
	}
}