@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

@import "animate.css";
@import "touchTouch.css";
@import "owl.carousel.css";
/*========================================================
                      Main Styles
=========================================================*/
body {
  background: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 23px;
  line-height: 32px;
  color: #606469;
}
img {
  max-width: 100%;
  height: auto; }
.back_zindex {
	z-index: -100;
}
.whitebg {
	background: #fff;
	z-index: -5;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }

h1 {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
  text-shadow:
    
   -2px -2px 0 #021e72,  
    2px -2px 0 #021e72,
   -2px  2px 0 #021e72,
    2px  2px 0 #021e72;
}

h2 {
  position: relative;
  color: #000;
  font-size: 54px;
  line-height: 64px;
  text-transform: uppercase;
}
  h2 span {
    display: block; }
  @media (max-width: 991px) {
    h2 {
      font-size: 46px;
      line-height: 50px; } }

h3 {
  font-size: 30px;
  line-height: 42px;
  color: #606469;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 16px;
  font-weight: lighter;
}

  @media (max-width: 1199px) and (min-width: 992px) {
    h3 {
      font-size: 34px;
      line-height: 34px; } }
  @media (max-width: 991px) {
    h3 {
      font-size: 30px;
      line-height: 34px; } }
  @media (max-width: 479px) {
    h3 {
      margin-top: -50px; } }

h4 {
  color: #1a398c;
  font-size: 24px;
  font-weight: lighter;
  line-height: 34px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 16px; 
}
  h4 a:hover {
    color: #565a60; }

h5 {
  color: #021e72;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase; }
  h5 a:hover {
    color: #565a60; }

h6 {
  font-size: 20px;
  line-height: 25px;
  color: #333; }
  h6 a:hover {
    color: #a9cf54; }
  h6.mod {
    line-height: 30px; }
  @media (max-width: 767px) {
    h6 {
      font-size: 20px; } }
h7 {
	font-size: 46px;
	color: #ba4bc1;
	font-weight: 700;
	line-height: 50px;
	-webkit-text-stroke: 1px #ffffff;
}
h7 span {
	font-size: 32px;
	color: #fff;
}
@media (max-width: 767px) {
	h7 {
		font-size: 34px;
	}
}
h9 {
	color: #000;
	font-size: 20px;
    font-weight: 600;
    line-height: 25px; 
}
p a:hover, .marked-list a:hover, .list a:hover, .addr a:hover {
  	text-decoration: underline; 
}
p .fa, .marked-list .fa, .list .fa, .addr .fa {
  	text-decoration: none; 
}

time {
  	display: block; 
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:focus {
    outline: none; }
  a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: 700; }

i {
    font-style: italic;
}

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 700;
  font-family: "FontAwesome"; }

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }
	
.text-center {
	text-align: center;
}

@media (max-width: 767px) {
  [class*='col-'] + [class*='col-'] {
    margin-top: 50px; } }
section {
  position: relative;}
.bottomspace {
	position: relative;
	margin-top: -30px;
}
.topspace {
	position: relative;
	margin-top: 30px;
}
.overlay {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
	z-index: 1;
}
@media (max-width: 1027px) {
	.overlay {
		top: 150px;
	}
}
@media (max-width: 827px) {
	.overlay {
		top: 120px;
	}
}
@media (max-width: 452px) {
	.overlay {
		top: 70px;
	}
}
.free {
	text-align: center;
    margin: 0;
    z-index: 100; 
	font-size: 60px;
	font-weight: 700;
	color: #ba4bc1;
	line-height: 60px;
	text-shadow:
    0 1px 0px #000116,
    1px 0 0px #333,
    1px 2px 1px #000116,
    2px 1px 1px #333,
    2px 3px 2px #000116,
    3px 2px 2px #333,
    3px 4px 2px #000116,
    4px 3px 3px #333,
    4px 5px 3px #000116,
    5px 4px 2px #333,
    5px 6px 2px #000116,
    6px 5px 2px #333,
    6px 7px 1px #000116,
    7px 6px 1px #333,
    7px 8px 0px #000116,
    8px 7px 0px #333;
}
@media (max-width: 1027px) {
	.free {
		font-size: 50px;
	}
}
@media (max-width: 452px) {
	.free {
		font-size: 40px;
	}
}
.free2 {
	text-align: center;
	margin: 0;
	z-index: 100;
	font-size: 70px;
	font-weight: 700;
	color: #97b00e;
	line-height: 70px;
	text-shadow:
    0 1px 0px #000116,
    1px 0 0px #333,
    1px 2px 1px #000116,
    2px 1px 1px #333,
    2px 3px 2px #000116,
    3px 2px 2px #333,
    3px 4px 2px #000116,
    4px 3px 3px #333,
    4px 5px 3px #000116,
    5px 4px 2px #333,
    5px 6px 2px #000116,
    6px 5px 2px #333,
    6px 7px 1px #000116,
    7px 6px 1px #333,
    7px 8px 0px #000116,
    8px 7px 0px #333;
}
@media (max-width: 1027px) {
	.free2 {
		font-size: 50px;
	}
}
@media (max-width: 452px) {
	.free2 {
		font-size: 40px;
	}
}
.textsm {
	font-size: 18px;
	text-align: center;
	padding-bottom: 10px;
}
.textwhitesm {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding-bottom: 10px;
}
.topcenter {
	margin-top: 30px;
	text-align: center;
}
.toplittle {
	margin-top: -20px; 
}
.toplittle2 {
	margin-top: -10px;
}
.toplittle3 {
	margin-top: -30px;
}
.topmedium {
	margin-top: -200px;
}
.topbig {
	margin-top: 200px;
}
.downrightlittle {
	margin-top: 20px;
	margin-left: 37px;
}
.leftmarginright {
	margin: 20px 160px;
}
.posted {
  font: 300 18px/20px 'Open Sans', sans-serif;
  padding-bottom: 20px;
}
  .posted span {
    color: #ba4bc1;
    font-size: 18px;
    line-height: 20px; }

.gray {
	color: #333;
}
.white {
	color: #fff;
}
.yellow {
	color: #ecc907;
}
.black {
	color: #000;
}
.box {
	border: #97b00e 4px solid;
	padding: 25px;
	margin: 25px;
}
.tab {
	margin-left: 20px;
}
.clear {
	clear: both;
}
.ctr {
	text-align: center;
}
.imgctr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/*=======================================================
                       Main Layout
=========================================================*/
h2 + * {
  margin-top: 45px; }

h3 + * {
  margin-top: 5px; }

h3 + h6 {
  margin-top: 20px; }

h3 + h6.mod {
  margin-top: 35px; }

* + h3 {
  margin-top: 35px; }

h4 + * {
  margin-top: 35px; }
  @media (max-width: 767px) {
    h4 + * {
      margin-top: 15px; } }

* + h4 {
  margin-top: 5px; }

h5 + * {
  margin-top: 17px; }

p + h5 {
  margin-top: 50px; }

h6 + * {
  margin-top: 20px; }

.row + .row {
  margin-top: 50px; }

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  	display: block; 
}

.brand_name {
  	width: 370px;
  	margin-top: -47px;
  	margin-left: -10px;
}

@media (max-width: 1199px) {
	.brand_name {
		width: 330px;
	}
}

@media (max-width: 979px) {
	.brand_name {
		margin-top: -30px;
		width: 310px;
		margin-left: -30px;
	}
}

@media (max-width: 768px) {
  .brand_name {
	 width: 310px;
	 margin-left: -30px; 
  }
}

@media (max-width: 479px) {
  .brand_name {
    width: 270px;
	margin-left: auto;
	margin-right: auto;
  }
}

@media (max-width: 359px) {
	.brand_name {
		width: 270px;
		margin-left: -40px;
	}
}

/*==================    Marked List    ======================*/
.marked-list {
  text-align: left;
  line-height: 28px; }
  .marked-list > li {
    position: relative;
    padding-left: 31px;
    pointer-events: none;
  }
    .marked-list > li > * {
      pointer-events: auto; }
    .marked-list > li:before {
      content: "■";
      position: absolute;
      left: 0;
      top: 5px;
      font-weight: 400;
      font-size: 1.1em;
      color: #ffffff;
	  line-height: 14px;
      transition: .3s; }
    .marked-list > li:hover:before {
      color: #fff; }
  .marked-list--mod-1 > li:before {
    color: #d2ff8b; }

.marked-list-blue > li:before {
	color: #1a398c;
}
	
/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 34px;
  line-height: 120px;
  background: #a9cf54; }
  .btn:after {
    content: "\f065";
    font-family: "FontAwesome"; }
  * + .btn {
    margin-top: 30px; }
    @media (max-width: 767px) {
      * + .btn {
        margin-top: 30px; } }
  @media (max-width: 479px) {
    .btn {
      width: 100px;
      height: 100px;
      line-height: 100px; } }
  .btn:hover {
    background: #92bb35;
	width: 120px;
	height: 120px; 
	text-align: center; }
  .btn:active {
    background: #82a72f; 
	width: 120px;
	height: 120px; 
	text-align: center; }
.btn2 {
  display: inline-block;
  position: relative;
  padding: 21px 25px;
  color: #fff;
  text-align: center;
  background: #565a60;
  font: 600 15px/20px 'Open Sans', sans-serif;
  text-transform: uppercase;
  min-width: 170px; }
  .btn2:hover {
    background: #748610; }
  .btn2:active {
    background: #3e4145; }

h2 .btn2 {
  position: absolute;
  top: 13px;
  right: 0; }
  @media (max-width: 767px) {
    h2 .btn2 {
      position: relative;
      margin-top: 30px; } }

.bg1 .btn {
	background: #00bff3;
}

.btn-default {
  display: inline-block;
  padding: 14px 48px;
  color: #fff;
  font-weight: 500;
  background: #565a60;
  font-size: 16px;
  line-height: 14px;
  text-transform: uppercase;
  margin-top: 22px;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.btn-default:hover {
  background: #ba4bc1;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #000;
  font-weight: 400;
}
.btncolr {
	background: #fff;
	color: #000;
}
.btntop {
	margin-top: 5px;
}
/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0; }
.box:after {
  clear: both; }
.box_aside {
  float: left; }
.box_cnt__no-flow {
  overflow: hidden; }

/*==================  Backgrounds  ======================*/
.bg-primary {
  background: #ffffff;
  color: #fff; }
  .bg-primary h2, .bg-primary h3, .bg-primary h6 {
    color: #565a60; }
.bg-secondary {
	background: #2c4f9f;
	color: #fff;
}
.bg-third {
	background: #e8c1ea;
	color: #fff;
}
.bg-fourth {
	background: #9ab6f8;
	color: #fff;
}
.bg-fifth {
	background: #d2d2d2;
	z-index: -10;
}
.bg-sixth {
	background: #3f447e;
}
.mountainbg {
	background: #fff;
	height: 200px;
}
.mountainbg2 {
	background: #378655;
	height: 200px;
}
.mountainbg3 {
	background: #647612;
	height: 200px;
}
.mountainbg4 {
	background: #7f6b52;
	height: 200px;
}
.mountainbg5 {
	background: #fff;
	height: 200px;
}
.mountainbg6 {
	background: #0f3156;
	height: 200px;
}
.parallaxbg1 {
	background: url(../images/bg1.jpg) no-repeat center top;
}
.parallaxbg2 {
	background: url(../images/bg2.jpg) no-repeat center top;
}
.parallaxbg3 {
	background: url(../images/bg3.jpg) no-repeat center top;
}
.parallaxbg4 {
	background: url(../images/bg4.jpg) no-repeat center top;
}
.parallaxbg5 {
	background: url(../images/bg5.jpg) no-repeat center top;
	width: 100%;
}

.bg1 .btn {
  background: #00bff3; }
  .bg1 .btn:hover {
    background: #0097c0; }
  .bg1 .btn:active {
    background: #0083a6; }
.bg1 h3, .bg1 h5 {
  color: #00bff3; }
.bg1 .date span {
  color: #00bff3; }

.bg2 .btn {
  background: #ff974f; }
  .bg2 .btn:hover {
    background: #ff791c; }
  .bg2 .btn:active {
    background: #ff6a02; }
.bg2 h3, .bg2 h5 {
  color: #ff974f; }
.bg2 .date span {
  color: #ff974f; }

.bg3 h5 {
  color: #a9cf54; }

.bg1, .bg2, .bg3, .bg4, .bg5{
  color: #fff;
  padding-top: 168px;
  padding-bottom: 163px; }
  .bg1 h6, .bg2 h6, .bg3 h6, .bg4 h6, bg5 h6{
    color: #fff; }
  .bg1 h5 a:hover, .bg2 h5 a:hover, .bg3 h5 a:hover, .bg4 h5 a:hover, bg5 h5 a:hover {
    color: #fff; }
  .bg1 h2, .bg2 h2, .bg3 h2, .bg4 h2, .bg5 h2 {
    color: #fff; }
  @media (max-width: 767px) {
    .bg1, .bg2, .bg3, .bg4, .bg5 {
      text-align: center; } }
  @media (max-width: 1199px) {
    .bg1, .bg2, .bg3, .bg4, .bg5 {
      padding-bottom: 100px;
      padding-top: 100px; } }

.sliderbg {
	background: url(../images/pattern.png) top center repeat, url(../images/slidebg.png) top center no-repeat;
	background-size: 100% 100%;
	z-index: -2;
}
.whitepatternbg {
	background: url(../images/pattern.png) top left repeat;
	z-index: 1;
}
.page_section1 {
	position: relative;
	z-index: 99;
	text-align: center;	
}
.welltopoverlay {
	margin-top:-200px;
}
@media (max-width: 479px) {
	.welltopoverlay {
		margin-top: -50px;
	}
}
.responsive {
  width: 100%;
  height: auto;
}
/*==== Gradient Background ====*/
#grad {
    background: #97b00e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7677c4, #5512b6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7677c4, #5512b6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7677c4, #5512b6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7677c4, #5512b6); /* Standard syntax */
	z-index: -5;
}
#grad2 {
    background: #4b698b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4b698b, #5c5246); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4b698b, #5c5246); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4b698b, #5c5246); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4b698b, #5c5246); /* Standard syntax */
	z-index: -5;
}
/*==================      Table      ======================*/
.table {
  width: 100%;
  color: #b3bcca;
  font: 300 30px/40px 'Open Sans', sans-serif;
  text-align: left;
  border-radius: 30px;
  border: 3px solid #c8c8c8;
  border-collapse: separate; }
  .table td, .table th {
    padding: 10px 40px;
    border-right: 3px solid #c8c8c8; }
    .table td:last-child, .table th:last-child {
      border-right: 0; }
  .table th {
    border-bottom: 3px solid #c8c8c8;
    color: #565a60;
    font-size: 36px;
    padding: 16px 40px; }
  .table tr:nth-child(2) td {
    padding-top: 30px; }
  .table tr:last-child td {
    padding-bottom: 40px; }
  * + .table {
    margin-top: 50px; }
  .table .st-head-row {
    border-top: 3px solid #c8c8c8; }
  .table .st-head-row-main {
    border: 0; }
  @media (max-width: 991px) {
    .table {
      font-size: 20px;
      line-height: 28px; }
      .table td, .table th {
        padding: 10px 20px; }
      .table th {
        font-size: 26px; } }
  @media (min-width: 1200px) {
    .table th:first-child {
      width: 305px; }
    .table th:nth-child(2) {
      width: 350px; }
    .table th:nth-child(3) {
      width: 215px; } }

@media (max-width: 767px) {
  .large-only {
    display: none; } }

@media (min-width: 768px) {
  .small-only {
    display: none; } }
.small-only th:empty {
  display: none; }

/*==================      Address      ======================*/
.addr {
  padding-left: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 30px;
  margin-left: -18px;
  position: relative; }
  .addr .fa {
    position: absolute;
    top: 0;
    left: -12px;
    font-size: 40px;
    line-height: 40px;
    color: #1a398c; }
  .addr a {
    white-space: nowrap; }
  * + .addr {
    margin-top: 70px; }
  .addr1 {
    line-height: 25px;
    padding-left: 0px; }

/*==================      Lists      ======================*/
.social-list li {
  display: inline-block;
}
.social-list li a {
    display: block;
    width: 67px;
    height: 67px;
    color: #fff;
    font-size: 40px;
    border-radius: 50%;
    background: #1a398c;
    text-align: center; 
}
.social-list li a:hover {
    background: #748610; 
}
.social-list li a .fa {
	line-height: 72px;
}

    @media (max-width: 996px) {
      .social-list li a {
        width: 58px;
        height: 58px; 
		line-height: 5px; }
	  .social-list li a .fa {
	  	line-height: 62px;
	}
}
  .social-list li + li {
    margin-left: 5px; }
    @media (min-width: 768px) and (max-width: 1091px) {
      .social-list li + li {
        margin-left: 10px; } }
* + .social-list {
  margin-top: 55px; }
.social-list li.wpc {
	width: 58px;
	height: 58px;
	z-index: 99;
}
.social-list li.wpc:hover {
	opacity: 0.4; 
	filter: alpha(opacity=30);
}
@media (max-width: 767px) {
	.social-list li.wpc {
		width: 58px;
		height: 58px;
		z-index: 99;
	}
}

/*==================      SF Menu    ======================*/
.sf-menu {
  display: inline-block; }
  .sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
  .sf-menu:after {
    clear: both; }
  .sf-menu > li {
    position: relative;
    float: left; }
    .sf-menu > li + li {
      margin-left: 50px; }
      @media (max-width: 979px) and (min-width: 768px) {
        .sf-menu > li + li {
          margin-left: 18px; } }
  .sf-menu a {
    display: block; }

.sf-menu > li > a {
  color: #FFF;
  font-size: 18px;
  line-height: 4px;
  font-weight: 600; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
  color: #ba4bc1; }
.sf-menu > li.active > a {
  color: #ba4bc1; }

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 30px;
  margin-left: -52px;
  min-width: 105px;
  padding: 20px 25px 15px;
  background: #4ca384;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sf-menu ul {
  font-size: 14px;
  line-height: 30px;
  text-align: center; }
  .sf-menu ul > li {
    position: relative;
    border-bottom: 1px dashed #65b095;
    padding: 3px 0; }
    .sf-menu ul > li:last-child {
      border-bottom: none; }
    .sf-menu ul > li > a {
      color: #FFF; }
    .sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
      color: #aaf1c8; }

.sf-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 25px;
  background: #fff;
  padding: 10px 20px 10px;
  min-width: 40px;
  margin-top: 20px;
  z-index: 4;
  text-align: left;
  border: 1px solid #4ca384; }

.sf-menu ul ul > li {
  border-bottom: 1px dashed #dedede; }
  .sf-menu ul ul > li:last-child {
    border-bottom: none; }
  .sf-menu ul ul > li > a {
    color: #6a6a6a; }
  .sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
    color: #429e8f; }

.sf-menu > li > .sf-with-ul {
  position: relative; }
  .sf-menu > li > .sf-with-ul:before {
    position: absolute;
    left: 50%;
    top: 80%;
    margin-left: -3px;
    content: "";
    font: 400 12px/12px "FontAwesome"; }

.sf-menu > li > ul:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -5px;
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #4ca384; }

@media (max-width: 767px) {
  .sf-menu {
    display: none; } }
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  .rd-mobilemenu.active {
    right: 0; }

.rd-mobilemenu_ul {
  position: fixed;
  top: 56px;
  left: 0;
  bottom: 0;
  width: 240px;
  padding: 20px 0;
  color: #666;
  background: #FFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  .rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rd-mobilemenu_ul a {
    display: block;
    padding: 9px 25px 11px; }
    .rd-mobilemenu_ul a:hover {
      background: #5fcb92;
      color: #FFF; }
  .rd-mobilemenu_ul ul a {
    padding-left: 40px; }
  .rd-mobilemenu_ul ul ul a {
    padding-left: 60px; }
  .rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #FFF;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991; }

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0; }

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform; }
  .rd-mobilepanel_toggle.active span {
    transition: background .3s 0s ease;
    background: transparent; }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      -webkit-transition-delay: 0s, 0.3s;
      transition-delay: 0s, 0.3s; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

@media (max-width: 767px) {
  body {
    padding-top: 56px; }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block; } }
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px; } }
/*==================  Stuck menu  ======================*/
.stuck_container {
  padding: 10px 0;
}

.isStuck {
  background: #22176e;
  height: 90px;
  z-index: 999;
  border-bottom: 2px solid #ba4bc1;
}
.isStuck .sf-menu {
  margin-top: 20px;
}
.isStuck .brand_name img {
	position: relative;
	width: 200px;
	top: 44px;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important; } }

/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 35px;
  font-size: 94px;
  padding-top: 10px;
  color: #fff;
  font-weight: 700;
  background: #2c4f9f;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20; }
  .toTop:hover {
    color: #fff;
    background: #565a60;
    text-decoration: none; }

.mobile .toTop,
.tablet .toTop {
  display: none !important; }

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6,
.parallax .heading-1, .parallax .heading-2, .parallax .heading-3, .parallax .heading-4, .parallax .heading-5, .parallax .heading-6 {
  color: #fff;
}
.parallax .btn-default {
  border-color: #8c5435;
}
.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
}

/*========================================================
                     HEADER (top)
=========================================================*/
header {
  background: url(../images/headerbg2.jpg) top center no-repeat;
  padding: 40px 0 0px;
  border-top: 5px solid #ba4bc1;
  border-bottom: 2px solid #ba4bc1; 
  height: 117px;
}
.headerbghome {
  background: url(../images/headerbghome.jpg) top center no-repeat;
  padding: 40px 0 35px;
  border-top: 5px solid #ba4bc1;
  border-bottom: 2px solid #ba4bc1; 
  height: 332px;
}
header .brand {
    float: left;
    margin: 0 20px;
	z-index: 100;
}

  header .nav {
    float: right;
    margin-top: 25px;
	margin-right: 35px; }
	
	
  @media (max-width: 767px) {
    header {
      text-align: center; }
      header .brand, header .nav {
        float: none; } }

/*========================================================
                    Subsection Icons
=========================================================*/
.icon {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-sm {
  font-size: 20px;
  line-height: 38px;
  width: 40px;
  height: 40px;
}

.icon-md {
  font-size: 40px;
  line-height: 1.4;
  height: 60px;
  width: 60px;
  border-width: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.icon-default {
  border-style: solid;
  color: #fff;
}

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block; }

.tc {
  text-align: center; }

@media (max-width: 767px) {
  .tc1 {
    text-align: center; } }

.tr {
  text-align: right; }

.polygon-overlay {
  position: absolute;
  bottom: 100%;
  width: 100%;
  margin-bottom: -2px;
  height: 0;
  padding-top: 10.35%; }
  .polygon-overlay svg {
    fill: #ffffff;
    position: absolute;
    top: 0;
    left: 0; }
  @media (min-width: 2200px) {
    .polygon-overlay {
      display: none; } }

.polygon-header svg {
  fill: #ffffff; }

.polygon-overlay2 {
  position: absolute;
  bottom: 100%;
  width: 100%;
  margin-bottom: -2px;
  height: 0;
  padding-top: 10.35%; }
  .polygon-overlay2 svg {
    fill: #7677c4;
    position: absolute;
    top: 0;
    left: 0; }
  @media (min-width: 2200px) {
    .polygon-overlay2 {
      display: none; } }

.polygon-header2 svg {
  fill: #7677c4; }
  
.circle {
  border-radius: 50%; }

.img-box {
  display: inline-block;
  position: relative;
  max-width: 370px; }
  .img-box .btn {
    position: absolute;
    bottom: 0;
    left: 0; }

.bg-right {
  text-align: right; }
  @media (max-width: 767px) {
    .bg-right {
      text-align: center; } }
  .bg-right .img-box .btn {
    left: auto;
    right: 0; }

.wellcome {
	position: relative;
  	top: -110px;
}
.wellcome h2 {
    font-size: 80px; 
}
@media (max-width: 991px) {
	.wellcome h2 {
        font-size: 60px;
        line-height: 60px; 
	} 
}
.wellcome h2 + * {
	margin-top: 22px; 
}
.wellcome h5 {
    font-size: 30px;
    line-height: 30px; 
}
.wellcome h5 + * {
    margin-top: 45px; 
}

.mt1 {
  	margin-top: 45px; 
}

.mt2 {
  	margin-top: 55px; }

.row.mt2 {
  	margin-top: 85px;
}

.date {
  font: 300 50px/50px 'Open Sans', sans-serif; 
}
.date span {
    display: block;
    color: #97b00e;
    font-size: 100px;
    line-height: 100px;
}
  .date + * {
    margin-top: 65px; 
}
@media (max-width: 767px) {
	.date + * {
        margin-top: 20px; 
	} 
}
@media (max-width: 991px) {
    .date {
      	font-size: 40px;
      	line-height: 40px; 
	}
    .date span {
        font-size: 60px;
        line-height: 60px; 
	} 
}

.award {
  font: 300 50px/50px 'Open Sans', sans-serif; 
}
.award span {
    display: block;
    color: #a9cf54;
    font-size: 100px;
    line-height: 100px; 
}
.award + * {
    margin-top: 65px; 
}
@media (max-width: 767px) {
	.award + * {
        margin-top: 20px; 
	} 
}

.quote h5 {
  color: #565a60;
  margin-top: 15px; }
  .quote h5 + * {
    margin-top: 10px; }
.quote h6 {
  font-size: 18px;
  line-height: 25px; }

.schedule {
  position: relative;
  padding-left: 165px; 
}
.schedule:before {
    content: '\f017';
    position: absolute;
    top: 0;
    left: 0;
    color: #565a60;
    font: 114px/100px "FontAwesome"; 
}
.schedule p {
    font: 300 36px/50px 'Open Sans', sans-serif; 
}
@media (max-width: 991px) {
    .schedule {
      padding-left: 120px; 
	}
    .schedule p {
        font: 300 28px/40px 'Open Sans', sans-serif; 
	} 
}
@media (max-width: 479px) {
    .schedule {
      	text-align: center;
      	padding-left: 0; 
	}
    .schedule:before {
        position: relative;
        display: block;
        margin-bottom: 30px; 
	} 
}

* + .policy-link {
  	margin-top: 25px;
  	color: #a9cf54; 
}
  
/*==============    Countdown Media =====================*/
.countdownmedia {
	width: 100%;
  	height: 100%;		
}

/*==================      Well     ======================*/
.well {
  	padding-bottom: 120px; 
}
  
.welltop {
  	padding-top: 300px; 
	padding-bottom: 70px;
}
  
.well1 {
  	padding-bottom: 360px; 
}
@media (max-width: 1199px) {
    .well1 {
      	padding-bottom: 170px; 
	} 
}
@media (min-width: 2200px) {
    .well1 {
      padding-bottom: 170px; 
	} 
}

.well2 {
  padding-top: 168px;
  padding-bottom: 218px; 
}

.well3 {
  	padding-top: 20px;
 	padding-bottom: 70px; 
}

.well4 {
  	padding-top: 90px;
  	padding-bottom: 46px; 
}

.well5 {
  	padding-top: 200px;
  	padding-bottom: 50px; 
}

.well6 {
  	padding-top: 80px;
  	padding-bottom: 130px; 
}

.well7 {
	padding-top: 92px;
	padding-bottom: 136px;
}
.well8 {
	padding-top: 100px;
	padding-bottom: 64px;
}
.well9 {
	padding-top: 80px;
	padding-bottom: 55px;
}
.well10 {
	padding-top: 150px;
	padding-bottom: 25px;
}
.well11 {
	padding-bottom: 140px; 
}

.well12 {
	padding-bottom: 4px;
}

@media (max-width: 1199px) {
  .well, .well2, .well3, .well4 {
    padding-bottom: 100px;
    padding-top: 100px; } }

/*==================   Tumbnail    ======================*/
.thumb,
.video_thumb {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumb img,
.video_thumb img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
}
.lt-ie9 .thumb_overlay {
  filter: alpha(opacity=0);
}
.thumb_overlay:before {
  content: '\f065';
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  font: 400 29px 'FontAwesome';
  line-height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  text-align: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: #f96308;
  background: -moz-linear-gradient(top, #f96308 0%, #c95006 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ec81f), color-stop(100%, #c95006));
  background: -webkit-linear-gradient(top, #f96308 0%, #c95006 100%);
  background: -o-linear-gradient(top, #f96308 0%, #c95006 100%);
  background: -ms-linear-gradient(top, #f96308 0%, #c95006 100%);
  background: linear-gradient(to bottom, #f96308 0%, #c95006 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f96308', endColorstr='#c95006', GradientType=0);
}
.lt-ie9 .thumb_overlay:before {
  display: none;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.video_thumb_overlay {
  position: absolute;
  background: url('../images/page-4_img12.png') no-repeat center center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.video_thumb:hover .video_thumb_overlay {
  opacity: 0.6;
}
.lt-ie9 .video_thumb:hover .video_thumb_overlay {
  filter: alpha(opacity=60);
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  padding-top: 70px;
  padding-bottom: 70px;
  background: no-repeat url(../images/bg-footer.jpg);
  background-size: cover;
  color: #fff; 
}
footer nav {
	margin-left: -64px;
	font-size: 16px;
	line-height: 30px;
}
footer nav a:hover {
	color: #ba4bc1;
}
footer nav li.active {
  color: #ba4bc1;
}

@media (min-width: 768px) {
    footer .brand {
      margin-top: -10px;
	}
	footer .brand_name img {
		margin-left: -120px;
	}
}
@media (max-width: 479px) {
	footer .brand_name img {
		width: 350px;
		margin-top: 0px;
	}
}
@media (max-width: 1199px) {
    footer .brand2 .brand_name2 {
      font-size: 48px;
      line-height: 60px;
      padding-left: 90px; }
      footer .brand2 .brand_name2:before {
        font-size: 40px;
        line-height: 70px;
        width: 70px;
        height: 70px; }
    footer .brand2 .brand_slogan2 {
      bottom: 0;
      right: -7px; } }
  footer .copy {
    color: #97a0ad;
    font: 300 15px/24px 'Open Sans', sans-serif;
  }
  footer a:hover {
	  color: #ba4bc1;
  }
    @media (min-width: 768px) {
      footer .copy {
        margin-top: -20px; } 
	  footer .leftmore img {
  	    margin-left: -40px; } 
	  footer .rightmore img {
  	    margin-left: 0px; 
		padding-top: 20px; } }
	
footer .border_wr {
  display: block;
  position: relative;
}
footer .border_wr:before {
  content: '';
  position: absolute;
  top: 100px;
  right: -98px;
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  height: 1px;
  width: 227px;
  background: #656565;
}
footer .left {
	position: relative;
	left: 30px;
}
footer .goleft {
	margin-left: -40px;
	font-size: 16px;
}
footer .social-list {
	margin-left: -30px;
	margin-top: 10px;
}


/***************************
.hr-bg {
  position: relative;
  margin-bottom: 140px;
}
.hr-bg:before {
  content: '';
  background: url("../images/hr-mountain3.png") no-repeat center bottom;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  height: 200px;
}
.hr-bg:after {
  content: '';
  background: url("../images/hr-mountain.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg:before,
  .hr-bg:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg:before,
  .hr-bg:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}
************************/
.hr-bg1 {
  position: relative;
  margin-bottom: 200px;
}
.hr-bg1:before {
  content: '';
  background: url("../images/hr-mountain3.png") no-repeat center top;
  position: absolute;
  top: 222px;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 200px;
}
@media (min-width: 2500px) {
  .hr-bg1:before {
    height: 75px;
    background: #e18c44;
  }
}
@media (min-width: 1980px) {
  .hr-bg1:before {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}
@media (max-width: 797px) {
	.hr-bg1:before {
		margin-top: -22px;
	}
}
@media (max-width: 479px) {
	.hr-bg1:before {
		margin-top: -222px;
	}
}
@media (max-width: 359px) {
	.hr-bg1:before {
		position: relative;
		top: -122px;
	}
}

.hr-bg2 {
  position: relative;
  margin-bottom: 140px;
}
.hr-bg2:before {
  content: '';
  background: url("../images/hr-mountain4.png") no-repeat center bottom;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  height: 200px;
  z-index: 5;
}
.hr-bg2:after {
  content: '';
  background: url("../images/hr-mountain.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg2:before,
  .hr-bg2:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg2:before,
  .hr-bg2:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

.hr-bg3 {
  position: relative;
  margin-top: 120px;
  margin-bottom: 160px;
}
.hr-bg3 > * {
  z-index: 10;
  position: relative;
}
.hr-bg3:before {
  content: '';
  background: url("../images/bg_hr6.png") no-repeat center bottom;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  height: 120px;
}
.hr-bg3:after {
  content: '';
  background: url("../images/bg_hr7.png") no-repeat center top;
  position: absolute;
  bottom: 47px;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 160px;
}
@media (min-width: 2500px) {
  .hr-bg3:before,
  .hr-bg3:after {
    height: 75px;
    background: #e18c44;
  }
}
@media (min-width: 1980px) {
  .hr-bg3:before,
  .hr-bg3:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}
.hr-bg4 {
  position: relative;
  margin-top: 230px;
  margin-bottom: 135px;
}
.hr-bg4 > * {
  z-index: 10;
  position: relative;
}
.hr-bg4 .bg-hr-off {
  margin-top: -57px;
}
.hr-bg4:before {
  content: '';
  background: url("../images/bg_hr8.png") no-repeat center bottom;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  height: 225px;
}
.hr-bg4:after {
  content: '';
  background: url("../images/bg_hr9.png") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 135px;
}
@media (min-width: 2500px) {
  .hr-bg4:before,
  .hr-bg4:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg4:before,
  .hr-bg4:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

.hr-bg5 {
  position: relative;
  margin-bottom: 140px;
}
.hr-bg5:before {
  content: '';
  background: url("../images/hr-mountain4.png") no-repeat center bottom;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  height: 200px;
  z-index: 5;
}
.hr-bg5:after {
  content: '';
  background: url("../images/hr-mountain5.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg5:before,
  .hr-bg5:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg5:before,
  .hr-bg5:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

.hr-bg6 {
  position: relative;
  margin-bottom: 140px;
}

.hr-bg6:after {
  content: '';
  background: url("../images/hr-mountain6.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg6:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg6:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

.hr-bg7 {
  position: relative;
  margin-bottom: 140px;
}

.hr-bg7:after {
  content: '';
  background: url("../images/hr-mountain.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg7:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg7:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}



.hr-bg8 {
  position: relative;
  margin-bottom: 140px;
}

.hr-bg8:after {
  content: '';
  background: url("../images/hr-mountain7.jpg") no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: 140px;
}
@media (min-width: 2500px) {
  .hr-bg8:after {
    height: 75px;
    background: #474747;
  }
}
@media (min-width: 1980px) {
  .hr-bg8:after {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

/* information section
========================================================*/
.information {
  text-align: center;
  font-size: 117px;
  color: #777777;
  line-height: 25px;
  font-weight: normal;
}
.information-indent {
  padding: 34px 0 70px 0;
}
.indent-1 {
  padding: 0 60px 40px 60px;
  color: #22176e;
  font-size: 22px;
  font-weight: 600;
}
.information-list {
  overflow: hidden;
  width: 100%;
}
.information-box {
  position: relative;
  height: 250px;
  padding: 30px 50px 38px 187px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  float: left;
  width: 50%;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-box:hover {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-icon {
	line-height: 120px;
	color: #fff;
	position: absolute;
	left: 32px;
	top: 40px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.information-title {
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-description {
  font-size: 19px;
  line-height: 25px;
  font-weight: normal;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-1 {
  background: #576db6;
}
.information-1 .information-title {
  margin-top: -17px;
}


.information-1 .btn-default {
	margin-top: 8px;
}
.information-1 .littledown {
	margin-top: 8px;
}



.information-1:hover .information-icon,
.information-1:hover .information-title,
.information-1:hover .information-description {
  color: #22176e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-2 {
  background: #787878;
}
.information-2:hover .information-icon,
.information-2:hover .information-title,
.information-2:hover .information-description {
  color: #22176e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-3 {
  background: #fff;
}

.information-3 .information-icon {
	color: #4f4f4f;
	left: 32px;
}
.information-3 .information-title {
  color: #4f4f4f;
}
.information-3 .btn-default {
	margin-top: 8px;
}
.information-3 .littledown {
	margin-top: 8px;
}
.information-3 .information-description {
  color: #4f4f4f;
}
.information-3:hover .information-icon,
.information-3:hover .information-title,
.information-3:hover .information-description {
  color: #22176e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-4 {
  background: #34bbac;
}
.information-4 .information-icon {
	left: 32px;
}
.information-4:hover .information-icon,
.information-4:hover .information-title,
.information-4:hover .information-description {
  color: #22176e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-5 {
  background: url(../images/informationbg.jpg) 0 0;
}
.information-8 {
  background: url(../images/informationbg2.jpg) 0 0;
}
.information-10 {
  background: url(../images/informationbg10.jpg) 0 0;
}
.information-5 .information-icon {
	left: 34px;
	color: #fff;
}
.information-5 .information-title {
  color: #fff;
}
.information-5 .information-description {
  color: #fff;
}
.information-5:hover .information-icon, 
.information-5:hover .information-title,
.information-5:hover .information-description {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-6 {
  background: #fff;
}
.information-6 .information-icon {
  left: 27px;
  color: #4f4f4f;
  font-size: 106px;
}
.information-6 .information-title {
	color: #4f4f4f;
}

.information-6 .information-description {
	color: #4f4f4f;
}       
.information-6:hover .information-icon,
.information-6:hover .information-title,
.information-6:hover .information-description {
  color: #22176e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-7 {
  background: #5512b6;
}
.information-7:hover .information-icon,
.information-7:hover .information-title,
.information-7:hover .information-description {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-8:hover .information-icon,
.information-8:hover .information-title, 
.information-8:hover .information-description {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.information-10 .information-title,
.information-10 .information-description {
	color: #fff;
}
.information-10:hover .information-title,
.information-10:hover .information-description {
	color: #ff0000;
}

@media only screen and (max-width: 1199px) {
  .information-box {
    margin: 0 auto;
    float: none;
    width: 60%;
  }
}
@media only screen and (max-width: 979px) {
  .information-box {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .information {
	  font-size: 60px;
  }
  .information-box {
    width: 80%;
    padding: 50px 50px 38px 50px;
  }
  .information-icon {
	margin-top: 10px;
    position: absolute;
    left: 90% !important;
    margin-left: -50px;
    top: 0px;
  }
  .information-4 {
    background-size: auto 100%;
    background-position: 50% 50%;
  }
  .information-title {
	  font-size: 16px;
	  line-height: 20px;
	  width: 200px;
	  margin-left: -25px;
  }
  .information-description {
	  font-size: 16px;
	  line-height: 20px;
	  margin-left: -25px;
  }
  .btn-default {
	  padding: 15px 38px;
	  font-size: 14px;
	  line-height: 14px;
  }
}
@media only screen and (max-width: 479px) {
	.information {
		font-size: 50px;
	}
	.information .fa {
		margin-left: -30px;
	}
  	.information-box {
    	width: 100%;
    	padding: 30px 30px 28px 37px;
  }
  	.information-4 {
    	background-size: auto 100%;
    	background-position: 50% 50%;
  }
  	.information-title {
	  	font-size: 13px;
	  	font-weight: 700;
	  	line-height: 16px;
	  	width: 140px;
  }
  	.information-description {
	  	font-size: 15px;
	  	line-height: 20px;
  }