@charset "UTF-8";

/*------------------------------------------------------------------

[Table of contents]



1. Top bar / .topbar

2. Header / header

3. Navigation / .navi-level-1 

4. Blog / .lastest-blog-container

5. Sidebar / .main-sidebar

6. Search / .modal-search

7. Sub Header / .sub-header

8. Footer / footer

-------------------------------------------------------------------*/

/* Colors

----------------------------------------------------------*/

/* Typography

----------------------------------------------------------*/

/* Transition

----------------------------------------------------------*/

/* LESS / Social Media Brand Colors */

/* Reset

----------------------------------------------------------*/

h1 {

  font-size: 40px;

}

h2 {

  font-size: 38px;

}

h3 {

  font-size: 24px;

}

h4 {

  font-size: 18px;

}

h5 {

  font-size: 16px;

}

h6 {

  font-size: 14px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  line-height: 1.4;

  margin-top: 0;

  color: #222;

}

a {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

a:hover,

a:focus {

  outline: none;

  text-decoration: none;

}

body {

  font-family: 'Poppins', sans-serif;

  font-size: 13px;

  line-height: 24px;

  color: #727272;

  font-weight: 300;

}

ul {

  margin: 0;

  padding-left: 0;

}

section {

  padding:10px 0;

}

::-moz-selection {

  background: #0a2c4e;

  color: #fff;

  /* WebKit/Blink Browsers */

}

::selection {

  background: #0a2c4e;

  color: #fff;

  /* WebKit/Blink Browsers */

}

::-moz-selection {

  background: #0a2c4e;

  color: #fff;

  /* Gecko Browsers */

}

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  padding: 2px 30px 2px 2px;

  border: none;

}

.custom-select {

  background: url(images/icon/down.png) no-repeat;

  background-position: -webkit-calc(100% - 15px) 17px;

  background-position: calc(100% - 15px) 17px;

  -webkit-background-size: 10px auto;

          background-size: 10px auto;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.custom-select:focus {

  border-color: #0a2c4e !important;

}

input[type=text] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

input[type=email] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

/* ==========================================================================

   Bootstrap Custom

   ========================================================================== */

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

/* Main Button Style

----------------------------------------------------------*/

/*button*/

.ot-btn {

  font-size: 13px;

  text-align: center;

  padding: 0 22px;

  line-height: 42px;

  outline: none;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  display: inline-block;

}

.ot-btn:hover,

.ot-btn:focus {

  text-decoration: none;

}

/*Style*/

.btn-rounded {

  -webkit-border-radius: 3px;

          border-radius: 3px;

}

.btn-pill {

  -webkit-border-radius: 25px;

          border-radius: 25px;

}

.block-btn {

  display: block;

}

/*Size*/

.btn-main-color {

  background: #0a2c4e;

  color: #fff;

}

.btn-main-color:hover,

.btn-main-color:focus {

  background: #222;

  color: #fff;

}

.btn-sub-color {background: #0493ff;color: #fff;}

.btn-sub-color:hover,

.btn-sub-color:focus {

  background: #222;

  color: #fff;

}

.btn-dark-color {

  background: #222;

  color: #fff;

}

.btn-dark-color:hover,

.btn-dark-color:focus {

  background: #ab0fbc;

  color: #fff;

}

.btn-border-dark-color {

  background: transparent;

  color: #222;

  border: 2px solid #222;

  padding: 0 20px;

  line-height: 42px;

}

.btn-border-dark-color:hover,

.btn-border-dark-color:focus {

  background: #ab0fbc;

  color: #fff;

  border-color: #ab0fbc;

}

.btn-border-white-color {

  background: transparent;

  color: #fff;

  border: 2px solid #fff;

  padding: 0 20px;

  line-height: 42px;

}

.btn-border-white-color:hover,

.btn-border-white-color:focus {

  background: #0a2c4e;

  color: #fff;

  border-color: #0a2c4e;

}

.btn-border-main-color {

  background: transparent;

  color: #0a2c4e;

  border: 2px solid #0a2c4e;

  padding: 0 20px;

  line-height: 42px;

}

.btn-border-main-color:hover,

.btn-border-main-color:focus {

  background: #ab0fbc;

  color: #fff;

  border-color: #ab0fbc;

}

.btn-border-sub-color {

  background: transparent;

  color: #ab0fbc;

  border: 2px solid #ab0fbc;

}

.btn-border-sub-color:hover,

.btn-border-sub-color:focus {

  background: transparent;

  color: #0a2c4e;

  border-color: #0a2c4e;

}

.border-dark-2 {

  line-height: 38px;

  background: transparent;

  color: #222;

  border: 2px solid #222;

}

.border-dark-2:hover,

.border-dark-2:focus {

  background: #222;

  color: #fff;

  border-color: #222;

}

.ot-btn i {

  margin-left: 5px;

}

/* ==========================================================================

   Top bar

   ========================================================================== */

.tb-transparent {

  background: transparent;

}

.tb-dark {

  background: #222;

}

.tb-main-bg {

  background: #0a2c4e;

}

.tb-gradient {

  background: #404040;

  padding: 3px 0px;

}

.tb-md {

  height: 72px;

}

.tb-sm-50 {

  height: 50px;

}

.tb-sm {

  height: 40px;

}

/* tb-contact */

.tb-contact {

  font-size: 12px;

}

.tb-contact ul {

  list-style: none;

}

.tb-contact li {

  display: inline-block;

  margin-right: 15px;

}

.tb-contact i {

  font-size: 16px;

  color: #ab0fbc;

}

.tb-contact.tb-oneline i {

  margin-right: 5px;

}

.tb-transparent .tb-contact a {

  color: #fff;

  line-height: 72px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.tb-transparent .tb-contact a:hover {

  opacity: 1;

}

.tb-iconbox {

  padding: 18px 0;

}

.tb-iconbox li {

  min-width: 150px;

}

.tb-iconbox li a {

  color: #fff;

}

.tb-iconbox > ul > li > a > i {

  width: 32px;

  height: 32px;

  display: inline-block;

  border: 2px solid #ab0fbc;

  color: #ab0fbc;

  line-height: 28px;

  text-align: center;

}

.tb-iconbox > ul > li > a > span {

  display: inline-block;

  vertical-align: middle;

  line-height: 18px;

  margin-left: 10px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.tb-iconbox > ul > li > a > span > i {

  display: table;

  width: 100%;

  color: #fff;

  font-size: 12px;

  font-style: normal;

}

.tb-iconbox > ul > li:hover a > span {

  opacity: 1;

}

/* tb-social-lan */

.tb-social-lan {

  font-size: 13px;

}

.tb-social-lan ul {

  list-style: none;

}

.tb-social-lan li {

  display: inline-block;

}

.tb-social-lan a {

  color: #fff;

  line-height: 72px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.tb-social-lan a:hover {

  opacity: 1;

  color: #ab0fbc;

}

.tb-social-lan .tooltip {

  margin-left: 7.5px;

}

.tb-social-lan .tooltip .tooltip-inner {

  background: #0a2c4e;

}

.tb-social-lan .tooltip .tooltip-arrow {

  border-bottom-color: #0a2c4e;

}

/* Language Select */

.language div.fancy-select div.trigger {

  padding: 0;

  background: transparent;

  border: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: none;

  color: #fff;

  opacity: .6;

  min-width: 100px;

  width: auto;

}

.language div.fancy-select div.trigger:hover {

  opacity: 1;

}

.language div.fancy-select div.trigger::after {

  content: "\f107";

  display: block;

  position: absolute;

  line-height: 22px;

  top: 0;

  font-family: FontAwesome;

  border: 0;

  width: 9px;

  height: 6px;

  right: 0;

}

.language div.fancy-select select:focus + div.trigger {

  -webkit-box-shadow: none;

          box-shadow: none;

  opacity: 1;

}

.language div.fancy-select ul.options {

  background: #0a2c4e;

  -webkit-box-shadow: none;

          box-shadow: none;

  -webkit-border-radius: 0;

          border-radius: 0;

  border-top: 0;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

}

.language div.fancy-select ul.options.open {

  top: 30px;

}

.language div.fancy-select ul.options li {

  width: 100%;

  color: #fff;

  opacity: .6;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  font-weight: 300;

}

.language div.fancy-select ul.options li:hover {

  opacity: 1;

  background: rgba(0, 0, 0, 0.2);

}

.language div.fancy-select ul.options li.selected {

  background: rgba(0, 0, 0, 0.2);

  opacity: 1;

}

/* Flags */

.flags {

  width: 17px;

  height: 13px;

  display: inline-block;

  margin-right: 8px;

}

.flags.usa {

  background: url(images/Flags/usa.png);

  -webkit-background-size: cover;

          background-size: cover;

}

.flags.italy {

  background: url(images/Flags/Italy.png);

  -webkit-background-size: cover;

          background-size: cover;

}

.flags.fr {

  background: url(images/Flags/fr.png);

  -webkit-background-size: cover;

          background-size: cover;

}

.flags.gm {

  background: url(images/Flags/gm.png);

  -webkit-background-size: cover;

          background-size: cover;

}

/* topbar home 1 */

.topbar-home1 .tb-contact {

  float: left;

}

.topbar-home1 .tb-social-lan {

  float: right;

}

.topbar-home1 .tb-social-lan a {

  padding-left: 0px;

}

.topbar-home1 .tb-social-lan ul {

  display: inline-block;

}

.topbar-home1 .fancy-select {

  display: inline-block;

  vertical-align: middle;

  margin-left: 30px;

}

/* topbar home 2 */

.topbar-home2 .tb-contact {

  float: left;

}

.topbar-home2 .tb-social-lan {

  float: right;

}

.topbar-home2 .tb-social-lan a {

  padding-left: 15px;

}

.topbar-home2 .tb-social-lan ul {

  display: inline-block;

}

.topbar-home2 .fancy-select {

  display: inline-block;

  vertical-align: middle;

  margin-right: 30px;

}

/* topbar home 5 */

.topbar-home5 .tb-contact {

  float: left;

}

.topbar-home5 .tb-social-lan {

  float: right;

}

.topbar-home5 .tb-social-lan a {

  padding-left: 15px;

}

.topbar-home5 .tb-social-lan ul {

  display: inline-block;

}

.topbar-home5 .fancy-select {

  display: inline-block;

  vertical-align: middle;

  margin-right: 30px;

  margin-top: 8px;

}

.topbar-home5 .tb-social-lan {

  font-size: 13px;

  width: 100%;

}

.topbar-home5 .tb-social-lan ul {

  list-style: none;

  float: right;

}

.topbar-home5 .tb-social-lan li {

  display: inline-block;

}

.topbar-home5 .tb-social-lan a {

  color: #fff;

  line-height: 40px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.topbar-home5 .tb-social-lan a:hover {

  opacity: 1;

  color: #ab0fbc;

}

.topbar-home5 .tb-social-lan .tooltip {

  margin-left: 7.5px;

}

.topbar-home5 .tb-social-lan .tooltip .tooltip-inner {

  background: #0a2c4e;

}

.topbar-home5 .tb-social-lan .tooltip .tooltip-arrow {

  border-bottom-color: #0a2c4e;

}

/* topbar home 6 */

.topbar-home6 {

  position: relative;

}

.topbar-home6 .tb-social-lan {

  float: right;

}

.topbar-home6 .tb-social-lan a {

  padding-left: 15px;

}

.topbar-home6 .tb-social-lan ul {

  display: inline-block;

}

.topbar-home6 .tb-social-lan {

  font-size: 13px;

}

.topbar-home6 .tb-social-lan ul {

  list-style: none;

  float: right;

}

.topbar-home6 .tb-social-lan li {

  display: inline-block;

}

.topbar-home6 .tb-social-lan a {

  color: #fff;

  line-height: 50px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.topbar-home6 .tb-social-lan a:hover {

  opacity: 1;

  color: #ab0fbc;

}

.topbar-home6 .tb-social-lan .tooltip {

  margin-left: 7.5px;

}

.topbar-home6 .tb-social-lan .tooltip .tooltip-inner {

  background: #0a2c4e;

}

.topbar-home6 .tb-social-lan .tooltip .tooltip-arrow {

  border-bottom-color: #0a2c4e;

}

/* topbar home 9 */

.topbar-home9 .tb-social-lan ul.social-h9 {

  background: #ab0fbc;

  min-width: 160px;

}

.topbar-home9 .tb-social-lan ul.social-h9 li a {

  opacity: 1;

}

.topbar-home9 .tb-social-lan ul.social-h9 li a:hover {

  color: #0a2c4e;

}

.topbar-home9 .fancy-select {

  margin-left: 0;

  margin-right: 10px;

}

.topbar-home9 .tb-contact a,

.topbar-home9 .tb-social-lan a {

  line-height: 50px;

}

.topbar-home9 ul.social-h9 {

  text-align: right;

}

/* topbar home 10 */

.topbar-home10 .warp-lang {

  display: inline-block;

  background: #ab0fbc;

  margin-left: 15px;

  padding-left: 15px;

}

.topbar-home10 .language div.fancy-select div.trigger {

  line-height: 50px;

  opacity: 1;

}

.topbar-home10 .fancy-select {

  margin-left: 0;

  margin-right: 0;

  min-width: 110px;

}

.topbar-home10 .tb-contact a,

.topbar-home10 .tb-social-lan a {

  line-height: 50px;

}

.topbar-home10 .language .warp-lang div.fancy-select div.trigger::after {

  top: 12px;

}

.topbar-home10 .tb-social-lan ul {

  background: #0a2c4e;

  padding-right: 15px;

}

/* Search PopUP */

.search-popup {

  display: none;

}

.search-popup ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #fff;

}

.search-popup ::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.search-popup :-ms-input-placeholder {

  /* IE 10+ */

  color: #fff;

}

.search-popup :-moz-placeholder {

  /* Firefox 18- */

  color: #fff;

}

.open-search-input {

  display: block;

  z-index: 99;

  position: absolute;

  right: 0;

  top: 100%;

}

.search-popup.fadeInUp {

  -webkit-animation-duration: .4s;

          animation-duration: .4s;

}

.open-search-input .form-control {

  padding: 18px 12px;

  height: auto;

  border: 0;

  outline: none;

  -webkit-box-shadow: none;

          box-shadow: none;

  font-size: 16px;

  -webkit-border-radius: 0;

          border-radius: 0;

  width: 300px;

  background: #0a2c4e;

  color: #fff;

}

/* ==========================================================================

   Main Navi

   ========================================================================== */

@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 35px, 0);

            transform: translate3d(0, 35px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

.navi-level-1 li {

  display: inline-block;

  position: relative;

  margin-right: 21px;

}

.navi-level-1 a {

  display: block;

  position: relative;

}

.navi-level-1 .fadeInUp {

  -webkit-animation-duration: .4s;

          animation-duration: .4s;

}

.navi-level-1 li:last-child ul.navi-level-2 {

  right: 0;

  left: auto;

}

.navi-warp-home-1 .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 82px;

  color: #fff;

  padding: 0 19px;

}

.navi-level-1 > li > a:after {

  display: block;

  content: "";

  height: 4px;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  background: transparent;

}

.active-subcolor > li.active > a:after {background: #0493ff;width: 80%;left: 10%;}

.active-subcolor > li:hover > a:after {

background: #0493ff;

width: 80%;

left: 10%;
}

.navi-level-2 {

height: auto;

min-width: 200px;

display: block;

position: absolute;

top: 100%;

left: 0;

z-index: 99999;

display: none;

background: #793954;
}

.navi-level-2 li {

  display: block;

  position: relative;

  width: 100%;

}

.navi-level-2 li a {

  display: block;

  padding: 8px 20px;

  width: 100%;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  font-size: 13px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  color: #fff;

  font-weight: 500;

}

.navi-level-2 li a:hover {

background: #793954;

border-bottom: solid #793954;

color: #fff;
}

.navi-level-2 li:last-child {

  border-bottom: none;

}

.navi-level-3 {

  height: auto;

  min-width: 215px;

  display: block;

  position: absolute;

  top: 0;

  left: 100%;

  z-index: 99999;

  display: none;

}

.navi-level-3 li {

  display: block;

  position: relative;

  width: 100%;

}

.navi-level-3 li a {

  display: block;

  padding: 8px 20px;

  width: 100%;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  background: #0c345c;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.navi-level-3 li a:after {

  display: none;

}

.navi-level-3 li a:hover {

  background: #ab0fbc;

  color: #fff;

}

.navi-level-3 li:last-child {

  border-bottom: none;

}

.open-navi-2,

.open-navi-3 {

  display: block;

}

.navi-level-2 > li.active > a {

background: #793954;
}

/* ==========================================================================

   Sub Navi

   ========================================================================== */

.subnavi {

  list-style: none;

}

.subnavi li {

  display: inline-block;

}

.subnavi li a {

  color: #fff;

  font-size: 16px;

}

/* Header Home 1 Style */

.nav-warp-h1 {

  background: rgba(10, 44, 78, 0.4);

}

.navi-warp-home-1 {

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-1 .logo {

  display: table-cell;

  vertical-align: middle;

}

.navi-warp-home-1 .subnavi {

  float: right;

  display: inline-block;

}

.navi-warp-home-1 .subnavi a {

  display: block;

  min-width: 15px;

}

.navi-warp-home-1 nav {

  float: right;

  display: inline-block;

}

.navi-warp-home-1 .subnavi a {

  line-height: 82px;

  margin-left: 20px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

}

.navi-warp-home-1 .subnavi a:hover {

  color: #ab0fbc;

}

/* Header home 2 style */

.nav-warp-h2 {

  background: #fff;

}

.navi-warp-home-2 {

  display: table;

  position: relative;

  width: 100%;

  padding-top:7px;

}

.navi-warp-home-2 .logo {

  display: table-cell;

  vertical-align: middle;

  float: left;

}

.navi-warp-home-2 nav {

  float: right;

  display: inline-block;

}

.navi-warp-home-2 .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 52px;

  color: #222;

  padding: 0 19px;

}

.navi-warp-home-2 .subnavi {

  display: table-cell;

  vertical-align: middle;

  float: none;

  text-align: right;

}

.navi-warp-home-2 .subnavi a {

  line-height: 82px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  line-height: 36px;

  height: 36px;

  width: 36px;

  display: block;

  text-align: center;

  color: #fff;

  background: #0a2c4e;

}

.navi-warp-home-2 .subnavi a:hover {

  background: #ab0fbc;

}

/* Header Home 3 Style */

.navi-warp-home-3 {

  padding: 0 25px;

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-3 .logo {

  display: table-cell;

  vertical-align: middle;

}

.navi-warp-home-3 .subnavi {

  float: right;

  display: inline-block;

}

.navi-warp-home-3 .subnavi a {

  display: block;

  min-width: 15px;

}

.navi-warp-home-3 nav {

  float: right;

  display: inline-block;

}

.navi-warp-home-3 .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 58px;

  color: #fff;

  padding: 0 19px;

  padding-top: 18px;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.navi-warp-home-3 .navi-level-1 > li.active > a {

  opacity: 1;

}

.navi-warp-home-3 .navi-level-1 > li > a:hover {

  opacity: 1;

}

.navi-warp-home-3 .tb-social-lan {

  min-width: 36%;

  text-align: right;

  float: right;

  display: inline-block;

  padding-top: 18px;

}

.navi-warp-home-3 .tb-social-lan a {

  line-height: 58px;

  margin-left: 20px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  padding-top: 18px;

}

.navi-warp-home-3 .tb-social-lan a:hover {

  color: #ab0fbc;

}

.navi-warp-home-3 .tb-social-lan ul {

  display: inline-block;

  margin-left: 10px;

}

.navi-warp-home-3 .tb-social-lan ul li a {

  line-height: 58px;

}

.navi-warp-home-3 .tb-social-lan .fancy-select {

  display: inline-block;

  vertical-align: middle;

  margin-left: 35px;

  text-align: left;

  min-width: 100px;

}

.navi-warp-home-3 .tb-social-lan > a {

  font-weight: 300;

}

.navi-warp-home-3 .tb-social-lan > a i {

  font-size: 18px;

  color: #ab0fbc;

  margin-right: 7px;

}

/* Header Home 4 Style */

.nav-warp-h4 {

  background: #0a2c4e;

}

.navi-warp-home-4 {

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-4 .logo {

  display: table-cell;

  vertical-align: middle;

  width: 212px;

  background: #ab0fbc;

}

.navi-warp-home-4 .logo img {

  margin: 0 auto;

}

.navi-warp-home-4 nav {

  float: none;

  display: inline-block;

  width: -webkit-calc(100% - 350px);

  width: calc(100% - 350px);

}

.navi-warp-home-4 nav > ul.navi-level-1 {

  text-align: center;

}

.navi-warp-home-4 nav > ul.navi-level-1 > li > ul {

  text-align: left;

}

.navi-warp-home-4 .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 97px;

  color: #fff;

  padding: 0 19px;

}

.navi-warp-home-4 .tb-social-lan {

  width: 340px;

  text-align: right;

  float: right;

  display: inline-block;

  padding-top: 8px;

  padding-right: 30px;

}

.navi-warp-home-4 .tb-social-lan a {

  line-height: 40px;

  margin-left: 20px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  padding-top: 18px;

}

.navi-warp-home-4 .tb-social-lan a:hover {

  color: #ab0fbc;

}

.navi-warp-home-4 .tb-social-lan ul {

  display: inline-block;

}

.navi-warp-home-4 .tb-social-lan .fancy-select {

  display: inline-block;

  vertical-align: middle;

  text-align: left;

  min-width: 120px;

  margin-left: 30px;

}

.navi-warp-home-4 .tb-social-lan li {

  margin-right: 0;

  display: inline-block;

  margin-top: 0px;

}

/* Header home 5 style */

.nav-warp-h5 {

  background: #fff;

}

.info-warp-home-5 {

  display: table;

  position: relative;

  width: 100%;

}

.info-warp-home-5 .logo {

  display: table-cell;

  vertical-align: middle;

}

.info-warp-home-5 .tb-iconbox {

  text-align: right;

  padding: 21px 0;

}

.info-warp-home-5 .tb-iconbox li {

  text-align: left;

  margin-left: 15px;

  margin-right: 0;

}

.info-warp-home-5 .tb-iconbox li a,

.info-warp-home-5 .tb-iconbox ul > li > a > span > i {

  color: #222;

}

.info-warp-home-5 .tb-iconbox i.big-phone-text {

  font-size: 16px;

}

.navi-warp-home-5 {

  background: #ab0fbc;

  width: 100%;

}

.navi-warp-home-5-inner {

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-5-inner .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 50px;

  color: #fff;

  padding: 0 19px;

}

.navi-warp-home-5-inner .active-subcolor > li.active > a:after {

  background: #0a2c4e;

}

.navi-warp-home-5-inner .active-subcolor > li:hover > a:after {

  background: #0a2c4e;

}

.navi-warp-home-5-inner nav {

  display: inline-block;

}

.navi-warp-home-5-inner .subnavi {

  display: table-cell;

  vertical-align: middle;

  float: none;

  text-align: right;

}

.navi-warp-home-5-inner .subnavi a {

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  line-height: 36px;

  height: 36px;

  width: 36px;

  display: block;

  text-align: center;

  color: #fff;

  background: transparent;

}

.navi-warp-home-5-inner .subnavi a:hover {

  background: #0a2c4e;

}

/* Header home 6 style */

.nav-warp-h6 {

  background: #fff;

  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.06);

          box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.06);

}

.info-warp-home-6 {

  display: table;

  position: relative;

  width: 100%;

}

.info-warp-home-6 .logo {

  display: table-cell;

  vertical-align: middle;

}

.info-warp-home-6 .tb-iconbox {

  text-align: right;

  padding: 21px 0;

}

.info-warp-home-6 .tb-iconbox li {

  text-align: left;

  margin-left: 15px;

  margin-right: 0;

}

.info-warp-home-6 .tb-iconbox li a,

.info-warp-home-6 .tb-iconbox ul > li > a > span > i {

  color: #222;

}

.info-warp-home-6 .tb-iconbox i.big-phone-text {

  font-size: 16px;

}

.topbar-home6 .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 400;

  line-height: 50px;

  color: #fff;

  padding: 0 19px;

  opacity: .6;

}

.topbar-home6 .navi-level-1 > li > a:hover {

  opacity: 1;

}

.topbar-home6 .navi-level-1 > li:first-child > a {

  padding-left: 0;

}

.topbar-home6 .navi-level-1 > li > a:after {

  left: 20%;

  width: 60%;

}

.topbar-home6 .navi-level-1 > li.active > a {

  opacity: 1;

}

.topbar-home6 .navi-level-1 > li:first-child > a:after {

  left: 0;

}

.topbar-home6 nav {

  display: inline-block;

}

.topbar-home6 .subnavi {

  margin-top: 7px;

  float: right;

  text-align: right;

  margin-left: 35px;

}

.topbar-home6 .subnavi a {

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  line-height: 36px;

  height: 36px;

  width: 36px;

  display: block;

  text-align: center;

  color: #fff;

  background: transparent;

  opacity: 0.6;

}

.topbar-home6 .subnavi a:hover {

  background: #0a2c4e;

  opacity: 1;

}

/* Header home 7 style */

.nav-warp-h7 {

  background: #fff;

}

.info-warp-home-7 {

  display: table;

  position: relative;

  width: 100%;

}

.info-warp-home-7 .logo {

  display: table-cell;

  vertical-align: middle;

}

.info-warp-home-7 .tb-iconbox {

  text-align: right;

  padding: 21px 0;

}

.info-warp-home-7 .tb-iconbox li {

  text-align: left;

  margin-left: 15px;

  margin-right: 0;

}

.info-warp-home-7 .tb-iconbox li a,

.info-warp-home-7 .tb-iconbox ul > li > a > span > i {

  color: #222;

}

.info-warp-home-7 .tb-iconbox i.big-phone-text {

  font-size: 16px;

}

.navi-warp-home-7 {

  background: #222;

  width: 100%;

}

.navi-warp-home-7-inner {

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-7-inner .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 500;

  line-height: 50px;

  color: #fff;

  padding: 0 19px;

  opacity: .6;

}

.navi-warp-home-7-inner .navi-level-1 > li > a:hover {

  opacity: 1;

}

.navi-warp-home-7-inner .navi-level-1 > li:first-child > a {

  padding-left: 0;

}

.navi-warp-home-7-inner .navi-level-1 > li > a:after {

  left: 20%;

  width: 60%;

}

.navi-warp-home-7-inner li.active > a {

  opacity: 1;

}

.navi-warp-home-7-inner .navi-level-1 > li:first-child > a:after {

  left: 0;

}

.navi-warp-home-7-inner nav {

  display: inline-block;

}

.navi-warp-home-7-inner .subnavi {

  text-align: right;

  display: inline-block;

  float: right;

}

.navi-warp-home-7-inner .subnavi a {

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  line-height: 50px;

  height: 50px;

  width: 50px;

  display: block;

  text-align: center;

  color: #fff;

  background: rgba(255, 255, 255, 0.1);

}

.navi-warp-home-7-inner .subnavi a:hover {

  background: #0a2c4e;

}

.get-a-quote-h7 {

  float: right;

  display: inline-block;

  line-height: 50px;

  padding: 0 15px;

  background: #ab0fbc;

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-weight: 500;

  font-size: 15px;

  margin-left: 3px;

}

.get-a-quote-h7:hover {

  background: #0a2c4e;

  color: #fff;

}

/* Header home 8 style */

.nav-warp-h8 {

  background: #fff;

  position: relative;

  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.06);

          box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.06);

}

.get-a-quote-h8 {

  line-height: 32px;

  padding: 0 15px;

  margin-top: 20px;

  margin-left: 10%;

}

.info-warp-home-8 .get-a-quote-h8,

.info-warp-home-8 .tb-contact {

  float: right;

}

.navi-warp-home-8 {

  background: #fafafa;

  width: 100%;

}

.navi-warp-home-8-inner {

  display: table;

  position: relative;

  width: 100%;

}

.navi-warp-home-8-inner .navi-level-1 > li > a {

  font-size: 14px;

  font-weight: 600;

  line-height: 50px;

  color: #222;

  padding: 0 19px;

}

.navi-warp-home-8-inner .navi-level-1 > li > a:hover {

  color: #0a2c4e;

}

.navi-warp-home-8-inner .navi-level-1 > li:first-child > a {

  padding-left: 0;

}

.navi-warp-home-8-inner .navi-level-1 > li > a:after {

  left: 20%;

  width: 60%;

}

.navi-warp-home-8-inner li.active > a {

  color: #0a2c4e;

}

.navi-warp-home-8-inner .navi-level-1 > li:first-child > a:after {

  left: 0;

}

.navi-warp-home-8-inner nav {

  display: inline-block;

}

.navi-warp-home-8-inner .subnavi {

  text-align: right;

  display: inline-block;

  float: right;

}

.navi-warp-home-8-inner .subnavi a {

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  line-height: 50px;

  height: 50px;

  width: 50px;

  display: block;

  text-align: center;

  color: #222;

  background: transparent;

}

.navi-warp-home-8-inner .subnavi a:hover {

  color: #ab0fbc;

}

/* Header home 9 style */

.navi-warp-home-9 .ot-btn {

  line-height: 32px;

  float: right;

  margin-top: 22px;

  margin-left: 15px;

}

/* Header home 10 style */

.nav-warp-h10 .navi-level-1 > li > a {

  line-height: 78px;

}

/* ==========================================================================

   Logo

   ========================================================================== */

/* ==========================================================================

   Header

   ========================================================================== */

.header-1-fix {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9;

}

.header-3-fix {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9;

}

/* 

   Mobile Menu

   ========================================================================== */

.mm-menu {

  z-index: 9;

}

/* ==========================================================================

   Desktop Verison Demo

   ========================================================================== */

#page {

  background: #fff;

}

.warp-full-width {

  width: 100%;

  display: inline-block;

}

.relative {

  position: relative;

}

/* ==========================================================================

   Backgruond

   ========================================================================== */

.bg-light-grey {

  background: #f6f6f6;

}

.bg-lighten-grey {

  background: #f8f8f8;

}

.bg-light-dark {

  background: #2a2a2a;

}

.bg-mid-dark {

  background: #222;

}

.bg-dark {

  background: #161616;

}

.bg-lighten-theme {

  background: #10457b;

}

/* ==========================================================================

   Button Mobile Menu

   ========================================================================== */

.btn-menu-mobile {

  display: none;

  float: right;

  font-size: 18px;

  color: #fff;

}

/* ==========================================================================

   Spaces

   ========================================================================== */

.no-padding {

  padding: 0;

}

.padding-lg {

  padding: 100px 0;

}

.no-mgb {

  margin-bottom: 0;

}

.desk-pdb-60 {

  padding-bottom: 60px;

}

.desk-pdb-30 {

  padding-bottom: 30px;

}

.space-60 {

  display: inline-block;

  width: 100%;

  height: 60px;

  clear: both;

}

.space-30 {

  display: inline-block;

  width: 100%;

  height: 30px;

  clear: both;

}

.desk-pdt-100 {

  padding-top: 10px;

}

.desk-pdt-60 {

  padding-top: 60px;

}

.desk-pdt-30 {

  padding-top: 30px;

}

/* ==========================================================================

   Title

   ========================================================================== */

.title-block {

  display: inline-block;

  width: 100%;

}

.title-block h2 {

  margin: 10px 0 4px 0;

  font-weight: 700;

}

.title-block .top-title {display: block;width: 70px;height: 24px;border: 4px solid #0493ff;border-bottom: 0;}

.title-block .sub-title {

  clear: both;

  color: #979797;

  line-height: 13px;

  margin-bottom: 16px;

}

.title-block .bottom-title {clear: both;display: block;width: 70px;height: 4px;background: #0493ff;}

.title-block.text-center .top-title,

.title-block.text-center .bottom-title {

  margin: 0 auto;

}

.title-pd {

  padding: 100px 0 60px 0;

}

.title-on-dark h4,

.title-on-dark h2 {

  color: #fff;

}

.title-on-dark .sub-title {

  color: #bababa;

}

h3.title-mix {

  font-weight: 300;

}

/* Sub HEader */

.breadcrumb > li + li::before {

  padding: 0 8px;

  color: #ccc;

  content: ">";

}

.sub-header {

  height: 300px;

  width: 100%;

  text-align: center;

  padding-top: 90px;

}

.sub-header span {

  font-size: 21px;

  color: #fff;

  font-weight: 400;

  line-height: 48px;

}

.sub-header h3 {

  font-size: 40px;

  line-height: 62px;

  color: #fff;

  margin-bottom: 35px;

}

.breadcrumb {

  margin-bottom: 0;

  background-color: transparent;

}

.breadcrumb > li > a {

  color: #fff;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.breadcrumb > li > a:hover {

  opacity: 1;

}

.breadcrumb > li.active {

  opacity: 1;

  color: #fff;

}

.breadcrumb > li > a i {

  color: #ab0fbc;

  margin-right: 8px;

}

.title-xs {

  font-size: 18px;

  color: #fff;

  margin-bottom: 40px;

}

.title-xs span.bottom-title {

  width: 26px;

  height: 3px;

}

.title-xs h4 {

  margin-bottom: 6px;

}

/* ==========================================================================

   Typography

   ========================================================================== */

ul.list-style-star {

  display: inline-block;

  width: 100%;

  list-style: none;

}

ul.list-style-star li {

  display: inline-block;

  width: 100%;

  padding-left: 20px;

  position: relative;

  margin-bottom: 0px;

}

ul.list-style-star li:before {

  content: "\f005";

  font-family: FontAwesome;

  font-size: 12px;

  color: #ab0fbc;

  position: absolute;

  display: block;

  top: 0;

  left: 0;

}

blockquote {

  background: #f6f6f6;

  padding: 35px;

  line-height: 32px;

  font-size: 18px;

  color: #222;

  margin: 30px 0;

}

blockquote footer {

  padding: 0;

}

blockquote.main-bq {

  border-left-color: #0a2c4e;

}

blockquote.second-bq {

  border-left-color: #ab0fbc;

}

.list-check-icon ul {

  list-style: none;

  line-height: 30px;

  color: #727272;

}

.list-check-icon li {

  display: inline-block;

  width: 100%;

  position: relative;

}

.list-check-icon li:before {

  display: inline-block;

  content: "\f00c";

  top: 0;

  left: 0;

  line-height: 30px;

  color: #ab0fbc;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-family: FontAwesome;

  margin-right: 5px;

}

/* ==========================================================================

   #PAGE LOAD

   ========================================================================== */

body.royal_loader {

  background: none;

  visibility: hidden;

}

#royal_preloader {

  width: 100%;

  height: 100%;

  font-family: Arial;

  font-size: 12px;

  visibility: visible;

  position: fixed;

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0px;

  z-index: 9999999999;

  -webkit-transition: opacity 0.2s linear 0.8s;

  transition: opacity 0.2s linear 0.8s;

}

#royal_preloader.complete {

  opacity: 0;

}

#royal_preloader .background {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  background-color: #000000;

  -webkit-transition: background 0.5s linear;

  transition: background 0.5s linear;

}

#royal_preloader.number .name {

  position: absolute;

  top: 20%;

  left: 0px;

  right: 0px;

  text-transform: uppercase;

  color: #EEEEEE;

  text-align: center;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s linear;

  transition: transform 0.3s linear;

  -webkit-animation: fly 0.3s;

  animation: fly 0.3s;

}

#royal_preloader.number .percentage {

  color: #FFFFFF;

  font-family: Impact, Arial;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

  text-align: center;

  margin: -90px 0px 0px -90px;

  background-image: url('../images/loader.html');

  background-repeat: no-repeat;

  background-position: 50% 0;

  padding-top: 80px;

  width: 180px;

  position: absolute;

  font-size: 50px;

  top: 50%;

  left: 50%;

  -webkit-transition: all 0.3s linear 0.5s;

  transition: all 0.3s linear 0.5s;

}

#royal_preloader.text .loader {

  position: absolute;

  text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  text-transform: uppercase;

  text-align: center;

  top: 50%;

  left: 50%;

  width: 240px;

  margin-left: -60px;

  height: 60px;

  line-height: 60px;

  margin-top: -30px;

  font-size: 30px;

  white-space: nowrap;

}

#royal_preloader.text .loader div {

  position: absolute;

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0%;

  background-color: #000000;

  opacity: 0.7;

  filter: alpha(opacity=70);

  -webkit-transition: left 0.3s linear;

  transition: left 0.3s linear;

}

#royal_preloader.logo .loader {

  width: 180px;

  height: 180px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  -webkit-background-size: 100% auto;

          background-size: 100% auto;

  overflow: hidden;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  /*background-size: cover;*/

}

#royal_preloader.logo .loader div {

  position: absolute;

  bottom: 0%;

  left: 0px;

  right: 0px;

  height: 100%;

  opacity: 0.7;

  filter: alpha(opacity=70);

  -webkit-transition: bottom 0.3s linear;

  transition: bottom 0.3s linear;

}

#royal_preloader.logo .percentage {

  position: absolute;

  width: 180px;

  height: 30px;

  line-height: 40px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 18px;

  letter-spacing: 2px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, 50px);

      -ms-transform: translate(-50%, 50px);

          transform: translate(-50%, 50px);

  color: #000;

  text-align: center;

}

@-webkit-keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

@keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

/* Home 1 About Company*/

.about-bg {

  background-position: center center!important;

  background-repeat: no-repeat!important;

  background-size: cover!important;

  transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;

  padding: 125px 0px 0px 0px;

  /* height: 35px; */

}

.about-content {

  float: right;

  width: 55%;

  position: relative;

  top: -62px;

}

.about-heading {

  font-style: normal;

  font-weight: bold;

  font-size: 42px;

  line-height: 49px;

  /* font-family: Montserrat, sans-serif; */

  letter-spacing: 0px;

  text-align: inherit;

  color: #192028;

  font-size: 40px;

  text-transform: uppercase;

}

span.elementor-divider-separator {border-top-style: solid;border-top-width: 4px;border-top-color: #793954;width: 25%;/* height: 19px; */display: inline-block;}

.elementor-divider {

  text-align: left;

  padding-top: 17px;

  padding-bottom: 17px;

}

.second-bg {

  background-color: #192028;

  background-position: top center!important;

  background-repeat: no-repeat;

  background-size: cover!important;

  transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;

  padding: 163px 0px 196px 0px;

}

.second-content {

  float: left;

  width: 45%;

  position: relative;

  top: 11px;

}

.sub-second {

  font-style: normal;

  font-weight: 700;

  line-height: 1.25;

  letter-spacing: 10px;

  text-align: inherit;

  color: #9b9b9b;

  text-transform: uppercase;

  font-size: 20px;

}

.main-heading {

  font-style: normal;

  font-weight: 700;

  font-size: 47px;

  line-height: 56px;

  font-family: Montserrat, sans-serif;

  letter-spacing: 0px;

  text-align: inherit;

  color: #fff;

  margin-top: 33px;

}



/*media queries*/

@media only screen and (max-width: 600px)

{

  .about-content {

    float: right;

    width: 90%;

  }

  .second-bg {

    background-position: 34% 10%!important;

  }

  .second-content {

    float: left;

    width: 95%;

    position: relative;

    top: 11px;

  }

}









.about-h1 {

  padding-bottom: 0;

  background: url(images/bg-content/about-1.png) no-repeat;

  background-position: top right;

}

.demo-about-h1 .iconbox {

  width: 50%;

  display: inline-block;

  float: left;

  margin-bottom: 35px;

}

.left-about-h1 {

  width: 100%;

  display: inline-block;

}

.right-about-h1 {

  width: 100%;

  display: inline-block;

  float: left;

}

.right-about-h1 img {

  width: 923px;

  max-width: none;

  padding-top: 100px;

}

.demo-sub-about-text {

  margin: 55px 0;

}

.demo-sub-about-text-2 {

  margin: 25px 0 35px 0;

}

.demo-sub-about-text-4 {

  margin: 55px auto 55px auto;

  max-width: 740px;

  text-align: center;

}

/* Home 1 Services */

.services-h1-warp {

  display: inline-block;

  width: 100%;

  position: relative;

  margin-bottom: 95px;

}

.owl-services-h1 .owl-item:nth-child(2n+2) {

  background: #f3f3f3;

}

.btn-1 {

  position: absolute;

  top: 50%;

  display: block;

  width: 30px;

  height: 120px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  color: #fff;

  line-height: 120px;

  text-align: center;

  cursor: pointer;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  opacity: 0;

}

.owl-services-h1 .btn-1 {

  background: #0a2c4e;

}

.btn-1.prev-services-h1 {

  left: 0;

}

.btn-1.next-services-h1 {

  right: 0;

}

.services-h1-warp:hover .btn-1 {

  opacity: 0.5;

}

.owl-services-h1 .btn-1:hover {

  opacity: .9!important;

  color: #fff;

}

.services-h1-warp .btn-1 {

  display: none!important;

}

.services-h1-warp .owl-controls {

  height: 95px;

  background: #0a2c4e;

  position: absolute;

  top: 100%;

  width: 100%;

}

.services-h1-warp .owl-controls .owl-pagination {

  line-height: 95px;

  text-align: center;

}

.services-h1-warp .owl-controls .owl-page {

  width: 15px;

  height: 15px;

  background: #fff;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  display: inline-block;

  border: 3px solid #0a2c4e;

  margin: 0 3px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.services-h1-warp .owl-controls .owl-page:hover {

  background: #ab0fbc;

}

.services-h1-warp .owl-controls .owl-page.active {

  border-color: #ab0fbc;

  background: #ab0fbc;

}

/* Counter Up Home 1 */

.bg-counter-h1 {

  width: 100%;

  height: 267px;

  background: url(images/bg-content/ct-h1.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.bg-counter-h1 .warp-counter {

  padding-top: 100px;

}

/* Home 1 Side Backgruond */

.side-bg {

  position: relative;

}

.content-bg-img-container {

  height: 100%;

  overflow: hidden;

  padding: 0;

  position: absolute;

  top: 0;

}

.background-image {

  background-position: 50% 50% !important;

  -webkit-background-size: cover !important;

          background-size: cover !important;

  width: 100%;

  height: 100%;

  left: 0;

  position: absolute;

  z-index: 0;

}

.content-bg-img-inner {

  display: block;

  min-width: 300px;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.content-bg-img-inner .btn-play {

  margin: 0 auto;

  margin-bottom: 40px;

}

.content-bg-img-inner h3 {

  color: #fff;

  font-size: 32px;

}

/* Home 1 Partner */

.partner-warp-h1 img {

  margin-bottom: 30px;

}

.partner-img {

  opacity: .8;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  margin: 0 auto;

}

.partner-img:hover {

  opacity: 1;

}

/* Testimonial Home 1 */

.item-testimonial-h1 {

  position: relative;

}

.item-testimonial-h1 img {

  width: 100px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  overflow: hidden;

  display: block;

  position: absolute;

  top: 7px;

  left: 0;

}

.item-testimonial-h1 p {

  font-size: 21px;

  color: #fff;

  line-height: 40px;

  margin-bottom: 10px;

  margin-left: 130px;

}

.item-testimonial-h1 .name {

  color: #ab0fbc;

  font-size: 14px;

  display: block;

  position: relative;

  margin-left: 130px;

  padding-left: 60px;

}

.item-testimonial-h1 .name:before {

  content: "";

  display: block;

  position: absolute;

  top: 45%;

  left: 0px;

  width: 36px;

  height: 2px;

  background: #ab0fbc;

}

.tw-h1 {

  position: relative;

}

.tw-h1 .owl-pagination {

  text-align: right!important;

}

.tw-h1 .owl-controls {

  top: -115px;

  position: absolute;

  right: 0;

  bottom: auto!important;

  width: auto!important;

}

.tw-h1 {

  margin-top: 50px;

}

/* Call Back Form Hoem 1 */

.cb-h1 {

  background: url(images/bg-content/cb-h1.png) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.cb-form input.form-control {

  height: 44px;

  line-height: 44px;

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 1px solid #dedede;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-box-shadow: none!important;

          box-shadow: none!important;

  background: transparent;

  margin-bottom: 30px;

  outline: 0!important;

}

.cb-form input.form-control:focus {

  outline: none;

  border-color: #0a2c4e;

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

.cb-form div.fancy-select div.trigger {

  width: 100%;

  background: transparent;

  color: #727272;

  -webkit-border-radius: 0;

          border-radius: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  border: 1px solid #dedede;

  margin-bottom: 15px;

  padding-left: 15px;

  margin-bottom: 30px;

}

.cb-form div.fancy-select select:focus + div.trigger {

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

.cb-form div.fancy-select ul.options {

  width: 100%;

  background: #0a2c4e;

  color: #fff;

  border-top: 0;

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 1px solid #0a2c4e;

}

.cb-form div.fancy-select ul.options li {

  color: #fff;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

}

.cb-form div.fancy-select ul.options li:hover {

  background: #ab0fbc;

}

.cb-form button {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-border-radius: 0;

          border-radius: 0;

  width: 100%;

  display: block;

  height: 44px;

  line-height: 44px;

  color: #fff;

  border: 0;

}

.cb-form div.fancy-select div.trigger.open::after {

  border-top-color: #ab0fbc;

}

.cb-form div.fancy-select select:focus + div.trigger {

  border-color: #0a2c4e;

}

.cb-form ::-webkit-input-placeholder {

  color: #727272;

}

.cb-form :-moz-placeholder {

  /* Firefox 18- */

  color: #727272;

}

.cb-form ::-moz-placeholder {

  /* Firefox 19+ */

  color: #727272;

}

.cb-form :-ms-input-placeholder {

  color: #727272;

}

.cb-info-h1 {

  margin-top: 60px;

  color: #222;

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 2px;

}

.cb-info-h1 .icon {

  color: #ab0fbc;

  font-size: 24px;

  margin-right: 10px;

}

.cb-info-h1 p {

  width: 49%;

  display: inline-block;

  padding-right: 15px;

  vertical-align: baseline;

}

/* Subcribe Form*/

.bg-subcr-1 {

  background: url(images/bg-content/bg-subcri.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  padding: 95px 0 80px 0;

}

.subcribe-warp p.sub-text-subcri {

  font-weight: 300;

  font-size: 21px;

  color: #fff;

  margin: 0;

}

.subcribe-warp .form-subcri {

  width: 100%;

  display: inline-block;

  position: relative;

}

.subcribe-warp label {

  margin: 0;

  color: #fff;

  font-size: 24px;

  font-weight: 500;

}

.subcribe-warp label span {

  color: #ab0fbc;

}

.subcribe-warp label small {

  font-size: 100%;

  margin: 0;

  line-height: 48px;

}

.subcribe-warp .form-group {

  width: 100%;

}

.subcribe-warp input.form-control {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-border-radius: 0;

          border-radius: 0;

  width: -webkit-calc(100% - 400px);

  width: calc(100% - 400px);

  float: right;

  background: transparent;

  border: 0;

  border-bottom: 1px solid #fff;

  opacity: .5;

  line-height: 24px;

  color: #fff;

}

.subcribe-warp input.form-control:focus {

  opacity: 1;

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.subcribe-warp button {

  border: 0;

  background: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

  color: #ab0fbc;

  position: absolute;

  bottom: 20px;

  right: 0;

  font-size: 16px;

}

.subcribe-warp ::-webkit-input-placeholder {

  color: #fff;

}

.subcribe-warp :-moz-placeholder {

  /* Firefox 18- */

  color: #fff;

}

.subcribe-warp ::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.subcribe-warp :-ms-input-placeholder {

  color: #fff;

}

/* Home 1 Our Project */

.bg-project-h1 {

  padding-bottom: 30px;

  background: url(images/bg-content/bg-project-h1.jpg);

}

.project-h1-warp {

  margin-top: 50px;

  display: inline-block;

  width: 100%;

}

.group-title-btn {

  display: inline-block;

  width: 100%;

  position: relative;

}

.group-title-btn .title-block {

  width: auto;

  float: left;

}

.group-title-btn .ot-btn {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: traslateY(-50%);

      -ms-transform: traslateY(-50%);

          transform: traslateY(-50%);

}

.item-project {

  position: relative;

  margin-bottom: 30px;

}

.item-project img {

  width: 100%;

  max-width: 100%;

}

.overlay-project {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: rgba(10, 44, 78, 0.9);

}

.overlay-project {

  text-align: center;

}

.overlay-project h4,

.overlay-project a.cate {

  position: absolute;

  top: 50%;

  display: block;

  width: 100%;

  line-height: 30px;

}

.overlay-project h4 a {

  color: #ab0fbc;

  font-size: 16px;

  display: block;

  position: relative;

}

.overlay-project h4 a:before {

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 0px;

  height: 2px;

  background: #ab0fbc;

  content: "";

  display: block;

}

.overlay-project h4 {

  -webkit-transform: translateY(-55px);

      -ms-transform: translateY(-55px);

          transform: translateY(-55px);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.overlay-project h4 a:hover:before {

  width: 80px;

}

.overlay-project a.cate {

  color: #bababa;

  font-size: 14px;

  -webkit-transform: translateY(55px);

      -ms-transform: translateY(55px);

          transform: translateY(55px);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.overlay-project a.cate:hover {

  color: #fff;

}

.item-project:hover .overlay-project {

  opacity: 1;

}

.item-project:hover .overlay-project a.cate {

  -webkit-transform: translateY(17px);

      -ms-transform: translateY(17px);

          transform: translateY(17px);

}

.item-project:hover .overlay-project h4 {

  -webkit-transform: translateY(-17px);

      -ms-transform: translateY(-17px);

          transform: translateY(-17px);

}

/* Home 2 Quote */

.bg-quote-h2 {

  padding: 90px 0;

  background: url(images/bg-content/bg-quote-h2.jpg) no-repeat;

  background-attachment: fixed;

  -webkit-background-size: cover;

          background-size: cover;

}

.quote-inner {

  display: inline-block;

  width: 100%;

  text-align: center;

}

.quote-inner-h2 p {

  font-size: 32px;

  line-height: 36px;

  color: #fff;

  margin-bottom: 40px;

}

.quote-inner-h2 p span {

  color: #ab0fbc;

}

/* Home 2 Offer */

.offer-h2-warp {

  position: relative;

}

.owl-offer-h2 {

  padding: 60px 0 0 0;

}

.offer-h2-warp .owl-controls {

  height: 15px;

  position: absolute;

  top: -18px;

  right: 0;

  width: 100%;

}

.owl-pagination {

  line-height: 15px;

  text-align: right;

}

.owl-page {

  width: 15px;

  height: 15px;

  background: #fff;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  display: inline-block;

  border: 3px solid #0a2c4e;

  margin-left: 6px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.owl-page:hover {

  background: #ab0fbc;

}

.owl-page.active {

  border-color: #ab0fbc;

  background: #ab0fbc;

}

.offer-h2-warp .btn-1 {

  background: #0a2c4e;

  opacity: 0!important;

}

.btn-1.prev-offer-h2 {

  left: 0;

}

.btn-1.next-offer-h2 {

  right: 0;

}

.offer-h2-warp:hover .btn-1 {

  opacity: .5;

}

.offer-h2-warp .btn-1:hover {

  opacity: .9!important;

  color: #fff;

}

/* Home 2 Why choose */

.whyus-h2-warp {

  padding-bottom: 30px;

}

.whyus-warp-h2 {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

.whyus-warp-h2 .left-whyus-h2 {

  width: 100%;

  display: inline-block;

}

.whyus-warp-h2 .right-whyus-h2 {

  width: 100%;

  display: inline-block;

}

.whyus-warp-h2 .iconbox {

  width: 50%;

  display: inline-block;

  float: left;

  margin-bottom: 35px;

}

.demo-style-1-warp {

  position: relative;

}

.demo-style-1-box-text {

  display: block;

  position: relative;

  background: #0a2c4e;

  border: 10px solid #fff;

  color: #fff;

  font-size: 32px;

  padding: 45px 65px;

  position: absolute;

  top: 50%;

  width: auto;

  line-height: 44px;

}

.demo-style-1-box-text.right {

  right: 0;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

/* Home 2 Partner */

.owl-partner-h2 {

  position: relative;

  margin-bottom: 55px;

}

.owl-partner-h2 .owl-controls {

  height: 15px;

  position: absolute;

  bottom: -50px;

  left: 0;

  width: 100%;

}

.owl-partner-h2 .owl-controls .owl-pagination {

  text-align: center;

}

/* Home 2 Call Back */

.left-bg-cb-h2 {

  width: 44%;

}

.right-bg-cb-h2 {

  width: 56%;

}

.cb-warp-h2 {

  position: relative;

}

.image-container-right {

  right: 0;

}

.cb-form-h2 {

  padding-top: 150px;

  padding-left: 15px;

}

.cb-form-h2 .cb-form div.fancy-select select:focus + div.trigger {

  border-color: #0a2c4e;

}

.cb-info-warp-h2 {

  padding-bottom: 90px;

  padding-right: 30px;

  color: #fff;

}

.cb-info-h2 {

  margin-top: 45px;

}

.cb-info-h2 p {

  display: inline-block;

  width: 100%;

  position: relative;

  padding-left: 40px;

  margin-bottom: 20px;

}

.cb-info-h2 p .icon {

  position: absolute;

  top: 0;

  left: 0;

}

.cb-info-h2 .icon {

  color: #ab0fbc;

  font-size: 24px;

}

/* Home 2 Social */

.bg-social-h2 {

  background: #141414;

}

.social-inner-h2 {

  text-align: center;

}

.social-inner-h2 p {

  color: #fff;

  font-size: 32px;

  font-weight: 300;

}

.social-inner-h2 p span {

  color: #ab0fbc;

  font-weight: 500;

}

.social-inner-h2 ul.widget-footer-social-1 {

  margin-top: 30px;

}

.social-hover-defaul a.facebook:hover {

  background: #3b5998;

}

.social-hover-defaul a.twitter:hover {

  background: #00aced;

}

.social-hover-defaul a.google:hover {

  background: #dd4b39;

}

.social-hover-defaul a.linkedin:hover {

  background: #007bb6;

}

.social-hover-defaul a.flickr:hover {

  background: #ff0084;

}

/* Home 2 Pricing Table */

.fix-position-pricing-home2 {

  margin-top: -165px;

}

.bg-pricing-h2 {

  padding: 100px 0 225px 0;

  background: url(images/bg-content/bg-pricing-h2.jpg) no-repeat;

  background-attachment: fixed;

}

.pricing-table .plan {

  background: #fff;

  width: 100%;

}

/* --------------- */

.pricing-table {

  text-align: center;

  margin-bottom: 30px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.pricing-table .body-table {

  border: 1px solid #ededed;

  border-top: 0;

  padding-top: 90px;

  padding-bottom: 40px;

}

.pricing-table h3 {

  font-size: 24px;

  background-color: #0a2c4e;

  padding-top: 40px;

  color: #fff;

  height: 165px;

  margin: 0;

}

.pricing-table .price {

  width: 134px;

  height: 134px;

  border: 7px solid rgba(255, 255, 255, 0.1);

  margin: 0 auto;

  color: #0a2c4e;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  margin-top: 30px;

  display: block;

  overflow: hidden;

}

.pricing-table .price .price-inner {

  background: #f6f6f6;

  width: 100%;

  height: 100%;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  padding-top: 30px;

  display: block;

}

.pricing-table .price .price-inner .big-num {

  font-size: 32px;

  color: #0a2c4e;

  font-weight: 700;

}

.pricing-table .price .price-inner .small-num {

  font-size: 13px;

  color: #0a2c4e;

  vertical-align: 8px;

  line-height: 20px;

}

.pricing-table .price .price-inner span.perm {

  font-size: 12px;

  color: #222;

  line-height: 0;

  display: inline-block;

}

.pt-most-popular h3 {

  background: #ab0fbc;

}

/* --------------- */

.pricing-table ul {

  list-style: none;

  margin-bottom: 30px;

}

.pricing-table li {

  padding: 7px 0;

}

.pricing-table li:nth-child(even) {

  background: #f8f8f8;

}

.pricing-table:hover {

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

/* --------------- */

/* Home 3 Offer */

.bg-iconbox-h3 {

  background: url(images/bg-content/iconbox-h3.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.section-fix-position-h3 {

  -webkit-transform: translateY(-70px);

      -ms-transform: translateY(-70px);

          transform: translateY(-70px);

  z-index: 9;

}

.offer-h3-warp {

  position: relative;

  margin-bottom: 60px;

}

.offer-h3-warp .owl-item {

  padding: 0 15px;

}

.offer-h3-warp .owl-controls {

  height: 15px;

  position: absolute;

  bottom: -45px;

  right: 0;

  width: 100%;

}

.offer-h3-warp .owl-controls .owl-pagination {

  line-height: 15px;

  text-align: center;

}

.offer-h3-warp .owl-controls .owl-page {

  width: 15px;

  height: 15px;

  background: #fff;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  display: inline-block;

  border: 3px solid #0a2c4e;

  margin-left: 6px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.offer-h3-warp .owl-controls .owl-page:hover {

  background: #ab0fbc;

}

.offer-h3-warp .owl-controls .owl-page.active {

  border-color: #ab0fbc;

  background: #ab0fbc;

}

/* Why choose us Home 3 */

.whyus-warp-h3 .iconbox-inline {

  margin-bottom: 25px;

}

.whyus-warp-h3 {

  margin-top: 60px;

}

/* Home 3 Quote */

.bg-quote-h3 {

  padding: 90px 0;

  background: url(images/bg-content/bg-quote-h3.jpg) repeat;

  background-attachment: fixed;

}

.quote-inner-h3 p {

  font-size: 32px;

  line-height: 36px;

  color: #222;

  margin-bottom: 40px;

}

.quote-inner-h3 p span {

  color: #ab0fbc;

}

/* Core value Home 3 */

.core-value-h3 {

  margin-top: 100px;

  float: left;

}

.core-value-h3 .left-whyus-h2 {

  float: left;

}

/* Counter Home 3 */

.counter-h3 {

  padding: 100px 0 60px 0;

  display: inline-block;

  width: 100%;

}

.counter-h3 .counter-inline {

  margin-bottom: 30px;

}

/* Call Back Home 3 */

.cb-h3 {

  background: url(images/bg-content/cb-h3.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.cbw-h3 .cb-form {

  padding-bottom: 100px;

}

/* News Home 3 */

.item-new {

  position: relative;

  border-right: 1px solid #fff;

}

.item-new img {

  width: 100%;

  max-width: 100%;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.new-info {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 12px 20px 8px 20px;

  background: rgba(10, 44, 78, 0.9);

}

.new-info p {

  display: inline-block;

  float: left;

  width: 25%;

  text-align: center;

}

.new-info p:last-child {

  float: right;

  text-align: right;

}

.new-info p,

.new-info p a {

  color: #fff;

}

.new-info p i {

  color: #ab0fbc;

  font-size: 13px;

  margin-right: 5px;

}

.new-info p:last-child i {

  margin: 0;

}

.new-info a:hover {

  text-decoration: underline;

}

.new-info h4 a {

  font-size: 16px;

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  line-height: 20px;

}

.new-info h4 a:hover {

  color: #ab0fbc;

  text-decoration: none;

}

.new-info p:nth-of-type(1) {

  text-align: left;

}

.item-new:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

.owl-news-h3 .owl-controls {

  left: 50%;

  right: auto;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  max-width: 1170px;

  padding-right: 15px;

}

/* Iconbox home 4 */

.iconbox-h4-warp {

  display: inline-block;

  width: 100%;

}

.iconbox-h4-warp .iconbox-type-sm {

  width: 25%;

  display: inline-block;

  float: left;

}

/* Strategy Development Home 4 */

.bg-strategy-h4 {

  background: url(images/bg-content/bg-strategy-h4.png) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.strategy-warp-h4 .iconbox {

  margin-bottom: 45px;

}

.strategy-warp-h4 .iconbox.no-mgb {

  margin-bottom: 0;

}

/* Why Trader Choose Us Home 4 */

.demo-sub-about-text-3 {

  margin-top: 30px;

  font-weight: 300;

  line-height: 49px;

  font-size: 32px;

  color: #fff;

}

.demo-sub-about-text-3 span {

  color: #ab0fbc;

  font-weight: 500;

}

.cb-warp-h4 .background-image {

  background-position: 70% 30% !important;

}

.whyus-content-h4 {

  padding: 95px 0 50px 80px;

}

.whyus-content-h4 h4 {

  font-size: 21px;

  font-weight: 500;

  margin-bottom: 20px;

}

.whyus-content-h4 p {

  margin-bottom: 35px;

}

/* Call Back Home 4 */

.cb-warp-h4 {

  position: relative;

}

.cb-warp-h4-inner {

  padding-left: 60px;

  padding-bottom: 100px;

}

/* Accrodion Home 4 FAQs */

/* Accordion style 1 */

.accordion-1 {

  margin: 0;

  border: 1px solid #ededed;

}

.accordion-1 .panel-heading .accordion-toggle:after {

  /* symbol for "opening" panels */

  font-family: 'FontAwesome';

  /* essential for enabling glyphicon */

  content: "\f056";

  /* adjust as needed, taken from bootstrap.css */

  position: absolute;

  /* adjust as needed */

  top: 0;

  left: 0;

  padding: 0 20px;

  color: #fff;

  /* adjust as needed */

  background: #0a2c4e;

  font-size: 21px;

}

.accordion-1 .panel-heading .accordion-toggle.collapsed:after {

  /* symbol for "collapsed" panels */

  content: "\f055";

  /* adjust as needed, taken from bootstrap.css */

  color: #222;

  background: #fff;

}

.accordion-1 .panel-default {

  border: 0;

  border-bottom: 1px solid #ededed;

  -webkit-border-radius: 0;

          border-radius: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.accordion-1 .panel-default > .panel-heading {

  background: #fff;

  border: 0;

  color: #727272;

  padding: 0;

}

.accordion-1 .panel + .panel {

  margin-top: 0;

}

.accordion-1 .panel {

  -webkit-border-radius: 0;

          border-radius: 0;

}

.accordion-1 h4 {

  font-size: 16px;

  color: #222;

  line-height: 60px;

}

.accordion-1 h4 a {

  padding: 0 20px;

  display: inline-block;

  width: 100%;

  position: relative;

}

.accordion-1 a.accordion-toggle {

  background: #0a2c4e;

  color: #fff;

  padding-left: 70px;

}

.accordion-1 a.accordion-toggle:after {

  color: #fff;

}

.accordion-1 a.accordion-toggle.collapsed {

  background: #fff;

  color: #222;

}

.faq-warp {

  padding-right: 30px;

}

/* Social Home 4 */

.social-inner-h4 {

  display: inline-block;

  width: 100%;

}

.social-inner-h4 ul.widget-footer-social-1 li a {

  background: #f5f8f9;

  color: #222;

}

.social-inner-h4 ul.widget-footer-social-1 li a:hover {

  color: #fff;

}

.social-inner-h4 p {

  font-size: 13px;

  color: #727272;

  line-height: 24px;

}

.social-inner-h4 img {

  margin: 0 auto 30px auto;

}

/* Location Home 4 */

.bg-location-h4 {

  background: url(images/bg-content/bg-location-h4.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.item-locaition {

  margin: 0 15px;

  background: #fff;

}

.item-locaition .inner-location {

  padding: 30px 20px;

}

.item-locaition p {

  display: block;

  width: 100%;

  position: relative;

  padding-left: 25px;

}

.item-locaition p i {

  color: #ab0fbc;

  position: absolute;

  top: 3px;

  font-size: 16px;

  left: 0;

  display: block;

}

.item-locaition h3 {

  display: inline-block;

  width: 100%;

  text-align: center;

  line-height: 60px;

  font-size: 21px;

  color: #fff;

  background: #ab0fbc;

}

.owl-location-h4 .owl-controls {

  position: absolute;

  bottom: -60px;

  top: auto;

}

.owl-location-h4 .owl-controls .owl-pagination {

  text-align: center;

}

/* Team Home 4 */

.item-team {

  padding: 0 15px;

  text-align: center;

}

.item-team img {

  width: 100%;

  max-width: 100%;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-team h4 {

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 7px;

  font-weight: 500;

}

.item-team p {

  font-size: 12px;

  text-transform: uppercase;

  margin-bottom: 0;

  font-weight: 500;

}

.item-team .body-team {

  padding: 25px 0 30px 0;

  background: #f9f9f9;

}

.item-team .footer-team {

  padding: 10px 0;

  background: #0a2c4e;

}

.item-team .footer-team a {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  color: #fff;

  line-height: 34px;

  display: inline-block;

  width: 34px;

  height: 34px;

}

.item-team .footer-team a.facebook:hover {

  background: #3b5998;

}

.item-team .footer-team a.twitter:hover {

  background: #00aced;

}

.item-team .footer-team a.google:hover {

  background: #dd4b39;

}

.item-team .footer-team a.linkedin:hover {

  background: #007bb6;

}

.item-team .footer-team a.flickr:hover {

  background: #ff0084;

}

.item-team:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

.team-h4-warp {

  position: relative;

  margin-top: 60px;

}

.team-h4-warp .owl-controls {

  display: none!important;

}

.team-h4-warp .btn-2 {

  opacity: 1;

}

.btn-2:hover {

  color: #fff;

  background: #ab0fbc;

  opacity: 1!important;

}

.btn-2.prev-team-h4 {

  left: -80px;

}

.btn-2.next-team-h4 {

  right: -80px;

}

/* Call Back Home 5 */

.cb-h5 {

  background: url(images/bg-content/cb-h5.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.cb-h5 {

  overflow: hidden;

}

.cbw-h5 .cb-form {

  padding-bottom: 30px;

}

.cb-h5-img-demo {

  margin-top: 150px;

  height: 600px;

  max-width: none;

}

.cb-form.cb-form-on-dark input.form-control {

  border: 1px solid #fff;

  margin-bottom: 30px;

  opacity: .6;

  color: #fff;

}

.cb-form.cb-form-on-dark div.fancy-select div.trigger {

  border: 1px solid #fff;

  margin-bottom: 30px;

  opacity: .6;

  color: #fff;

}

.cb-form.cb-form-on-dark ::-webkit-input-placeholder {

  color: #fff;

}

.cb-form.cb-form-on-dark :-moz-placeholder {

  /* Firefox 18- */

  color: #fff ;

}

.cb-form.cb-form-on-dark ::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.cb-form.cb-form-on-dark :-ms-input-placeholder {

  color: #fff;

}

.cb-form.cb-form-on-dark input.form-control:focus {

  opacity: 1;

}

.cb-form.cb-form-on-dark div.fancy-select select:focus + div.trigger {

  opacity: 1;

}

.cb-form.cb-form-on-dark .btn-white-color {

  color: #222;

  background: #fff;

}

.cb-form.cb-form-on-dark .btn-white-color:hover {

  background: #ab0fbc;

  color: #fff;

}

/* Company in line Home 5 */

.big-sub-text {

  margin-top: 55px;

  font-size: 24px;

  color: #222;

}

.cil-h5-warp {

  padding-bottom: 100px;

}

.cil-h5 p {

  margin-bottom: 20px;

}

.cil-h5 .demo-sub-about-text {

  margin-top: 40px;

  margin-bottom: 50px;

}

.cil-h5 .ot-btn {

  margin-top: 20px;

}

.left-whyus-h2.right-cil-h5 {

  position: relative;

}

.left-whyus-h2.right-cil-h5 img {

  float: right;

}

.left-whyus-h2.right-cil-h5 .demo-style-1-box-text.left {

  left: 0;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

/* What We Do Home 5 */

.whatwedo-warp-h5 {

  margin-top: 60px;

}

.item-wwd {

  position: relative;

}

.item-wwd img {

  width: 100%;

  max-width: 100%;

}

.item-wwd .overlay-wwd {

  text-align: center;

  background: transparent;

  color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  background: rgba(10, 44, 78, 0.7);

}

.item-wwd .overlay-wwd h4 {

  font-size: 24px;

  color: #fff;

}

.item-wwd .overlay-wwd p {

  font-size: 12px;

  margin: 10px 0 20px 0;

  opacity: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-wwd .overlay-wwd .overlay-wwd-inner {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 73%;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  padding: 25px;

}

.item-wwd:hover {

  cursor: pointer;

}

.item-wwd:hover .overlay-wwd {

  background: rgba(255, 182, 0, 0.9);

}

.item-wwd:hover .overlay-wwd p {

  opacity: 1;

}

.item-wwd:hover .overlay-wwd-inner {

  top: 0;

}

.whatwedo-warp-h5 .group-btn {

  margin-top: 60px;

}

/* Planning Steps */

.bg-plan-h5 {

  background: url(images/bg-content/bg-quote-h3.jpg) repeat;

  background-attachment: fixed;

}

.owl-plan-h5 .owl-wrapper-outer {

  padding-top: 80px;

}

.item-plan-step {

  text-align: center;

  border-top: 2px dotted #ddd;

}

.item-plan-step .step {

  width: 70px;

  height: 70px;

  line-height: 70px;

  text-align: center;

  font-size: 24px;

  font-weight: 500;

  color: #fff;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  display: block;

  margin: -35px auto 35px auto;

  background: #ab0fbc;

}

.item-plan-step h4,

.item-plan-step p {

  padding: 0 15px;

}

/* Case Filter Home 5 */

.category-case-warp {

  display: inline-block;

  width: 100%;

  text-align: center;

  margin-top: 60px;

}

.category-case-warp a {

  line-height: 42px;

  color: #fff;

  padding: 0 15px;

  background: #0a2c4e;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  display: inline-block;

  margin-bottom: 5px;

}

.category-case-warp a.current {

  background: #ab0fbc;

  color: #fff;

}

.category-case-warp a:hover {

  background: #ab0fbc;

  color: #fff;

}

.cases-warp-h5 {

  margin-top: 40px;

}

.cases-warp-h5 .element-item {

  width: 25%;

  padding: 15px;

}

.item-case-h5 img {

  width: 100%;

  max-width: 100%;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-case-h5 .case-info {

  background: #0a2c4e;

  padding: 20px;

  text-align: center;

}

.item-case-h5 .case-info h4 a {

  color: #ab0fbc;

  font-size: 16px;

  line-height: 20px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-case-h5 .case-info h4 a:hover {

  text-decoration: underline;

}

.item-case-h5 .case-info a.case-cate {

  color: #bababa;

  font-size: 14px;

  line-height: 20px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-case-h5 .case-info a.case-cate:hover {

  color: #fff;

}

.item-case-h5:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Our Services Home 6 */

.services-h6-warp {

  position: relative;

  display: inline-block;

  width: 100%;

}

.services-h6-warp > [class*='col-'] {

  padding-right: 0;

  padding-left: 0;

}

.title-vertical {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.services-h6-warp .title-vertical {

  padding-left: 30px;

}

.image-container {

  height: 100%;

  overflow: hidden;

  padding: 0;

  position: absolute;

  top: 0;

}

.background-image {

  background-position: 50% 50% !important;

  -webkit-background-size: cover !important;

          background-size: cover !important;

  width: 100%;

  height: 100%;

  left: 0;

  position: absolute;

  z-index: 0;

}

.services-h6-warp .background-image {

  background: url(images/bg-content/services-h4.jpg);

}

/* Counter Up Home 6 */

.bg-counter-h6 {

  width: 100%;

  height: 323px;

  background: url(images/bg-content/ct-h6.jpg) repeat;

  background-attachment: fixed;

}

.bg-counter-h6 .warp-counter {

  padding-top: 100px;

}

/* Testimonial Home 6 */

.bg-tw-h6 {

  background: url(images/bg-content/tw-h6.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.item-testimonial-h6 img {

  width: 100px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  overflow: hidden;

}

.item-testimonial-h6 .h-line-sm {

  height: 36px;

  width: 2px;

  display: block;

  margin: 5px auto;

  background: #ab0fbc;

}

.item-testimonial-h6 p {

  font-size: 21px;

  color: #222;

  line-height: 40px;

  margin-bottom: 25px;

}

.item-testimonial-h6 .name {

  color: #ab0fbc;

  font-size: 14px;

}

.item-testimonial-h6.text-center img {

  margin: 30px auto 50px auto;

}

.testimonial-warp {

  position: relative;

}

.testimonial-warp .owl-pagination {

  text-align: center;

}

.testimonial-warp .owl-controls {

  bottom: -50px;

  position: absolute;

  width: 100%;

}

.tw-h6 {

  margin-bottom: 50px;

}

/* Call Back Home 6 */

.cb-h6 {

  background: url(images/bg-content/cb-h6.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.cbw-h6 {

  background: rgba(10, 44, 78, 0.8);

}

.cbw-h6 {

  padding: 0 100px 100px 100px;

}

/* Subcribe Home 6 */

.bg-subcr-2 {

  background: #2a2a2a;

  padding: 90px 0;

}

/* News Home 6 */

.owl-news-h6 .owl-item {

  padding: 0 15px;

}

.item-new-2 .new-info p {

  width: 33.3333%;

  text-align: right;

}

.item-new-2 .new-info p:first-of-type {

  text-align: left;

}

.item-new-2 .new-info p:last-child i {

  margin-right: 5px;

}

/* About Home 6 */

.section-fix-position-h6 {

  margin-bottom: 0;

}

.item-about-h6 {

  width: 100%;

  position: relative;

  text-align: center;

}

.item-about-h6 img {

  width: 100%;

  max-width: 100%;

}

.item-about-h6 .overlay-about-h6 {

  padding: 30px;

  background: rgba(10, 44, 78, 0.85);

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  color: #fff;

}

.item-about-h6 h4 {

  font-size: 24px;

  color: #ab0fbc;

}

.item-about-h6 h4,

.item-about-h6 p {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  padding: 0 30px;

}

.item-about-h6 h4 {

  -webkit-transform: translate(-50%, -80px);

      -ms-transform: translate(-50%, -80px);

          transform: translate(-50%, -80px);

}

.item-about-h6 p {

  font-size: 12px;

  -webkit-transform: translate(-50%, -25px);

      -ms-transform: translate(-50%, -25px);

          transform: translate(-50%, -25px);

}

/* Social Home 6 */

.social-inner-h6 p {

  font-weight: 400;

}

.social-inner-h6 ul.widget-footer-social-1 li a {

  background: rgba(255, 255, 255, 0.1);

  color: #fff;

}

.social-inner-h6 ul.widget-footer-social-1 li a:hover {

  color: #fff;

}

/* Owl Partner Home 7 */

.owl-partner-h7 {

  margin-top: 60px;

}

.partner-warp-h7 {

  position: relative;

}

.partner-warp-h7 .owl-partner-h7 {

  margin-bottom: 0;

}

.owl-partner-h7 .owl-controls {

  display: none!important;

}

.btn-2 {

  width: 60px;

  height: 60px;

  line-height: 60px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  opacity: 0;

  text-align: center;

  position: absolute;

  top: 50%;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  background: #0a2c4e;

  color: #fff;

  display: block;

  font-size: 24px;

  cursor: pointer;

}

.partner-warp-h7:hover .btn-2 {

  opacity: .5;

}

.btn-2:hover {

  color: #fff;

  background: #ab0fbc;

  opacity: 1!important;

}

.btn-2.prev-partner-h2 {

  left: -80px;

}

.btn-2.next-partner-h2 {

  right: -80px;

}

/* Testimonial Home 7 */

.bg-tw-h7 {

  background: url(images/bg-content/tw-h7.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.item-testimonial-h7 p {

  font-size: 21px;

  color: #fff;

  line-height: 40px;

  margin-bottom: 25px;

}

.item-testimonial-h7 .name {

  color: #ab0fbc;

  font-size: 14px;

}

.tw-h7 {

  margin: 70px auto 50px auto;

}

/* About Home 7 */

.bg-about-home-7 {

  background: url(images/bg-content/bg-about-h7.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.about-warp-h7 {

  color: #fff;

}

/* Call Back Home 7 */

.cb-warp-h7 {

  padding-bottom: 100px;

}

.cb-info-warp-h7 {

  padding-right: 15px;

}

.cb-info-warp-h7 .cb-form div.fancy-select ul.options {

  background: #fff;

}

.cb-info-warp-h7 .cb-form div.fancy-select ul.options li {

  color: #222;

}

.cb-info-warp-h7 .cb-form div.fancy-select ul.options li:hover {

  background: #ab0fbc;

  color: #fff;

}

.cb-info-warp-h7 .cb-form input.form-control {

  opacity: .6;

}

.cb-info-warp-h7 .cb-form input.form-control:focus {

  border-color: #ab0fbc;

  opacity: 1;

}

.cb-info-warp-h7 .cb-form div.fancy-select div.trigger {

  color: #fff;

  opacity: .6;

}

.cb-info-warp-h7 .cb-form div.fancy-select select:focus + div.trigger {

  opacity: 1;

  border-color: #ab0fbc;

}

.cb-info-warp-h7 .btn-white-color {

  color: #222;

}

.cb-info-warp-h7 .btn-white-color:hover {

  color: #fff;

  background: #ab0fbc;

}

.cb-info-warp-h7 ::-webkit-input-placeholder {

  color: #fff;

}

.cb-info-warp-h7 :-moz-placeholder {

  /* Firefox 18- */

  color: #fff;

}

.cb-info-warp-h7 ::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.cb-info-warp-h7 :-ms-input-placeholder {

  color: #fff;

}

/* Social Home 7 */

.social-inner-h7 ul.widget-footer-social-1 {

  margin-top: 0;

}

.item-about-h7 h4 {

  color: #fff;

  font-size: 18px;

  margin-bottom: 10px;

  margin-top: 15px;

}

.item-about-h7 p {

  font-size: 12px;

}

.item-about-h7 .img-warp-about {

  position: relative;

  display: block;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-about-h7 .img-warp-about:hover {

  opacity: .8;

}

.item-about-h7 .btn-play-about {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

/* Offer Home 7 */

.offer-home-7-item {

  margin-top: 60px;

}

.offer-home-7-item span.lnr {

  font-size: 31.92px;

  display: block;

  width: 80px;

  height: 80px;

  border: 2px solid #ab0fbc;

  color: #ab0fbc;

  text-align: center;

  line-height: 72px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  margin-bottom: 30px;

}

.offer-home-7-item h4 {

  margin-bottom: 30px;

}

.offer-home-7-item p.sub-text-offer {

  margin-bottom: 30px;

}

.offer-home-7-item ul.list-style-star {

  margin-bottom: 30px;

}

.thumb-owl-offer {

  position: relative;

}

.thumb-owl-offer .owl-controls {

  position: absolute;

  bottom: 80px;

  width: 100%;

  float: none;

}

.thumb-owl-offer .owl-controls .owl-pagination {

  text-align: center;

}

.thumb-owl-offer .owl-page {

  border: 3px solid #fff;

  background: transparent;

}

.thumb-owl-offer .owl-page.active {

  border-color: #ab0fbc;

  background: #ab0fbc;

}

.thumb-owl-offer .owl-item {

  cursor: move;

}

.owl-offer .owl-controls {

  display: none!important;

}

/* Team Home 7 */

.bg-team-h7 {

  background: url(images/bg-content/bg-team-h7.jpg) repeat;

  background-attachment: fixed;

}

.group-title-btn {

  display: inline-block;

  width: 100%;

  position: relative;

}

.group-title-btn .title-block {

  width: auto;

  float: left;

}

.group-title-btn .customNavigation {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: traslateY(-50%);

      -ms-transform: traslateY(-50%);

          transform: traslateY(-50%);

}

.btn-3 {

  width: 28px;

  height: 34px;

  background: #0a2c4e;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  line-height: 34px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  display: inline-block;

  position: relative;

  margin-left: 4px;

}

.btn-3-prev:before {

  width: 0;

  height: 0;

  border-top: 34px solid #0a2c4e;

  border-right: 4px solid transparent;

  content: "";

  position: absolute;

  left: 100%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.btn-3-next:before {

  width: 0;

  height: 0;

  border-bottom: 34px solid #0a2c4e;

  border-left: 4px solid transparent;

  content: "";

  position: absolute;

  right: 100%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.btn-3:hover {

  color: #fff;

  background: #ab0fbc;

  cursor: pointer;

}

.btn-3-prev:hover:before {

  border-top-color: #ab0fbc;

}

.btn-3-next:hover:before {

  border-bottom-color: #ab0fbc;

}

/* Home 8 */

/* quote */

.bg-quote-h8 {

  padding: 54px 0px;

  background: url(images/bg-content/bg-subcri.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

/* About */

.about-h8-warp {

  position: relative;

  padding: 70px 0;

  padding-top: 100px;

}

.whyus-h8-warp {

  padding-left: 15px;

}

/* Counter */

.counter-h8 {

  padding: 60px 0;

}

/* Services */

.bg-services-h8 {

  background: url(images/bg-content/bg-services-h8.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.demo-sub-about-on-dark {

  color: #bababa;

}

.owl-services-h8 .owl-controls {

  margin-top: 30px;

}

.owl-services-h8 .owl-controls .owl-pagination {

  text-align: center;

}

/* News */

.news-h8-warp {

  margin-top: 60px;

  display: inline-block;

  width: 100%;

}

.news-h8-warp .item-new {

  margin-bottom: 30px;

}

/* Find Advisor */

.bg-find-adv-h8 {

  padding-bottom: 100px;

  background: url(images/bg-content/bg-fdv-h8.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

/* Partner */

.partner-h8-warp {

  padding: 65px 0 45px 0;

}

.item-partner-h8 img {

  opacity: 0.35;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-partner-h8:hover img {

  opacity: 1;

}

.owl-partner-h8 .owl-controls {

  display: none!important;

}

/* Home 9 */

/* Cases */

.bg-case-h9 {

  background: url(images/bg-content/bg-cases-h9.png) no-repeat;

  background-attachment: fixed;

  background-position: top right;

}

.category-case-warp-h9 {

  margin: 0;

  float: right;

  width: auto;

  position: absolute;

  right: 0;

  bottom: 0;

}

/* Testimonial */

.testimonial-warp-h9 .owl-controls {

  bottom: 0px;

  position: absolute;

  width: 100%;

}

.testimonial-warp-h9 .owl-controls .owl-pagination {

  text-align: right;

}

/* Find advisor */

.bg-fdv-h9 {

  background: url(images/bg-content/bg-fdv-h9.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.left-fdv-h9 {

  display: inline-block;

  width: 55.8333%;

  float: left;

  padding-right: 15px;

}

.right-fdv-h9 {

  position: relative;

  display: inline-block;

  float: right;

  width: 44.166%;

  padding-left: 15px;

  overflow: hidden;

}

.right-fdv-h9 img {

  width: 100%;

  height: 100%;

}

/* News  */

.bg-news-h9 {

  /*background: url(images/bg-content/bg-news-h9.jpg) repeat;*/

  background-attachment: fixed;

}

.news-h9-warp {

  position: relative;

  margin-top: 60px;

  display: inline-block;

  width: 100%;

}

.news-h9-warp .owl-controls {

  position: static;

  width: 100%;

  display: inline-block;

  margin-top: 60px;

}

.news-h9-warp .owl-controls .owl-pagination {

  text-align: center;

}

.owl-news-h9 .owl-item {

  padding: 0 15px;

}

/* Location */

.location-h9-warp {

  margin-top: 0;

}

.location-h9-warp .owl-controls {

  margin-top: 30px;

}

.bg-location-h9 {

  background: url(images/bg-content/bg-location-h9.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.owl-location-h9 .owl-item {

  padding-top: 15px;

  padding-bottom: 15px;

}

.owl-location-h9 .owl-item .item-locaition {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

.owl-location-h9:hover .owl-item .item-locaition {

  -webkit-box-shadow: none;

          box-shadow: none;

}

.owl-location-h9 .owl-item .item-locaition:hover {

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

/* Subcribe 9 */

.bg-subcr-9 {

  background: #2a2a2a;

}

/* Home 10 */

/* Offer */

.offer-h10 {

  padding-bottom: 100px;

}

.item-offer-h10 {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-offer-h10 p {

  font-size: 12px;

}

.item-offer-h10 h4 {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.offer-h10-warp {

  margin-bottom: 60px;

}

.offer-h10-warp .col-md-4 {

  padding: 0;

}

.offer-h10-warp .item-offer-h10:hover {

  background: #0a2c4e;

  color: #fff;

}

.offer-h10-warp .item-offer-h10:hover h4 {

  color: #fff;

}

/* About */

.left-about-h10 {

  width: 49%;

}

.right-about-h10 {

  width: 51%;

}

.about-warp-h10 {

  position: relative;

}

.image-container-right {

  right: 0;

}

.item-about-h10 .overlay-about-h6 {

  background: rgba(255, 255, 255, 0.92);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-about-h10 {

  margin-bottom: 30px;

}

.item-about-h10 {

  cursor: pointer;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

.item-about-h10 h4 {

  color: #222;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-about-h10 p {

  color: #8f8f8f;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-about-h10:hover .overlay-about-h6 {

  background: rgba(255, 182, 0, 0.9);

}

.item-about-h10:hover h4 {

  color: #fff;

}

.item-about-h10:hover p {

  color: #fff;

}

.about-warp-h10 .ot-btn {

  margin-right: 5px;

}

/* Cases */

.project-h10-warp .col-md-6 {

  padding: 0;

}

.project-h10-warp .item-project {

  margin-bottom: 0;

}

/* Testimonial */

.bg-tw-h10 {

  background: url(images/bg-content/cb-h7.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.tw-on-dark p {

  color: #fff;

}

/* Contact Home 11*/

.infobox-in-map {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  padding: 55px 35px;

  background: #0a2c4e;

}

.infobox-in-map h4 {

  font-size: 24px;

  color: #fff;

  text-align: center;

  margin-bottom: 40px;

}

.infobox-in-map p {

  font-size: 14px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 15px;

}

.infobox-in-map i {

  font-size: 24px;

  color: #ab0fbc;

  margin-right: 10px;

  display: inline-block;

  min-width: 25px;

}

.infobox-in-map .simple-close-btn {

  position: absolute;

  top: -40px;

  right: -20px;

  color: #fff;

  opacity: .7;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.infobox-in-map .simple-close-btn:hover {

  opacity: 1;

  color: #fff;

}

.infobox-in-map-inner {

  position: relative;

}

/* Progress bar */

.progress-bar-warp {

  display: inline-block;

  width: 100%;

  clear: both;

}

.progress-main-color {

  background: #0a2c4e;

}

.progress-sub-color {

  background: #ab0fbc;

}

.percent-h {

  position: absolute;

  top: 2px;

  text-align: center;

  -webkit-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

          transform: translateX(-100%);

}

.percent-h .box-percentage-inner {

  width: 30px;

  height: 18px;

  background: #ab0fbc;

  color: #fff;

  display: block;

  font-size: 10px;

  line-height: 19px;

  position: relative;

}

.percent-h .box-percentage-inner:before {

  display: block;

  content: "";

  width: 0;

  height: 0;

  border-right: 1px solid transparent !important;

  border-left: 8px solid transparent !important;

  border-top-width: 7px;

  border-top-style: solid;

  position: absolute;

  border-color: #ab0fbc;

  bottom: -7px;

  right: 0;

}

.progress-h {

  -webkit-box-shadow: none;

          box-shadow: none;

  -webkit-border-radius: 0;

          border-radius: 0;

  background: #f6f6f6;

  position: relative;

  height: 12px;

  margin-top: 15px;

}

.progress-h .bar-chart {

  position: relative;

}

.chart-h-item {

  overflow: hidden;

  position: relative;

}

.chart-h-item .label-progress {

  line-height: 14px;

  font-size: 14px;

  color: #222;

  font-weight: 400;

}

.progress-bar {

  -webkit-transition: width 1s ease-in-out;

          transition: width 1s ease-in-out;

}

/* About Warp h12 */

.about-warp-h12 {

  padding: 0;

}

.about-h12-warp {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

.about-h12-warp h4 {

  font-size: 21px;

  font-weight: 500;

  margin-bottom: 20px;

}

.about-h12-warp p {

  margin-bottom: 35px;

}

/* Services home 12 */

.services-h12-warp {

  display: inline-block;

  width: 100%;

}

.footer-owl-services-h12 {

  background: #0a2c4e;

  height: 95px;

  padding-top: 17px;

}

.customNavigation-services-h12 {

  float: left;

  display: inline-block;

}

.customNavigation-services-h12 .sl-btn-prev,

.customNavigation-services-h12 .sl-btn-next {

  position: relative;

  display: inline-block;

  cursor: pointer;

}

.customNavigation-services-h12 .sl-btn-prev {

  margin-right: 15px;

}

.footer-owl-services-h12 .sl-btn-1 {

  float: right;

  display: inline-block;

  margin-top: 10px;

}

.footer-owl-services-h12 .sl-btn-1:hover {

  background: #ab0fbc;

  border-color: #ab0fbc;

  color: #fff;

}

/* Pricing Home 12 Warp */

.pricing-home12-warp {

  margin-top: 60px;

  display: inline-block;

  width: 100%;

}

/* FAQ Home 12 */

.bg-fq-h12 {

  background: url(images/bg-content/fq-h12.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.faq-h12-warp {

  margin-top: 60px;

  display: inline-block;

  width: 100%;

}

/* Accordion style 3 */

.accordion-3 {

  border: 0;

  margin: 0;

}

.accordion-3 .panel-heading .accordion-toggle:after {

  /* symbol for "opening" panels */

  font-family: 'FontAwesome';

  /* essential for enabling glyphicon */

  content: "\f056";

  /* adjust as needed, taken from bootstrap.css */

  position: absolute;

  /* adjust as needed */

  top: 0;

  left: 0;

  padding: 0 20px;

  color: #fff;

  /* adjust as needed */

  background: #ab0fbc;

  font-size: 21px;

}

.accordion-3 .panel-heading .accordion-toggle.collapsed:after {

  /* symbol for "collapsed" panels */

  content: "\f055";

  /* adjust as needed, taken from bootstrap.css */

  color: #222;

  background: #fff;

}

.accordion-3 .panel-default {

  border: 0;

  border-bottom: 1px solid #ededed;

  -webkit-border-radius: 0;

          border-radius: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.accordion-3 .panel-default > .panel-heading {

  background: #fff;

  border: 0;

  color: #727272;

  padding: 0;

}

.accordion-3 .panel + .panel {

  margin-top: 0;

}

.accordion-3 .panel {

  -webkit-border-radius: 0;

          border-radius: 0;

}

.accordion-3 h4 {

  font-size: 16px;

  color: #222;

  line-height: 60px;

}

.accordion-3 h4 a {

  padding: 0 20px;

  display: inline-block;

  width: 100%;

  position: relative;

}

.accordion-3 a.accordion-toggle {

  background: #ab0fbc;

  color: #fff;

  padding-left: 70px;

}

.accordion-3 a.accordion-toggle:after {

  color: #fff;

}

.accordion-3 a.accordion-toggle.collapsed {

  background: #fff;

  color: #222;

}

/* About Page  */

.sh-about {

  background: url(images/bg-content/sh-about.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.whyus-about {

  margin-top: 0;

}

.whyus-about .right-whyus-h2 {

  margin-top: 100px;

}

.whyus-about .right-whyus-h2 p {

  margin-bottom: 30px;

}

.about-icon-warp {

  margin-top: 60px;

}

/* About Verision 2 Page */

.warp-counter-about-2 {

  margin: 60px 0 60px 0;

  display: inline-block;

  width: 100%;

}

/* About Verision 4 page */

.about-4-warp {

  display: inline-block;

  width: 100%;

  margin-bottom: 60px;

}

/* Cases Page  */

.sh-cases {

  background: url(images/bg-content/bg-quote-h2.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.cases-warp-page {

  margin-top: 30px;

  clear: both;

  display: inline-block;

  width: 100%;

}

.cases-warp-page .element-item {

  width: 33.3333%;

}

.category-case-warp-page {

  margin-top: 0;

  width: auto;

  float: left;

  padding: 0 15px;

  display: inline-block;

}

.category-case-warp-page a {

  background: transparent;

  border: 2px solid #0a2c4e;

  color: #fff;

}

.category-case-warp-page a.current,

.category-case-warp-page a:hover {

  background: #ab0fbc;

  color: #fff;

  border-color: #ab0fbc;

}

/* Contact page */

.title-block h3 {

  font-weight: bold;

}

.sh-contact {

  background: url(images/bg-content/sh-contact.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.title-contact {

  margin-bottom: 60px;

}

.form-contact-warp input.form-control {

  height: 34px;

  line-height: 44px;

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 1px solid #dedede;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-box-shadow: none!important;

          box-shadow: none!important;

  background: transparent;

  margin-bottom: 30px;

}

.form-contact-warp textarea.form-control {

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 1px solid #dedede;

  -webkit-transition: border-color 0.3s;

          transition: border-color 0.3s;

  -webkit-box-shadow: none!important;

          box-shadow: none!important;

  background: transparent;

  margin-bottom: 30px;

  resize: vertical;

}

.form-contact-warp .form-control:focus {

  border-color: #0a2c4e;

}

.form-contact-warp ::-webkit-input-placeholder {

  color: #727272;

}

.form-contact-warp :-moz-placeholder {

  /* Firefox 18- */

  color: #727272;

}

.form-contact-warp ::-moz-placeholder {

  /* Firefox 19+ */

  color: #727272;

}

.form-contact-warp :-ms-input-placeholder {

  color: #727272;

}

.form-contact-warp button {

  display: block;

  width: 200px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  -webkit-border-radius: 0;

          border-radius: 0;

  padding-left: 25px;

  padding-right: 25px;

  height: 44px;

  line-height: 44px;

  color: #fff;

  border: 0;

  margin: 0 auto;

}

/* Team Page */

.about-founder {

  display: inline-block;

  width: 100%;

}

.sh-team {

  background: url(images/bg-content/sh-team.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.about-founder .box-img-left .boxcontent h4 {

  font-size: 21px;

}

.box-img-left .feature {

  padding-right: 15px;

  float: left;

  width: 40%;

  height: auto;

  display: inline-block;

}

.box-img-left .feature img {

  width: 100%;

  max-width: 100%;

}

.box-img-left .boxcontent {

  padding-left: 15px;

  float: right;

  width: 60%;

  display: inline-block;

  text-align: left;

}

.box-img-left .boxcontent .sig {

  margin-top: 25px;

}

.ourteam-page {

  display: inline-block;

  width: 100%;

  clear: both;

}

.ourteam-page .item-team {

  padding: 0;

  margin-bottom: 30px;

}

/* Team 2 */

.list-team-v2 {

  display: inline-block;

  width: 100%;

}

.item-team-v2 {

  display: inline-block;

  position: relative;

  width: 100%;

  margin-bottom: 60px;

}

.item-team-v2 .team-ava {

  width: 31%;

  position: absolute;

  top: 0;

  left: 0;

}

.item-team-v2 .team-ava img {

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-team-v2 .box-info {

  width: 77%;

  position: relative;

  float: right;

  z-index: 2;

  background: #f6f6f6;

  padding: 30px 35px;

  margin-top: 20px;

}

.item-team-v2 .box-info h4 {

  margin-bottom: 5px;

}

.item-team-v2 .box-info h4 a {

  color: #222;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-team-v2 .box-info h4 a:hover {

  color: #ab0fbc;

}

.item-team-v2 .box-info p {

  margin-bottom: 0;

}

.item-team-v2 .box-info span {

  font-size: 12px;

  font-weight: 500;

  margin-bottom: 15px;

  display: inline-block;

  width: 100%;

}

.item-team-v2 .box-info ul {

  list-style: none;

  display: block;

  float: right;

  position: absolute;

  top: 30px;

  right: 35px;

}

.item-team-v2 .box-info ul li {

  display: inline-block;

}

.item-team-v2 .box-info ul a {

  color: #222;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  margin-left: 10px;

}

.item-team-v2 .box-info ul a:hover {

  color: #ab0fbc;

}

.item-team-v2:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Single Team */

.header-st-inner {

  width: 100%;

  max-width: 470px;

  margin: 0 auto;

}

.st-info {

  display: inline-block;

  width: 100%;

  position: relative;

  margin-top: 30px;

}

.st-info span {

  font-size: 12px;

  font-weight: 500;

}

.contact-sum-st {

  text-align: right;

  display: block;

  width: 50%;

  top: 0;

  right: 0;

  position: absolute;

}

.contact-sum-st a {

  margin-bottom: 10px;

  font-weight: 500;

  display: block;

  width: 100%;

  color: #727272;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.contact-sum-st a:hover {

  color: #222;

}

.contact-sum-st ul {

  list-style: none;

  width: 100%;

  display: block;

  float: right;

}

.contact-sum-st ul li {

  display: inline-block;

  margin-left: 10px;

}

.contact-sum-st ul a {

  color: #222;

  font-weight: 400;

}

.contact-sum-st ul a:hover {

  color: #ab0fbc;

}

.body-st {

  display: inline-block;

  width: 100%;

}

.body-st h4 {

  margin-bottom: 30px;

  margin-top: 50px;

}

.list-book-icon {

  list-style: none;

  display: inline-block;

  width: 100%;

}

.list-book-icon li {

  display: inline-block;

  width: 100%;

  position: relative;

  line-height: 30px;

  padding-left: 20px;

}

.list-book-icon a {

  color: #0a2c4e;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.list-book-icon a:hover {

  color: #ab0fbc;

}

.list-book-icon li:before {

  display: inline-block;

  position: absolute;

  content: "\f02d";

  top: 0;

  left: 0;

  line-height: 30px;

  color: #ab0fbc;

  font-family: FontAwesome;

}

.contact-st {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

.contact-st .form-advisor button {

  width: 100%;

  margin-bottom: 40px;

}

/* Services Page */

.sh-services {

  background: url(images/bg-content/bg-quote-h2.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.item-service-list {

  margin-bottom: 40px;

  display: inline-block;

  width: 100%;

}

.item-service-list figure {

  display: inline-block;

  width: 68%;

  float: left;

  position: relative;

}

.item-service-list figure img {

  width: 75%;

  float: left;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-service-list figure figcaption {

  display: block;

  width: 330px;

  height: 230px;

  border: 10px solid #fff;

  padding: 60px 30px;

  background: #0a2c4e;

}

.item-service-list figure figcaption {

  position: absolute;

  right: 0px;

  top: 18px;

  font-size: 32px;

  line-height: 44px;

  color: #fff;

}

.item-service-list .box-sum-service {

  display: inline-block;

  float: right;

  width: 32%;

  padding-left: 30px;

  padding-top: 18px;

  font-size: 12px;

}

.item-service-list:hover figure img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Sidebar */

.title-widget-sidebar {

  line-height: 36px;

  color: #fff;

  font-size: 18px;

  display: inline-block;

  width: 100%;

  background: #0a2c4e;

  position: relative;

  padding-left: 18px;

  margin: 0;

}

.title-widget-sidebar:before {

  content: "";

  display: block;

  position: absolute;

  top: 8px;

  left: 0;

  height: 18px;

  width: 6px;

  background: #ab0fbc;

}

/* Widget */

.widget-sidebar {

  margin-bottom: 60px;

}

/* widget list link */

ul.wd-list-link {

  background: #f6f6f6;

  list-style: none;

  display: inline-block;

  width: 100%;

}

ul.wd-list-link li {

  display: inline-block;

  width: 100%;

}

ul.wd-list-link a {

  padding-left: 34px;

  line-height: 49px;

  display: inline-block;

  width: 100%;

  position: relative;

  color: #222;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  font-weight: 500;

}

ul.wd-list-link a:before {

  content: "\f0da";

  position: absolute;

  display: block;

  top: 0;

  left: 20px;

  line-height: inherit;

  color: inherit;

  font-family: FontAwesome;

  font-size: 18px;

}

ul.wd-list-link a:hover {

  background: #ab0fbc;

  color: #fff;

}

ul.wd-list-link li.active a {

  background: #ab0fbc;

  color: #fff;

}

/* Widget Text Block */

.wd-text-warp {

  display: block;

  width: 100%;

  background: #f6f6f6;

  padding: 15px;

  font-size: 12px;

  margin-bottom: 25px;

}

.wd-text-warp .ot-btn {

  display: block;

}

/* Widget Html Block */

.wd-html-block img {

  width: 100%;

  max-width: 100%;

}

.wd-html-block p {

  font-size: 15px;

  color: #fff;

}

.wd-html-block span {

  font-size: 50px;

  font-weight: bold;

  color: #fff;

  line-height: 50px;

}

.wd-html-block .content-wd-html-inner {

  display: block;

  width: 100%;

  background: #0a2c4e;

  padding: 15px 0 5px 0;

  text-align: center;

}

.wd-html-block .ot-btn {

  display: block;

}

/* History Page */

.sh-company-history {

  background: url(images/bg-content/cb-h5.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.item-history-post {

  display: inline-block;

  width: 100%;

  position: relative;

  padding: 70px 25px 25px 25px;

  background: #f6f6f6;

  margin-bottom: 90px;

}

.item-history-post p.title-history {

  line-height: 60px;

  font-size: 21px;

  color: #fff;

  margin-bottom: 0;

  padding-left: 127px;

  padding-right: 15px;

  position: absolute;

  top: -30px;

  background: #0a2c4e;

}

.item-history-post p.title-history span {

  position: absolute;

  font-size: 32px;

  font-weight: bold;

  padding: 0 20px;

  background: #ab0fbc;

  top: 0;

  left: 0;

}

/* History Page 2 */

/* Timeline */

.timeline-centered {

  position: relative;

}

.timeline-centered:before,

.timeline-centered:after {

  content: " ";

  display: table;

}

.timeline-centered:after {

  clear: both;

}

.timeline-centered:before,

.timeline-centered:after {

  content: " ";

  display: table;

}

.timeline-centered:after {

  clear: both;

}

.timeline-centered:before {

  content: '';

  position: absolute;

  display: block;

  width: 4px;

  background: #ededed;

  top: 0px;

  bottom: 0px;

  margin-left: 115px;

}

.timeline-centered .timeline-entry {

  position: relative;

  padding-left: 115px;

  clear: both;

  margin-bottom: 60px;

  cursor: pointer;

}

.timeline-centered .timeline-entry:before,

.timeline-centered .timeline-entry:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry:after {

  clear: both;

}

.timeline-centered .timeline-entry:before,

.timeline-centered .timeline-entry:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry:after {

  clear: both;

}

.timeline-centered .timeline-entry.begin {

  margin-bottom: 0;

}

.timeline-centered .timeline-entry .timeline-entry-inner {

  position: relative;

  margin-left: -16px;

}

.timeline-centered .timeline-entry .timeline-entry-inner:before,

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  clear: both;

}

.timeline-centered .timeline-entry .timeline-entry-inner:before,

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  content: " ";

  display: table;

}

.timeline-centered .timeline-entry .timeline-entry-inner:after {

  clear: both;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {

  background: #ab0fbc;

  display: block;

  width: 32px;

  height: 32px;

  border: 6px solid #ededed;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  float: left;

  margin-top: 40px;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {

  position: relative;

  background: #0a2c4e;

  padding: 40px;

  margin-left: 82px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h4 {

  color: #fff;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {

  color: #bababa;

  margin-bottom: 0;

}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {

  content: '';

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 20px 20px 20px 0;

  border-color: transparent #0a2c4e transparent transparent;

  left: -20px;

  top: 36px;

}

.timeline-entry p.h-year {

  display: block;

  min-width: 100px;

  color: #222;

  font-weight: 600;

  position: absolute;

  top: 45px;

  left: 0;

  font-size: 32px;

}

.timeline-entry:hover .timeline-entry-inner .timeline-icon {

  border-color: #ab0fbc;

  background: #fff;

}

.timeline-entry:hover .timeline-entry-inner .timeline-label {

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

.timeline-centered .timeline-entry:last-of-type {

  margin-bottom: 0;

}

/* News page */

.sh-news {

  background: url(images/bg-content/sh-news.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.item-new-list {

  display: inline-block;

  width: 100%;

  position: relative;

  margin-bottom: 60px;

}

.item-new-list .feature-new-warp {

  width: 57.265%;

  position: relative;

}

.item-new-list .feature-new-warp img {

  min-width: 100%;

  max-width: none;

  min-height: 384px;

}

.item-new-list .feature-new-warp .btn-play-new {

  max-height: auto;

  min-height: auto;

  min-width: auto;

  max-width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.item-new-list .feature-new-warp img {

  -webkit-filter: contrast(90%);

          filter: contrast(90%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-new-list .box-new-info {

  width: 48.88888%;

  position: absolute;

  right: -73px;

  top: 0%;

  background: #f6f6f6;

  height: 100%;

  padding: 35px;

  box-shadow: 5px 1px 8px 1px #eee;

}

.item-new-list .box-new-info .new-info {

  padding: 0;

  position: static;

  display: inline-block;

  width: 100%;

  background: transparent;

  margin-bottom: 20px;

}

.item-new-list .box-new-info .new-info h4 a {

  color: #222;

  font-size: 21px;

}

.item-new-list .box-new-info .new-info h4 a:hover {

  color: #ab0fbc;

}

.item-new-list .box-new-info .new-info h4 {

  margin-bottom: 14px;

}

.item-new-list .box-new-info .new-info p {

  color: #727272;

}

.item-new-list .box-new-info .tapo {

  margin-bottom: 30px;

}

.item-new-list:hover img {

  -webkit-filter: contrast(110%);

          filter: contrast(110%);

}

.owl-feature-gallery-post {

  position: relative;

}

.owl-feature-gallery-post .owl-controls {

  position: absolute;

  bottom: 20px;

  width: 100%;

  z-index: 2;

}

.owl-feature-gallery-post .owl-controls .owl-pagination {

  text-align: center;

}

.owl-feature-gallery-post .owl-controls .owl-pagination .owl-page {

  width: 10px;

  height: 10px;

  border-width: 2px;

  background: transparent;

}

.owl-feature-gallery-post .owl-controls .owl-pagination .owl-page.active {

  background: #ab0fbc;

}

.feature-new-warp .popup-youtube {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.item-new-list.no-position {

  background: #f6f6f6;

}

.item-new-list.no-position .feature-new-warp,

.item-new-list.no-position .box-new-info {

  position: static;

  width: 50%;

  display: inline-block;

  float: left;

}

.item-new-list.no-position .feature-new-warp {

  overflow: hidden;

}

.item-new-list.no-position .feature-new-warp img {

  max-width: none;

  min-height: auto;

}

.item-new-list.no-position .box-new-info {

  background: none;

}

.grid-new .feature-new-warp {

  width: 100%;

}

.grid-new .feature-new-warp img {

  max-width: 100%;

  width: 100%;

  min-height: 0;

}

.grid-new .box-new-info {

  width: -webkit-calc(100% - 30px);

  width: calc(100% - 30px);

  margin-left: 15px;

  margin-top: -60px;

  position: relative;

  z-index: 2;

}

.grid-new .feature-new-warp .btn-play-new {

  width: 60px;

}

/* Pagination Blog */

ul.pagination li a {

  margin-bottom: 10px;

  padding: 0 15px;

  line-height: 42px;

  background: #0a2c4e;

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  -webkit-border-radius: 0!important;

          border-radius: 0!important;

  min-width: 42px;

  text-align: center;

  margin-right: 10px;

  border: 0;

  -webkit-box-shadow: 0;

          box-shadow: 0;

}

ul.pagination li a:hover {

  background: #ab0fbc;

  color: #fff;

  -webkit-box-shadow: 0;

          box-shadow: 0;

}

ul.pagination li.active a {

  color: #fff;

  background: #ab0fbc;

}

/* News Detail Page */

.feature-img-deital {

  text-align: center;

}

.new-detail-warp {

  display: inline-block;

  width: 100%;

  padding-bottom: 40px;

}

.new-info-detail {

  position: static;

  background: transparent;

  padding: 0;

  margin: 40px 0 25px 0;

  display: inline-block;

  width: 100%;

  text-align: center;

}

.new-info-detail h4 a {

  color: #222;

  font-size: 24px;

  line-height: 20px;

}

.new-info-detail p {

  color: #727272;

  max-width: 160px;

  margin-bottom: 0;

}

.new-info-detail p:last-child {

  float: left;

}

.content-new-detail {

  clear: both;

}

.widget-footer-social-1.footer-post-share li a {

  background: #f6f6f6;

  color: #222;

  line-height: 38px;

  width: 36px;

  height: 36px;

}

.widget-footer-social-1.footer-post-share li a:hover {

  color: #fff;

}

.footer-post {

  padding: 17px 0;

  display: inline-block;

  width: 100%;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #ededed;

}

.footer-post ul.footer-post-share {

  display: inline-block;

  float: right;

}

.footer-post p.tags-post {

  display: inline-block;

  float: left;

  line-height: 36px;

  margin-bottom: 0;

}

.footer-post p.tags-post a {

  color: #222;

  font-size: 12px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.footer-post p.tags-post i {

  margin-right: 10px;

  color: #222;

}

.footer-post p.tags-post a:hover {

  text-decoration: underline;

  color: #ab0fbc;

}

/* Section Comment */

.comment-list {

  display: inline-block;

  width: 100%;

}

.comment-list ol,

.comment-list li {

  display: inline-block;

  width: 100%;

}

.comment-list ol {

  padding: 0;

}

.comment-list ul.child-comment {

  padding-left: 13.675%;

}

.comment-item {

  display: inline-block;

  width: 100%;

  position: relative;

  padding-left: 110px;

  margin-bottom: 60px;

}

.comment-item .avatar {

  position: absolute;

  top: 0;

  left: 0;

  max-width: 90px;

}

.comment-item .avatar .reply-comment {

  display: block;

  width: 32px;

  height: 32px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  bottom: -40px;

  left: 30px;

  position: absolute;

  line-height: 32px;

  text-align: center;

  color: #fff;

  background: #ab0fbc;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.comment-item .avatar .reply-comment:hover {

  background: #0a2c4e;

  color: #fff;

}

.comment-item h6 {

  margin-bottom: 5px;

}

.comment-item p {

  font-size: 12px;

  line-height: 24px;

}

.comment-item span.comment-info {

  display: inline-block;

  width: 100%;

  color: #bababa;

  font-size: 12px;

  margin-bottom: 15px;

}

.comment-item span.comment-info i {

  color: #222;

  font-size: 14px;

  margin-right: 10px;

}

.form-review button {

  float: right;

}

.form-review .rating-review {

  float: left;

  line-height: 44px;

  margin-bottom: 0;

}

.form-review .rating-review i {

  color: #ab0fbc;

}

.form-review .rating-review span {

  margin-right: 10px;

}

/* Single Cases */

.sh-case-single {

  background: url(images/bg-content/bg-quote-h2.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.case-detail-info h3 {

  font-size: 32px;

  margin-bottom: 0;

}

.case-detail-info p.case-cate {

  font-size: 18px;

  margin-bottom: 30px;

}

.case-detail-info .dl-horizontal dt {

  text-align: left;

  font-size: 14px;

  line-height: 36px;

  font-weight: 400;

  color: #222;

}

.case-detail-info .dl-horizontal dd {

  line-height: 36px;

}

.case-detail-info .dl-horizontal {

  margin-bottom: 30px;

}

.case-detail-info .advisors-warp {

  display: inline-block;

  width: 100%;

}

.case-detail-info .advisors-warp img {

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.case-detail-info .advisors-warp a {

  display: inline-block;

  width: 80px;

  height: 80px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  margin-right: 10px;

  overflow: hidden;

}

.case-detail-info .advisors-warp .tooltip .tooltip-inner {

  background: #0a2c4e;

  -webkit-border-radius: 0;

          border-radius: 0;

}

.case-detail-info .advisors-warp .tooltip .tooltip-arrow {

  border-bottom-color: #0a2c4e;

}

.case-detail-info .advisors-warp a:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

.box-text-case {

  margin-top: 40px;

}

.owl-relate-cases .owl-item {

  padding: 0 15px;

}

.owl-relate-cases {

  padding: 60px 0 0 0;

}

.relate-cases-warp {

  display: inline-block;

  width: 100%;

  position: relative;

}

.relate-cases-warp .owl-controls {

  height: 15px;

  position: absolute;

  top: -18px;

  right: 15px;

  width: 100%;

}

/* Single Services */

.sh-single-services {

  background: url(images/bg-content/sh-single-services.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.services-detail-warp {

  display: inline-block;

  width: 100%;

}

.overview-services {

  position: relative;

  display: inline-block;

  width: 100%;

}

.overview-services img {

  max-width: 65.5%;

}

.overview-services .box-text-overview {

  width: 54%;

  height: 90%;

  right: 0;

  top: 5%;

  background: #f6f6f6;

  position: absolute;

  padding: 70px 25px;

  overflow: hidden;

}

.overview-services .box-text-overview h4 {

  font-size: 24px;

  margin-bottom: 30px;

}

.statements-warp {

  margin-top: 60px;

}

.statements-warp h3 {

  margin-bottom: 40px;

  font-size: 18px;

}

/* Accordion style 2 */

.accordion-2 {

  margin: 0;

  border: 1px solid #ededed;

}

.accordion-2 .panel-heading .accordion-toggle:after {

  /* symbol for "opening" panels */

  font-family: 'FontAwesome';

  /* essential for enabling glyphicon */

  content: "\f056";

  /* adjust as needed, taken from bootstrap.css */

  position: absolute;

  /* adjust as needed */

  top: 0;

  left: 0;

  background: #0a2c4e;

  padding: 0 20px;

  color: #fff;

  /* adjust as needed */

  font-size: 21px;

}

.accordion-2 .panel-heading .accordion-toggle.collapsed:after {

  /* symbol for "collapsed" panels */

  content: "\f055";

  /* adjust as needed, taken from bootstrap.css */

  color: #fff;

}

.accordion-2 .panel-default {

  border: 0;

  border-bottom: 1px solid #ededed;

  -webkit-border-radius: 0;

          border-radius: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.accordion-2 .panel-default > .panel-heading {

  background: #fff;

  border: 0;

  color: #727272;

  padding: 0;

}

.accordion-2 .panel + .panel {

  margin-top: 0;

}

.accordion-2 .panel {

  -webkit-border-radius: 0;

          border-radius: 0;

}

.accordion-2 h4 {

  font-size: 16px;

  color: #222;

  line-height: 60px;

}

.accordion-2 h4 a {

  padding: 0 20px;

  display: inline-block;

  width: 100%;

  position: relative;

}

.accordion-2 a.accordion-toggle {

  background: #ab0fbc;

  color: #fff;

  padding-left: 70px;

}

.accordion-2 a.accordion-toggle:after {

  color: #fff;

}

.accordion-2 a.accordion-toggle.collapsed {

  background: #f6f6f6;

  color: #222;

}

/* Tab style 1 */

.tab-style-1 {

  margin-bottom: 3px;

}

.tab-style-1 li {

  display: inline-block;

}

.tab-style-1 li a {

  padding: 0px 25px;

  background: #f6f6f6;

  font-size: 14px;

  color: #222;

  line-height: 56px;

}

.tab-style-1 li.active a {

  color: #fff;

  background: #ab0fbc;

}

.tab-content-style-1 {

  padding: 30px;

  background: #f6f6f6;

  display: inline-block;

  width: 100%;

}

.chart-services-warp {

  margin-top: 60px;

}

/* Single Service 2 */

.services-2-detail-warp ul.list-check-icon {

  margin-top: 30px;

  margin-bottom: 30px;

}

.benefit-services-warp-2 .iconbox {

  margin-bottom: 30px;

}

.services-2-detail-warp img {

  width: 100%;

}

/* Single Service 3 */

.popup-video-services-3 {

  position: relative;

  display: inline-block;

  width: 100%;

}

.popup-video-services-3 img {

  width: 100%;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.popup-video-services-3 .btn-play {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.popup-video-services-3:hover .btn-play {

  background: #0a2c4e;

  border-color: #0a2c4e;

  color: #fff;

}

.popup-video-services-3:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Branches Page */

.img-branches {

  margin: 0 auto;

  margin-bottom: 60px;

  width: 80%;

}

.item-branche {

  margin: 0;

  margin-bottom: 30px;

  background: #f6f6f6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-branche h3 {

  background: #0a2c4e;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-branche:hover {

  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

          box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);

}

.item-branche:hover h3 {

  background: #ab0fbc;

}

/* Ceo Message */

.accordion-ceo {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

/* Partner Grid */

.partner-grid img.partner-img {

  margin-bottom: 30px;

}

/* Partner List */

.item-partner-list {

  margin-bottom: 60px;

  display: inline-block;

  width: 100%;

}

.item-partner-list img {

  max-width: 100%;

  margin: 0 auto;

  margin-bottom: 15px;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-partner-list h4 a {

  color: #222;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.item-partner-list h4 a:hover {

  color: #ab0fbc;

}

.item-partner-list p {

  display: inline-block;

  width: 100%;

}

.item-partner-list .ot-btn {

  margin-top: 20px;

}

.item-partner-list:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Testimonial List */

.testimonial-list .test-list-item {

  display: inline-block;

  width: 100%;

  position: relative;

  padding-bottom: 60px;

  margin-bottom: 60px;

}

.testimonial-list .test-list-item p {

  color: #727272;

  font-size: 18px;

}

.testimonial-list .test-list-item:before {

  display: block;

  height: 4px;

  width: 100px;

  background: #0a2c4e;

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

}

/* Testimonial Grid */

.item-testimonial-2-page {

  background: #f6f6f6;

  padding: 30px;

  margin-bottom: 30px;

}

.item-testimonial-2-page p {

  font-size: 14px;

  color: #727272;

  line-height: 24px;

}

.item-testimonial-2-page.text-center img {

  margin-bottom: 30px;

}

/* Career Page */

.sh-career {

  background: url(images/bg-content/sh-career.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

.list-job-warp {

  display: inline-block;

  width: 100%;

  background: #fff;

}

.table-reset th,

.table-reset td {

  padding-top: 0!important;

  padding-bottom: 0!important;

  line-height: 41px!important;

  text-align: center!important;

  border: 0;

}

.table-reset tr > th {

  color: #fff;

  font-weight: 500;

}

.table-reset thead {

  background: #0a2c4e;

}

.table-reset th {

  border: 0!important;

}

.table-reset tr:hover {

  cursor: alias;

}

.table-reset tbody > tr > td {

  border-top: 0;

  border-bottom: 1px solid #f6f6f6;

}



.list-job-description-warp {

  display: inline-block;

  width: 100%;

  padding: 40px;

}

.sub-text-career {

  margin: 30px 0 20px 0;

}

.table-detail-job td.detail {

  width: 430px;

  text-align: left!important;

}

.table-detail-job td.title {

  width: 140px;

  font-weight: 500;

  color: #222;

  text-align: left!important;

  padding-left: 15px;

}

.job-detail-info-warp h4 {

  margin: 30px 0 20px 0;

}

.table-reset.table-bordered {

  border: 1px solid #ededed;

}

.table-reset.table-bordered td,

.table-reset.table-bordered th {

  border: 1px solid #ededed!important;

}

.file {

  visibility: hidden;

  position: absolute;

}

.form-apply-job .btn-upload {

  line-height: 32px;

  font-size: 12px;

  text-align: center;

  padding: 0 25px;

  width: auto!important;

  color: #727272;

  position: absolute;

  top: 5px;

  right: 5px;

  z-index: 2;

  height: auto;

  border: 1px solid #ededed;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

  background: #ededed;

}

.form-apply-job .btn-upload:hover {

  color: #fff;

  background: #ab0fbc;

}

.upload-cv-warp {

  position: relative;

  display: inline-block;

  width: 100%;

}

.form-apply-job.cb-form .fancy-select {

  height: 44px;

}

.form-apply-job.cb-form .fancy-select ul.options {

  max-height: 300px!important;

  overflow-y: scroll!important;

}

.form-apply-job.cb-form .btn-apply {

  float: left;

}

/* 404 page */

.full-screen-warp {

  width: 100%;

  height: 100vh;

}

.bg-404 {

  background: url(images/bg-content/404.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

  background-position: fixed;

}

.warp-inner-404 {

  margin: 0 auto;

  max-width: 780px;

  padding-top: 70px;

}

.warp-inner-404 img {

  margin: 0 auto;

  max-width: 230px;

  width: 230px;

}

.warp-inner-404 p.sub-text-404 {

  margin: 55px auto 30px auto;

  color: #fff;

  font-size: 18px;

  max-width: 560px;

  line-height: 30px;

}

.warp-inner-404 p.sub-text-404 a {

  color: #ab0fbc;

}

.warp-inner-404 p {

  color: #fff;

}

.warp-inner-404 .btn-border-white-color:hover {

  background: #ab0fbc;

  border-color: #ab0fbc;

}

.warp-inner-404 .ot-btn {

  margin: 0 5px;

}

.warp-inner-404 .group-btn {

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.warp-inner-404 p.ftext {

  padding-bottom: 30px;

  margin-top: 60px;

  color: #b2b2b2;

  font-size: 13px;

}

.warp-inner-404 p.ftext span {

  color: #fff;

}

.box-text-404 span {

  font-size: 42px;

  line-height: 80px;

  color: #fff;

  letter-spacing: 1px;

}

.box-text-404 strong {

  display: inline-block;

  width: 100%;

  font-size: 162px;

  font-weight: 600;

  line-height: 162px;

  color: #ab0fbc;

}

.box-text-404 p {

  font-size: 24px;

  line-height: 53px;

  color: #fff;

}

.search-404 input.form-control {

  width: 100%;

}

.search-404 {

  margin: 50px auto 40px auto;

}

.search-404 button {

  bottom: 10px;

  right: 25px;

  font-size: 20px;

}

/* Coming Soon */

.warp-inner-cms {

  padding-top: 180px;

  display: inline-block;

  width: 100%;

  max-width: 800px;

  margin: 0 auto;

}

.warp-inner-cms img {

  margin: 0 auto;

  max-width: 230px;

  width: 230px;

  margin-bottom: 60px;

}

.warp-inner-cms p {

  display: inline-block;

  margin: 0 auto;

  color: #fff;

  line-height: 24px;

  font-size: 18px;

  max-width: 600px;

}

.warp-inner-cms .follow-text-cms,

.warp-inner-cms ul.social-hover-defaul {

  display: inline-block;

}

.warp-inner-cms ul.social-hover-defaul {

  width: auto;

}

.warp-inner-cms .follow-text-cms {

  position: relative;

  padding-right: 150px;

  margin-right: 30px;

}

.warp-inner-cms .follow-text-cms:after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;

  background: url(images/bg-content/follow.png) no-repeat;

  width: 120px;

  height: 52px;

}

.amwal-countdown {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

  margin-bottom: 40px;

}

.item-counter-down {

  border: 2px solid rgba(255, 255, 255, 0.18);

  margin-bottom: 30px;

}

.item-counter-down span {

  font-size: 82px;

  line-height: 148px;

  color: #fff;

  font-weight: 600;

  display: inline-block;

  width: 100%;

}

.item-counter-down p {

  font-size: 14px;

  font-weight: 300;

  text-transform: uppercase;

  display: inline-block;

  width: 100%;

  margin: 0;

  border-top: 2px solid rgba(255, 255, 255, 0.18);

  line-height: 48px;

  background: rgba(255, 255, 255, 0.08);

  max-width: none;

}

.connect-cms-warp {

  display: inline-block;

  width: 100%;

  margin-bottom: 160px;

}

/* Shop */

.group-title-btn select.orderby {

  position: absolute;

  right: 0;

  height: 42px;

  line-height: 42px;

  border: 1px solid #ededed;

  min-width: 270px;

  padding-left: 15px;

}

.list-product {

  margin-top: 60px;

  display: inline-block;

  width: 100%;

}

.product-item {

  margin-bottom: 60px;

}

.product-item figure {

  border: 1px solid #ededed;

  margin-bottom: 10px;

}

.product-item figure img {

  margin: 0 auto;

  padding: 40px 0;

  -webkit-filter: contrast(80%);

          filter: contrast(80%);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.product-item .product-detail h3 {

  margin-bottom: 0;

}

.product-item .product-detail h3 a {

  color: #222;

  font-size: 18px;

  -webkit-transition: all all 0.3s ease-in-out;

          transition: all all 0.3s ease-in-out;

}

.product-item .product-detail h3 a:hover {

  color: #ab0fbc;

}

.product-item .product-detail span.amount {

  color: #8f8f8f;

  font-size: 16px;

  font-weight: 500;

  letter-spacing: 1px;

}

.product-item .product-detail span.price {

  float: left;

}

.product-item .product-detail .product-rate {

  float: right;

}

.product-item .group-btn {

  margin: 0;

  margin-top: 15px;

  display: inline-block;

  width: 100%;

}

.product-item .group-btn .ot-btn {

  width: 49%;

  display: inline-block;

  padding: 0;

}

.product-rate i.fa-star {

  color: #ab0fbc;

}

.product-rate i.disable {

  color: #cfcfcf;

}

.product-item:hover img {

  -webkit-filter: contrast(100%);

          filter: contrast(100%);

}

/* Shop Cart */

.table-cart td,

.table-cart th {

  padding: 8px!important;

  vertical-align: middle!important;

}

.table-cart .product-name a {

  color: #727272;

}

.table-cart .product-name a:hover {

  color: #ab0fbc;

}

.table-cart .product-name {

  text-align: left!important;

}

.table-cart .product-thumbnail {

  width: 70px;

  min-width: 70px;

}

.table-cart .product-remove a {

  color: #ab0fbc;

}

.table-cart .product-thumbnail img {

  width: 70px!important;

}

.quantity input {

  height: 31px;

  line-height: 31px;

  border: 1px solid #ededed;

  color: #222;

  padding: 0 6px!important;

}

.quantity .minus,

.quantity .plus {

  background: #f6f6f6;

  width: 34px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.quantity .minus:hover {

  color: #fff;

  background: #0a2c4e;

}

.quantity .plus:hover {

  color: #fff;

  background: #ab0fbc;

}

.quantity .qty {

  width: 64px;

  text-align: center;

  border-left: 0;

  border-right: 0;

  vertical-align: 1px;

}

.quantity input {

  display: inline-block;

  margin-left: -3px;

}

.quantity input.minus {

  margin-left: 0;

}

.form-coupon input.form-control {

  margin: 0;

}

.table-cart-total {

  font-size: 14px;

}

.table-cart-total th {

  background: #ab0fbc;

  font-weight: normal;

  text-align: left;

  color: #fff;

  padding: 0 15px!important;

  line-height: 60px!important;

  width: 195px;

}

.table-cart-total td {

  line-height: 60px!important;

  padding: 0!important;

  padding-left: 30px!important;

}

.form-calc-ship input.form-control {

  margin-bottom: 15px;

}

.form-calc-ship div.fancy-select div.trigger {

  margin-bottom: 15px;

}

.form-calc-ship button {

  width: 100%;

}

.form-calc-ship div.fancy-select ul.options {

  max-height: 300px;

  overflow-y: scroll;

}

.owl-relate-product .owl-item {

  padding: 0 15px;

}

/* Check out */

.table-payment {

  margin-bottom: 60px;

}

.table-payment th {

  font-weight: 400!important;

  color: #222;

  line-height: 42px!important;

  padding: 0 8px!important;

}

.table-payment td {

  line-height: 42px!important;

  padding: 0 8px!important;

}

.table-payment tfoot td {

  background: #0a2c4e;

  color: #fff;

}

.form-select-payment button {

  width: auto;

}

.form-select-payment {

  margin-bottom: 60px;

  display: inline-block;

  width: 100%;

}

/* Single Product */

.single-product-warp figure {

  padding: 40px;

  border: 1px solid #ededed;

}

.single-product-warp figure img {

  margin: 0 auto;

}

.product-info-detail h3 {

  font-size: 24px;

  float: left;

  line-height: 20px;

}

.product-info-detail p.price {

  font-size: 24px;

  float: right;

  line-height: 20px;

  font-weight: 500;

}

.product-info-detail .product-rate {

  display: inline-block;

  clear: both;

  width: 100%;

}

.form-detail-product label {

  line-height: 44px;

  font-weight: normal;

  margin: 0;

  margin-right: 10px;

}

.form-detail-product input.form-control {

  margin: 0;

  max-width: 100px;

}

.form-detail-product button {

  display: inline-block;

  width: auto;

  padding: 0 15px;

  line-height: 44px;

  margin-left: 10px;

}

.widget-footer-social-1.social-detail-product {

  float: right;

}

.widget-footer-social-1.social-detail-product li a {

  color: #222;

}

.widget-footer-social-1.social-detail-product li a:hover {

  color: #fff;

}

.quantily-detail-product {

  float: left;

  display: inline-block;

}

.tab-content-style-2 {

  background: #fff;

}

.tab-style-2 li a {

  background: #0a2c4e;

  color: #fff;

}

.tab-style-2 li a:hover {

  background: #222;

}

.tab-style-2 li.active a:hover {

  background: #ab0fbc;

}

/* Shop Sidebar */

/* widget search */

.widget-search .widget-form {

  position: relative;

  margin-top: 40px;

}

.widget-search input.form-control {

  width: 100%;

  margin: 0;

}

.widget-search button {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  width: auto;

  padding: 0 15px;

  background: transparent;

  color: #ccc;

  font-size: 18px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.widget-search button:hover {

  color: #ab0fbc;

}

/* widget list product */

.product_list_widget {

  list-style: none;

  margin: 0;

  padding: 0;

  margin-top: 40px;

  margin-bottom: 30px;

}

.product_list_widget li {

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.product_list_widget .wp-post-image {

  max-width: 70px;

  float: left;

  margin-right: 15px;

}

.product_list_widget h3 {

  font-size: 16px;

  line-height: 25px;

  margin: 0;

}

.product_list_widget h3 a {

  color: #222;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.product_list_widget h3 a:hover {

  color: #ab0fbc;

}

/* widget tags */

.wd-tags {

  list-style: none;

  margin-top: 40px;

  margin-bottom: 30px;

}

.wd-tags li {

  display: inline-block;

}

.wd-tags a {

  margin-right: 5px;

  margin-bottom: 5px;

  display: block;

  line-height: 30px;

  padding: 0 25px;

  border: 1px solid #ededed;

  color: #727272;

  font-size: 12px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.wd-tags a:hover {

  color: #fff;

  background: #ab0fbc;

  border-color: #ab0fbc;

}

/* Pricing */

.sh-pricing {



  -webkit-background-size: cover;

          background-size: cover;

  background-attachment: fixed;

}

/* Account */

.bg-acc {

  background: url(images/bg-content/bg-acc.jpg) no-repeat;

  -webkit-background-size: cover;

          background-size: cover;

}

.login-warp {

  padding: 40px;

}

.cb-form {

  margin-bottom: 40px;

}

.login-warp .checkbox {

  float: right;

  margin: 0;

  margin-bottom: 15px;

}

.footer-acc a {

  float: left;

  margin-bottom: 15px;

}

.tab-acc li {

  width: 50%;

  text-align: center;

  float: left;

  margin: 0;

}

/* 

   Icon Box

   ========================================================================== */

.iconbox {

  padding-right: 40px;

}

.iconbox .icon,

.iconbox .fa,

.iconbox .lnr {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-size: 32px;

  color: #ab0fbc;

  display: block;

  width: 83px;

  height: 83px;

  line-height: 76px;

  border: 2px solid #ab0fbc;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  text-align: center;

}

.iconbox:hover .icon {

  color: #fff;

  background: #ab0fbc;

}

.iconbox h4 {

  margin-top: 25px;

  margin-bottom: 7px;

}

.iconbox.text-center .icon,

.iconbox.text-center .fa,

.iconbox.text-center .lnr {

  margin-left: auto;

  margin-right: auto;

  float: none;

}

.iconbox-type-sm {

  padding: 60px 40px;

}

.iconbox-type-sm .icon,

.iconbox-type-sm .fa,

.iconbox-type-sm .lnr {

  font-size: 42px;

  color: #ab0fbc;

}

.iconbox-type-sm h4 {

  margin-top: 13px;

  margin-bottom: 28px;

}

.iconbox-type-sm p {

  margin-bottom: 40px;

}

.iconbox-type-xs {

  padding: 40px 30px;

  cursor: pointer;

}

.iconbox-type-xs .icon,

.iconbox-type-xs .fa,

.iconbox-type-xs .lnr {

  font-size: 42px;

  color: #ab0fbc;

}

.iconbox-type-xs h4 {

  margin-top: 13px;

  margin-bottom: 28px;

}

.iconbox-type-xx {

  padding: 40px 30px;

  cursor: pointer;

  padding-left: 15px;

  padding-right: 15px;

}

.iconbox-type-xx .icon,

.iconbox-type-xx .fa,

.iconbox-type-xx .lnr {

  font-size: 42px;

  color: #ab0fbc;

}

.iconbox-type-xx h4 {

  margin-top: 13px;

  margin-bottom: 28px;

}

.iconbox-overlay-bg {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.iconbox-overlay-bg h4,

.iconbox-overlay-bg p,

.iconbox-overlay-bg .ot-btn {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.iconbox-overlay-bg:hover {

  background: #0a2c4e;

}

.iconbox-overlay-bg:hover h4,

.iconbox-overlay-bg:hover p {

  color: #fff;

}

.iconbox-overlay-bg:hover .ot-btn {

  border-color: #fff;

  color: #fff;

}

.iconbox-overlay-bg .ot-btn:hover {

  color: #fff;

  background: #ab0fbc;

  border-color: #ab0fbc;

}

.iconbox-inline {

  padding-left: 110px;

  position: relative;

}

.iconbox-inline .icon,

.iconbox-inline .fa,

.iconbox-inline .lnr {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-size: 32px;

  color: #ab0fbc;

  display: block;

  width: 83px;

  height: 83px;

  line-height: 76px;

  border: 2px solid #ab0fbc;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  text-align: center;

  position: absolute;

  top: 0;

  left: 0;

}

.iconbox-inline:hover .icon {

  color: #fff;

  background: #ab0fbc;

}

.iconbox-inline h4 {

  margin-top: 25px;

  margin-bottom: 10px;

}

.icon-box-on-dark {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.icon-box-on-dark h4 {

  color: #fff;

}

.icon-box-on-dark p {

  color: #bababa;

}

.icon-box-on-dark span,

.icon-box-on-dark p {

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.icon-box-on-dark:hover {

  background: #0a2c4e;

}

.icon-box-on-dark:hover p {

  color: #fff;

}

.icon-box-on-dark:hover span,

.icon-box-on-dark:hover i {

  color: #fff;

}

/* Counter Up Icon */

.counter-inline {

  padding-left: 65px;

  position: relative;

  width: 100%;

}

.counter-inline .icon,

.counter-inline .fa,

.counter-inline .lnr {

  font-size: 38px;

  color: #ab0fbc;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

}

.counter-inline span {

  font-size: 46px;

  margin-bottom: 7px;

  color: #fff;

  font-weight: 600;

  line-height: 46px;

}

.counter-inline p {

  font-size: 16px;

  color: #fff;

}

.counter-inline.ct-on-dark span {

  color: #222;

}

.counter-inline.ct-on-dark p {

  color: #727272;

}

.counter-inline.ct-on-dark .icon,

.counter-inline.ct-on-dark .fa,

.counter-inline.ct-on-dark .lnr {

  color: #ab0fbc;

}

.counter-block {

  text-align: center;

}

.counter-block .icon,

.counter-block .fa,

.counter-block .lnr {

  font-size: 38px;

  color: #ab0fbc;

  display: block;

  margin-bottom: 15px;

}

.counter-block span {

  font-size: 46px;

  color: #fff;

  font-weight: 600;

  line-height: 46px;

}

.counter-block p {

  font-size: 16px;

  color: #bababa;

  line-height: 30px;

}

.counter-on-light span.counter {

  color: #222;

}

.counter-on-light p {

  color: #727272;

}

/* 

   Backtotop

   ========================================================================== */

.fixbtt {

  display: none;

  position: fixed;

  text-align: center;

  right: 30px;

  bottom: 30px;

  color: #fff;

  cursor: pointer;

  -webkit-border-radius: 2px;

          border-radius: 2px;

  z-index: 10000;

  height: 40px;

  width: 40px;

  line-height: 40px;

  background-color: rgba(0, 0, 0, 0.4);

  background-repeat: no-repeat;

  background-position: center;

  -webkit-transition: background-color 0.1s linear;

          transition: background-color 0.1s linear;

}

.fixbtt:hover {

  background-color: #0a2c4e;

  color: #fff;

}

/* ==========================================================================

   Footer

   ========================================================================== */

footer {

  padding: 55px 0;

}

.f-bg-dark {

  background: #1a1a1a;

}

.f-bg-img {

  background: url(images/Footer/bg-footer-img.jpg) no-repeat;

  backgruond-size: cover;

  background-attachment: fixed;

}

.footer-home-5 {

  position: relative;

  width: 100%;

  background: #2a2a2a;

}

.footer-home-5 .left-footer-h5 {

  width: 38.54%;

}

.footer-home-5 .right-footer-h5 {

  width: 62.46%;

  right: 0;

  position: absolute;

  height: 100%;

  top: 0;

}

.cr-inner {

  padding-bottom: 0;

}

.logo-footer {

  margin-bottom: 35px;

  display: inline-block;

  width: 100%;

}

.widget-footer {

  color: #bababa;

  display: inline-block;

  width: 100%;

}

.widget-footer-text p {

  color: #bababa;

  line-height: 28px;

}

.widget-footer-text .btn-learn-more {

  float: left;

  color: #fff;

  background: #ab0fbc;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  margin-top: 30px;

  padding: 0 15px;

  line-height: 30px;

  display: block;

  clear: both;

}

.widget-footer-text .btn-learn-more:hover {

  color: #0a2c4e;

  background: #fff;

}

.widget-footer-social-1 {

  list-style: none;

}

.widget-footer-social-1 li {

  display: inline-block;

}

.widget-footer-social-1 li a {

  display: block;

  margin-right: 5px;

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  font-size: 16px;

  color: #fff;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.widget-footer-social-1 li a:hover {

  background: #ab0fbc;

}

.widget-footer.widget-footer-social-1 {

  margin-bottom: 0;

}

.widget-footer-icon-link ul {

  list-style: none;

  line-height: 28px;

  color: #bababa;

}

.widget-footer-icon-link ul a {

  color: #bababa;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.widget-footer-icon-link ul a:hover {

  color: #fff;

}

.widget-footer-icon-link ul li {

  display: inline-block;

  position: relative;

  width: 100%;

  padding-left: 25px;

}

.widget-footer-icon-link ul i {

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  line-height: 28px;

}

.widget-footer-list-link ul {

  list-style: none;

  line-height: 28px;

  color: #bababa;

}

.widget-footer-list-link a {

  pwidth: 100%;

  color: #bababa;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.widget-footer-list-link a:hover {

  color: #ab0fbc;

}

.widget-footer-list-link li {

  display: inline-block;

  width: 100%;

}

.widget-footer-list-link a:before {

  display: block;

  content: "\f0da";

  float: left;

  margin-right: 10px;

  color: #bababa;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-family: 'FontAwesome';

}

.widget-footer-list-link a:hover:before {

  color: #ab0fbc;

}

.widget-footer-hours p {

  margin-bottom: 37px;

}

.dl-working-hours dt {

  width: 50%;

  text-align: left;

  color: #bababa;

  font-weight: 400;

  line-height: 28px;

}

.dl-working-hours dd {

  margin-left: 50%;

  color: #fffffe;

  line-height: 28px;

}

ul.footer-list-news {

  list-style: none;

}

ul.footer-list-news li {

  display: inline-block;

  width: 100%;

  position: relative;

  padding-left: 90px;

  margin-bottom: 20px;

  min-height: 70px;

}

ul.footer-list-news img {

  display: block;

  position: absolute;

  top: 5px;

  left: 0;

}

ul.footer-list-news a {

  color: #bababa;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

ul.footer-list-news a:hover {

  color: #ab0fbc;

}

small.time {

  color: #fffffe;

  font-size: 12px;

  display: block;

}

.form-subcri-footer {

  margin-top: 15px;

}

.form-subcri-footer input.form-control {

  font-size: 12px;

  color: #fff;

  height: 40px;

  line-height: 40px;

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: 0;

  border: 1px solid #fff;

  -webkit-border-radius: 0;

          border-radius: 0;

  background: transparent;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.form-subcri-footer input.form-control:focus {

  opacity: 1;

}

.form-subcri-footer button.btn-subcri-footer {

  background: #ab0fbc;

  color: #fff;

  -webkit-border-radius: 0;

          border-radius: 0;

  border: 0;

  outline: none;

  -webkit-box-shadow: none;

          box-shadow: none;

  padding: 0 15px;

  line-height: 30px;

  margin-top: 5px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.form-subcri-footer button.btn-subcri-footer:hover {

  background: #fff;

  color: #0a2c4e;

}

.widget-footer-tweets .owl-tweets-footer ul {

  list-style: none;

}

.widget-footer-tweets .owl-tweets-footer ul li {

  position: relative;

  width: 100%;

}

.widget-footer-tweets .owl-tweets-footer ul li p.tweet a {

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.widget-footer-tweets .owl-tweets-footer ul li p.tweet a:hover {

  color: #ab0fbc;

}

.widget-footer-tweets p.interact {

  display: none;

}

.widget-footer-tweets p.timePosted a {

  color: #fffffe;

  font-size: 12px;

  display: block;

}

.widget-footer-tweets p {

  padding-left: 35px;

}

.widget-footer-tweets .owl-tweets-footer ul li:before {

  content: "\f099";

  position: absolute;

  top: 0;

  left: 0;

  color: #fff;

  font-size: 14.4px;

  display: block;

  font-family: 'FontAwesome';

}

.widget-footer-tweets .owl-tweets-footer .owl-item {

  overflow: hidden;

}

.owl-tweets-footer .owl-pagination {

  text-align: left;

  margin-top: 20px;

  padding-left: 30px;

}

.owl-tweets-footer .owl-pagination .owl-page {

  width: 11px;

  height: 11px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  border: 1px solid #fff;

  background: transparent;

  opacity: .6;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.owl-tweets-footer .owl-pagination .owl-page:hover,

.owl-tweets-footer .owl-pagination .owl-page.active {

  background: #ab0fbc;

  border-color: #ab0fbc;

  opacity: 1;

}

.widget-tags-footer a {

  color: #bababa;

  font-size: 12px;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 5px;

  line-height: 30px;

  padding: 0 15px;

  border: 1px solid rgba(255, 255, 255, 0.2);

}

.widget-tags-footer a:hover {

  background: #ab0fbc;

  color: #fff;

}

.widget-cases-footer {

  width: 100%;

  display: inline-block;

}

.widget-cases-footer img {

  display: inline-block;

  float: left;

  margin-right: 5px;

  margin-bottom: 5px;

}

/* Footer home 8 */

.footer-home-8 {

  padding: 0;

  position: relative;

  width: 100%;

  background: #2a2a2a;

}

.footer-home-8 .left-footer-h8 {

  width: 38.54%;

}

.footer-home-8 .right-footer-h8 {

  width: 41.458%;

  right: 0;

  position: absolute;

  height: 100%;

  top: 0;

}

.footer-home-8 .widget-footer {

  padding: 60px 0;

}

.footer-home-8 .widget-footer-social-1 {

  padding-top: 20px;

  padding-bottom: 0;

}

.footer-home-8 .widget-footer-subcri {

  padding-left: 15px;

}

/* Footer home 10 */

.footer-home-10 {

  padding: 0;

  position: relative;

  width: 100%;

  background: #0a2c4e;

}

.footer-home-10 .widget-footer {

  padding: 60px 0;

}

.footer-home-10 .widget-footer-social-1 {

  padding-top: 20px;

  padding-bottom: 0;

}

.footer-home-10 .widget-footer-subcri {

  padding-left: 15px;

}

/* 

     Copyright

     ========================================================================== */

.cr-h1 {

  background: url(images/Footer/cr-h1.jpg) repeat;

}

.cr-h4 {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  margin-top: 30px;

}

.copyright-warp .copyright-list-link {

  display: inline-block;

  float: left;

}

.copyright-warp .copyright-text {

  display: inline-block;

  float: right;

}

.copyright-list-link ul {

  list-style: none;

}

.copyright-list-link li {

  display: inline-block;

  margin-right: 35px;

}

.copyright-list-link a {

  color: #b2b2b2;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.copyright-list-link a:hover {

  color: #fff;

}

.copyright-text {

  color: #b2b2b2;

}

.copyright-text span {

  color: #fff;

}

.copyright-text p {

  margin-bottom: 0;

}

.cr-1 a,

.cr-1 p {

  line-height: 72px;

}

.cr-2 .copyright-text {

  width: 100%;

  float: none;

  text-align: center;

  line-height: 90px;

}

.cr-h8 {

  background: #ab0fbc;

}

.cr-h8 p {

  color: #fff;

}

.cr-h8 span {

  color: #222;

}

.cr-h8 .copyright-list-link a {

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.cr-h8 .copyright-list-link a:hover {

  color: #222;

}

.cr-h9 {

  background: #2a2a2a;

}

.bg-footer-h9 {

  background: #222222;

}

.cr-h10 {

  background: #fff;

}

.cr-h10 p,

.cr-h10 a {

  color: #888888;

}

.cr-h10 span {

  color: #222;

}

.cr-h10 .copyright-list-link a {

  color: #888888;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.cr-h10 .copyright-list-link a:hover {

  color: #222;

}

/* button slider */

.sl-btn-1 {

  display: block;

  font-size: 13px;

  line-height: 38px;

  text-align: center;

  padding: 0 22px;

  border: 2px solid #fff;

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-weight: 400;

}

.sl-btn-1:hover,

.sl-btn-1:focus {

  border-color: #222;

  background: #222;

  color: #fff;

}

.sl-btn-2 {display: block;font-size: 13px;line-height: 38px;text-align: center;padding: 8px 22px!important;border: 2px solid #0493ff;color: #fff;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-weight: 400;background: #0493ff;width: auto;max-width: 32%;height: 43px;}

.sl-btn-2:hover,

.sl-btn-2:focus {

  background: #222;

  color: #fff;

  border-color: #222;

}

.sl-btn-3 {

  display: block;

  font-size: 13px;

  line-height: 38px;

  text-align: center;

  padding: 0 22px;

  border: 2px solid #0a2c4e;

  color: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  font-weight: 400;

  background: #0a2c4e;

}

.sl-btn-3:hover,

.sl-btn-3:focus {

  background: transparent;

  color: #0a2c4e;

}

.sl-btn-prev {

  width: 50px;

  height: 60px;

  background: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  line-height: 60px;

  text-align: center;

  font-size: 31px;

  color: #0a2c4e;

  display: block;

}

.sl-btn-prev:before {

  width: 0;

  height: 0;

  border-top: 60px solid #fff;

  border-right: 10px solid transparent;

  content: "";

  position: absolute;

  left: 98%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.sl-btn-prev:focus {

  color: #0a2c4e;

}

.sl-btn-next {

  width: 50px;

  height: 60px;

  background: #fff;

  color: #0a2c4e;

  line-height: 60px;

  text-align: center;

  font-size: 31px;

  display: block;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.sl-btn-next:before {

  width: 0;

  height: 0;

  border-bottom: 60px solid #fff;

  border-left: 10px solid transparent;

  content: "";

  position: absolute;

  right: 98%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.sl-btn-prev:hover,

.sl-btn-next:hover {

  background: #ab0fbc;

  color: #fff;

}

.sl-btn-prev:hover:before {

  border-top: 60px solid #ab0fbc;

}

.sl-btn-next:hover:before {

  border-bottom: 60px solid #ab0fbc;

}



/*header contact popup*/

/* text-based popup styling */

.white-popup {

  position: relative;

  background: #000000e3;

  padding: 0px;

  width: auto;

  max-width: 100%;

  margin: 0 auto;

  z-index: 9999999;

  color: #fff;

}

.mfp-bg {



  background: transparent;

  opacity: 0.8;



}

.mfp-container {

  padding: 0;

}

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

  /* padding: 34px 0; */

}

.mfp-close-btn-in .mfp-close {

  color: #fff;

  font-size: 62px;

  margin-top: 19px;

  margin-right: 21px;

}

/*



====== Move-from-top effect ======





.mfp-move-from-top {

    /* start state */

/* animate in */

/* animate out */

}

.mfp-move-from-top .mfp-content {

  vertical-align: top;

}

.mfp-move-from-top .mfp-with-anim {

  opacity: 0;

  transition: all 0.2s;

  transform: translateY(-100px);

}

.mfp-move-from-top.mfp-bg {

  opacity: 0;

  transition: all 0.2s;

}

.mfp-move-from-top.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: translateY(0);

}

.mfp-move-from-top.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-move-from-top.mfp-removing .mfp-with-anim {

  transform: translateY(-50px);

  opacity: 0;

}

.mfp-move-from-top.mfp-removing.mfp-bg {

  opacity: 0;

}



/*! CSS Used from: https://www.spotoption.com/wp-content/themes/spotoption_v2/style.css */

.button-contact-us{font-family:'helvetica_inseratroman', Helvetica, sans-serif;letter-spacing:1px;font-weight:normal;}

#contact-us-box,.box .text-box,.button-contact-us{font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;font-weight:normal;}

#contact-us-details {

  z-index: 202;

  position: fixed;

  display: block;

  background: #000000e0;

  width: 100%;

  /* height: 225px; */

  margin-top: -225px;

  left: 0;

  text-align: center;

  color: #fff;

  -webkit-transition: margin 0.35s;

  -moz-transition: margin 0.35s;

  -ms-transition: margin 0.35s;

  -o-transition: margin 0.35s;

  transition: margin 0.35s;

}

#contact-us-details.toggleIcon{padding-top:82px;margin-top:0;padding-bottom:82px;margin-bottom:0;}

#contact-us-details.toggleIcon h2 {

  margin: 0 auto;

  color: gray;

  margin-bottom: 59px;

  /* text-decoration: underline; */

  letter-spacing: 3px;

  font-weight: bold;

  border-bottom: 2px solid;

  width: 20%;

  padding-bottom: 13px;

}

.box{display:inline-block;margin:0 4.85vw;width:170px;}

.box:first-child{margin-left:0;}

.box:last-child{margin-right:0;}

.box .text-box{font-size:14px;line-height:17px;}

.button-contact-us{padding:0.3em;border:1px solid #454748;color:#fff;margin-top:0.75em;text-transform:uppercase;font-size:18px;letter-spacing:0;}

.box a{text-decoration:none;display:block;}

@media only screen and (max-width: 420px){

  .box:first-child{margin-left:0;margin-right:0;}

  .box:last-child{margin-left:0;margin-right:0;}

}

@media only screen and (max-width: 420px){

  #contact-us-details{margin-top:-330px;}

}

@media only screen and (max-width: 345px){

  #contact-us-details{margin-top:-330px;}

  #contact-us-details.toggleIcon{height:330px;}

}









/* 

   Home 1

   ========================================================================== */

.slider-home1 .hermes .title-thumb-home1 {

  background: #ab0fbc;

  letter-spacing: 2px;

}

.hermes.tparrows {

  background: rgba(255, 255, 255, 0.1);

}

.slider-home1 .sl-s2,

.slider-home1 .sl-s1 {

  text-align: center;

}

.sl-s1 {

  font-size: 21px;

  color: #fff;

  font-weight: 300;

  font-family: 'Poppins', sans-serif;

}

.sl-s2 {

  font-size: 60px;

  color: #fff;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

}

.sl-s2-2 {

  font-size: 60px;

  color: #0a2c4e;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

}

.sl-s3 {

  font-size: 16px;

  color: #ddd;

  font-weight: 300;

  font-family: 'Poppins', sans-serif;

  line-height: 32px;

}

.sl-s3-2 {

  font-size: 16px;

  color: #222;

  font-weight: 300;

  font-family: 'Poppins', sans-serif;

  line-height: 32px;

}

.sl-s4 {

  font-size: 32px;

  color: gray;

  font-weight: 300;

  font-family: 'Poppins', sans-serif;



}

.sl-s4-2 {

  font-size: 32px;

  color: #0a2c4e;

  font-weight: 300;

  font-family: 'Poppins', sans-serif;

}

.sl-s5 {

  font-size: 60px;

  color: #fff;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

  line-height: 70px;

}

.sl-s5 span {

  color: #ab0fbc;

}

.sl-s6 {

  font-size: 70px;

  color: #0a2c4e;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

  line-height: 80px;

}

/* 

   Home 2

   ========================================================================== */

.custom.tparrows {

  width: 50px;

  height: 60px;

  background: #fff;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  line-height: 60px;

  text-align: center;

  font-size: 31px;

}

.custom.tparrows.tp-leftarrow {

  background: #fff;

  color: #0a2c4e;

}

.custom.tparrows.tp-leftarrow::before {

  width: 0;

  height: 0;

  border-top: 60px solid #fff;

  border-right: 10px solid transparent;

  content: "";

  position: absolute;

  left: 98%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.custom.tparrows.tp-leftarrow:hover {

  background: #ab0fbc;

  color: #fff;

  display:none;

}

.custom.tparrows.tp-leftarrow:hover:before {

  border-top: 60px solid #ab0fbc;

}

.custom.tparrows.tp-rightarrow {

  background: #fff;

  color: #0a2c4e;

}

.custom.tparrows.tp-rightarrow::before {

  width: 0;

  height: 0;

  border-bottom: 60px solid #fff;

  border-left: 10px solid transparent;

  content: "";

  position: absolute;

  right: 98%;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

}

.custom.tparrows.tp-rightarrow i {

  -webkit-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

          transform: rotate(180deg);

  margin-top: 15px;

}

.custom.tparrows.tp-rightarrow:hover {

  background: #ab0fbc;

  color: #fff;

  display:none;

}

.custom.tparrows.tp-rightarrow:hover:before {

  border-bottom: 60px solid #ab0fbc;

}

/* 

   Home 4

   ========================================================================== */

.slider-home4 .sl-s3 {

  color: #222;

}

.slider-home4 .sl-btn-2:hover,

.slider-home4 .sl-btn-2:focus {

  border-color: #222;

  color: #fff;

  background: #222;

}

.slider-home4 .sl-btn-3:hover,

.slider-home4 .sl-btn-3:focus {

  border-color: #222;

  color: #fff;

  background: #222;

}

.slider-home4 .custom.tparrows.tp-leftarrow {

  background: #0a2c4e;

  color: #fff;

}

.slider-home4 .custom.tparrows.tp-leftarrow:hover {

  background: #ab0fbc;

  color: #fff;

}

.slider-home4 .custom.tparrows.tp-leftarrow:hover:before {

  border-top-color: #ab0fbc;

}

.slider-home4 .custom.tparrows.tp-leftarrow::before {

  border-top: 60px solid #0a2c4e;

}

.slider-home4 .custom.tparrows.tp-rightarrow {

  background: #0a2c4e;

  color: #fff;

}

.slider-home4 .custom.tparrows.tp-rightarrow:hover {

  background: #ab0fbc;

  color: #fff;

}

.slider-home4 .custom.tparrows.tp-rightarrow::before {

  border-bottom: 60px solid #0a2c4e;

}

.slider-home4 .custom.tparrows.tp-rightarrow:hover:before {

  border-bottom-color: #ab0fbc;

}

/* 

   Home 5

   ========================================================================== */

.banner-h5-warp {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.banner-h5-block {

  display: block;

  width: 33.541%;

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

  padding: 140px 80px;

  background: rgba(10, 44, 78, 0.95);

}

.banner-h5-block .sl-s2 {

  line-height: 70px;

  margin-bottom: 40px;

  font-size: 3.125vw;

}

.banner-h5-block .sl-btn-1 {

  display: inline-block;

  float: left;

  margin-right: 10px;

}

.banner-h5-block .sl-btn-1:hover {

  color: #0a2c4e;

  background: #fff;

  border-color: #fff;

}

.banner-h5-block .sl-btn-2 {

  display: inline-block;

  float: left;

}

/* 

   Home 6

   ========================================================================== */

.banner-h6-warp {

  width: 100%;

  position: relative;

}

.banner-h6-inner {

  position: absolute;

  width: 100%;

  max-width: 580px;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  top: 50%;

}

.banner-h6-inner .popup-youtube {

  display: block;

  margin: 0 auto;

}

.banner-h6-inner .sl-s4 {

  color: #0a2c4e;

  text-align: center;

  margin-top: 40px;

}

.banner-h6-inner .sl-s5 {

  color: #0a2c4e;

  text-align: center;

  margin-top: 18px;

}

.banner-h6-inner .sl-s3 {

  color: #222;

  text-align: center;

  margin-top: 10px;

}

.btn-play {

  display: block;

  width: 100px;

  height: 100px;

  border: 2px solid #ab0fbc;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  color: #ab0fbc;

  -webkit-transition: all 0.5s ease-in-out;

          transition: all 0.5s ease-in-out;

  text-align: center;

  line-height: 100px;

  font-size: 40px;

}

.btn-play i {

  margin-right: -10px;

}

.btn-play:hover,

.btn-play:focus {

  background: #0a2c4e;

  border-color: #0a2c4e;

  color: #fff;

}

/* 

   Home 7

   ========================================================================== */

.slider-home7 .home7-block-text {

  width: 930px;

  min-height: 390px;

  //background: rgba(10, 44, 78, 0.95);

  padding: 55px;

  white-space: normal;

}

.slider-home7 .sl-s4 {

  margin-bottom: 15px;

  line-height: 32px;

}

.slider-home7 .sl-s2 {

  margin-bottom: 20px;

  line-height: 70px;

}

.slider-home7 .sl-s3 {

  margin-bottom: 35px;

}

.slider-home7 .sl-btn-1 {

  display: inline-block;

  float: left;

  margin-right: 10px;

  line-height: 38px!important;

  -webkit-transition: background .3s!important;

          transition: background .3s!important;

}

.slider-home7 .sl-btn-1:hover {

  color: #0a2c4e;

  background: #fff;

  border-color: #fff;

}

.slider-home7 .sl-btn-2 {

  display: inline-block;

  float: left;

  line-height: 38px!important;

  -webkit-transition: background .3s!important;

          transition: background .3s!important;

}

/* 

   Home 10

   ========================================================================== */

.tp-bullets.custom .tp-bullet {

  width: 10px;

  height: 10px;

  border: 2px solid #fff;

  background: transparent;

  -webkit-border-radius: 50%;

          border-radius: 50%;

}

.tp-bullets.custom .tp-bullet.selected {

  background: #ab0fbc;

  border-color: #ab0fbc;

}

.tp-bullets.custom {

  width: 100%!important;

  max-width: 1170px!important;

  left: 50%!important;

  -webkit-transform: translate(-50%, -50px) !important;

      -ms-transform: translate(-50%, -50px) !important;

          transform: translate(-50%, -50px) !important;

}

@media only screen and (max-width: 1024px) {

  .tp-bullets.custom {

    max-width: 768px!important;

  }

}

@media only screen and (max-width: 768px) {

  .tp-bullets.custom {

    max-width: 481px!important;

  }

  

}

@media only screen and (max-width: 481px) {

  .tp-bullets.custom {

    max-width: 300px!important;

  }

}

/* ==========================================================================

   Animate.css

   ========================================================================== */

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}

@-webkit-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

}

@-webkit-keyframes flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

@keyframes flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}

@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75);

  }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25);

  }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    -ms-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75);

  }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    -ms-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25);

  }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    -ms-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}

@-webkit-keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

}

@keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}

@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

.swing {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}

@-webkit-keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}

@-webkit-keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    -ms-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    -ms-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}

@-webkit-keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

}

@keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    -ms-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

}

.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}

@-webkit-keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}

@-webkit-keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}

@-webkit-keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}

@-webkit-keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}

@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}

@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}

@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}

@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}

@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}

@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}

@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}

@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}

@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  -ms-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    -ms-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    -ms-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    -ms-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    -ms-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}

@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

}

@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.flipOutY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}

@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    -ms-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    -ms-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

@-webkit-keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}

@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    -ms-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}

@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}

@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}

@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}

@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}

@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    -ms-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}

@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}

@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}

@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}

@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}

@-webkit-keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}

@-webkit-keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}

@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}

@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}

@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}

@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}

@-webkit-keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}

@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}

@-webkit-keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

@keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    -ms-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    -ms-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(700px);

    -ms-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge;

}

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    -ms-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}

@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

@keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    -ms-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    -ms-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    -ms-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}

@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  100% {

    opacity: 0;

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  100% {

    opacity: 0;

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

  }

}

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    -ms-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

  }

}

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    -ms-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

  }

}

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    transform-origin: center top;

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top;

  }

}

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

}

.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

@-webkit-keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

/* ==========================================================================

   Option Switch

   ========================================================================== */

.boxed {

  max-width: 1230px;

  width: 100%;

  margin: 0 auto;

  position: relative;

  -webkit-border-radius: 5px;

          border-radius: 5px;

}

.boxed:before {

  position: absolute;

  width: 100%;

  height: -webkit-calc(100% - 30px);

  height: calc(100% - 30px);

  -webkit-border-radius: 0.1px;

          border-radius: 0.1px;

  z-index: -1;

  bottom: 10px;

  content: "";

  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);

  display: block;

}

/* ==========================================================================

   Theme

   ========================================================================== */

.bg-theme {

  background: #0a2c4e;

}

#menu{	

	visibility: hidden !important;

	height:0px !important;

}

/* Responsive

----------------------------------------------------------*/

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width: 1600px) {

  /* Header 5 */

  .banner-h5-block {

    padding: 70px;

  }

  .banner-h5-block .sl-s2 {

    line-height: 70px;

    margin-bottom: 40px;

    font-size: 3.125vw;

    line-height: 1.1;

  }

  .tp-parallax-wrap {

  top: 80px!important;

}

}

@media only screen and (max-width: 1285px) {

  /* Header 4 */

  .navi-warp-home-4 .tb-social-lan {

    display: none;

  }

  .navi-warp-home-4 nav {

    width: -webkit-calc(100% - 0px);

    width: calc(100% - 0px);

  }

  /* 

	   Layout

	   ========================================================================== */

}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {

  /* Header 1 */

  .navi-warp-home-1 .subnavi {

    display: none;

  }

  /* HEader 2 */

  .navi-warp-home-2 .subnavi {

    display: none;

  }

  /* header 3 */

  .navi-warp-home-3 .tb-social-lan {

    width: 100%;

    padding-top: 0;

  }

  .navi-warp-home-3 .navi-level-1 > li > a {

    padding-top: 0;

  }

  .navi-warp-home-3 .tb-social-lan a {

    line-height: 40px;

  }

  .navi-warp-home-3 .tb-social-lan ul li a {

    line-height: 40px;

  }

  .navi-warp-home-3 .navi-level-1 > li > a {

    line-height: 40px;

  }

  /* Header 5 */

  .banner-h5-block {

    padding: 30px;

    width: 50%;

  }

  .banner-h5-block .sl-s2 {

    line-height: 70px;

    margin-bottom: 40px;

    font-size: 3.125vw;

    line-height: 1.1;

  }

  /* Header 8 */

  .info-warp-home-8 .get-a-quote-h8 {

    margin-left: 30px;

  }

  /* Header 9 */

  .navi-warp-home-9 .ot-btn {

    display: none;

  }

  /* 

	   Layout

	   ========================================================================== */

  /* Home 1 */

  /* About */

  .about-h1 {

    position: relative;

    background: url(images/bg-content/about-1.png) no-repeat;

    background-position: top right;

  }

  /* Counter up home 1 */

  /* Home 4*/

  /* Team home 4 */

  .team-h4-warp {

    overflow: hidden;

  }

  /* News page */

  .item-new-list {

    display: inline-block;

    width: 100%;

    overflow: hidden;

    position: relative;

  }

  .item-new-list .feature-new-warp {

    width: 70%;

    overflow: hidden;

  }

  .item-new-list .box-new-info {

    width: 60%;

  }

  .grid-new {

    display: inline-block;

    width: 100%;

  }

  .grid-new .feature-new-warp {

    width: 100%;

  }

  .grid-new .box-new-info {

    width: -webkit-calc(100% - 30px);

    width: calc(100% - 30px);

  }

  /* Single Services */

  .overview-services {

    position: relative;

    display: inline-block;

    width: 100%;

  }

  .overview-services img {

    max-width: 100%;

    width: 100%;

  }

  .overview-services .box-text-overview {

    width: 100%;

    height: 100%;

    right: 0;

    padding: 70px;

    top: 0;

    background: rgba(10, 44, 78, 0.9);

    color: #fff;

  }

  .overview-services .box-text-overview h4 {

    color: #fff;

  }

}

/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {

	#menu{	

	visibility:visible !important;

	height: auto !important;

	}

	.tp-parallax-wrap {

	  left: 0 !important;

	}

	.sl-s2{

		font-size:39px;

	}

  /* Header 1 */

  .topbar-home1 .tb-contact {

    display: none;

  }

  .nav-warp-h1 nav {

    display: none;

  }

  .navi-warp-home-1 .btn-menu-mobile {

    display: inline-block;

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

    position: static;

    line-height: 82px;

  }

  .navi-warp-home-1 .btn-menu-mobile:hover {

    color: #ab0fbc;

  }

  .navi-warp-home-1 .btn-menu-mobile:focus {

    color: #ab0fbc;

  }

  .navi-warp-home-1 .subnavi {

    margin-right: 50px;

    display: block;

  }

  /* Header 2 */

  .header-h2 .topbar {

    height: 50px;

  }

  .topbar-home2 .tb-contact {

    display: none;

  }

  .topbar-home2 .tb-social-lan li a {

    line-height: 50px;

  }

  .navi-warp-home-2 nav {

    display: none;

  }

  .navi-warp-home-2 .btn-menu-mobile {

    display: inline-block;

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

    position: static;

    line-height: 36px;

    background: #0a2c4e;

    width: 36px;

    text-align: center;

    margin-left: 5px;

	padding:10px;

  }

  .nav-warp-h2 {

  height: 100px;

  padding: 10px 15px;

}

  .navi-warp-home-2 .subnavi {

    display: inline-block;

    float: right;

    margin-left: 5px;

  }

  /* Header 3 */

  .navi-warp-home-3 nav {

    display: none;

  }

  .navi-warp-home-3 .btn-menu-mobile {

    display: inline-block;

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

    position: static;

    line-height: 40px;

  }

  /* Header 4 */

  .navi-warp-home-4 nav {

    display: none;

  }

  .navi-warp-home-4 .btn-menu-mobile {

    display: inline-block;

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

    position: static;

    line-height: 66px;

    margin-right: 15px;

  }

  /* Header 5 */

  .navi-warp-home-5 {

    background: #fff;

  }

  .navi-warp-home-5-inner {

    padding: 15px;

  }

  .navi-warp-home-5-inner nav {

    display: none;

  }

  .info-warp-home-5 .tb-iconbox {

    display: none;

  }

  .info-warp-home-5 .logo {

    background: #fff;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    height: 66px;

    padding: 0 15px;

  }

  .info-warp-home-5 .logo img {

    margin-top: 12px;

  }

  .navi-warp-home-5-inner {

    height: 66px;

  }

  .navi-warp-home-5-inner .btn-menu-mobile {

    margin-left: 4px;

    display: inline-block;

    float: right;

    background: #0a2c4e;

    text-align: center;

    width: 36px;

    height: 36px;

    line-height: 36px;

    color: #fff;

  }

  .navi-warp-home-5 .subnavi {

    float: right;

    display: inline-block;

  }

  .navi-warp-home-5 .subnavi a {

    background: #0a2c4e;

  }

  /* Header 6 */

  .info-warp-home-6 {

    height: 66px;

    padding: 15px 0;

  }

  .info-warp-home-6 .tb-iconbox {

    display: none;

  }

  .topbar-home6 nav {

    display: none;

  }

  .info-warp-home-6 .btn-menu-mobile {

    display: inline-block;

    float: right;

    background: #0a2c4e;

    text-align: center;

    width: 36px;

    height: 36px;

    line-height: 36px;

    color: #fff;

  }

  .info-warp-home-6 .logo {

    display: inline-block;

    float: left;

  }

  .topbar-home6 {

    position: relative;

    display: inline-block;

    width: 100%;

  }

  .btn-play {

    width: 70px;

    height: 70px;

    line-height: 70px;

    font-size: 30px;

  }

  .btn-play i {

    margin-right: -5px;

  }

  .banner-h6-inner .sl-s3 {

    display: none;

  }

  /* Header 7 */

  .navi-warp-home-7-inner nav {

    display: none;

  }

  .info-warp-home-7 .tb-contact {

    display: none;

  }

  .info-warp-home-7 .logo {

    position: absolute;

    top: 13px;

    left: 0;

    z-index: 9;

    display: block;

  }

  .navi-warp-home-7 {

    background: #fff;

    padding: 7px 0;

  }

  .navi-warp-home-7-inner .subnavi a {

    background: #0a2c4e;

  }

  .get-a-quote-h7 {

    display: none;

  }

  .navi-warp-home-7 .btn-menu-mobile {

    display: inline-block;

    float: right;

    background: #0a2c4e;

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    margin-left: 4px;

  }

  /* Header 8 */

  .info-warp-home-8 .get-a-quote-h8 {

    display: none;

  }

  .navi-warp-home-8-inner nav {

    display: none;

  }

  .info-warp-home-8 .tb-contact {

    display: none;

  }

  .info-warp-home-8 .logo {

    position: absolute;

    top: 13px;

    left: 0;

    z-index: 9;

    display: block;

  }

  .navi-warp-home-8 {

    padding: 7px 0;

  }

  .navi-warp-home-8 .btn-menu-mobile {

    display: inline-block;

    float: right;

    background: #0a2c4e;

    text-align: center;

    width: 50px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    margin-left: 4px;

  }

  .slider-home7 .home7-block-text {

  min-height: 390px;

  padding: 55px;

  white-space: normal;

  width: 634px;

}

  /* 

	   Layout

	   ========================================================================== */

  /* Home 1 */

  /* About */

  .right-about-h1 img {

    max-width: 100%;

    width: auto;

    padding-top: 0;

  }

  /* Coutner Home 1 */

  .bg-counter-h1 {

    min-height: 267px;

    height: auto;

  }

  .bg-counter-h1 .warp-counter {

    padding: 70px 0;

  }

  .bg-counter-h1 .warp-counter .counter-inline {

    margin-bottom: 30px;

  }

  /* Call Back */

  .cb-info-h1 p {

    width: 100%;

  }

  .cb-info-h1 {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  /* Subcribe Warp */

  .subcribe-warp input.form-control {

    width: 100%;

  }

  .subcribe-warp button {

    bottom: 10px;

  }

  /* Home 1 Project */

  .overlay-project {

    -webkit-transition: none;

            transition: none;

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    width: 100%;

    height: auto;

    opacity: 1;

    background: rgba(10, 44, 78, 0.9);

  }

  .overlay-project {

    text-align: center;

    padding: 10px 15px;

  }

  .overlay-project h4,

  .overlay-project a.cate {

    position: static;

    line-height: 24px;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    margin: 0;

  }

  .overlay-project h4 a {

    color: #ab0fbc;

    font-size: 16px;

  }

  .overlay-project h4 a:before {

    display: none;

  }

  .overlay-project a.cate {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    color: #fff;

  }

  .item-project:hover .overlay-project a.cate {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

  }

  .item-project:hover .overlay-project h4 {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

  }

  /* Home 2 */

  /* Why choose */

  .left-whyus-h2 img {

    display: none;

  }

  .demo-style-1-box-text.right {

    border: 0;

    padding: 0;

    position: static;

    width: 100%;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    display: inline-block;

    text-align: center;

    margin-bottom: 60px;

  }

  .demo-style-1-box-text.right p {

    display: inline-block;

    line-height: 100px;

    margin: 0;

  }

  /* Call Back */

  .cb-warp-h2 {

    background: #222;

  }

  .cb-form-h2 {

    padding-top: 30px;

    padding-bottom: 70px;

    padding-left: 0;

  }

  .cb-form-h2 .cb-form input.form-control:focus {

    border-color: #ab0fbc;

  }

  .cb-form-h2 .cb-form div.fancy-select select:focus + div.trigger {

    border-color: #ab0fbc;

  }

  .cb-form-h2 .cb-form div.fancy-select div.trigger {

    color: #fff;

  }

  .cb-form-h2 .cb-form input.form-control {

    color: #fff;

    opacity: 0.6;

  }

  .cb-form-h2 .cb-form input.form-control:focus {

    opacity: 1;

  }

  .cb-form-h2 .cb-form div.fancy-select select div.trigger {

    opacity: 0.6;

  }

  .cb-form-h2 .cb-form div.fancy-select div.trigger {

    opacity: 0.6;

  }

  .cb-form-h2 .cb-form div.fancy-select select:focus + div.trigger {

    color: #fff;

    opacity: 1;

  }

  .cb-form-h2 ::-webkit-input-placeholder {

    color: #fff;

  }

  .cb-form-h2 :-moz-placeholder {

    /* Firefox 18- */

    color: #fff;

  }

  .cb-form-h2 ::-moz-placeholder {

    /* Firefox 19+ */

    color: #fff;

  }

  .cb-form-h2 :-ms-input-placeholder {

    color: #fff;

  }

  .cb-info-warp-h2 {

    padding-bottom: 30px;

    padding-right: 0px;

  }

  /* Home 3 */

  .core-value-h3 {

    padding: 30px 0;

    margin-top: 0;

  }

  /* Side bg */

  .side-bg .image-container {

    position: absolute;

  }

  .side-bg .content-bg-img-container {

    position: relative;

  }

  .side-bg .content-bg-img-inner {

    position: relative;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    top: auto;

    left: auto;

    padding: 40px  0 20px 0;

  }

  /* Home 4 */

  .strategy-warp-h4 .iconbox.no-mgb {

    margin-bottom: 30px;

  }

  .strategy-warp-h4 .iconbox {

    padding-right: 0px;

  }

  .iconbox-h4-warp .iconbox-type-sm {

    width: 50%;

  }

  /* Why Us Home 4 */

  .whyus-content-h4 {

    padding: 0;

    padding-bottom: 30px;

  }

  .whyus-content-h4 h4,

  .whyus-content-h4 p {

    color: #fff;

  }

  .whyus-warp-h4 .demo-sub-about-text-3 {

    margin-top: 0;

    margin-bottom: 30px;

    line-height: 28px;

    font-size: 22px;

  }

  .whyus-warp-h4 .demo-sub-about-text-3 span {

    font-size: 21px;

  }

  /* Call Back Home 4 */

  .faq-warp {

    padding: 0;

  }

  .cb-warp-h4-inner {

    padding: 0;

    padding-bottom: 70px;

  }

  /* Team home 4 */

  .btn-2.prev-team-h4 {

    left: 15px;

  }

  .btn-2.next-team-h4 {

    right: 15px;

  }

  /* Home 5 */

  /* Compan in Line Home 5 */

  /* Why choose */

  .left-whyus-h2.right-cil-h5 img {

    display: none;

  }

  .cil-h5-warp {

    padding-bottom: 30px;

  }

  .left-whyus-h2.right-cil-h5 .demo-style-1-box-text.left {

    border: 0;

    padding: 0;

    position: static;

    width: 100%;

    display: inline-block;

    text-align: center;

    margin-bottom: 60px;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    margin-top: 30px;

    margin-bottom: 70;

    margin-bottom: 0;

  }

  .left-whyus-h2.right-cil-h5 .demo-style-1-box-text.left p {

    display: inline-block;

    line-height: 100px;

    margin: 0;

  }

  /* Filter Cases Home 5 */

  .cases-warp-h5 .element-item {

    width: 50%;

  }

  /* What can we do */

  .item-wwd .overlay-wwd .overlay-wwd-inner {

    top: 0;

    left: 0;

  }

  .item-wwd .overlay-wwd h4 {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50px);

        -ms-transform: translate(-50%, -50px);

            transform: translate(-50%, -50px);

  }

  .item-wwd .overlay-wwd .ot-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, 20px);

        -ms-transform: translate(-50%, 20px);

            transform: translate(-50%, 20px);

  }

  .item-wwd .overlay-wwd p {

    display: none;

  }

  /* Home 6 */

  /* Service */

  .services-h6-warp .title-vertical {

    padding-left: 0px;

  }

  .image-container {

    width: 100%;

    position: relative;

  }

  .title-vertical {

    left: 0;

    top: 0;

    padding: 30px 0;

    position: relative;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    padding-left: 0;

    text-align: center;

  }

  .title-vertical .top-title,

  .title-vertical .bottom-title {

    margin: 0 auto;

  }

  /* Counter */

  .bg-counter-h6 {

    min-height: 323px;

    height: auto;

    padding: 70px 0;

  }

  /* Call Back Home 7 */

  .cbw-h6 {

    padding: 15px;

    padding-bottom: 70px;

  }

  /* About Home 6 */

  .section-fix-position-h6 {

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    margin-top: 30px;

  }

  .item-about-h6 {

    margin-bottom: 15px;

  }

  /* Home 7 */

  /* Partner */

  .btn-2 {

    width: 36px;

    height: 36px;

    line-height: 36px;

  }

  .btn-2.prev-partner-h2 {

    left: 0px;

  }

  .btn-2.next-partner-h2 {

    right: 0px;

  }

  /* Call Back Home 7 */

  .cb-info-warp-h7 .cb-form input.form-control {

    color: #fff;

  }

  /* Owl offer */

  .owl-offer .owl-controls {

    display: block!important;

    position: absolute;

    top: 0;

    right: 0;

  }

  /* Home 8 */

  /* About */

  .whyus-h8-warp {

    padding-left: 0;

  }

  .left-bg-about-h8,

  .right-bg-about-h8 {

    display: none;

  }

  /* Counter */

  .counter-h8 {

    padding-bottom: 0;

  }

  /* Home 9 */

  /* Cases */

  .category-case-warp-h9 {

    position: static;

    display: inline-block;

    width: 100%;

    float: none;

    margin-top: 60px;

  }

  /* Find advisor */

  .right-fdv-h9 {

    display: none;

  }

  .left-fdv-h9 {

    width: 100%;

    padding: 0 15px;

  }

  /* Home 10 */

  /* About */

  .left-about-h10,

  .right-about-h10 {

    display: none;

  }

  .item-about-h10 {

    margin-top: 30px;

    margin-bottom: 0;

  }

  .about-warp-h10 {

    background: url(images/bg-content/bg-about-h10.jpg) no-repeat;

    -webkit-background-size: cover;

            background-size: cover;

    background-attachment: fixed;

  }

  .about-warp-h10 .title-block .sub-title {

    color: #fff;

  }

  .about-warp-h10 .title-block h2 {

    color: #fff;

  }

  .about-warp-h10 .demo-sub-about-text {

    color: #fff;

  }

  .about-warp-h10 .border-dark-2 {

    border-color: #fff;

    color: #fff;

  }

  .about-warp-h10 .border-dark-2:hover {

    background: #fff;

    color: #222;

  }

  /* ABout */

  .whyus-about {

    margin-top: 30px;

  }

  .whyus-about .demo-style-1-box-text.right {

    margin: 0;

    background: transparent;

    color: #0a2c4e;

    font-weight: 600;

  }

  .whyus-warp-h2 .right-whyus-h2 {

    margin-top: 0;

  }

  /* Company History Verision 2 */

  .history-timeline-h-warp {

    margin-bottom: 60px;

  }

  /* Footer */

  .widget-footer {

    margin-bottom: 30px;

  }

  .cr-1 .copyright-list-link {

    display: none;

  }

  .cr-1 .copyright-text {

    width: 100%;

    float: none;

    text-align: center;

  }

  /* Footer home 8 */

  .right-footer-h8 {

    display: none;

  }

  .footer-home-8 .widget-footer-subcri {

    padding-left: 0;

  }

  .footer-home-8 .widget-footer {

    padding-bottom: 0;

  }

  /* Services Page */

  .item-service-list figure {

    width: 60%;

  }

  .item-service-list figure img {

    width: 100%;

  }

  .item-service-list figure figcaption {

    display: block;

    width: 100%;

    height: auto;

    border: 0;

    padding: 15px 20px;

    background: #0a2c4e;

  }

  .item-service-list figure figcaption {

    position: absolute;

    right: auto;

    top: auto;

    bottom: 0;

    left: 0;

    font-size: 21px;

    line-height: 30px;

    color: #fff;

  }

  .item-service-list .box-sum-service {

    padding-top: 0;

    width: 40%;

    font-size: 12px;

  }

  /* Services 3  */

  .strategy-services-3-warp {

    margin-bottom: 60px;

  }

  /* News page */

  .item-new-list .ot-btn {

    float: right;

  }

  .item-new-list.no-position .feature-new-warp,

  .item-new-list.no-position .box-new-info {

    width: 100%;

  }

  .grid-new .ot-btn {

    float: none;

  }

  /* Career */

  .form-apply-job.cb-form .fancy-select {

    margin-bottom: 30px;

  }

  /* Ceo Message */

  .accordion-ceo {

    margin-bottom: 30px;

  }

  /* Comming Soon */

  .full-screen-warp {

    height: auto;

  }

  .warp-inner-cms {

    display: block;

  }

  /* Cart */

  .table-cart-total {

    margin-bottom: 60px;

  }

  /* SIngle Shop */

  .single-product-warp figure {

    margin-bottom: 30px;

  }

}

/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {

  /* Header 1 */

  .header-1-fix .topbar {

    padding: 0 15px;

  }

  .tp-parallax-wrap {

  top: -20px!important;

}

  .header-1-fix .nav-warp-h1 {

    padding: 0 15px;

  }

  .topbar-home2 {

    display: inline-block;

    padding: 0 15px;

    width: 100%;

  }

  /* HEader 3 */

  .navi-warp-home-3 .tb-social-lan {

    display: none;

  }

  .header-3-fix {

    padding: 10px 0;

    background: rgba(10, 44, 78, 0.6);

  }

  /* Header 5 */

  .banner-h5-warp {

    height: 220px;

  }

  .banner-h5-warp img {

    height: 100%;

    max-width: none!important;

  }

  .nav-warp-h2 {

    height: 90px;

    padding: 10px 15px;

  }

  .topbar-home5 .tb-social-lan {

    padding: 0 15px;

  }

  .banner-h5-block {

    padding: 30px;

    width: 100%;

    text-align: center;

    height: 220px;

    overflow: hidden;

    background: rgba(10, 44, 78, 0.85);

  }

  .banner-h5-block .sl-s2 {

    margin-bottom: 40px;

    font-size: 30px;

    line-height: 1.2;

  }

  .banner-h5-block .sl-btn-1 {

    float: none;

  }

  .banner-h5-block .sl-btn-2 {

    float: none;

  }

  /* Header 6 */

  .banner-h6-warp {

    height: 300px;

    overflow: hidden;

  }

  .banner-h6-warp img {

    max-width: none!important;

    height: 100%;

  }

  .info-warp-home-6 {

    padding: 15px;

  }

  /* Slider 7 */

  .slider-home7 .home7-block-text {

    white-space: normal;

    width: auto;

    min-height: 540px;

  }

  

  .navi-warp-home-7-inner {

    padding: 0 15px;

  }

  .info-warp-home-7 .logo {

    left: 15px;

  }

  /* Sub Header */

  .sub-header h3 {

    font-size: 50px;

    line-height: 50px;

    margin-bottom: 15px;

  }

  /* 

	   Layout

	   ========================================================================== */

  /* Home 1 */

  /* About */

  .demo-about-h1 .iconbox {

    width: 100%;

    float: none;

  }

  /* Testimonial */

  .tw-h1 .owl-controls {

    top: -35px;

  }

  /* Home 2 */

  /* iconbox home2 */

  .offer-h2-warp .owl-controls {

    top: 20px;

  }

  .offer-h2-warp .owl-controls .owl-pagination {

    text-align: center;

  }

  /* Why Choose */

  .whyus-warp-h2 .iconbox {

    width: 100%;

  }

  /* What We Do Home 5 */

  .item-wwd .overlay-wwd .overlay-wwd-inner {

    top: 0;

    padding-top: 11.111%;

  }

  .item-wwd .overlay-wwd p {

    opacity: 1;

  }

  /* Home 4 */

  .iconbox-h4-warp .iconbox-type-sm {

    padding: 30px 20px;

  }

  /* Call Back Home 4 */

  /* accordion 1 */

  .accordion-1 .panel-heading .accordion-toggle::after {

    height: 100%;

    line-height: 60px;

  }

  .accordion-1 h4 {

    line-height: 20px;

  }

  .accordion-1 h4 a {

    padding-top: 10px;

    padding-bottom: 10px;

    min-height: 60px;

  }

  .accordion-1 .panel-heading .accordion-toggle:after,

  .accordion-1 .panel-heading .accordion-toggle.collapsed:after {

    color: #fff;

    background: #ab0fbc;

  }

  /* Location Home 4 */

  .owl-location-h4 .owl-controls {

    top: auto;

  }

  /* Home 5 */

  /* Filter Cases Home 5 */

  .cases-warp-h5 .element-item {

    width: 100%;

  }

  /* Home 7 */

  /* About */

  .item-about-h7 img {

    width: 100%;

  }

  .item-about-h7 .btn-play-about {

    width: auto;

  }

  /* Home 11 */

  .infobox-in-map {

    width: 80%;

  }

  /* Home 12 */

  /* accordion 3 */

  .accordion-3 .panel-heading .accordion-toggle::after {

    height: 100%;

    line-height: 60px;

  }

  .accordion-3 h4 {

    line-height: 20px;

  }

  .accordion-3 h4 a {

    padding-top: 10px;

    padding-bottom: 10px;

    min-height: 60px;

  }

  .accordion-3 .panel-heading .accordion-toggle:after,

  .accordion-1 .panel-heading .accordion-toggle.collapsed:after {

    color: #fff;

    background: #0a2c4e;

  }

  /* Footer */

  /* widget Footer Hours */

  .dl-working-hours dt {

    float: left;

  }

  /* Services Page */

  .item-service-list figure {

    width: 100%;

  }

  .item-service-list .box-sum-service {

    padding: 15px;

    font-size: 12px;

    width: 100%;

  }

  /* History Company Page */

  .item-history-post {

    padding: 70px 25px 25px 25px;

  }

  .item-history-post p.title-history {

    display: inline-block;

    width: -webkit-calc(100% - 50px);

    width: calc(100% - 50px);

    min-height: 60px;

    line-height: 30px;

    font-size: 16px;

  }

  .item-history-post p.title-history span {

    line-height: 60px;

  }

  /* News page */

  .item-new-list .feature-new-warp {

    width: 100%;

  }

  .item-new-list .feature-new-warp img {

    min-width: none;

    width: 100%;

    max-width: 100%;

    min-height: auto;

  }

  .item-new-list .feature-new-warp .btn-play-new {

    max-height: auto;

    min-height: auto;

    min-width: auto;

    max-width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    width: auto;

  }

  .item-new-list .box-new-info {

    width: 100%;

    position: static;

    background: #f6f6f6;

    height: auto;

    padding: 25px 15px;

  }

  .item-new-list .box-new-info .tapo {

    margin-bottom: 30px;

  }

  .item-new-list .ot-btn {

    float: none;

  }

  .grid-new .feature-new-warp img {

    min-width: none;

    width: 100%;

    max-width: 100%;

    min-height: auto;

  }

  .grid-new .feature-new-warp .btn-play-new {

    max-height: auto;

    min-height: auto;

    min-width: auto;

    max-width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    width: auto;

  }

  .grid-new .ot-btn {

    float: none;

  }

  .grid-new .box-new-info {

    position: relative;

    z-index: 2;

    width: -webkit-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    padding: 25px 15px;

  }

  .grid-new .box-new-info .tapo {

    margin-bottom: 30px;

  }

  /* Single Services */

  .overview-services img {

    max-width: 100%;

    width: 100%;

  }

  .overview-services .box-text-overview {

    position: static;

    background: #0a2c4e;

    padding: 30px 15px;

  }

  /* accordion 2 */

  .accordion-2 .panel-heading .accordion-toggle::after {

    height: 100%;

    line-height: 60px;

  }

  .accordion-2 h4 {

    line-height: 20px;

  }

  .accordion-2 h4 a {

    padding-top: 10px;

    padding-bottom: 10px;

    min-height: 60px;

  }

  /* Team Verision 2 */

  .item-team-v2 .team-ava,

  .item-team-v2 .box-info {

    width: 100%;

    position: static;

  }

  .item-team-v2 .box-info {

    margin: 0;

  }

  .item-team-v2 .team-ava img {

    width: 100%;

  }

  .item-team-v2 .box-info ul {

    position: static;

    display: inline-block;

    width: 100%;

    text-align: right;

    margin-top: 15px;

  }

  /* 404 page */

  .warp-inner-404 img {

    width: auto;

  }

  .warp-inner-404 p.sub-text-404 {

    font-size: 16px;

    line-height: 24px;

  }

  .box-text-404 span {

    font-size: 24px;

  }

  .box-text-404 strong {

    font-size: 72px;

    line-height: 72px;

  }

  /* Coming soon page */

  .warp-inner-cms .follow-text-cms {

    width: 100%;

    padding: 0;

    margin-bottom: 30px;

    margin-right: 0;

  }

  .warp-inner-cms ul.social-hover-defaul {

    width: 100%;

  }

  .warp-inner-cms .follow-text-cms::after {

    display: none;

  }

  /* Shop */

  .group-title-btn select.orderby {

    position: static;

    margin-top: 30px;

    display: inline-block;

    width: 100%;

  }

  /* Cart */

  .shop-cart-warp .group-btn {

    display: inline-block;

    width: 100%;

  }

  .shop-cart-warp .form-coupon {

    width: 100%;

    display: inline-block;

  }

  .form-coupon .ot-btn {

    margin-top: 15px;

  }

  /* Single Shop */

  .widget-footer-social-1.social-detail-product {

    width: 100%;

    display: inline-block;

  }

  .quantily-detail-product {

    display: inline-block;

    width: 100%;

  }

  .form-detail-product label {

    display: inline-block;

  }

  .form-detail-product .input-group {

    display: inline-block;

    vertical-align: middle;

  }

  .form-detail-product .form-group {

    display: inline-block;

  }

  /* Account Page */

  .login-warp {

    padding: 0;

  }

  .sl-s4{

	  font-size:17px;

  }

  .sl-s2{

	font-size:20px;  

  }

  .tp-parallax-wrap{

	  top:-25px!important;

  }

}

/*Custom*/

/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {

  /* Header 1 */

  .header-1-fix .logo img {

    max-width: 120px;

  }



  .header-1-fix .btn-menu-mobile,

  .navi-warp-home-1 .subnavi a {

    line-height: 40px;

  }

  .header-1-fix .tb-social-lan a {

    line-height: 40px;

  }

  .header-1-fix .topbar {

    height: 40px;

  }

  /* Header 2 */

  .nav-warp-h2 {

    padding: 10px 0;

  }

  /* Header 5 */

  .banner-h5-block {

    padding: 30px 15px;

  }

  .banner-h5-block .sl-s2 {

    margin-bottom: 40px;

    font-size: 24px;

    line-height: 1.2;

  }

  .navi-warp-home-5-inner {

    padding: 15px 0;

  }

  .info-warp-home-5 .logo {

    padding: 0;

  }

  /* Header 6 */

  .banner-h6-inner .sl-s4 {

    margin-top: 15px;

    font-size: 18px;

  }

  .banner-h6-inner .sl-s5 {

    margin-top: 0;

    font-size: 40px;

  }

  /* Header 7 */

  .navi-warp-home-7 .btn-menu-mobile,

  .navi-warp-home-7-inner .subnavi a {

    width: 36px;

    height: 36px;

    line-height: 36px;

  }

  .info-warp-home-7 .logo {

    top: 5px;

  }

  /* Header 8 */

  .navi-warp-home-8 .btn-menu-mobile,

  .navi-warp-home-8-inner .subnavi a {

    width: 36px;

    height: 36px;

    line-height: 36px;

  }

  .info-warp-home-8 .logo {

    top: 5px;

  }

  

  /* 

	   Layout

	   ========================================================================== */

  /* Home 1 */

  /* About */

  .demo-about-h1 .iconbox {

    width: 100%;

    float: none;

  }

  /* Testimonial Home 1 */

  .item-testimonial-h1 {

    position: relative;

  }

  .item-testimonial-h1 img {

    position: static;

    margin-bottom: 30px;

  }

  .item-testimonial-h1 p {

    font-size: 16px;

    line-height: 24px;

    margin-left: 0;

  }

  .item-testimonial-h1 .name {

    margin-left: 0;

    padding-left: 60px;

  }

  .tw-h1 .owl-controls {

    top: 0px;

  }

  /* Home 2 */

  /* Pricing */

  .bg-pricing-h2 {

    background-attachment: scroll;

  }

  /* Call Back */

  .cb-warp-h2 .right-bg-cb-h2,

  .cb-warp-h2 .left-bg-cb-h2 {

    display: none;

  }

  /* Home 4 */

  .iconbox-h4-warp .iconbox-type-sm {

    width: 100%;

  }

  /* News Item */

  .new-info p {

    width: 50%;

    text-align: left;

  }

  .new-info p:nth-child(even) {

    float: right;

    text-align: right;

  }

  .new-info p:last-child {

    text-align: left;

  }

  .tp-parallax-wrap {

  top: -73px!important;

}

  /* Home 5 */

  /* Plan Step Home 5 */

  .group-title-btn .customNavigation {

    position: static;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    float: right;

    margin-top: 30px;

  }

  /* Quote */

  .bg-quote-h2 {

    background-attachment: scroll;

  }

  /* Home 6 */

  /* Call Back */

  .cb-h6 {

    background-attachment: scroll;

  }

  /* News */

  .new-info {

    position: static;

    display: inline-block;

  }

  .item-new-2 .new-info p {

    width: 100%;

    text-align: left;

  }

  .new-info p:nth-child(2n) {

    float: left;

    text-align: left;

  }

  /* Home 7 */

  /* About */

  .bg-about-home-7 {

    background-attachment: scroll;

  }

  /* Home 8 */

  /* Find Advisor */

  .bg-find-adv-h8 {

    background-attachment: scroll;

  }

  /* Home 9 */

  /* Locaition */

  .bg-location-h9 {

    background-attachment: scroll;

  }

  /* Home 10 */

  /* Testimonial */

  .bg-tw-h10 {

    background-attachment: scroll;

  }

  /* Home 11 */

  .infobox-in-map {

    width: 90%;

  }

  .infobox-in-map i {

    font-size: 16px;

    min-width: 10px;

  }

  .infobox-in-map p {

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 15px;

  }

  /* Home 12 */

  /* Faq */

  .bg-fq-h12 {

    background-attachment: scroll;

  }

  /* News */

  .mb-pdb-0 {

    padding-bottom: 0;

  }

  /* Footer */

  .cr-1 a,

  .cr-1 p {

    line-height: 24px;

    font-size: 12px;

  }

  .cr-1,

  .cr-2 {

    padding: 10px 0;

  }

  /* History Company Page */

  .item-history-post p.title-history {

    padding-left: 98px;

  }

  .item-history-post p.title-history span {

    line-height: 60px;

    font-size: 24px;

    padding: 0 15px;

  }

  /* Company History 2 */

  .timeline-centered::before {

    margin-left: 16px;

  }

  .timeline-centered .timeline-entry {

    padding-left: 16px;

  }

  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {

    margin-left: 55px;

    padding: 15px;

    padding-top: 50px;

  }

  .timeline-entry p.h-year {

    left: 70px;

    color: #fff;

    z-index: 2;

    top: 15px;

    font-size: 22px;

  }

  /* Case */

  /* News */

  .relate-cases-warp .owl-controls {

    position: static;

  }

  .relate-cases-warp .owl-controls .owl-pagination {

    text-align: center;

  }

  /* Team */

  /* Founder */

  .box-img-left .feature {

    width: 100%;

    padding: 0;

    margin-bottom: 30px;

  }

  .box-img-left .boxcontent {

    width: 100%;

    padding: 0;

  }

  /* Custom */

  .group-title-btn .ot-btn {

    position: static;

  }

  .title-block h2 {

    font-size: 32px;

  }

  .sub-header h3 {

    font-size: 32px;

    line-height: 32px;

    margin-bottom: 15px;

  }

  .bg-quote-h3,

  .bg-counter-h1,

  .bg-tw-h7,

  .bg-quote-h2,

  .bg-pricing-h2,

  .cb-h3,

  .bg-location-h4,

  .f-bg-img,

  .bg-plan-h5,

  .bg-about-home-7,

  .bg-team-h7,

  .bg-services-h8,

  .bg-find-adv-h8,

  .bg-fdv-h9,

  .bg-news-h9,

  .bg-fq-h12,

  .bg-tw-h10,

  .sh-company-history,

  .sh-about,

  .sh-services,

  .sh-single-services,

  .sh-cases,

  .sh-news,

  .sh-team,

  .sh-career,

  .sh-contact,

  .sh-pricing,

  .about-warp-h10 {

    background-attachment: scroll;

  }

  /* Footer */

  .cr-2 .copyright-text {

    line-height: 30px;

  }

  .f-bg-img {

    background-attachment: scroll;

  }

}

/* Smallest Devices, Phones */

.bid-form {

  background: #000 none repeat scroll 0 0;

  padding: 10px;

  border-radius: 5px;

}

.bid-form label{

	color:#fff;

}

.bid-warp{

padding: 10px;

}

.bid-form .form-control{

	color:#fff;

}

.bid-form option{

	color:#000;

}

.bid-form option::-moz-selection{

	backface-visibility:#fff;

	background:#fff;

}

 



.navbar-nav a{

	

color:black !important;

	padding:10px; 

	font-size:16px;

	font-weight:600;

}



.navbar-inverse .navbar-nav > .active > a{

	

	background-color:rgb(92,125,159) !important;

	color:white !important;

}

.footer-home-5  p{

    color:#fff !important;

    

}

.my-para{

	color:#000;

	font-size:15px;

	text-align:justify;

	line-height:28px;

}

.new-info > h4 {

  float: left;

  width: 75%;

}

.new-info > p {

  width: 25%;

  float: left;

  font-size: 10px;

}

.navbar-header{

  width: 100%;

}

/*.coinmarketcap-currency-widget > div > div {
    background-color: yellow;
}*/

@media only screen and (max-width: 768px) {



}