/*******************************************************************************
 Add your custom css styles here
 *******************************************************************************/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */ 
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 0px 0px 20px 20px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#myBtn{background:#f9f9f9;cursor:pointer;}

#myModal h2{text-align:left;}

#myModal .separator {
    float: left;
    width: 110px;
    height: 3px;
    background: #000;
    margin: 20px 0 20px;
    position: relative;
}

.pt-3{padding-top:30px;}

#contactForm_box{
	float:left;
	width:100%;
}

.flat-form #contact-form input[type="email"]{
    color: #000;
    font-size: 12px;
    padding: 15px 0;
    width: 100%;
    padding-left: 10px;
    background: #fff;
    margin-bottom: 20px;
    border: 0;
    border: 1px solid #eee;
    position: relative;
}

#contact-form [type="submit"],#contact-form .g-recaptcha{
	background:black;
	cursor:pointer;
	color:white;
}
#contact-form [type="submit"]:hover,#contact-form .g-recaptcha:hover{
	background:white;
	color:black;
}

.box{
	float: left;
    width: 100%;
}
.color-white,
.color-white a{
	color:white;
}

.color-white a:hover{
	text-decoration: line-through;
}

.subtitle ul{
	padding-left:20px;
	list-style: circle;
}

.subtitle li{
	padding-bottom: 5px;
}

.slide-title .subtitle{
	max-width: 80%;
    margin: 0px auto;
}


strong{font-weight:bold;}


.home.section-columns:before{height:0px; }
.home.section-columns{padding:0px;height:100%;}
.home .section-columns-text .custom-inner{padding:0px;}
.home .section-columns-text{height:100%;}

.text-left{text-align:left;}
.text-white{color:white;font-size: 15px;
    line-height: 24px;
    padding-bottom: 10px;}

.home-text a{
	color: #fff;
    padding: 10px;
    border: 1px solid #fff;
    margin-top: 20px;
    display: inline-block;
}

.grid-item span{
    max-width: 80%;
    margin: 10px 10%;
	}
	
	.copyright{float:left;
	margin-right:30px;
	}
	
.footernav{
	float:left;
}
	
.footernav li{
	float:left;
	margin-right:10px;
}
.footernav li a:hover,
.footer-social ul li a:hover{
    text-decoration: line-through;
}

.footer-social ul{
	float:left;
}
.footer-social ul li{
		float:left;
	margin-right:10px;
}

.section-columns.over-ons{
	padding:0px;
}

.section-columns.over-ons:before{
	height:0px;
}

.content{padding-bottom:40px;}

.text_wrapper{  
width:100%;
  padding: 0px 20px 70px 20px;
    float: left;}

.custom-inner ul li, .custom-inner ol li{
	list-style: disc;
	padding:0px;
    margin-left: 15px;
}




h1{font-size:3.6em;}
p,.custom-inner ul li, .custom-inner ol li,.custom-inner .container {font-size:16px;}
body,.port-subtitle span a,.footer-social li a{font-size:16px;}





@media (min-width: 1036.99px) {
.bg-hidden{background-image: none !important;}

}





/* XL */
@media (max-width: 1399.98px) {
.home-text .mob-hidden{display:none;}
}


/* LG */
@media (max-width: 1036.98px) {
.tablet-hidden{display:none;}
.bg-hidden{background-image: auto !important;background-size: cover;position:relative;}
.bg-hidden:before{
	content: '';
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.7;
}
.home .section-columns-img{display:none;}
}


/* MD */
@media (max-width: 991.98px) {  
.mob-hidden{display:none;}
.footer-social{display:none;}
.home-text h1{font-size:3em;}
}


/* SM */
@media (max-width: 767.98px) {  
.home-text h1 {
    font-size: 2em;
	margin-bottom:10px;
}

}


/* XS */
@media (max-width: 575.98px) { 
h1 {
    font-size: 2em;
	margin-bottom:10px;
}

}




/* LG */
@media (max-height: 900px)  {

.home-text .mob-hidden{display:none;}
}