@import url(animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/*========================================================
                      Main Styles
=========================================================*/
html {
  font-size: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 80px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 100px;
  }
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7;
  -webkit-text-size-adjust: none;
  color: #070c20;
  background: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 18px;
    line-height: 28px;
  }
}


img {
  max-width: 100%;
  height: auto; }
.back_zindex {
	z-index: -100;
}
.whitebg {
	background: #ffffff;
}
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: #810dbd;
  font-size: 60px;
  line-height: 60px; }
  h2 span {
    display: block; }
  @media (max-width: 991px) {
    h2 {
      font-size: 46px;
      line-height: 50px; } }

h3 {
  color: #ffffff;
  font-size: 30px;
  line-height: 50px; }
  h3 a:hover {
    color: #a9cf54; }
  h3.mod {
    padding-left: 200px;
    position: relative; }
    h3.mod .fa {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      font-size: 113px;
      line-height: 100px;
      color: #565a60; }
    @media (max-width: 1199px) {
      h3.mod {
        padding-left: 0; }
        h3.mod .fa {
          position: relative;
          font-size: 100px;
          line-height: 80px;
          margin-bottom: 30px; } }
  @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; } }

h4 {
  color: #1a398c;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px; }
  h4 a:hover {
    color: #565a60; }

h5 {
  color: #070c20;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase; }
  h5 a:hover {
    color: #565a60; }

.nocap {
	text-transform: none;
}

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: 16px; } }

p { 
  color: #810dbd;
  font-size: 22px;
}
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;
}

.gold {
	color: #f9ad26;
}

.white {
	color: #fff;
}
.toplittle {
	margin-top: -50px;
}
.moveup {
	position: relative;
	top: -20px;
}

@media (max-width: 767px) {
  [class*='col-'] + [class*='col-'] {
    margin-top: 50px; } }
section {
  position: relative;}
.bottomspace {
	position: relative;
	margin-top: -30px;
}

.topspace {
	margin-top: 30px;
}

.leftspace {
	margin-left: 70px;
}

.overlay {
	position: relative;
	top: -200px;
	left: 350px;
	height: 200px;
}
@media (min-width: 480px) {
  .overlay {
    text-align: center;
  }
}
.overlay2 {
	position: relative;
	top: -300px;
	left: -300px;
	height: 0px;
}
@media (min-width: 480px) {
  .overlay2 {
    text-align: center;
  }
}
.overlay3 {
	position: relative;
	top: -200px;
	left: 400px;
	height: 0px;
	z-index: 1;
}
@media (min-width: 480px) {
  .overlay3 {
    text-align: center;
  }
}
.purple {
	background: purple;
}

/*=======================================================
                       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: inline-block;
  position: absolute;
  height: 150px;
  z-index: 50;
}
.brand_name {
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 10px;
  vertical-align: top;
  z-index: 50;
}

@media (max-width: 1179px) {
	.brand_name {
		position: relative;
		top: 0px;
		z-index: 50;
	} 
}
@media (max-width: 979px) {
	.brand_name {
		position: relative;
		top: -90px;
		z-index: 50;
	} 
}
@media (max-width: 766px) {
	.brand_name {
		position: relative;
		top: 0px;
		width: 250px;
		z-index: 50;
	} 
}
@media (max-width: 480px) {
	.brand_name {
		position: relative;
		left: 0px;
		top: -165px;
		z-index: 50;
	}
}

.brand_slogan {
  position: absolute;
  font-family: Swiss921 BT, sans-serif;
  font-size: 50px;
  color: #fff;
  margin-top: -60px;
  text-transform: uppercase;
  vertical-align: bottom;
}
.brand_slogan span {
  color: #fff;
  padding-left: 8px;
}
.brand_name + .brand_slogan {
  margin-top: 0;
}

	
/*==================    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;
  border-radius: 4%;
  padding: 29px 45px;
  color: #fff;
  text-align: center;
  background: #187c18;
  font: 600 15px/20px 'Open Sans', sans-serif;
  text-transform: uppercase;
  min-width: 170px; }
  .btn2:hover {
    background: #810dbd; }
  .btn2:active {
    background: #070c20; }

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

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

/*==================  Backgrounds  ======================*/
/*
* @subsection   Backgrounds
*/
.bg-primary {
  position: relative;
  /*background: $primary;*/
}
.bg-primary:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: -2px;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: SkewY(-8.2deg);
  background: url(../images/bg1.jpg) no-repeat top center;
  z-index: -1;
}
.bg-second:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: -2px;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: SkewY(-8.2deg);
  background: #3a7acb;
  z-index: -1;
}
.bg-primary, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary .heading-1, .bg-primary .heading-2, .bg-primary .heading-3, .bg-primary .heading-4, .bg-primary .heading-5, .bg-primary .heading-6 {
  /*color: $white;*/
}
.bg-primary em {
  color: #fff;
}
.bg-primary .icon-primary {
  color: #242424;
  border-color: #fff;
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.12);
}
.bg-primary p a:hover, .bg-primary .list a:hover, .bg-primary .terms-list a:hover {
  color: #fff;
  text-decoration: underline;
}
.bg-primary .icon + h4 {
  margin-top: 28px;
}
.bg-primary .icon + .heading-2 {
  margin-top: 34px;
}
.bg-primary .heading-2 + p {
  margin-top: 22px;
}
.bg-violet {
  background: #6d0e3a;
}
/*
* @subsection   Backgrounds
*/
.bg-slant {
  position: relative;
  /*background: $primary;*/
}
.bg-slant:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: SkewY(-8.2deg);
  background: #fff;
  z-index: -1;
}
.bg-slant, .bg-slant h1, .bg-slant h2, .bg-slant h3, .bg-slant h4, .bg-slant h5, .bg-slant h6, .bg-slant .heading-1, .bg-slant .heading-2, .bg-slant .heading-3, .bg-slant .heading-4, .bg-slant .heading-5, .bg-slant .heading-6 {
  /*color: $white;*/
}
.bg-slant em {
  color: #fff;
}
.bg-slant .icon-primary {
  color: #242424;
  border-color: #fff;
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.12);
}
.bg-slant p a:hover, .bg-slant .list a:hover, .bg-slant .terms-list a:hover {
  color: #fff;
  text-decoration: underline;
}
.bg-slant .icon + h4 {
  margin-top: 28px;
}
.bg-slant .icon + .heading-2 {
  margin-top: 34px;
}
.bg-slant .heading-2 + p {
  margin-top: 22px;
}

.bg-slant2 {
  position: relative;
  /*background: $primary;*/
}
.bg-slant2:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: SkewY(-8.2deg);
  background: #1e336a;
  z-index: -1;
}

/*==== Gradient Background ====*/
#grad {
    background: #97b00e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7677c4, #0e245f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7677c4, #0e245f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7677c4, #0e245f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7677c4, #0e245f); /* Standard syntax */
}

/*==================      Address      ======================*/
.addr {
  padding-left: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  line-height: 28px;

  position: relative; }
  .addr .fa {
    position: absolute;
    top: 0;
    left: -60px;
    font-size: 50px;
    line-height: 50px;
    color: #187c18; }
  .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: 78px;
    height: 78px;
    color: #fff;
    font-size: 40px;
	padding-top: 20px;
    border-radius: 50%;
    background: #187c18;
    text-align: center; }
    .social-list li a:hover {
      background: #810dbd; }
    @media (max-width: 996px) {
      .social-list li a {
        width: 58px;
        height: 58px; 
		line-height: 5px; }
	  .social-list li a .fa {
	  	line-height: 22px;
	}
}
  .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: 67px;
	height: 67px;
	z-index: 99;
}
.social-list li.wpc:hover {
	opacity: 0.4; 
	filter: alpha(opacity=30);
}

/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 50px;
  font-size: 94px;
  padding-top: 15px;
  color: #fff;
  font-weight: bold;
  background: #187c18;
  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: #810dbd;
    text-decoration: none; }

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

/*========================================================
                     HEADER  Section
=========================================================*/
ul, ol {
  	padding: 0;
  	list-style-type: none; 
}

/****  CLEARFIXIN'  ****/
.clearfix {
  	zoom: 1; 
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table; 
}
.clearfix:after {
    clear: both; 
}

/****  TOOLS  ****/
* {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

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

/**** Check box ****/
.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox label {
    position: relative;
	margin-left: 50px;
    padding-left: 0px;
    cursor: pointer;
    color: #810dbd;
    padding: 16px 28px 0 0;
	height: 30px;
}
 
.checkbox label:before, label:after {
    font-family: FontAwesome;
    font-size: 40px;
    /*absolutely positioned*/
    position: absolute; top: 19px; left: -49px; right: 10px;
}
.checkbox label:before {
    content: '\f096'; /*checkbox unchecked */
}
.checkbox label:after {
    content: '\f00c'; /*checkbox checked*/
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    font-size: 27px;
    top: 16px;
    left: -46px;
    color: #070c20;
 
-webkit-transition: all 0.50s;
    -moz-transition: all 0.50s;
    -o-transition: all 0.50s;
     transition: all 0.50s;
}
.checkbox input[type="checkbox"]:checked + label:after {
    max-width: 25px;
    opacity: 1;
    margin-right: 90px;
}
@media (max-width: 992px) {	
	.checkbox label:before, .checkbox label:before {
		margin-top: -15px;
	}
}
/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden; }
  .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     ======================*/
header {
  position: relative;
  color: #ffffff;
}
@media (max-width: 979px) {
  header {
    text-align: center;
  }
}

.header_panel {
  height: 384px;
  background: url(../images/headerbg1.jpg);
  -webkit-background-size: cover;
  background-size: cover;
}
/*==================      Well     ======================*/
.well {
  padding-bottom: 260px; }
}
.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: 168px; }

.well3 {
  padding-top: 120px;
  padding-bottom: 165px; }

.well4 {
  padding-top: 110px;
  padding-bottom: 168px; }

.well5 {
  padding-top: 160px;
  padding-bottom: 220px; }

.well6 {
  padding-top: 155px;
  padding-bottom: 165px; }
  
.well7 {
	padding-top: 70px;
	padding-bottom: 80px;
}
.well8 {
	padding-top: 50px;
	padding-bottom: 60px;
}
.well9 {
	padding-top:120px;
}
.well0 {
	padding-bottom: 70px;
}

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

/*
* @subsection   Well
* @description  Describes section inner indents
*/
.well-xs {
  padding-top: 50px;
  padding-bottom: 10px;
}

.well-sm {
  padding-top: 1.2rem;
  padding-bottom: 1.19rem;
}
.well-sm--inset-1 {
  padding-top: 1.22rem;
  padding-bottom: 1.26rem;
}
.well-sm--inset-2 {
  padding-top: 1.35rem;
  padding-bottom: 1.26rem;
}

.well-md {
  padding-top: 1.85rem;
  padding-bottom: 2rem;
}
.well-md--inset-1 {
  padding-top: 1.24rem;
  padding-bottom: 1.21rem;
}
.well-md--inset-2 {
  padding-top: 1.34rem;
  padding-bottom: 1.71rem;
}

.well-lg {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.well-xl {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (max-width: 1199px) {
  [class*='well-'] {
    /*padding-top: 100px;
    padding-bottom: 100px;*/
  }

  .well-md--inset-1 {
    /*padding-bottom: 0;*/
  }
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  padding-top: 50px;
  padding-bottom: 5px;
  background: #070c20;
  color: #fff;
  padding-bottom: 20px; 
  z-index: 10; 
}
footer h4 {
  font-size: 18px;
}
footer p .brand_slogan {
	position: relative;
	line-height: 10px;
}
footer .brand_name {
	margin-top: 70px;
}
footer .copy {
    color: #fff;
    font: 300 15px/12px 'Open Sans', sans-serif;
	position: relative;
	top: 100px;
	left: -30px; 
}
@media (min-width: 766px) {
    footer .brand {
      	margin-top: -35px; 
	}
	footer .copy {
        margin-top: 40px; 
		margin-left: 0px;
	}
}

@media (max-width: 766px) {
	.rd-navbar li {
		display: none;
	}
	footer .copy {
		margin-left: 120px;
	}
	.addr {
		position: relative;
		top: 60px;
	}
	.addr1 {
		position: relative;
		top: 15px;
	}
	.addr .addr_cnt {
		width: 600px;
	}
	footer .brand_name {
		position: relative;
		left: 80px;
		top: -95px;
		z-index: 50;
	}
}
@media (max-width: 566px) {
	.social-list li a {
		display: inline-block;
	}
}
@media (max-width: 480px) {
	footer .brand_name {
		position: relative;
		left: 80px;
		top: -95px;
		z-index: 50;
	}
}