body {
}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}

.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.row {
	margin-right:-15px;
	margin-left:-15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/* --^^-- bootstrap overwrite --^^-- */

.colorWhite 			{ color:#FFFFFF }
.colorGray				{ color:#888888 }
.colorRed				{ color:#C00 }
.colorDefault			{ color:#444444 }

.cws-header	{
	height:120px;
	margin:0 0 120px 0;
}

.cws-headerLogo {
	margin:20px 0 0 50px;
	float:left;
}

.cws-headerLinks {
	margin:0 40px 0 0;
	float:right;
}

.cws-mainImage {
	height:938px;
	background: url(../images/_mainimage01.jpg) fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cws-mainLinks {
	color: rgba(0,46,87,0.5)!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin:41px 15px 0 15px;
	height:38px;
	line-height:38px;
	float:left;
}

.cws-mainLinks a{
	color: rgba(0,46,87,0.5)!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.cws-mainLinksActive, .cws-mainLinks:hover {
	color: rgba(0,46,87,1)!important;
	border-bottom: rgba(0,46,87,1) 1px solid;
}

.cws-mainLinksActive a{
	color: rgba(0,46,87,1)!important;
}

.cws-mainLinks:hover a{
	color: rgba(0,46,87,1)!important;
}



.cws-phone {
	color: rgba(0,46,87,1);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin:41px 10px 0 10px;
	height:34px;
	line-height:30px;
	padding:0 16px;
	float:left;
	border-radius: 10px;
	border:2px solid rgba(0,46,87,1);
	cursor: pointer;
}

/* .cws-quote { */
	/* color: #FFFFFF; */
	/* background: rgba(0,46,87,1); */
	/* font-family: 'Roboto', sans-serif; */
	/* font-weight: 600; */
	/* font-size: 14px; */
	/* margin:41px 10px 0 10px; */
	/* height:34px; */
	/* line-height:30px; */
	/* padding:0 16px; */
	/* float:left; */
	/* border-radius: 10px; */
	/* border:2px solid rgba(0,46,87,1); */
/* } */


.cws-mainHeroContent {
	margin:0 0 0 180px;
}

.cws-mainHeroContent-small {
	margin:0 20px 0 20px;
}

.cws-mainHeroLine {
	height:1px;
	margin:40px 0;
	width: 328px;
	background:rgba(0,46,87,0.5);
}

.cws-mainHeroLine-small {
	height:1px;
	margin:30px 0;
	width: 164px;
	background:rgba(0,46,87,0.5);
}

.cws-mainHeroText {
	color: rgba(0,46,87,1);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin:0 0 30px 0;
	line-height:32px;
	width:700px;
}

.cws-mainHeroText-small {
	color: rgba(0,46,87,1);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin:0 0 30px 0;
	line-height:32px;
}

.cws-mainHeroTextBold {
	font-weight:600;
	font-style: italic;
}

.cws-mainHeroBTN {
	color: #FFFFFF;
	background: rgba(0,46,87,0.5);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 16px;
	height:50px;
	line-height:48px;
	padding:0 30px;
	float:left;
	border-radius: 4px;
	letter-spacing: 4px;
	cursor: pointer;
}

.cws-mainHeroBTN:hover {
	background: rgba(0,46,87,1);
}


.csw-mainHeroTitleText{
	font-family: 'Libre Baskerville', serif;
	color: rgba(0,46,87,1); 
	font-size: 3em; 
	font-style: italic;
	line-height: 1.2em;
	padding-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	width: 30em;
	animation: type 5s steps(60, end); 
	display: none;
}

.csw-mainHeroTitleDiv{
	height: 250px;
}

@keyframes type{ 
  from { width: 0; } 
} 

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .csw-mainHeroTitleText {font-size: 1.5em; }
	.csw-mainHeroTitleDiv{ height: 150px; }
	.line-reveal{ width: 164px; margin:30px 0;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .csw-mainHeroTitleText {font-size: 2.5em; }
	.csw-mainHeroTitleDiv{ height: 250px; }
	.line-reveal{ width: 164px; margin:30px 0;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .csw-mainHeroTitleText {font-size: 3em; }
	.csw-mainHeroTitleDiv{ height: 250px; }
	.line-reveal{ width: 164px; margin:30px 0;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .csw-mainHeroTitleText {font-size: 3em; }
	.csw-mainHeroTitleDiv{ height: 250px; }
	.line-reveal{ width: 328px; margin:40px 0;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .csw-mainHeroTitleText {font-size: 3em; }
	.csw-mainHeroTitleDiv{ height: 250px; }
	.line-reveal{ width: 328px; margin:40px 0;}
}


/* new animation button */ 

 .cws-quote {
	 color: #fff;
  background: rgba(0, 46, 87, 1);
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin: 41px 10px 0 10px;
  height: 34px;
  line-height: 30px;
  padding: 0 16px;
  float: left;
  border-radius: 10px;
  border: 2px solid rgba(0, 46, 87, 1);
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  box-shadow: 0 2px 25px rgba(0, 46, 87, 1);
}
.cws-quote:hover {
	color: rgba(0,46,87,1);
	background: none;
	cursor: pointer;
}
 .cws-quote:focus {
	 outline: 0;
}
 .cws-quote:before, .cws-quote:after {
	 position: absolute;
	 content: '';
	 display: block;
	 width: 140%;
	 height: 100%;
	 left: -20%;
	 z-index: -1000;
	 transition: all ease-in-out 0.1s;
	 background-repeat: no-repeat;
}
 .cws-quote:before {
	 display: none;
	 top: -75%;
	 background-image: radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, transparent 20%, rgba(0, 46, 87, 1) 20%, transparent 30%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, transparent 10%, rgba(0, 46, 87, 1) 15%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%);
	 background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
 .cws-quote:after {
	 display: none;
	 bottom: -75%;
	 background-image: radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, transparent 10%, rgba(0, 46, 87, 1) 15%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%), radial-gradient(circle, rgba(0, 46, 87, 1) 20%, transparent 20%);
	 background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
 .cws-quote:active {
	 transform: scale(0.9);
	 /* background-color: rgba(0, 33, 62, 1); */
	 box-shadow: 0 2px 25px rgba(0, 46, 87, 0.5);
}
 .cws-quote.animate:before {
	 display: block;
	 animation: topBubbles ease-in-out 0.2s forwards;
}
 .cws-quote.animate:after {
	 display: block;
	 animation: bottomBubbles ease-in-out 0.2s forwards;
}
 @keyframes topBubbles {
	 0% {
		 background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}
	 50% {
		 background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}
	 100% {
		 background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}
 @keyframes bottomBubbles {
	 0% {
		 background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}
	 50% {
		 background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}
	 100% {
		 background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}
 
 
 /* line animation */
 .line-reveal {
	 background:rgba(0,46,87,0);
	 height: 1px;
	 overflow: hidden;
	 transform: rotate(180deg);
}

 .line-reveal.show .overlay {
	 animation: wipe 3s ease;
	 animation-iteration-count: infinite;
	 animation-direction: alternate;
	 animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
 .line-reveal .overlay {
	 background: rgba(0,46,87,0.5);
	 height: 10px;
	 top: -5px;
	 width: 100%;
	 transform-origin: 100% 0;
}
 @keyframes wipe {
	 to {
		 transform: scaleX(0);
	}
}