/*  ==========================================================================
	Setup: Variables, Mixins
    ========================================================================== */
/*  ==========================================================================
	Fonts
    ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");
/*  ==========================================================================
	Global Settings & Utilities
    ========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }

.group:after {
  display: block;
  clear: both;
  content: ""; }

img {
  max-width: 100%; }

figure {
  margin: 0px; }

h2 {
  font-style: italic;
  line-height: calc(54 / 45);
  color: #253339;
  margin-bottom: 62px; }

h3 {
  font-style: italic;
  line-height: calc(36 / 30);
  margin-bottom: 6px; }

p {
  line-height: calc(30 / 16); }

@media (max-width: 767px) {
  h2 {
    margin-bottom: 50px; } }

.full-width {
  width: 100%; }

@media (min-width: 768px) {
  .h-md-100 {
    height: 100%; } }

.figure1 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

/*  ==========================================================================
	Layouts
    ========================================================================== */
/*
*container
*/
#container {
  min-width: 320px;
  position: relative;
  overflow: hidden; }

body {
  height: 100%; }

/*
*header
*/
#header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  padding: 24px 0px; }
  #header:after {
    position: absolute;
    content: '';
    top: -242px;
    left: 0;
    width: 100%;
    height: 438px;
    background-image: linear-gradient(to right, #3b4c61, #313e44);
    box-shadow: 0 2px 15px -1.5px rgba(62, 75, 81, 0.68);
    z-index: -1;
    -webkit-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
            transform: skewY(-4deg); }

@media (max-width: 991px) {
  #header:after {
    top: -263px; }
  #header .logo img {
    max-width: 76px; } }

@media (max-width: 767px) {
  #header:after {
    top: -302px; }
  #header .logo img {
    max-width: 50px; } }

#banner {
  overflow: hidden;
  position: relative;
  height: 100vh; }
  #banner:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: 102;
    bottom: -302px;
    -webkit-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
            transform: skewY(-4deg);
    background: #fff;
    width: 100%;
    height: 438px; }
  #banner .slideshow, #banner .slide, #banner .figure1, #banner .full-width {
    height: 100%; }

@media (min-width: 370px) {
  #banner:after {
    bottom: -269px; } }

@media (max-height: 500px) {
  #banner {
    height: 500px; } }

@media (max-width: 991px) {
  #banner:after {
    bottom: -401px; } }

/*
*footer
*/
#footer {
  padding: 82px 0px 16px;
  position: relative; }
  #footer h2 {
    color: #fff;
    margin-bottom: 55px; }
  #footer p {
    color: #fff;
    line-height: calc(30 / 16);
    margin-bottom: 11px; }
    #footer p a {
      color: inherit; }
  #footer .bottom-footer {
    padding-top: 147px; }
  #footer .container {
    position: relative;
    z-index: 1; }
  #footer:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -157px;
    -webkit-transform: skewY(4deg);
        -ms-transform: skewY(4deg);
            transform: skewY(4deg);
    background: #304156;
    width: 100%;
    height: calc(100% + 157px); }
  #footer:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -302px;
    -webkit-transform: skewY(-4deg);
        -ms-transform: skewY(-4deg);
            transform: skewY(-4deg);
    background: #3E4B51;
    box-shadow: 0 1px 18.5px 0 rgba(12, 28, 35, 0.6);
    width: 100%;
    height: 438px; }

@media (max-width: 767px) {
  #footer {
    text-align: center; }
    #footer h2 {
      margin-bottom: 48px; }
    #footer:after {
      bottom: -344px; }
    #footer .bottom-footer {
      padding-top: 105px; } }

/*  ==========================================================================
	Components
    ========================================================================== */
/*
*btn
*/
.btn {
  font-weight: 900;
  color: #fff; }

.btn-sm {
  padding: 12px 32px; }

.btn-primary:hover {
  color: #fff; }

@media (max-width: 767px) {
  .btn-sm-block {
    width: 100%; } }

.cycle-slideshow {
  position: relative; }
  .cycle-slideshow .slide {
    width: 100%; }
  .cycle-slideshow .slide-controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0px;
    width: 100%;
    z-index: 101; }
    .cycle-slideshow .slide-controls a {
      font-size: 82px;
      font-size: 5.125rem;
      color: #fff; }

@media (max-width: 991px) {
  .cycle-slideshow .slide-controls a {
    font-size: 4.25rem; } }

@media (max-width: 767px) {
  .cycle-slideshow .slide-controls a {
    font-size: 2.125rem; } }

@media (min-width: 576px) {
  .cycle-slideshow .slide-controls .next {
    margin-left: -32px; }
  .cycle-slideshow .slide-controls .prev {
    margin-right: -32px; } }

@media (min-width: 992px) {
  .cycle-slideshow .slide-controls .next {
    margin-left: -36px; }
  .cycle-slideshow .slide-controls .prev {
    margin-right: -36px; } }

.slope {
  -webkit-transform: skew(0deg, 8deg);
      -ms-transform: skew(0deg, 8deg);
          transform: skew(0deg, 8deg);
  /* Standard syntax */
  border-width: 0 1px 1px 1px;
  box-shadow: 0 0 24px -2px rgba(62, 75, 81, 0.2);
  padding: 0;
  position: relative;
  z-index: 1; }
  .slope .wrapper {
    -webkit-transform: skew(0deg, -8deg);
        -ms-transform: skew(0deg, -8deg);
            transform: skew(0deg, -8deg);
    position: relative;
    top: -40px;
    box-shadow: 6px -8px 11px -5px rgba(62, 75, 81, 0.1);
    padding: 0px 10px; }

/*
*box
*/
.box {
  background: #fff;
  padding: 20px 72px 45px;
  box-shadow: 0 0 19px -2px rgba(62, 75, 81, 0.25);
  position: relative; }
  .box:before {
    content: '';
    position: absolute;
    left: 0;
    top: -33px;
    -webkit-transform: skewY(4deg);
        -ms-transform: skewY(4deg);
            transform: skewY(4deg);
    background: #fff;
    width: 100%;
    height: 81px; }
  .box p {
    margin-bottom: 4px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: calc(27 / 14); }
  .box .meta-data {
    margin-top: -54px; }

@media (max-width: 767px) {
  .box {
    padding: 20px 24px 0px; }
    .box .image {
      margin-bottom: 45px; }
    .box .meta-data {
      margin: 0px -24px 0px; } }

.meta-data {
  padding: 20px 20px 54px;
  box-shadow: 0 0 19px -2px rgba(62, 75, 81, 0.25);
  position: relative;
  background: #fff; }
  .meta-data span {
    display: block; }
  .meta-data .date {
    font-size: 121px;
    font-size: 7.5625rem;
    line-height: calc(145 / 121);
    font-weight: 700; }
  .meta-data .month {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: calc(34 / 28);
    font-style: italic;
    margin-bottom: 3px; }
  .meta-data .year {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: calc(15 / 12); }
  .meta-data:before {
    content: '';
    position: absolute;
    left: 0;
    top: -15px;
    -webkit-transform: skewY(4deg);
        -ms-transform: skewY(4deg);
            transform: skewY(4deg);
    background: #fff;
    width: 100%;
    height: 54px; }

@media (max-width: 767px) {
  .meta-data {
    padding-bottom: 44px; }
    .meta-data:before {
      top: -18px;
      box-shadow: 0px -6px 10px rgba(62, 75, 81, 0.1); } }

/*
*box2
*/
.box2 .logo {
  margin-bottom: 10px; }

.box2 .info {
  padding: 40px 49px 61px 49px;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .box2 .info .inner {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .box2 .info p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: calc(26 / 15);
    margin-bottom: 25px; }

.box2 .h-md-100 img {
  height: 100%; }

.box2 .figure1 {
  position: relative; }
  .box2 .figure1:after {
    content: '';
    position: absolute;
    left: calc(100% - 44px);
    background: #fff;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: skew(6deg, 0deg);
        -ms-transform: skew(6deg, 0deg);
            transform: skew(6deg, 0deg); }

.box2 .bg-gray * {
  color: #fff; }

@media (min-width: 768px) {
  .box2 .slope {
    -webkit-transform: skew(6deg, 0deg);
        -ms-transform: skew(6deg, 0deg);
            transform: skew(6deg, 0deg);
    margin: 0;
    box-shadow: -2px 0px 19px 2px rgba(62, 75, 81, 0.2);
    left: -47px;
    z-index: 1; }
    .box2 .slope .wrapper {
      -webkit-transform: skew(-6deg, 0deg);
          -ms-transform: skew(-6deg, 0deg);
              transform: skew(-6deg, 0deg);
      top: 0;
      right: -47px;
      box-shadow: none;
      box-shadow: 8px -3px 8px 0 rgba(62, 75, 81, 0.18); }
  .box2.alt .slope {
    -webkit-transform: skew(-6deg, 0deg);
        -ms-transform: skew(-6deg, 0deg);
            transform: skew(-6deg, 0deg);
    left: auto;
    right: -47px;
    box-shadow: 2px 0px 19px 2px rgba(62, 75, 81, 0.2); }
    .box2.alt .slope .wrapper {
      -webkit-transform: skew(6deg, 0deg);
          -ms-transform: skew(6deg, 0deg);
              transform: skew(6deg, 0deg);
      right: auto;
      left: -47px;
      box-shadow: -8px -3px 17px 0 rgba(62, 75, 81, 0.18); }
  .box2.alt .figure1 {
    position: relative; }
    .box2.alt .figure1:after {
      left: auto;
      right: calc(100% - 44px);
      -webkit-transform: skew(-6deg, 0deg);
          -ms-transform: skew(-6deg, 0deg);
              transform: skew(-6deg, 0deg); } }

@media (min-width: 992px) {
  .box2.alt .info {
    padding: 40px 49px 61px 49px; } }

/*
*-5px -3px 2px grey
5px 0px 8px grey
*/
@media (max-width: 991px) {
  .box2 .info {
    padding: 40px 25px; } }

@media (max-width: 767px) {
  .box2 {
    padding-top: 40px; }
    .box2 .info {
      padding: 40px 20px; }
      .box2 .info h3 {
        margin-bottom: 18px; }
      .box2 .info header {
        text-align: center; }
    .box2 .slope {
      margin-bottom: -26px; }
    .box2 .figure1:after {
      left: 0;
      top: auto;
      height: 50%;
      bottom: calc(100% - 42px);
      -webkit-transform: skew(0deg, 8deg);
          -ms-transform: skew(0deg, 8deg);
              transform: skew(0deg, 8deg); } }

/*
*section
*/
.section {
  padding: 70px 0px; }
  .section .push-top {
    margin-top: -327px;
    position: relative;
    z-index: 200; }
  .section .box2 {
    margin-bottom: 73px; }

@media (max-width: 991px) {
  .section .push-top {
    margin-top: -242px; } }

@media (max-width: 767px) {
  .section {
    padding: 60px 0px; }
    .section h2 {
      text-align: center; }
    .section .push-top {
      margin-top: -122px; } }

/*  ==========================================================================
	Vendor
    ========================================================================== */

/*# sourceMappingURL=main.css.map */
p.amyma {
	font-size:10px;
	color: #999999;
	float:right
}
@media (max-width: 767px) {
	float: none;
	text-align: center;
	}
}