.hidden {
  display:none;
  visibility: hidden;
 }
	/* #LOGO + header
================================================== */
.logo-container {
  width: 120px;
 background-color: #414146;
 transition: all .3s ease 0s;
}
header .logo {
 display: block;
 padding-bottom: 15px;
 padding-left: 45px;
  padding-top: 81px;
 transition: all .4s ease 0s;
}
footer .logo {
 display: block;
 padding-bottom: 15px;
 padding-left: 45px;
  padding-top: 81px;
 transition: all .4s ease 0s;
 height: 120px;
}


.logo-img {
 width: 400px;
 z-index: 200;
}


	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{
		position:fixed;
		height: 120px;
		display:block;
		width: 100%;
		background: transparent;
		z-index:9;
		text-align:center;
		color: #101010;
		padding: 5px 0 0 0;
	}

	#header{
		top:0px;
	}
	#header a {color:#f1f2f3; font-weight: 600;}
	#header a:hover {color:#0d553a;}

	.logo-img {
	    width: 400px;
	    z-index: 200;
	    display: block;
	    margin: 0 auto;
	}

	#menu-outer {
	height: auto;
	width: 12%;
	background: rgba(0,0,0,.2);
	margin: 10px auto;
	padding: 3px 0px;
	border-radius: 50px;
	}

	.table {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}

	ul.horizontal-list {
		/* min-width: 300px; */
		list-style: none;
		opacity: 1;
		}

	ul.horizontal-list li {
		display: inline-block;
		margin: 0 6px 0;
		line-height: 25px;
	}

	#footer{
		bottom:0px;
	}
	.footer-copy {
		margin-top:5px;
		font-size:14px;
		font-weight: bold;
	}
	.footer-copy a{
		font-weight: bold;
		color:#550d28;
	}
	.footer-soc-a a {
		font-size:12px;
		padding:2px;
	}

    .footer-soc-a a i{color:#550d28;    font-size: 25px;}
	.logo-footer{
		max-height:60px;
	}
	.logo-footer-cont{
		margin-bottom:50px;
	}

	/* #ELEMENTS
=======================================*/

/***** #DROPCAPS *****/
.dropcap1 {
 background: none repeat scroll 0 0 #eee;
  color: #323336;
  display: inline-block;
  float: left;
  font-size: 50px;
  font-weight: normal;
  line-height: 75px;
  margin: 6px 20px 0 0;
  padding-bottom: 2px;
  text-align: center;
  width: 56px;
}
.dropcap2 {
 color: #fff;
 display: inline-block;
 float: left;
 font-size: 40px;
 height: 75px;
 line-height: 70px;
 text-align: center;
 width: 75px;
 border-radius: 50%;
 padding-left: 1px;
 background: none repeat scroll 0 0 #323336;
 margin:8px 20px 0 0;
}
.dropcap3 {
  color: #323336;
  display: inline-block;
  float: left;
  font-size: 60px;
  font-weight: lighter;
  line-height: 60px;
  margin: 0 20px 0 0;
  padding-bottom: 2px;
  text-align: center;
}
.dropcap4 {
 background: none repeat scroll 0 0 #ffea00;
  color: #323336;
  display: inline-block;
  float: left;
  font-size: 50px;
  font-weight: normal;
  line-height: 75px;
  margin: 6px 20px 0 0;
  padding-bottom: 2px;
  text-align: center;
  width: 56px;
}
/***** #STYLED LIST *****/
.styled-list {
  list-style: none outside none;
  margin: 0;
 padding:0;
}
.styled-list.style-1 > li:before {
  background-position: 0 -30px;
}
.styled-list.style-2 > li:before {
  background-position: 0 -60px;
}
.styled-list.style-3 > li:before {
  background-position: 0 -14px;
}
.styled-list.style-4 > li:before {
  background-position: 0 0;
}
.styled-list.style-5 > li:before {
  background-position: 0 -45px;
}
.styled-list.style-6 > li:before {
  background-position: 0 -75px;
}
.styled-list > li:before {
 height: 15px;
 left: 0;
 top: 1.5px;
 width: 15px;
 background-attachment: scroll;
 background-color: transparent;
 background-image: url(../images/list-icons.png);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.styled-list > li:before {
  content: "";
  position: absolute;
}
.styled-list > li {
  padding-left: 19px;
  position: relative;
}
.demo-list-styles ul {
 margin:0;
 padding:0;
 list-style:none;
 margin-bottom:10px;
}

.button-container {
  margin: 20px auto;
  text-align: center;
  width: 186px;
}

.btn {
  display: block;
  height: 50px;
  width: 180px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  letter-spacing: .5px;
  color: #f1f2f3;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  border-radius: 50px;
}
.btn:after {
  position: absolute;
  content: '';
  display: inline-block;
  background: #0d553a;
  background: linear-gradient(45deg, #0d553a 0%, #063d29 25%, #0e9463 51%, #0fbe7e 100%);
  height: 50px;
  width: 372px;
  z-index: -1;
  -webkit-transform: translateX(-280px);
          transform: translateX(-280px);
  transition: -webkit-transform 400ms ease-in;
  transition: transform 400ms ease-in;
  transition: transform 400ms ease-in, -webkit-transform 400ms ease-in;

}
.btn:hover:after {
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
          color: white;
}
.btn:active:after {
  /* -webkit-transform: translateX(-200px);
          transform: translateX(-200px); */
          border:2px solid gray;
          opacity: .8;
}
.btn span {
  position: relative;
  top: 16px;
}
/* #FOOTER
================================================== */

/***** #CONTACT FOOTER *****/
.contact-text-container {
 padding-left:50px;
 padding-top:12px;
 min-height:46px;
 opacity:.8;
}
.right-1024 {
 float:right; 
}
.right {
 float:right; 
}
.left {
 float:left;
}
.right-text {
 text-align:right; 
}
.center-text {
 text-align:center; 
}

/* #TYPOGRAPHY
===============================================================*/
body {font-family: 'Montserrat',sans-serif; direction: ltr;}
/***** #HEADINGS *****/
h1, h2, h3, h4, h5, h6{
 font-family: 'Montserrat',sans-serif;
 font-weight:normal;
 color: #f1f2f3;
 margin: 0;
}

h1 {
 font-size:3.1em;
 line-height: 1em;
 margin: 30px 0 22px 0;
 font-weight: bold;
}
h2 {
 font-size: 2.5px;
 line-height: 32px;
 margin: 27px 0 18px 0;
}
h3 {
 font-size: 24px;
 letter-spacing: normal;
 line-height: 33px;
 margin: 26px 0 16px 0;
}
h4 {
 font-size: 18px;
 letter-spacing: normal;
 line-height: 25px;
 margin: 21px 0 19px 0;
}
h5 {
 font-size: 14px;
 letter-spacing: normal;
 line-height: 25px;
 margin: 18px 0 13px 0;
}
h6 {
 font-size: 12px;
 letter-spacing: normal;
 line-height: 18px;
 margin: 18px 0 13px 0;
}

/***** #DIVIDERS *****/
.divider {
 position: relative;
 overflow: hidden;
 margin: 35px 0;
 color: #eee;
 width: 100%;
}
.divider i {
 position: relative;
 line-height: 1;
 font-size: 14px!important;
 text-align: center;
}
.divider:after {
 content: '';
 position: absolute;
 width: 100%;
 top: 12px;
 left: 25px;
 height: 0;
 border-top: 2px solid #EEE;
}
.divider.divider-center {
 text-align: center;
}
.divider.divider-center  i {
 border-left: 10px solid #fff;
 border-right: 10px solid #fff;
 z-index: 1;
}
.divider.divider-center:after {
 left: 0;
}
.divider-line {
 height:2px;
 width:100%;
 background: #eee;
}
.divider-dashed {
 height:0px;
 width:100%;
 margin:20px 0 20px 0;
 border-top: 2px dashed #eee;
}
hr {
 border-top: 1px solid #eee;
 margin: 22px 0 22px 0;
}
hr.gradient {
 background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
 background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, .2), transparent);
 border: 0;
 height: 1px;
 margin: 22px 0 22px 0;
}
hr.short {
 margin: 11px 0 11px 0;
}
hr.tall {
 margin: 44px 0 44px 0;
}
hr.taller {
 margin: 66px 0 66px 0;
}
hr.light {
 background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
 background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .2), transparent);
}
hr.invisible {
 background: none;
}
.label {
 font-weight: normal;
}

/***** #HIGHLIGHTS *****/
.highlight-text, .highlight-text-grey {
 background-color: #ffea00;
  color:#323336;
 padding: 0 3px;
}
.highlight-text-grey {
 background-color: #C0C0C0;
 color: #fff;
}
/***** #ICONS LIST *****/
.icon-list {
 padding-left: 0;
 margin-left: 24px;
 list-style-type: none;
}
.icon-list li {
 position: relative;
}
.icon-list>li [class*=" fa-"]{
 position: absolute;
 left: -21px;
 text-align: center;
 top: 4px;
 width: 14px;
}
/***** #ICONS LIST ELEGANT ICONS *****/
.icon-list.elegant-font {
 margin-left: 0;
 margin-bottom: 0;
}
.icon-li {
 margin-right:10px;
}
.glyphs.css-mapping {
  margin: 0 ;
  padding: 0;
  color: rgba(0,0,0,0.5);
}
.glyphs.css-mapping li {
  margin: 0 30px 20px 0;
  padding: 0;
  display: inline-block;
  overflow: hidden;
}
.glyphs.css-mapping .icon {
  margin: 0;
  margin-right: 10px;
  padding: 13px;
  height: 50px;
  width: 50px;
  color: #162a36 !important;
  overflow: hidden;
  float: left;
  font-size: 24px;
}
.glyphs.css-mapping input {
  margin: 0;
  margin-top: 5px;
  padding: 8px;
  line-height: 16px;
  font-size: 16px;
  display: block;
  width: 150px;
  height: 40px;
  border: 1px solid #d8e0e5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  outline: 0;
  float: right;
}

/***** #CODE *****/
pre {
 border-radius:0;
}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}
	.page-section  {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	}
	
	#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}



	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section4 .layer{
		position: absolute;
		z-index: 200;
		width: 100%;
		left: 0;
		top: 35%;

		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*solves problem with overflowing video in Mac with Chrome */
	#section4{
		overflow: hidden;
	}


  /* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}
	.slide{
		background-size: cover;
	}

	/* Defining each section background and styles
	* --------------------------------------- */
	.intro, .introDark {
		top: 45%;
		transform: translateY(-50%);
		position: relative;
		background: rgba(225,225,225,0.9);
    	padding: 40px 0;
	}
	.intro p{
		color: #f1f2f3;
		width: 50%;
		margin: -45px auto 0;
		font-size: 1.1em;
	}
		.introDark p{
		color: #202020;
		width: 50%;
		margin: -45px auto 0;
		font-size: 1.1em;
	}
	.introDark h1 {color: #0d553a; text-shadow: -1px 0px 1px #dedede; padding-bottom:10px;}
	.intro h1 {color: #f1f2f3;}
	.controlArrow.prev {
		left: 50px;
	}
	.controlArrow.next{
		right: 50px;
	}

	#section0,
	#section1,
	#section2,
	#section3{
		background-size: cover;
		background-attachment: fixed;
		object-fit: contain;
	
/* 		  -moz-filter: brightness(35%);
  -o-filter: brightness(35%);
  -ms-filter: brightness(35%);
  filter:brightness(35%); */

	}
	#section0{
		background-image: url(../imgs/bg1.jpg);
		background-position: 50% 50%;
		padding: 6% 0 0 0;
		
	}
	#section0 h1{
		top: 50%;
		transform: translateY(-50%);
		position: relative;
	}
	#section1{
		background-image: url(../imgs/bg17.jpg);
		padding: 6% 0 0 0;
	}
	#section1 h1{
		top: 50%;
		transform: translateY(-50%);
		position: relative;
	}
	#section2{
		background-image: url(../imgs/bg3.jpg);
		padding: 6% 0 0 0;
	}
	#section2 h1{
		top: 50%;
		transform: translateY(-50%);
		position: relative;
	}
	#section3{
		background-image: url(../imgs/bg2.jpg);
		padding: 6% 0 0 0;
	}
	#section3 h1{
		top: 50%;
		transform: translateY(-50%);
		position: relative;
	}




/* #MARGINS #PADDINGS
================================================== */
.m-0 {margin:0 !important;}
.m-10 {margin:2px;}

.mt-min-30 {margin-top:-30px;}
.mt-min-35 {margin-top:-35px;}
.mt-min-180 {margin-top:-180px;}
.mt-min-120{margin-top:-120px;}
.mt-min-210 {margin-top:-210px;}
.mt-min-500 {margin-top:-500px;}
.mt-0 {margin-top:0 !important;}
.mt-5 { margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px }
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mt-110 {margin-top:110px;}
.mt-120 {margin-top:120px;}
.mt-130 {margin-top:130px;}
.mt-140 {margin-top:140px;}
.mt-150 {margin-top:150px;}
.mt-170 {margin-top:170px;}

.mr-0 { margin-right:0 !important;}
.mr-5 {margin-right:5px;}
.mr-7 {margin-right:7px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}
.mr-25 {margin-right:25px;}

.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-23 {margin-bottom:23px}
.mb-40 {margin-bottom:40px !important;}
.mb-45 {margin-bottom:45px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-35 {margin-bottom:35px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mb-110 {margin-bottom:110px;}
.mb-120 {margin-bottom:120px;}
.mb-130 {margin-bottom:130px;}
.mb-140 {margin-bottom:140px;}
.mb-160 {margin-bottom:160px;}
.mb-170 {margin-bottom:170px;}
.mb-180 {margin-bottom:180px;}
.mb-210 {margin-bottom:210px;}

.ml-0 {margin-left:0px !important;}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}

.mlr-1 {margin-left: 1px; margin-right: 1px;}
.mlr-10 {margin-left: 10px !important; margin-right: 10px !important;}
.mlr-30 {margin-left: 30px; margin-right: 30px;}
.mlr-min-20 {margin-left: -20px !important; margin-right: -20px !important;}
.mlr-min-30 {margin-left: -30px !important; margin-right: -30px !important;}

.p-0 {padding:0 !important;}
.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px;}
.p-25 {padding:25px;}
.p-40 {padding:40px;}

.pt-0 {padding-top:0px !important;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-36 {padding-top:36px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-55 {padding-top:55px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:65px;}
.pt-70{padding-top:70px;}
.pt-75{padding-top:75px;}
.pt-80{padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-95 {padding-top:95px;}
.pt-100 {padding-top:100px;}
.pt-110 {padding-top:110px;}
.pt-120 {padding-top:120px;}
.pt-130 {padding-top:130px;}
.pt-140 {padding-top:140px;}
.pt-250 {padding-top:250px;}

.pr-0 {padding-right:0 !important;}
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-30{padding-right:30px;}
.pr-75{padding-right:75px;}

.pb-0 { padding-bottom:0px !important;}
.pb-5 { padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px}
.pb-25 {padding-bottom:25px}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px;}
.pb-45 {padding-bottom:45px;}
.pb-50 {padding-bottom:50px;}
.pb-55 {padding-bottom:55px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:65px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-110 {padding-bottom:110px;}
.pb-120 {padding-bottom:120px;}
.pb-130 {padding-bottom:130px;}
.pb-140 {padding-bottom:140px;}

.pl-0 {padding-left:0 !important;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}

.plr-0 {padding-left:0 !important; padding-right:0 !important;}
.plr-1 {padding-left: 1px; padding-right: 1px;}
.plr-5 {padding-left: 5px; padding-right: 5px;}
.plr-10 {padding-left: 10px; padding-right: 10px;}
.plr-15 {padding-left: 15px; padding-right: 15px;}
.plr-20 {padding-left: 20px; padding-right: 20px;}
.plr-30 {padding-left: 30px; padding-right: 30px;}
.plr-35 {padding-left: 35px; padding-right: 35px;}
.plr-40 {padding-left: 40px; padding-right: 40px;}
.plr-50 {padding-left: 50px; padding-right: 50px;}
.pad-login-right {padding-right:0 !important;}

@media only screen and (max-width:1200px) {
  .mt-lg-0{margin-top:0!important}
  .mt-lg-10{margin-top:10px}
  .mt-lg-20{margin-top:20px}
  .mt-lg-30{margin-top:30px}
  .mt-lg-40{margin-top:40px}
  .mt-lg-50{margin-top:50px}
  .mt-lg-60{margin-top:60px}
  .mt-lg-70{margin-top:70px}
  .mt-lg-80{margin-top:80px}
  .mt-lg-90{margin-top:90px}
  .mt-lg-100{margin-top:100px}
  .mt-lg-110{margin-top:110px}
  .mt-lg-120{margin-top:120px}
  .mt-lg-130{margin-top:130px}
  .mt-lg-140{margin-top:140px}
  .mb-lg-0{margin-bottom:0!important}
  .mb-lg-10{margin-bottom:10px}
  .mb-lg-20{margin-bottom:20px}
  .mb-lg-30{margin-bottom:30px}
  .mb-lg-40{margin-bottom:40px}
  .mb-lg-50{margin-bottom:50px}
  .mb-lg-60{margin-bottom:60px}
  .mb-lg-70{margin-bottom:70px}
  .mb-lg-80{margin-bottom:80px}
  .mb-lg-90{margin-bottom:90px}
  .mb-lg-100{margin-bottom:100px}
  .mb-lg-110{margin-bottom:110px}
  .mb-lg-120{margin-bottom:120px}
  .mb-lg-130{margin-bottom:130px}
  .mb-lg-140{margin-bottom:140px}
  .pt-lg-0{padding-top:0!important}
  .pt-lg-10{padding-top:10px}
  .pt-lg-20{padding-top:20px}
  .pt-lg-30{padding-top:30px}
  .pt-lg-40{padding-top:40px}
  .pt-lg-50{padding-top:50px}
  .pt-lg-60{padding-top:60px}
  .pt-lg-70{padding-top:70px}
  .pt-lg-80{padding-top:80px}
  .pt-lg-90{padding-top:90px}
  .pt-lg-100{padding-top:100px}
  .pt-lg-110{padding-top:110px}
  .pt-lg-120{padding-top:120px}
  .pt-lg-130{padding-top:130px}
  .pt-lg-140{padding-top:140px}
  .pb-lg-0{padding-bottom:0!important}
  .pb-lg-10{padding-bottom:10px}
  .pb-lg-20{padding-bottom:20px}
  .pb-lg-30{padding-bottom:30px}
  .pb-lg-40{padding-bottom:40px}
  .pb-lg-50{padding-bottom:50px}
  .pb-lg-60{padding-bottom:60px}
  .pb-lg-70{padding-bottom:70px}
  .pb-lg-80{padding-bottom:80px}
  .pb-lg-90{padding-bottom:90px}
  .pb-lg-100{padding-bottom:100px}
  .pb-lg-110{padding-bottom:110px}
  .pb-lg-120{padding-bottom:120px}
  .pb-lg-130{padding-bottom:130px}
  .pb-lg-140{padding-bottom:140px}
}
@media only screen and (max-width:1024px) {
  .mt-md-0{margin-top:0!important}
  .mt-md-10{margin-top:10px}
  .mt-md-20{margin-top:20px}
  .mt-md-30{margin-top:30px}
  .mt-md-40{margin-top:40px}
  .mt-md-50{margin-top:50px}
  .mt-md-60{margin-top:60px}
  .mt-md-70{margin-top:70px}
  .mt-md-80{margin-top:80px}
  .mt-md-90{margin-top:90px}
  .mt-md-100{margin-top:100px}
  .mt-md-110{margin-top:110px}
  .mt-md-120{margin-top:120px}
  .mt-md-130{margin-top:130px}
  .mt-md-140{margin-top:140px}
  .mb-md-0{margin-bottom:0!important}
  .mb-md-10{margin-bottom:10px}
  .mb-md-20{margin-bottom:20px}
  .mb-md-30{margin-bottom:30px}
  .mb-md-40{margin-bottom:40px}
  .mb-md-50{margin-bottom:50px}
  .mb-md-60{margin-bottom:60px}
  .mb-md-70{margin-bottom:70px}
  .mb-md-80{margin-bottom:80px}
  .mb-md-90{margin-bottom:90px}
  .mb-md-100{margin-bottom:100px}
  .mb-md-110{margin-bottom:110px}
  .mb-md-120{margin-bottom:120px}
  .mb-md-130{margin-bottom:130px}
  .mb-md-140{margin-bottom:140px}
  .pt-md-0{padding-top:0!important}
  .pt-md-10{padding-top:10px}
  .pt-md-20{padding-top:20px}
  .pt-md-30{padding-top:30px}
  .pt-md-40{padding-top:40px}
  .pt-md-50{padding-top:50px}
  .pt-md-60{padding-top:60px}
  .pt-md-70{padding-top:70px}
  .pt-md-80{padding-top:80px}
  .pt-md-90{padding-top:90px}
  .pt-md-100{padding-top:100px}
  .pt-md-110{padding-top:110px}
  .pt-md-120{padding-top:120px}
  .pt-md-130{padding-top:130px}
  .pt-md-140{padding-top:140px}
  .pb-md-0{padding-bottom:0!important}
  .pb-md-10{padding-bottom:10px}
  .pb-md-20{padding-bottom:20px}
  .pb-md-30{padding-bottom:30px}
  .pb-md-40{padding-bottom:40px}
  .pb-md-50{padding-bottom:50px}
  .pb-md-60{padding-bottom:60px}
  .pb-md-70{padding-bottom:70px}
  .pb-md-80{padding-bottom:80px}
  .pb-md-90{padding-bottom:90px}
  .pb-md-100{padding-bottom:100px}
  .pb-md-110{padding-bottom:110px}
  .pb-md-120{padding-bottom:120px}
  .pb-md-130{padding-bottom:130px}
  .pb-md-140{padding-bottom:140px}
}
@media only screen and (max-width:768px) {
  .mt-sm-0{margin-top:0!important}
  .mt-sm-10{margin-top:10px}
  .mt-sm-20{margin-top:20px}
  .mt-sm-30{margin-top:30px}
  .mt-sm-40{margin-top:40px}
  .mt-sm-50{margin-top:50px}
  .mt-sm-60{margin-top:60px}
  .mt-sm-70{margin-top:70px}
  .mt-sm-80{margin-top:80px}
  .mt-sm-90{margin-top:90px}
  .mt-sm-100{margin-top:100px}
  .mt-sm-110{margin-top:110px}
  .mt-sm-120{margin-top:120px}
  .mt-sm-130{margin-top:130px}
  .mt-sm-140{margin-top:140px}
  .mb-sm-0{margin-bottom:0!important}
  .mb-sm-10{margin-bottom:10px !important}
  .mb-sm-15{margin-bottom:15px !important}
  .mb-sm-20{margin-bottom:20px}
  .mb-sm-30{margin-bottom:30px}
  .mb-sm-40{margin-bottom:40px}
  .mb-sm-50{margin-bottom:50px}
  .mb-sm-60{margin-bottom:60px}
  .mb-sm-70{margin-bottom:70px}
  .mb-sm-80{margin-bottom:80px}
  .mb-sm-90{margin-bottom:90px}
  .mb-sm-100{margin-bottom:100px}
  .mb-sm-110{margin-bottom:110px}
  .mb-sm-120{margin-bottom:120px}
  .mb-sm-130{margin-bottom:130px}
  .mb-sm-140{margin-bottom:140px}
  .pt-sm-0{padding-top:0!important}
  .pt-sm-10{padding-top:10px}
  .pt-sm-20{padding-top:20px}
  .pt-sm-30{padding-top:30px}
  .pt-sm-40{padding-top:40px}
  .pt-sm-50{padding-top:50px}
  .pt-sm-60{padding-top:60px}
  .pt-sm-70{padding-top:70px}
  .pt-sm-80{padding-top:80px}
  .pt-sm-90{padding-top:90px}
  .pt-sm-100{padding-top:100px}
  .pt-sm-110{padding-top:110px}
  .pt-sm-120{padding-top:120px}
  .pt-sm-130{padding-top:130px}
  .pt-sm-140{padding-top:140px}
  .pb-sm-0{padding-bottom:0!important}
  .pb-sm-10{padding-bottom:10px}
  .pb-sm-20{padding-bottom:20px}
  .pb-sm-30{padding-bottom:30px !important}
  .pb-sm-40{padding-bottom:40px}
  .pb-sm-50{padding-bottom:50px}
  .pb-sm-60{padding-bottom:60px}
  .pb-sm-70{padding-bottom:70px}
  .pb-sm-80{padding-bottom:80px}
  .pb-sm-90{padding-bottom:90px}
  .pb-sm-100{padding-bottom:100px}
  .pb-sm-110{padding-bottom:110px}
  .pb-sm-120{padding-bottom:120px}
  .pb-sm-130{padding-bottom:130px}
  .pb-sm-140{padding-bottom:140px}
  .pl-sm-0{padding-left:0!important}
}
@media only screen and (max-width:767px) {
  .m-xs-0{margin:0!important}
  .mt-xs-0{margin-top:0!important}
  .mt-xs-10{margin-top:10px !important}
  .mt-xs-20{margin-top:20px !important}
  .mt-xs-30{margin-top:30px !important}
  .mt-xs-40{margin-top:40px !important}
  .mt-xs-50{margin-top:50px !important}
  .mt-xs-60{margin-top:60px !important}
  .mt-xs-70{margin-top:70px !important}
  .mt-xs-80{margin-top:80px !important}
  .mt-xs-90{margin-top:90px !important}
  .mt-xs-100{margin-top:100px !important}
  .mt-xs-110{margin-top:110px !important}
  .mt-xs-120{margin-top:120px !important}
  .mt-xs-130{margin-top:130px !important}
  .mt-xs-140{margin-top:140px !important}
  .mb-xs-0{margin-bottom:0 !important}
  .mb-xs-10{margin-bottom:10px !important}
  .mb-xs-20{margin-bottom:20px !important}
  .mb-xs-30{margin-bottom:30px !important}
  .mb-xs-40{margin-bottom:40px !important}
  .mb-xs-50{margin-bottom:50px !important}
  .mb-xs-60{margin-bottom:60px !important}
  .mb-xs-70{margin-bottom:70px !important}
  .mb-xs-80{margin-bottom:80px !important}
  .mb-xs-90{margin-bottom:90px !important}
  .mb-xs-100{margin-bottom:100px !important}
  .mb-xs-110{margin-bottom:110px !important}
  .mb-xs-120{margin-bottom:120px !important}
  .mb-xs-130{margin-bottom:130px !important}
  .mb-xs-140{margin-bottom:140px !important}
  .mr-xs-0{margin-right:0 !important}
  
  .p-xs-0{padding:0!important}
  .pt-xs-0{padding-top:0!important}
  .pt-xs-10{padding-top:10px}
  .pt-xs-20{padding-top:20px}
  .pt-xs-30{padding-top:30px}
  .pt-xs-40{padding-top:40px}
  .pt-xs-50{padding-top:50px}
  .pt-xs-60{padding-top:60px}
  .pt-xs-70{padding-top:70px}
  .pt-xs-80{padding-top:80px}
  .pt-xs-90{padding-top:90px}
  .pt-xs-100{padding-top:100px}
  .pt-xs-110{padding-top:110px}
  .pt-xs-120{padding-top:120px}
  .pt-xs-130{padding-top:130px}
  .pt-xs-140{padding-top:140px}
  .pb-xs-0{padding-bottom:0!important}
  .pb-xs-10{padding-bottom:10px}
  .pb-xs-20{padding-bottom:20px}
  .pb-xs-30{padding-bottom:30px}
  .pb-xs-40{padding-bottom:40px}
  .pb-xs-50{padding-bottom:50px}
  .pb-xs-60{padding-bottom:60px}
  .pb-xs-70{padding-bottom:70px}
  .pb-xs-80{padding-bottom:80px}
  .pb-xs-90{padding-bottom:90px}
  .pb-xs-100{padding-bottom:100px}
  .pb-xs-110{padding-bottom:110px}
  .pb-xs-120{padding-bottom:120px}
  .pb-xs-130{padding-bottom:130px}
  .pb-xs-140{padding-bottom:140px}
  
  .plr-xs-0{padding-left:0;padding-right:0;}
}
@media only screen and (max-width:480px) {
  .mt-xxs-0{margin-top:0!important}
  .mt-xxs-5 {margin-top:5px !important;}
  .mt-xxs-10{margin-top:10px}
  .mt-xxs-20{margin-top:20px}
  .mt-xxs-30{margin-top:30px}
  .mt-xxs-40{margin-top:40px}
  .mt-xxs-50{margin-top:50px}
  .mt-xxs-60{margin-top:60px}
  .mt-xxs-70{margin-top:70px}
  .mt-xxs-80{margin-top:80px}
  .mt-xxs-90{margin-top:90px}
  .mt-xxs-100{margin-top:100px}
  .mt-xxs-110{margin-top:110px}
  .mt-xxs-120{margin-top:120px}
  .mt-xxs-130{margin-top:130px}
  .mt-xxs-140{margin-top:140px}
  .mb-xxs-0{margin-bottom:0!important}
  .mb-xxs-10{margin-bottom:10px}
  .mb-xxs-20{margin-bottom:20px}
  .mb-xxs-30{margin-bottom:30px}
  .mb-xxs-40{margin-bottom:40px}
  .mb-xxs-50{margin-bottom:50px}
  .mb-xxs-60{margin-bottom:60px}
  .mb-xxs-70{margin-bottom:70px}
  .mb-xxs-80{margin-bottom:80px}
  .mb-xxs-90{margin-bottom:90px}
  .mb-xxs-100{margin-bottom:100px}
  .mb-xxs-110{margin-bottom:110px}
  .mb-xxs-120{margin-bottom:120px}
  .mb-xxs-130{margin-bottom:130px}
  .mb-xxs-140{margin-bottom:140px}
  .pt-xxs-0{padding-top:0!important}
  .pt-xxs-10{padding-top:10px}
  .pt-xxs-20{padding-top:20px}
  .pt-xxs-30{padding-top:30px}
  .pt-xxs-40{padding-top:40px}
  .pt-xxs-50{padding-top:50px}
  .pt-xxs-60{padding-top:60px}
  .pt-xxs-70{padding-top:70px}
  .pt-xxs-80{padding-top:80px}
  .pt-xxs-90{padding-top:90px}
  .pt-xxs-100{padding-top:100px}
  .pt-xxs-110{padding-top:110px}
  .pt-xxs-120{padding-top:120px}
  .pt-xxs-130{padding-top:130px}
  .pt-xxs-140{padding-top:140px}
  .pb-xxs-0{padding-bottom:0!important}
  .pb-xxs-10{padding-bottom:10px}
  .pb-xxs-20{padding-bottom:20px}
  .pb-xxs-30{padding-bottom:30px}
  .pb-xxs-40{padding-bottom:40px}
  .pb-xxs-50{padding-bottom:50px}
  .pb-xxs-60{padding-bottom:60px}
  .pb-xxs-70{padding-bottom:70px}
  .pb-xxs-80{padding-bottom:80px}
  .pb-xxs-90{padding-bottom:90px}
  .pb-xxs-100{padding-bottom:100px}
  .pb-xxs-110{padding-bottom:110px}
  .pb-xxs-120{padding-bottom:120px}
  .pb-xxs-130{padding-bottom:130px}
  .pb-xxs-140{padding-bottom:140px}
  
  .pl-xxs-10 {padding-left:10px;}
}

::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {color: #323336;}
::-moz-placeholder, .form-control::-moz-placeholder {color:#323336; opacity: 1;}/* Firefox 19+*/
:-moz-placeholder, .form-control:-moz-placeholder {color:#323336; opacity: 1;}/* Firefox 18- */
:-ms-input-placeholder, .form-control:-ms-input-placeholder {color:#323336;}
:focus::-webkit-input-placeholder {color: #a6a7a9;}
:focus::-moz-placeholder          {color:#a6a7a9;}/* Firefox 19+*/
:focus:-moz-placeholder           {color:#a6a7a9;}/* Firefox 18- */
:focus:-ms-input-placeholder      {color:#a6a7a9;}

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

	.logo-img {width:250px;}
	#menu-outer {width:200px;margin: 5px auto;}
	ul.horizontal-list {min-width: 150px; list-style: none;}
	#header a {font-size: 60%;}
	h1 {font-size: 1.6em;line-height: 25px; padding: 20px 0 0;}
	.introDark {padding: 10px 0;}
	.introDark p {width: 90%;margin: 0px auto; font-size: 12px;}
	.introDark h1, .intro h1 {padding: 0; margin: 20px 0 0 0;}
	.button-container {width: 120px;}
	.btn {height: 30px;  width: 140px;font-size: 12px;}
	.btn span {top:6px;}
	}