/* -------------------------------- 

Primary style

-------------------------------- */


html {font-size:16px;}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgba(2, 23, 37, 0.7);
  background-color: white;
}
body.overflow-hidden {
  /*  overflow: hidden; ! when primary navigation is visible, the content in the background won't scroll */

}

a {
  color: white;
  text-decoration: none;
}

p { font-weight:300}


.light { font-weight:300}
.regular { font-weight:400}
.bold { font-weight:700}

.title { margin-bottom:70px}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {	
font-family: 'Montserrat', sans-serif;
font-weight:700}

input.ws_hd{
	display: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.cd-header {
  font-family: 'Montserrat', sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(28, 30, 65);
  height: 70px;
  width: 100%;
  z-index: 3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index:4;
}

.cd-header .container, .cd-header .row  { height:100%}

@media only screen and (min-width: 768px) {
  .cd-header {
    height: 90px;
    box-shadow: none;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	z-index: 4;
  }

 

  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -80px;
    background: rgba(2, 23, 37, 0.96);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
  }
}

.cd-logo {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .875em;
}
.cd-logo img {
  display: block;
  width:220px;
  height:auto;
}
@media only screen and (min-width: 768px) {
  .cd-logo {
  }
}

.cd-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}
.cd-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.cd-secondary-nav a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .cd-secondary-nav {
    display: block;
  }
}

.cd-secondary-nav li a.estimate, .cd-secondary-nav li a.estimate:focus { 
height: 90px;
color: #FEB649;
line-height: 90px;
padding:0 20px;
text-decoration:none;
}

.cd-secondary-nav li a.estimate:hover {
	color: #fda728 ;
	text-decoration:none;
}

.cd-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #03263d;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: white;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    width: 115px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.menu-title { 
font-family: 'Montserrat', sans-serif;
margin-bottom: 20px;
font-size: 22px;
font-weight: 400;
color: #6B6D8D;
border-bottom: 3px dotted;
padding-bottom: 8px;
text-transform: none }


@media only screen and (max-width: 991px) {
.menu-title {font-size: 16px;
text-align: center;
margin-bottom: 5px;
font-weight: 700;
border-bottom: 3px dotted;
text-transform: uppercase; }
}

.cd-primary-nav p { font-size:15px; color:#6B6D8D; font-weight:400; margin-bottom:20px; text-align:left;}

@media only screen and (max-width: 991px) {

.cd-primary-nav p { text-align:center;}
}

.cd-primary-nav .divider {  margin:60px 0   }


@media only screen and (max-width: 991px) {
.cd-primary-nav .divider {
    margin: 30px 0;
}
}


.cd-primary-nav img {
width: 100%;
margin-bottom: 5px;
opacity: 0.7;
display:none; }

@media only screen and (min-width: 992px) {
.cd-primary-nav img { display:block;}
}

.cd-primary-nav li:hover img {opacity:1}

.cd-primary-nav li.menu-img { margin-top:10px}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(2, 23, 37, 1);
  z-index: 2;
  padding: 100px 0 50px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  z-index:3;
}
.cd-primary-nav li {
  font-size: 15px;
  font-weight: 800;
  text-transform:uppercase;
  letter-spacing:1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 12px 0;
  text-align: center;
}
@media only screen and (min-width: 992px) {
.cd-primary-nav li  { text-align: left; margin: 0 0 20px 0;}
}

.cd-primary-nav a {
  display: inline-block;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-primary-nav a:hover {
color:#ffffff;
}


.cd-primary-nav .cd-label {
    display: table;
    white-space: nowrap;
    color: #03446B;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    width: 240px;
    float: none;
    margin: 0 auto 15px;
}

.cd-primary-nav .cd-label:before,
.cd-primary-nav .cd-label:after {
	border-top: 4px dotted #03446B;
	content: '';
	display: table-cell;
	position: relative;
	top: 6px;
	width: 45%;
	}
	
.cd-primary-nav .cd-label:before {
  right:10px;
}
.cd-primary-nav .cd-label:after {
  left: 10px;
}

.cd-primary-nav .cd-social {
  display: inline-block;
  text-align:left;
 	
}

@media only screen and (max-width: 991px) {
.cd-primary-nav .cd-social {
    display: block;
    text-align: center;
}
}

.cd-primary-nav .cd-social a {
  background: #33354E;
  height: 30px;
  width: 30px;
  padding: 0;
  padding: 5px 10px;
  border-radius:50%;
}


.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    padding:160px 0;
	z-index:3;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
  }
  .cd-primary-nav .cd-label {
  }
}

.cd-intro {
  position: relative;
  height: 100%;
  background: url("../img/cd-background-img.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-intro h1 {
  position: absolute;
  width: 90%;
  max-width: 1170px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    height: 700px;
  }
}

.cd-main-content {
  position: relative;
  z-index: 1;
}
.cd-main-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content p {
    font-size: 16px;
  }
}




/* --------------------- INTRO-GALLERY  ------------------------------*/

.intro-gallery-wrap { width:100%; height:100%; background-color:#333333;clear:both;  }
.intro-gallery-cell {min-width:100%; height:100%;}
.cd-intro .flickity-enabled.is-draggable, .cd-intro .flickity-viewport { height:100%!important; }

.intro-gallery-cell .container {
	position: relative;
	top: 50%;
	transform: translateY(-55%);
	margin:0 auto;
	color:#fff;
    padding:0 15px;
	}
	
.frameone {
	background: url(../img/header-images-24.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	background-size: cover;
	-o-background-size: cover;}

.frametwo {
	background: url(../img/header-images-15.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	background-size: cover;
	-o-background-size: cover;}

.framethree {
	background: url(../img/header-images-7.jpg) center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	background-size: cover;
	-o-background-size: cover;}
	
	
	
.intro-gallery .flickity-page-dots{
position: absolute;
bottom:50px;
list-style: outside none none;
text-align: right;
line-height: 1;
left: 0;
right: 0;
margin:0 auto;
padding: 0 10px;
}
	
.flickity-prev-next-button { z-index:3;}
	
	
.cd-intro-content p {
line-height: 42px;
font-size:34px;
font-weight:200;
margin-top:0;
}
	
.cd-intro-content p.h1{
font-family: 'Montserrat', sans-serif;
font-size:16px;
letter-spacing:1px;
line-height:22px;
text-transform:uppercase;
font-weight:700;
-webkit-animation-name: cd-reveal-up;
-moz-animation-name: cd-reveal-up;
animation-name: cd-reveal-up;
}



@media only screen and (min-width: 768px) {	 

.cd-intro-content p {
line-height: 56px;
font-size:50px;
}
	
.cd-intro-content p.h1{
font-size:20px;
line-height:26px;
}


}






/* -------------------------------- Mask 2-------------------------------- */
.intro-gallery-cell.is-selected .mask-2.cd-intro-content * {
  /* overwrite default style */
  opacity: 1;
}

.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper {
  overflow: hidden;
}

.intro-gallery-cell.is-selected .no-cssanimations .mask-2.cd-intro-content .content-wrapper::before {
  opacity: 0;
}
.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper > div {
  /* wrap the entire content */
  position: relative;
  z-index: 1;
}

.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper,
.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper > div {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper {
  -webkit-animation-name: cd-mask-wrapper;
  -moz-animation-name: cd-mask-wrapper;
  animation-name: cd-mask-wrapper;
}

.intro-gallery-cell.is-selected .mask-2.cd-intro-content .content-wrapper > div {
  -webkit-animation-name: cd-mask-content;
  -moz-animation-name: cd-mask-content;
  animation-name: cd-mask-content;
}

@-webkit-keyframes cd-mask-wrapper {
  0% {
    -webkit-transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-mask-wrapper {
  0% {
    -moz-transform: translateX(50%);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-mask-wrapper {
  0% {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-mask-content {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-mask-content {
  0% {
    -moz-transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-mask-content {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}







.intro-gallery-wrap .overlay { position:absolute; display:block; left:0; right:0; top:0; width:100%; height:100%; 
background: rgba(100, 120, 220, 0.7);}


.intro-gallery-wrap .master-overlay { position:absolute; display:block;  right:0; top:0; width:70%; height:100%; background:url(../img/master-overlay.png); z-index:2}





/* --------------------- Sections  ------------------------------*/



section { 	
overflow:hidden;
position:relative;
} 

.first-section {
padding:70px 0;
}


.section-divider { border-top:1px solid #ddd}

.section-blue {
	padding:70px 0;
	background-color:#3C407C;
	color:#fff;}
 
.section-blue a {
	color:#3F8BC9;
	}

.first-section a.btn {
	color:#fff;
	margin-top:10px;
	}
	
.section-white {
padding:70px 0;
background-color:#fff;
color:#666666;
} 

.section-gray {
padding:70px 0;
background-color:#eee;
} 

.section-white a, .section-gray a {color:#3C407C}
.section-white h2, .section-gray h2 { color:#3C407C}

.section-image { background-position: center right; background-size:auto 300%}


.section-shadow {
-webkit-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.75);
box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.75);}

.section-overlay { 
display: block;
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
height: 200%;
width: 100%;
top: -70px;}





.section-title {
	font-size:32px;
    position: absolute;
    bottom: 0;
    padding: 20px 30px 0px;
    background-color: #3C407C;
    display: inline-block;
    margin-bottom: 0;
	color:#ffffff;
	margin-left:-30px;
	z-index:2;
	}



.section-banner-top {height:75%; background:#3C407C  } 
.section-banner-top .container, .section-banner-top .row  { height:100%}
.col-100h { height:100%}
		
.section-banner-top .container, .section-banner-top .row  { height:100%}
.section-title h1 { color:#FFFFFF; font-size:20px; text-transform:uppercase}
.section-banner-top img {
width:100%;
 position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.col-100h { height:100%}


p.lead { font-size:26px; line-height:34px; margin:0 }
p.meta { font-size:12px!important; font-weight:400!important; color:#999 }

@media only screen and (max-width: 768px) {
.section-banner-top {height:50%; } 
.section-banner-top img {position:absolute; width:150%}
.section-title {font-size:24px; padding: 10px 20px 0px; margin-left:0px;}

p.lead { font-size:20px; line-height:28px; margin:0 }
}	 



.service-list-content h2 { font-size:16px;  }
.service-list-content p { font-size:14px;  }
.service-list-content ul li { font-size:14px; font-weight:300  }


.divider-block::before {
	background-image:url(../img/text-content-before.svg); 
	background-repeat:no-repeat;  
	display:block; height:8px; width:40px;
	content:"";
	position:relative; 
	margin:0 auto;
	margin-bottom:50px }
	
	
	




/* --------------------- ACCORDION  ------------------------------*/

.panel-title a {color:#3C407C; font-weight:300!important; font-size:13px;  }
.panel-title h2 { font-size:14px!important}






/* --------------------- List  ------------------------------*/

ul.list { 
list-style: none;
font-size: 16px;
line-height: 16px;
margin-top:10px;}

ul.list li { margin-bottom:10px}
	




/* --------------------- THUMBS  ------------------------------*/



.service-thumb-wrapper {
	height: 60px; 
	width:100%; 
	-webkit-box-shadow:inset 0px 0px 0px 1px #ddd;
    -moz-box-shadow:inset 0px 0px 0px 1px #ddd;
    box-shadow:inset 0px 0px 0px 1px #ddd;
	margin-bottom:20px}
	
	
a .service-thumb-wrapper {text-decoration:none}

.service-thumb img { height:100%;  width:auto}

.image-overlay { 
	background: rgba(100, 120, 220, 0.2);
	z-index:8; 
	width:100%; 
	height:100%; 
	position:absolute
}

.service-thumb-wrapper:hover .image-overlay { background: rgba(100, 120, 220, 0.8);}

.service-thumb { 
	overflow:hidden; 
	width:60px; 
	height:60px; 
	float:left; 
	margin-right:10px; 
	display:inline;
 	text-align:center;
	position: relative;
	top: 50%;
	transform: translateY(-50%); }
	
	

	
.service-title { 	
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	
	

.services-wrapper h4 {color:#3C407C; font-size:13px; font-weight:400;  }









.thumbs-wrapper { padding:0!important}

.thumbs {  overflow:hidden!important; position:relative;  white-space: nowrap; }


.thumbs-overlay { background:#000; display:block; opacity:0.4;  width:100%; height:100%; position:absolute}


.thumbs-desc {	
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	padding:5px 10px; 
	position:absolute;
	z-index:8; 
	bottom:0;
	line-height:18px;
	text-transform:uppercase; 
	font-size:14px; 
	font-weight:400; 
	color:#fff;
	width:100%;
	white-space: normal;
    overflow: hidden;}




hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #ddd;
}






/* --------------------- BTNS  ------------------------------*/

.btn { border-radius:0!important; padding: 10px 20px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:1px; 	font-size:15px;}


.btn-primary {
	color: #ffffff;
	background-color: #3F8BC9;
	border-color: #3F8BC9;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #286090;
    border-color: #286090;
}




.btn-anim  {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	z-index: 1;
	display:inline-block;
	margin-top:5px;
}

.btn-anim a {
color:#ffffff;
}

.btn-anim a:hover {
text-decoration:none;
}

.btn-anim a:hover span {
	background-color: #2B2D57;
}


.btn-anim a span {
	display: block;
	padding: 10px 20px;
	background-color: #3C407C;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:1px;
}

.btn-anim a::before {
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	text-decoration: none;
  	font-size:18px;
	position: absolute;
	text-align:center;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 50px;
	height: 100%;
	background: #fff;
	color:#2B2D57;
	content: "\f067";
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(0%);
}

.btn-anim a:hover span,
.btn-anim a:focus span {
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	transform: translateX(50px);
}

.btn-anim a:hover::before,
.btn-anim a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

footer { background-color:#3C407C; padding:70px 0; color:#8F91B3}
footer ul li { font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:300}
footer ul { margin-bottom:10px}
footer p {font-size:14px; line-height:19px} 
footer h4 { color:#8F91B3; border-bottom:3px dotted #8F91B3; font-size:18px; padding-bottom:10px; margin-bottom:10px}
footer a { color:#8F91B3}
footer a:hover { text-decoration:none; color:#fff;}
footer hr { 
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 3px dotted #8F91B3;
}

.copyright { 
	margin-bottom:20px; 
	text-align:right; 
	font-size: 14px;
	font-weight: 400;
	}
	
.contact-form { width:100%; position:fixed; left:30px;  padding:120px 0; background-color:#00FF33; height:400px; display:none;}
.contact-form.opened { display:block}

















.cd-contact-form {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(2, 23, 37, 1);
  z-index: 2;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  z-index:3;
}

.cd-contact-form a {
  display: inline-block;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
.no-touch .cd-contact-form a:hover {
color:#ffffff;
}

.cd-contact-form.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .cd-contact-form {
    padding:100px 0;
	z-index:3;
  }
}




label {
    font-weight: normal;
}



a:focus { 	outline: none!important}




.contactos-form input[type="text"], .contactos-form input[type="email"], .contactos-form textarea {
    width: 100%;
    padding: 10px 10px;
    color: #666666;
    border: 1px solid #ccc;
    box-shadow: unset;
    background: transparent;
    font-size: 16px;
}

.contactos-form label { font-weight:600}

.responsive-image {width:100%; height:auto;}

.industriais-images { margin-top: 20px; margin-bottom: 20px;}

.industriais-images img {margin-bottom:5px;}

.ws_privacy ol, .ws_privacy li, .ws_privacy ul {
	list-style: decimal !important;

    /*list-style-type: none;
    list-style-position: initial;*/
}
.ws_privacy ol{
padding-left: 14px;
}