@font-face {
    font-family: 'open_sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSans-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
  font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; border:0;
}
ol, ul{list-style:none}
html{overflow-x:hidden; overflow-y:scroll; max-width:  100%}

body{
    box-sizing: border-box;
    overflow-x: hidden;
	font-family:'open_sans';
  }
  

  /*p{ font-size:14px;}*/
  h1{ font-size:60px; padding-bottom:22px;}
  h2{ font-size:52px; padding-bottom:18px;}
  h3{ font-size:42px; padding-bottom:15px;}
  h4{ font-size:36px; padding-bottom:12px;}
  h5{ font-size:24px; padding-bottom:8px;}
  h6{ font-size:18px; padding-bottom:5px;}

  a{
    transition: 0.3s color;
    text-decoration-line: none;
    color: inherit;
  }
  a:hover{
    text-decoration-line: none;
    color: #6e8dac;
  }
  ul li{
    font-size:16px;
    list-style: none;
	margin:0;
	padding:0;
  } 
.global_ul li::before {
    content: "\2022";
    color: #FF8F00;
    font-weight: bold;
    display: inline-block; 
    width: 14px;
    margin-left: -15px;
	padding-top:5px;
  }
	@media (min-width: 88.125em){
    .container {
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      transition: 0.5s;
      -o-transition: 0.5s;
        }
  }

	@media (min-width: 67.5em){
	.container {
		margin-left: 60px;
    margin-right: 60px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -o-transition: 0.5s;
  }
}
	@media (min-width: 30em){
	.container {
		margin-left: 30px;
    margin-right: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -o-transition: 0.5s;
}
}
	.container {
		box-sizing: border-box;
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		padding:2% 7%;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -o-transition: 0.5s;

	}

  .font-s-100{
    font-size: 100px;
  }
  .font-s-80{
    font-size: 80px;
  }
  .font-s-24{
    font-size: 24px;
  }
  .font-s-18{
    font-size: 18px;
  }
  .font-s-14{
    font-size: 14px;
  }
  .font-s-12{
    font-size: 12px;
  }
  .font-s-36{
    font-size: 36px;
  }

  .clear-2{
	clear:both!important;
	display:block;
	margin:10% 0;
  }
.clear-1{
	clear:both!important;
	display:block;
	margin:2% 0;
}
.clear{
	clear:both!important;
	display:block;
}

  .odd-roll{
	  z-index:0;
	  background-color:#fff;
	  border-bottom: 1px #e7e7e7 solid;
		padding: 70px 0;

  }
  .even-roll{
	  z-index:0;
	  background-color:#f7f7f7;
	  border-bottom: 1px #e7e7e7 solid;
		padding: 70px 0;
  }

.content h2{
	font-size:28px;
	font-weight:bold;
}
.content h3{
  margin:10px 0 0 0;
	font-size:20px;
	font-weight:bold;
}
.content p, .page-color-content p{
	text-indent:16px !important;
	padding-bottom:5px;
  text-align: justify;
}

.content ul{
    margin:0px 0 0 20px;
}
.content ul li{
  text-align: justify;
}

.contentImg{
  padding-left:20px;
  padding-top:40px;
}
.contentImg-left{
  padding-right:20px;
  padding-top:40px;
}
.contentImg img, .contentImg-left img{
    box-shadow: 0px 0px 50px 10px rgb(220, 220, 220);
    padding: 1px;
    border-radius: 5px;
}
@media(max-width:982px){
  .contentImg , .contentImg-left{
    padding: 40px 0;
  }
}


.two-column-text{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
@media (max-width: 768px)
{
	.two-column-text{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
	h1{ font-size:42px; padding-bottom:20px;}
	h2{ font-size:36px; padding-bottom:16px;}
	h3{ font-size:30px; padding-bottom:14px;}
	h4{ font-size:24px; padding-bottom:10px;}
	h5{ font-size:18px; padding-bottom:6px;}
  h6{ font-size:14px; padding-bottom:4px;}
  p.tiny_text{
    font-size:11px !important;
  }
}


.transition-1{
  transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
}

span.content-button{
  cursor:pointer;
  float:left;
  margin: 20px 10px 20px 0;
  padding:5px 25px;
  background:#303f9f;
  border-radius: 10px;
  color:white;
  font-size:16px;
  border:2px solid #303f9f;
  transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
}
span.content-button:hover{
  font-weight:bold;
  background:white;
  color:#303f9f;
  border:2px solid #303f9f;
}
