* {
  outline: 0 !important;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Exo 2', sans-serif;
  font-size: 13px;
  background-color: #fff;
  color: #000;
}

.container {
  max-width: 1050px;
}

a, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.wrap {
  min-height: 100%;
  height: auto;
}

::-moz-selection {
  background-color: #d4e8fc;
  color: #0e4376;
}

::selection {
  background-color: #d4e8fc;
  color: #0e4376;
}

/*PLACEHOLDER*/
.form-control::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1;
 /* Firefox */;
}

.form-control:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
  color: #FFF;
}

.form-control::-ms-input-placeholder {
 /* Microsoft Edge */
  color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

a,h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

a {
  cursor: pointer;
}

a:active,a:focus,a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #7bbeff;
}

ul,ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

textarea {
  resize: none;
}

strong, label, th {
  font-weight: 600;
}

.bold, b {
  font-weight: 600;
}

a, h1, h2, h3, h4, h5, h6,
.transition, .form-control, .badge, .btn {
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}

.btn,.progress,.progress-bar,.form-control,.breadcrumb {
  /* border-radius: 0; */
  box-shadow: none !important;
}

._m-0 {
  margin: 0!important;
}

._mt-0 {
  margin-top: 0!important;
}

._mb-0 {
  margin-bottom: 0!important;
}

._mr-0 {
  margin-right: 0!important;
}

._ml-0 {
  margin-left: 0!important;
}

._p-0 {
  padding: 0!important;
}

._pt-0 {
  padding-top: 0!important;
}

._pb-0 {
  padding-bottom: 0!important;
}

._pr-0 {
  padding-right: 0!important;
}

._pl-0 {
  padding-left: 0!important;
}

/*MAIN BG*/
._main-bg {
  background: url(../images/sec/main-bg.jpg) fixed center / cover #0e4376;
  position: relative;
  padding-bottom: 18em;
}

._main-bg:after {
  content: "";
  background: url(../images/sec-layers/main-bg-layer.png) no-repeat bottom center;
  width: 100%;
  height: 230px;
  position: absolute;
  bottom: 0;
  background-size: cover;
  z-index: 999;
}

._main-bg .logo {
  width: 400px;
  margin-bottom: 3em;
}

._main-bg .caption h1 {
  font-size: 3.5em;
  margin: 0 0 .7em;
  line-height: initial;
  color: #fff;
  text-transform: uppercase;
}

._main-bg .caption {
  right: 0;
  left: 0;
  bottom: 0;
  top: 85px;
  margin: auto;
  max-width: 100%;
  text-align: left;
  text-shadow: none;
  position: relative;
}

._main-bg .caption p {
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 1.8em;
  color: #fff;
}

._main-bg .caption .person {
  position: relative;
  margin: auto;
  width: 100%;
}

._main-bg .bottom-layer {
  position: absolute;
  bottom: 55px;
  width: 100%;
  height: 100px;
  z-index: 99;
}

@media (max-width: 1200px) {
  ._main-bg {
    padding-bottom: 5em;
  }

  ._main-bg .caption {
    top: 70px;
    padding-bottom: 0;
  }

  ._main-bg .caption h1 {
    font-size: 2.5em;
  }

  ._main-bg .caption p {
    font-size: 1.5em;
  }

  ._main-bg .caption .person {
    top: -3em;
  }

  ._main-bg .logo {
    width: 300px;
  }
}

@media (max-width: 991px) {
  ._main-bg {
    padding-bottom: 8em;
  }

  ._main-bg .caption {
    top: 15px;
    padding-bottom: 0;
  }

  ._main-bg .caption .person {
    top: 3em;
    max-width: 500px;
  }
}

@media (max-width: 767px) {
  ._main-bg .caption {
    top: 15px;
  }
}

@media (max-width: 550px) {
  ._main-bg .logo {
    width: 200px;
  }

  ._main-bg .caption h1 {
    font-size: 2em;
  }
  
  ._main-bg .caption p {
    font-size: 1.3em;
  }
}

/*SECTIONS*/
section {
  padding: 2em 0;
  position: relative;
}

section .container {
  position: relative;
  z-index: 99;
}

section .title {
  color: #0e4376;
  text-transform: uppercase;
  margin: 0 auto 15px;
  font-size: 2.5em;
  line-height: initial;
}

section .title-lg {
  font-size: 3em;
  text-align: center;
}

section p {
  font-size: 1.5em;
  margin: 0 0 20px;
  line-height: initial;
}

.sec-body {
  position: relative;
}

.sec-body .media-left {
  padding-right: 2em;
}

.sec-body .media-right {
  padding-left: 2em;
}

.secBlue {
  background: url(../images/sec/blue-bg.png) center / cover #0e4376;
}

.secBlue, .secBlue .title {
  color: #fff;
}

/*STRIPS*/
._strip-1::after,
._strip-2::after,
._strip-3::after,
._strip-4::after,
._strip-11::after {
  content: "";
  background-size: 100% !important;
  position: absolute;
  width: 100%;
  height: 100%;
}

._strip-1::after {
  background: url(../images/sec-layers/1.png) no-repeat bottom center;
  bottom: -10px;
}

._strip-2::after {
  background: url(../images/sec-layers/2.png) no-repeat bottom center;
  bottom: 0;
}

._strip-3::after {
  background: url(../images/sec-layers/3.png) no-repeat bottom center;
  bottom: -10px;
}

._strip-4::after {
  background: url(../images/sec-layers/4.png) no-repeat bottom center;
  bottom: 0;
}

._strip-11::after {
  background: url(../images/sec-layers/footer-layer.png) no-repeat bottom center;
  bottom: -10pc;
}

.section-9._strip-1::after,
.section-10._strip-2::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.section-1 {
  padding-bottom: 4pc;
  padding-top: 0;
}

.section-2 {
  padding-bottom: 9pc;
}

.section-3 {
  padding-bottom: 10pc;
  margin-top: -5pc;
}

.section-4 {
  padding-bottom: 28pc;
}

.section-5 {
  padding-bottom: 18pc;
  margin-top: -20pc;
}

.section-6 {
  padding-bottom: 9pc;
}

.section-7 {
  padding-bottom: 12pc;
  margin-top: -5pc;
}

.section-8 {
  padding-bottom: 33pc;
}

.section-9 {
  padding-bottom: 20em;
  margin-top: -17pc;
}

.section-10 {
  padding-bottom: 9pc;
}

section .top-img {
  position: relative;
  float: right;
}

.section-2 .top-img,
.section-6 .top-img {
  top: -25em;
}

.section-4 .top-img,
.section-8 .top-img,
.section-10 .top-img {
  top: -15em;
}

@media (max-width: 1200px) {
  .section-2 {
    padding-bottom: 7pc;
  }

  .section-3 {
    margin-top: -3pc;
  }

  .section-4 {
    padding-bottom: 21pc;
  }

  .section-5 {
    margin-top: -18pc;
  }

  .section-6 {
    padding-bottom: 7pc;
  }

  .section-7 {
    margin-top: -2pc;
  }

  .section-8 {
    padding-bottom: 25pc;
  }

  .section-9 {
    margin-top: -10pc;
  }

  .section-10 {
    padding-bottom: 7pc;
  }
}

@media (max-width: 991px) {
  .section-2 {
    padding-bottom: 6pc;
  }

  .section-3 {
    padding-bottom: 5pc;
  }

  .section-4 {
    padding-bottom: 18pc;
  }

  .section-5 {
    margin-top: -14pc;
    padding-bottom: 7pc;
  }

  .section-6 {
    padding-bottom: 6pc;
  }

  .section-7 {
    padding-bottom: 2pc;
    margin-top: -1pc;
  }

  .section-8 {
    padding-bottom: 20pc;
    padding-top: 3pc;
  }

  .section-9 {
    margin-top: -8pc;
    padding-bottom: 11pc;
  }

  .section-10 {
    padding-bottom: 6pc;
  }
}

@media (max-width: 767px) {
  .section-1 {
    padding-bottom: 2pc;
  }

  .section-2 {
    padding-bottom: 4pc;
  }

  .section-3 {
    padding-bottom: 4pc;
  }

  .section-4 {
    padding-bottom: 14pc;
  }

  .section-5 {
    margin-top: -10pc;
    padding-bottom: 6pc;
  }

  .section-6 {
    padding-bottom: 5pc;
  }

  .section-8 {
    padding-bottom: 16pc;
  }

  .section-9 {
    margin-top: -3pc;
    padding-bottom: 13pc;
  }

  .section-10 {
    padding-bottom: 5pc;
  }
}

@media (max-width: 550px) {
  .section-1 {
    padding-bottom: 4pc;
  }

  .section-3 {
    padding-bottom: 2pc;
  }

  .section-4 {
    padding-bottom: 10pc;
  }

  .section-5 {
    margin-top: -5pc;
  }

  .section-6 {
    padding-bottom: 4pc;
  }

  .section-8 {
    padding-bottom: 11pc;
  }

  .section-9 {
    margin-top: -5pc;
    padding-bottom: 8pc;
  }

  .section-10 {
    padding-bottom: 3pc;
    padding-top: 3pc;
  }
}

/*LISTS*/
._list {
  margin-bottom: 2em;
}

._list li {
  font-size: 1.5em;
  font-weight: 600;
  padding-left: 1.6em;
  line-height: 2em;
  position: relative;
}

._list li::before {
  content: "\f046";
  color: #FFF;
  font-size: 1em;
  position: absolute;
  top: 2px;
  left: 0;
  font-family: FontAwesome;
}

._list.blue-icon li::before {
  color: #0e4376;
}

/*CIRCLE & SQUARE IMAGES*/
._img {
  overflow: hidden;
  border: 5px solid #fff;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
  margin-bottom: 2em;
}

._img .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-color: #fff;
}

.circle-img {
  width: 320px;
  height: 320px;
  border-radius: 50%;
}

.circle-img .fill {
  height: 350px;
}

.square-img {
  width: 320px;
  height: 290px;
  border-radius: 5%;
}

.square-img.s-i-sm {
  width: 260px;
  height: 220px;
}

.square-img.s-i-sm .fill {
  height: 220px;
}

/*PACKAGES*/
._pricing-section {
  margin-top: 10em;
}

._packages {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  text-align: center;
}

._packages img {
  margin: 2em auto;
}

._packages .p-title,
._packages .p-shipping {
  font-weight: 600;
}

._packages .p-title {
  background-color: #494949;
  color: #fff;
  padding: 15px;
  font-size: 2.5em;
  text-transform: uppercase;
  line-height: 1;
}

._packages .p-des {
  color: #fff;
  font-weight: 500;
  padding: 1.5em 1.5em 3em;
  position: relative;
}

._packages.red .p-des {
  background-color: #be313b;
  background: linear-gradient(#c0333c, #9f1d27);
}

._packages.blue .p-des {
  background-color: #2568a7;
  background: linear-gradient(#2768a8, #1a5a97);
}

._packages.green .p-des {
  background-color: #108f52;
  background: linear-gradient(#139b59, #09683c);
}

._packages.blue {
  margin-top: -5em;
}

._packages .p-des>p {
  font-size: 2em;
  margin-bottom: 0;
}

._packages .p-des>.p-save {
  font-size: 3em;
  font-weight: bold;
}

._packages .p-des>.p-shipping {
  font-size: 1.8em;
}

.triangle-left,
.triangle-right {
  position: absolute;
  width: 0;
  height: 0;
  bottom: -8em;
  border-style: solid;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  -transition: 1s;
}

.triangle-left {
  left: 0;
  border-width: 125px 0 0 1000px;
  border-color: transparent transparent transparent #ffffff;
}

.triangle-right {
  right: 0;
  border-width: 0 0 125px 1000px;
  border-color: transparent transparent #ffffff transparent;
}

._packages .p-body {
  font-weight: bold;
  text-transform: uppercase;
  padding: 2em;
  position: relative;
}

._packages .p-body>.img-guarantee {
  width: 130px;
}

._packages .p-body>.img-cards {
  width: 130px;
  margin: 10px auto;
}

._packages .p-body>.p-price {
  font-size: 2.3em;
  color: #0e4376;
  background: -webkit-linear-gradient(#1a70c3, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._packages .p-body>.p-guarantee {
  font-size: 1.5em;
  color: #0e4376;
  line-height: 1.1em;
}

._packages .p-body>.p-guarantee>span {
  color: #000;
}

._packages .p-body>.p-free-s {
  font-size: 1.3em;
  color: #0e4376;
}

._packages .p-body>.p-free-s>img {
  width: 35px;
  margin: 0 2px 0 0;
}

._packages .p-body>.btn {
  margin: 1em auto 15px;
  max-width: 250px;
}

@media (max-width: 991px) {
  ._packages .p-title {
    font-size: 2em;
  }

  ._packages .p-des>p {
    font-size: 1.5em;
  }

  ._packages .p-des>.p-save {
    font-size: 2em;
  }

  ._packages .p-des>.p-shipping {
    font-size: 1.2em;
  }

  ._packages .p-body> .p-price {
    font-size: 1.5em;
  }

  ._packages .p-body>.p-guarantee {
    font-size: 1em;
  }

  ._packages .p-body>.p-free-s {
    font-size: 1em;
  }
}

@media (max-width: 700px) {
  ._pricing-section {
    margin-top: 3em;
  }

  ._pricing-section ._100_width {
    width: 100%;
  }

  ._packages .p-des {
    padding: 1.5em 1.5em 4em;
  }

  ._packages {
    margin-bottom: 2em;
  }

  ._packages.blue {
    margin-top: 0;
  }

  .triangle-left, .triangle-right {
    bottom: -6em;
  }
}

/*ADS*/
._ads {
  margin: 2em auto;
}

._ads img {
  border-radius: 10px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
}

/*FOOTER*/
footer {
  padding: 5em 0;
  margin-top: 10pc;
}

footer ul {
  position: relative;
  top: 1.6em;
}

footer ul li {
  display: inline-block;
  padding: 0 12px;
  font-size: 16px;
  position: relative;
}

footer ul li:not(:first-child)::before {
  content: '|';
  position: relative;
  left: -13px;
}

footer ul li a {
  color: #fff;
}

footer .socialIcons {
  position: relative;
  text-align: right;
}

footer .socialIcons a {
  text-align: center;
  width: 48px;
  height: 48px;
  margin: 5px 5px 0 0;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #FFF;
  font-size: 1.7em;
  line-height: 43px;
  display: inline-block;
}

footer .socialIcons a:hover {
  color: #0e4376;
  background-color: #fff;
}

@media (max-width: 991px) {
  footer,
  footer .socialIcons {
    text-align: center;
  }

  footer .socialIcons,
  footer ul {
    top: 0;
    margin-bottom: 2em;
  }
}

/*MIX*/
.btn {
  border-radius: 50px;
  border-width: 0;
  padding: 12px 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6em;
}

.btn-pri,
.btn-pri:hover,
.btn-pri:focus,
.btn-pri:active {
  color: #0e4376;
  background: #ffe127;
  background: -moz-linear-gradient(top, #ffe127 0%, #ffb500 50%, #ffe127 100%);
  background: -webkit-linear-gradient(top, #ffe127 0%,#ffb500 50%,#ffe127 100%);
  background: linear-gradient(to bottom, #ffe127 0%,#ffb500 50%,#ffe127 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe127', endColorstr='#ffe127',GradientType=0 );
  -webkit-text-stroke: .2px #0e4376;
  text-shadow: 0 1px 1px #fff;
}

/*------------------------------------------*/
/*  RESPONSIVENESS                          */
/*------------------------------------------*/
@media (max-width: 1200px) {
  section .title-lg {
    font-size: 2.5em;
    text-align: center;
  }
}

@media (max-width: 991px) {
  section .title {
    text-align: center;
  }

  section p {
    font-size: 1.3em;
  }

  section ._img {
    width: 250px;
    height: 250px;
    margin: 0 auto 2em;
    float: none;
  }

  .secBlue .top-img {
    position: relative;
    top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .sec-body .media-left,
  .sec-body .media-right {
    padding: 0;
  }

  .sec-body .media-body {
    text-align: left;
  }

  .sec-body .media-left,
  .sec-body .media-right,
  .sec-body .media-body {
    display: block;
    width: 100%;
  }

  .sec-body .media-left {
    margin-bottom: 2em;
  }

  .col-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  section .title {
    font-size: 2.3em;
  }

  section .title-lg {
    font-size: 2.5em;
  }

  section .container {
    padding: 0 2em;
  }
}

@media (max-width: 550px) {
  section .title {
    font-size: 1.5em;
  }

  section .title-lg {
    font-size: 1.8em;
  }
  
  ._list li {
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 1.6em;
    line-height: 1.5em;
    position: relative;
  }
}