@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i,900');
@import url("/3rdparty/bootstrap/css/bootstrap.min.css");
@import url("/core/css/global.css");

@font-face {
    font-family: 'Swiss-Condensed';
    src: url('/local/fonts/swiss/39093B_1_0.woff') format('woff'),
	url('/local/fonts/swiss/39093B_1_0.woff2') format('woff2');
    font-weight: 900;
	font-style:normal;
}


/* Mobile first; then... */  
@media (min-width: 768px) {
	/* small eg iPad portrait */  
}
@media (min-width: 992px) {
	/* medium, e.g iPad landscape, older monitors, laptops  */
}
@media (min-width: 1200px) {
  /* large, e.g newer monitors, laptops */
}
/* optional for larger screens 
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}



*/




/* TYPOGRAPHY */

a, a:link, a:visited, a:hover, a:active {
	color:inherit;
	outline:none;
}

.safari-fix {
	/* fixes z-index and font issues in Safari */
      -webkit-transform:translateZ(1px);
      transform:translateZ(1px);
}

* {
	-webkit-text-size-adjust: 100%; /* stops font size changing in iOS */
	
	/*-webkit-font-smoothing: subpixel-antialiased;  makes safaro looks like Firefox */
	-moz-osx-font-smoothing: grayscale; /* fonts don't appear heavier in Firefox */
}  

body, button, input, select, textarea, th, td { font-family: Swiss, Helvetica, Arial, sans-serif;  color:rgba(102,102,102,1); text-rendering: optimizeLegibility;
font-size:14px;}
 i.glyphicon  {
	
	 top:.2em;
 }


h1, h2, .swiss-condensed {
	font-family: 'Swiss-Condensed', 'Arial Narrow', sans-serif;
	    font-weight: 900;

}
h1 {
	font-size:24px;
}h2 {
	margin-top:0;
	font-size:24px;
}
p.lead {
	font-size:16px;
}
@media (min-width: 768px) {
h1 {
	font-size:36px;
}h2 {
	font-size:36px;
}

}
	
@media (min-width: 992px) {
h1 {
	font-size:72px;
}h2 {
	font-size:48px;
}

p.lead {
	font-size:18px;
}
}

video {
	display:block;
}

.img-fullwidth {
	width:100%;
	max-width:100%;
	height:auto;
	
}

ul.no-bullets {
	list-style:none;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #8d7f6f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8d7f6f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8d7f6f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #8d7f6f;
}
input:focus::-webkit-input-placeholder 
{
    color: transparent !important;
}


hr { 
   
    border-style:none;
    border:none;
	border-top:1px solid rgba(204,204,204,1);
}

/**** RE-ORDERING IWTH CSS ******

#wrapper {display:table;}

#first {display:table-caption;}
#second {display:table-header-group;}
#last {display:table-footer-group;}

*/


/* ALWAYS SHOW SCROLL BARS

 ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


*/

.my-parallax-element {
   ...
   background-attachment: fixed;
   ...
}

@supports (-webkit-overflow-scrolling: touch) {

        .my-parallax-element {
            background-attachment: scroll;
        }
    }


/* Truncate to number of lines */



.truncate {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 36px; /* Fallback for non-webkit = font-size x line-height x lines to show */
  margin: 0 auto;
  font-size: 10px;
  line-height: 1.2;
  -webkit-line-clamp: 3; /*lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vertical-center {
 /* centers anything vertically if you don't know dimensions */
  position: relative;/* or absolute*/
  top: 50%;
   display:block; /* can use on span*/
  transform: translateY(-50%);
  /* note you can do this with absolute on x axis too  */
}

.vertical-center-page {
	 top: 50vh; /* additional for iOS */
}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
	width:100%;
}
.row-xs-height {
    display:table-row;
	height:100%; /* firefox fix */
}
.col-xs-height {
    display:table-cell;
    float:none;
	height:100%; /* firefox fix */
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
		width:100%;
		
    }
    .row-sm-height {
        display:table-row;
		height:100%; /* firefox fix */
    }
    .col-sm-height {
        display:table-cell;
        float:none;vertical-align:top;
		height:100%; /* firefox fix */
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
		width:100%;
		
    }
    .row-md-height {
        display:table-row;
		height:100%; /* firefox fix */
    }
    .col-md-height {
        display:table-cell;
        float:none;vertical-align:top;
		height:100%; /* firefox fix */
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
		width:100%;
    }
    .row-lg-height {
        display:table-row;
		height:100%; /* firefox fix */
    }
    .col-lg-height {
        display:table-cell;
        float:none;vertical-align:top;
		height:100%; /* firefox fix */
    }
}

.slide, .slide .container {
	position:relative;
}

.slide.ledge:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:50%;
	height:10%;
	background:#FFFFFF;
	border-top-right-radius: 999999em;
}

.slide.ledge.right:after {
	right:0;
	left:50%;
	border-top-right-radius: 0;
	border-top-left-radius: 999999em;
}

.slide .video-overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,.3);
	
}

.slide .text-overlay {
	position:absolute;
	top:5%;
	left:0%;
	width:100%;
	color:#FFFFFF;
	
}

.underline {
	padding-bottom: 12px;
	
	margin-bottom:30px;
	position:relative;
}
@media (min-width: 768px) {
	.underline {
	padding-bottom: 24px;
	
	margin-bottom:45px;
	position:relative;
}
}

.underline:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background-color:  #80217e;
}

.underline.inline {
	display:inline-block;
	width:auto;
}

.underline.thick {
	display:inline-block;padding-bottom: 44px;
	
}

.underline.thick:after {
	
	height:20px;
	
}

.formbuilder1 .form-check-inline {
	width:50%;
	float:left;
}
.formbuilder1 .form-check-inline input {
	vertical-align:top;
}

.formbuilder1 .form-check-inline label {
	width:80%;vertical-align:top;
}


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}