h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
}
h3{
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
}
h4 {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-size:18px;
  font-weight: 500;
  position: relative;

}

ol[class*="trx_addons_list"] {
  counter-reset: num;
  padding-left: 4.8em;
}
ol[class*="trx_addons_list"] > li {
  list-style: none;
  position: relative;
  margin-bottom: 10px; 
  border: 0px solid red;
}
ol[class*="trx_addons_list"] > li::before {
  counter-increment: num;
  content: counter(num)'.';
  font-size: 14px;
  font-weight: 400;
  width: 26px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: -3em;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #FFF;
  background-color: #02407b;
}

.check-icon li {
  list-style-type: none;
}
.check-icon li::before {
  color: #edcb9a;
  content: "\f30b";
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  left: -25px;
  top: 2px;
  z-index: 1;
}

p {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 22px;
}
li {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width:992px) {
  h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
  }
  p {
    font-size: 14px;
    line-height: 22px;
    }
  li {
    font-size: 14px;
    line-height: 22px;
    }
}




.section-heading {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 50px;
  border:0px solid red;
}
.section-heading .title {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  position: relative;
}
.section-heading small {
  color: #8d8e90;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.section-heading hr {
  width: 80px;
  height: 2px;
  background:#4b90fa;
}
.service-title {
  color: #000;
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.3px;
  position: relative;
}






.sub-heading {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.3px;
  position: relative;
}
@media (min-width: 992px) {
  .section-heading .title{
    font-size: 30px;
    line-height: 50px;
  }
  .section-heading small {
    font-size: 16px;
    line-height: 22px;
  }
  .service-title {
    font-size: 26px;
    line-height: 28px;
  } 







  .subtitle {
    font-size: 16px;
    line-height: 22px;
  }  
  .sub-heading {
    font-size: 22px;
    line-height: 30px;
  }
}


#loading { 
  background-color:#FFF; 
  width: 100%; 
  height: 100%; 
  position: fixed; 
  z-index: 1; 
  margin-top: 0px; 
  top: 0px; 
  left: 0px; 
  right: 0px; 
  bottom: 0px; 
  overflow: hidden !important; 
  z-index: 999999; 
}
#loading-center { width: 100%; height: 100%; position: relative; }
#loading-center img{text-align:center; width:200px; left: 0; position: absolute; right: 0; top: 40%; transform: translateY(-40%); -webkit-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%); -moz-transform: translateY(-40%); z-index: 99; margin: 0 auto; 
-webkit-animation: mover 5s infinite  alternate;
    animation: mover 5s infinite  alternate;}

@-webkit-keyframes mover {
    0% { transform:scale(0.5);}
    50% { transform:scale(0.7);}
    100% { transform:scale(1);}
}
@keyframes mover {
    0% { transform:scale(0.5);}
    50% { transform:scale(0.7);}
    100% { transform:scale(1);}
}
#loading-center span {
  color: #FFF;
  font-size:20px; 
  text-align:center; 
  width:100px; 
  left: 0; 
  position: 
  absolute; 
  right: 0; 
  top: 60%; 
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); 
  -o-transform: translateY(-50%); 
  -ms-transform: translateY(-50%); 
  -moz-transform: translateY(-50%); 
  z-index: 99; 
  margin: 0 auto; 
}
/* Main Page 
----------------------------------------------------------*/
#mainwrapper {
  color: #FFF;
  height: auto;
  position: relative;
  background: #FFF;
 transition:all 300ms ease-in-out;
}
#mainwrapper:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 1;
  content: "";
  background:url(../images/bg-main.jpg) center center no-repeat  #3C4146;
  background-size: cover;
}
.bg-main-men:hover:before, 
.bg-main-women:hover:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: -webkit-radial-gradient(#000, #000);
  opacity: 0;
  content: "";
}
.bg-main-men:hover {text-decoration: none;}
.bg-main-women:hover {text-decoration: none;}
.main-title {
  display: block;
  position: relative;
  padding: 20px 60px;
  transition: all 300ms ease-in-out;
}
.main-title h2 {
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 0px 30px;
  transition: all 300ms ease-in-out;
}
.main-title a {
  display: block;
  color: #FFF;
  font-family: 'Poppins';
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  transform:translateY(-50px);
  transition: all 300ms ease-in-out; 
}
.main-title a i {
  font-size: 30px;
  vertical-align: middle;
  margin-right: 15px;
}
.col:hover  .main-title h2 {
  color: #fff;
  text-decoration: none;
  background: transparent;
}
.col:hover .main-title a  {
  opacity: 1;
  transform:translateY(0px);
}
.logo-wrapper {
  width: 100%; 
  height: 70px;
  display: block;
  margin: auto 0;
  padding: 10px 30px;  
  position: relative; 
  left: 50%;
  top: 0;
  -webkit-transform: translateY(0%) translateX(-50%); 
  -moz-transform: translateY(0%) translateX(-50%); 
  -ms-transform: translateY(0%) translateX(-50%); 
  -o-transform: translateY(0%) translateX(-50%); 
  transform: translateY(0%) translateX(-50%); 
  z-index: 99; 
  background: rgba(0,0,0, 1);
  /*border-radius: 0 0 50% 50%;*/
}
.logo-wrapper img {
  height: 50px;
  display: block;
  margin: auto;
}
.web-cat {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto 30px;
  border-radius: 100%;
  border:2px solid #edcb9a;
}
.main-bottom {
  width: 100%;
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 999;
  color: #777;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  background: #000;
  /*border-radius: 50% 50% 0 0; */
}
@media (min-width: 992px) {
  #mainwrapper {height: 100vh;}
  #mainwrapper:before {opacity: 0.7;}
  .bg-main-men:hover:before, 
  .bg-main-women:hover:before {opacity: 0.5;}
  .logo-wrapper {width: 100%; height: 100px;position: absolute; margin: auto;}
  .logo-wrapper img {height: 80px;}
  .main-title {display: table;}
  .main-title h2 {font-size: 40px;text-align: left;}
  .web-cat {width: 200px;height: 200px;margin: 0 auto 30px;border:2px solid #edcb9a;}
  .main-bottom {position: absolute;font-size: 14px;line-height: 40px;border-radius: 0;}
}


/* = Header 
----------------------------------------------------------*/
.topbar {
  height: 50px;
  display: none;
  transition: all 300ms ease-in;
  border-bottom: 1px solid #f1f1f1;
}
.topbar p {
  color: #555;
  font-size: 14px;
  line-height: 40px;
  display: inline;
  margin:0  15px 0 0px;
}
.topbar p i {
  color: #3a5174;
  font-size: 16px;
  width: 24px;
  margin:13px 10px 0 0;
  line-height: 24px; 
  text-align: center;
  border-radius: 2px;
  transition: all 300ms ease-in-out;
}
.topbar .social {
  float: right;
  margin: 0;
}
.topbar .social i a {
  margin: 0;
} 
.topbar .social i {
  color: #3a5174;
  font-size: 16px;
  width: 30px;
  margin:10px 0px 0 0;
  line-height: 30px; 
  text-align: center;
  border-radius: 2px;
  transition: all 300ms ease-in-out;
}
/*header .topbar .social .fa-facebook-f {color: #38529A}
header .topbar .social .fa-twitter {color: #4EA6E9}
header .topbar .social .fa-linkedin-in {color: #0073B1}
header .topbar .social .fa-instagram {color: #7D20AF;}
*/
.topbar .social .fa-facebook-f:hover {background: #38529A}
.topbar .social .fa-twitter:hover {background: #4EA6E9}
.topbar .social .fa-linkedin-in:hover {background: #0073B1}
.topbar .social .fa-instagram:hover {background: #7D20AF;}

.topbar .social i:hover {
  color: #fff;
  background: none;
}


#header.default { 
  z-index: 999; 
  padding: 0px; 
  margin: 0px; top: 0;
  position: relative; 
  width: 100%; 
  /*box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); */
  background: rgb(255, 255, 255);
}


.mega-menu .menu-logo { padding: 5px 0px; }
.mega-menu .menu-logo > li > a {width: 100%;}
.mega-menu .menu-logo img { height: 70px; display:block; margin:auto; float:none; }
.mega-menu .menu-links > li > a {color:#FFF;  line-height: 26px;  font-family: 'Poppins', sans-serif;font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 0 15px;}
.mega-menu .menu-links > li a:hover { color: #000; text-decoration: none; }

.mega-menu .site-title {color: #000; font-family: 'Poppins';font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; word-break:  normal;  display: block;}
.mega-menu .site-title small {font-size: 12px; line-height:16px; text-align: center; word-break: normal; display: block; margin:5px 0 0;}
.mega-menu .site-title:hover {text-decoration:none;}



.mega-menu .drop-down-multilevel {width: 100%; background:#FFF;}
.mega-menu .drop-down-multilevel li {border-bottom:1px solid #f1f1f1;}
.mega-menu .drop-down-multilevel a {color:#777;}

.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu .menu-links > li:last-child > a { padding-right: 0px; }
.mega-menu .menu-links > li .drop-down-multilevel a { font-size: 13px; font-weight: 500;  line-height: 30px;}
.mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { font-size: 13px; font-weight: 600; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down a { color: #353535; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #2046f2; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #353535; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #2046f2; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #353535; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #2046f2; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #353535; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #2046f2; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #2046f2; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 0px 0px; }
.mega-menu .menu-links > li .drop-down-multilevel a:before { content: ''; display: inline-block; position: relative; top: -2px; margin-right: 10px; width: 5px; height: 5px; background-color: #eaa835; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.mega-menu .menu-links > li .drop-down-multilevel li:hover .drop-down-multilevel li:hover a:before { background: #2046f2; }
.mega-menu .menu-links > li .drop-down-multilevel li:hover a:before { background: #2046f2; }
.mega-menu .menu-links > li .drop-down-multilevel li:hover a { color: #000; background: #eee; }

.mega-menu .menu-mobile-collapse-trigger:before, 
.mega-menu .menu-mobile-collapse-trigger:after, 
.mega-menu .menu-mobile-collapse-trigger span { background: #000; }
.mega-menu .menu-mobile-collapse-trigger { top: 18px; }
.mega-menu {min-height: 40px; /*! background: ; */}
.mega-menu .drop-down [class*="grid-col-"], 
.mega-menu .drop-down-tab-bar [class*="grid-col-"] { padding: 0px 10px; }
.mega-menu .drop-down ul, 
.mega-menu .drop-down ol, 
.mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl { margin: 0px;  }

.btn-enquiry {margin: 0;display: none;}
.btn-enquiry li a {
  display: block;
  padding: 0 15px;
  color: #FFF;
  font-family: 'Poppins';
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  background: #02407b;
}
@media (min-width: 992px) {.btn-enquiry {margin: 0;display: block;}}

@media screen and (max-width: 992px) {
  .mega-menu .menu-links { width: 100%; background: #FFF; position: absolute; top: 15px; left: 0;border:1px solid #eee;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5); }
  .mega-menu .menu-links li {border-bottom:1px solid #f1f1f1;}
  .mega-menu .menu-links li a {color:#000; line-height:36px;}
}


@media (min-width:992px) {
  #header.default {position: fixed; background: rgb(255, 255, 255);}
  #header.default .topbar {display:block;}
  .navbar {background: #FFF;padding: 0;border-top: 1px solid #eee;}
  .mega-menu .menu-list-items .menu-logo { padding: 10px 0px; }
  .mega-menu .menu-list-items .menu-logo img { height: 90px; }
  
  .mega-menu .site-title {font-size: 26px; line-height: 24px; font-weight: 500; text-align: left; padding:35px 0 0 30px;  display:table-cell;}
  .mega-menu .site-title small {font-size: 16px;text-align: left;color: #777;font-weight: 300}


  .menu-list-items .menu-links > li > a {color: #02407b; line-height:40px !important;}
  
  .mega-menu.desktopTopFixed .menu-list-items { height: 40px; padding: 0; background: rgba(255,255,255, 0.8); border:0px solid #e0e0e0; }
  .mega-menu.desktopTopFixed .menu-list-items .menu-logo { display: none; }
  .mega-menu.desktopTopFixed .menu-list-items .menu-logo img {height: 50px !important;}
  .mega-menu.desktopTopFixed .site-title {display: none;}
  .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a {font-size:13px;line-height: 40px;}
  .mega-menu.desktopTopFixed .topbar {display: none !important;}
  .mega-menu.desktopTopFixed .info-tab {display: none;}
  .mega-menu.desktopTopFixed {height:40px !important;box-shadow: 0 0 15px #000;}
  
  .mega-menu .menu-links  li  a {line-height: 50px !important; }
  .mega-menu .menu-links > li a:hover {color: #161f2c;}
  .mega-menu .drop-down-multilevel {width: 200px;left: -50px;}
}
.info-tab {
  display: none;
  float: right;
  padding: 0 15px;
  margin:35px 0;
  position: relative;
  border:0px solid red;
}
.info-tab div {display: table-cell;vertical-align: middle;}
.info-tab i {color: #02407b; font-size:30px; margin:10px 15px 0 0; vertical-align:  middle;}
.info-tab p {color: #000; font-family:'Poppins'; font-size:14px; line-height:18px; margin:0;}
.info-tab a {color: #777; font-weight: 300;}
@media (min-width:992px) {
  .info-tab {display: inline-block;}
}
/* = Footer
----------------------------------------*/
footer {
  width: 100%;
  margin:0px 0 0;
  padding: 30px 0 40px;
  background: #02407b;
  background:linear-gradient(#042849,#02407b);
}
footer .logo {
  height: 50px;
  display: block;
  margin: 0 auto 20px;
}
footer h5 {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
footer p {
  color: #EEE;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: center;
  line-height: 22px;
}
footer .footer-nav  {
  margin: 0px 0 40px;
  padding: 0; 
}
footer .footer-nav ul {
  padding: 0;
}
footer .footer-nav li {
  color: #FFF;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .footer-nav li a {
  display: block;
  font-family: 'Open Snas', sans-serif;
  color: #EEE;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
}
footer .footer-nav li a:hover {
  text-decoration: none;
}
footer .footer-nav li a i {
  margin-right: 5px;
}
footer .social-icon {
  display: table;
  margin:0 auto 40px;
}
footer .social-icon a {
  height: 35px;
  float: left;
  margin: 10px 5px 0 0;
  display: table;
  cursor: pointer;
  color: #FFF;
  font-size:20px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #0c285f;
  transition: all 300ms ease-in-out;
}
footer .social-icon a i {
  color: #0c285f;
  font-size: 17px;
  line-height: 33px;
  width: 35px;
}
footer .social-icon a:hover {
  color: #FFF;
  background: #0c285f ;
}
footer .newsletter {
    margin: 20px 0 0
  }
footer .newsletter .row {
  margin-left: -5px;
  margin-right: -5px;
  border: 0px solid red;
}
footer .newsletter [class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid red;
}

footer .newsletter .sub-input {
  width: 100%;
  height: 43px;
  color: #000;
  font-size: 12px;
  display: inline-block;
  padding:0 15px;
  background-color: #FFF;
  outline: none;
  border: none;
  border-radius: 20px;
}
footer .newsletter .sub-btn {
  width: 43px;
  margin: 0px auto 0;
  padding: 0 15px;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  line-height: 43px;
  background: #fff;
  border: none;
  border-radius: 100%;
  transition: all 400ms ease-in-out;
}
footer .newsletter .sub-btn i {
  height: 43px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin: 0;padding: 0;
}
footer .newsletter .sub-btn:hover {
  background: #000;
}
footer .sub-form .sub-btn:hover i {
  color: #f2d03b;
}
footer .newsletter .subs-text {
  width: 100%;
  position: absolute;
  bottom: 15px;
  color: #FFF; 
  font-size: 14px;
  font-weight: 300;
  border: 1px solid red; 
}
footer .newsletter .subs-text {
  width: 95%;
  position: absolute;
  top:180px; 
  bottom: 15px;
  color: #FFF; 
  font-size: 14px;
  font-weight: 300;
  border: 0px solid red; 
}
footer .newsletter .subs-text input {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 99999;
}
footer .newsletter .subs-text label {
  width: 100%;
  float: left;
  padding: 0 15px 0 25px;
  line-height: 16px;
}
footer .nav-bottom {
  margin-top: 30px;
}
footer .nav-bottom ul {
  padding: 0;
  margin: 0;
}
footer .nav-bottom ul li {
  list-style-type: none;
  display: inline;
  padding:0 0px;
}
footer .nav-bottom ul li a {
  color: #d1d1d1;
  font-size: 12px;
}
footer .dnd {
  width: 100%;
  margin:40px 0 15px;
  padding:0 15px;
  color: #d1d1d1;
  text-align: center; 
  border: 0px solid red;
}

footer .dnd i {
  color: red;
  font-size: 12px;
  margin: 0 5px;
}
footer .success {
  padding:0.4em 1em;
  margin: 65px 0 0;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  background-color: #09bc8a;
  border: 1px solid #09bc8a;
  border-radius: 3px;
}

footer .error {
  padding:0.4em 1em;
  margin: 65px 0 0;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  background-color: #CC0000;
  border: 1px solid #CC0000;
  border-radius: 4px;
}
.bottom-bar {
  height: auto;
  background: #02407b;
  border-top: 1px solid #042849;
}
.bottom-bar .copyright {
  display: block;
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
  text-align: center;
  padding: 15px 15px 5px;
  border:0px solid red;
}
.bottom-bar .dnd {
  display: block;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 5px 0 15px;
  transition: all 300ms ease-in-out;
}
.bottom-bar dnd:hover {color: #EEE;}
@media (min-width:992px) {
  footer {height:auto;padding: 50px 0 30px;}
  footer .logo {height: 35px;margin: 0 0 20px;}
  footer h5 {font-size: 16px;letter-spacing: 1px;text-align: left;}
  footer p {text-align: left;}
  footer .footer-nav  {margin: 0px 0 40px;}
  footer .social-icon {margin:0 auto ;}
  footer .footer-nav li {padding: 0 0 0 15px;}
  footer .footer-nav li a {text-align:left;}
  footer .sub-form .sub-input {}
  footer .sub-form .sub-btn {}
  footer .sub-form .subs-text {}
  footer .sub-form .subs-text input {}
  footer .sub-form .subs-text label {}
  footer .success {margin: 45px 0 0;} 
  footer .error {margin: 45px 0 0;}
  footer h5 {text-align:left;}
  footer p {font-size:14px;text-align:left;}
  footer .social-icon {margin:0;}
  footer .dnd {margin:40px 0 0;padding:0;}
  .bottom-bar {height: 50px;}
  .bottom-bar .copyright {display: initial;line-height: 50px;text-align: left;padding: 0 15px;}
  .bottom-bar .dnd {float: right;display: block;margin: 0;padding: 0;line-height: 50px;text-align: right;transition: all 300ms ease-in-out;
  }
}

/* Common Classes 
----------------------------------------*/
.slide-heading {cursor:pointer;font-family: 'Raleway', sans-serif;}
.slide-text {cursor:pointer;font-family: 'Montserrat';}
.section-container {
  padding-top: 35px;
  padding-bottom: 35px; 
}
@media (min-width: 992px) {
  .section-container {
    padding-top: 70px;
    padding-bottom: 70px; 
  }
}
.image-fluid {
  width: 100%;
  height: auto;
}
.btn {
  position: relative;
  display: table;
  margin-top: 50px;
  padding: 0 40px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 44px;
  background: #edcb9a;
  border-radius: 0;
  border: 2px solid #edcb9a;
  transition: all 300ms ease-in-out;
}
@media (min-width: 992px) {
  .btn {
    margin-top: 30px;
    padding: 0 25px;
    font-size: 14px;
    line-height: 40px;
  }
}
.btn-color {
  color: #FFF; background: #02407b; border-color: #02407b;border: 0;
}
.btn-color:hover {
  color: #FFF;
  background: linear-gradient(to right, #9bc2fd 50%,#02407b 50%) no-repeat scroll right bottom / 210% 100% #02407b !important;
}

.btn-border-color {
  color: #edcb9a; background: transparent; border-color: #edcb9a;
}
.btn-border-color:hover {
  color: #FFF; background: #edcb9a; border-color: #edcb9a;
}
.btn-border {
  color: #FFF; background: transparent; border-color: #FFF;
}
.btn-border:hover {
  color: #edcb9a; background: #FFF; border-color: #FFF;
}
.btn-white {
  color: #000; background: #FFF; border-color: #FFF;
}
.btn-white:hover {
  color: #FFF; background: transparent; border-color: #FFF;
}
.btn-black {
  color: #FFF; background: #000; border-color: #000;
}
.btn-black:hover {
  color: #000; background: transparent; border-color: #000;
}
.bg-gray {background: #f1f1f1;}
.st-line {
  width: 80px;
  height: 1px;
  margin: 0 auto 30px;
  background: #02407b;
}
@media (min-width: 992px) {
  .st-line {
    height: 2px;
    margin: 0 0 30px;
  }
}
/* = Sections 
----------------------------------------*/
.gird-5 .row {
  margin-left: -5px;
  margin-right: -5px;
}
.grid-5 [class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}
.rev_slider_wrapper {margin-top: 0px !important;}
@media (min-width: 992px) {
  .rev_slider_wrapper {margin-top: 140px !important;}
}
#about {
  color: #000;
  font-weight: 300;
  text-align: center;
  position:relative;
  background: #FFF;
  background:url(../images/bg-map.png) 50% 0 no-repeat fixed #FFF;
  background-size: cover;
}
#about::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: .80;
    content: "";
}
#services {
  color: #FFF;
  position: relative;
  background: #ECECEC;
  background:url(../images/banners/slide03.jpg) 50% 0 no-repeat fixed #FFF;
  background-size: cover;
}
#services::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #02407b;
    background: linear-gradient(#02407b, #000);
    opacity: .90;
    content: "";
}
#tracking {
  color: #000;
  position: relative;
  background: #ECECEC;
  background:url(../images/map.webp) 50% 0 no-repeat fixed #FFF;
  background-size: cover;
}
#tracking::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #02407b;
    background: linear-gradient(#ccc, #FFF);
    opacity: .50;
    content: "";
}
#award {
  color: #fff;
  position: relative;
  background: #FFF;
  background:url(../images/bg-awards.jpg) 50% 0 no-repeat fixed #FFF;
  background-size: cover;
}
#award::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(#02407b, #000);opacity: .90;}
#ceo-message {
  color: #000;
  text-align: center;
  position: relative;
  background:url(../images/bg-ceo-message.jpg) 50% 0 no-repeat fixed #FFF;
  background-size: cover;
}
#ceo-message::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#FFF ;
    opacity: .80;
    content: "";
}
#team {
  color: #FFF;
  position: relative;
  background: #ECECEC;
  background:url(../images/bg-members.jpg) 50% 0 no-repeat fixed #3C4146;
  background-size: cover;
}
#team::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #02407b;
  background: linear-gradient(#000, #02407b);
  opacity: .95;
  content: "";
}

#success {
  color: #FFF;
  position: relative;
  background: #F5F6FA;
  background:url(../images/banners/slide02.jpg) 50% 0 no-repeat fixed #3C4146;
  background-size: cover;
}
#success::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
    content: "";
}
#affiliate { 
  color: #000;
  position: relative;
  background: #ECECEC;
  background:url(../images/bg_about.jpg) 50% 0 no-repeat fixed ;
  background-size: cover;
}
#affiliate::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: .90;
  content: "";
}
#portfolio .owl-carousel .owl-nav button.owl-next {top: -40px;}
#portfolio .owl-carousel .owl-nav button.owl-prev {top: -40px;}
#contact {
  color: #000;
  position: relative;
  background:url(../images/bg-info.jpg) 50% 0 no-repeat fixed #3C4146;
  background-size: cover;
}
#contact::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#FFF ;
    opacity: .8;
    content: "";
}

/* About Us Section */
.about-image {
  width: 100%;
}
/* Services */
.service-box {text-align: center; margin:5px 0;  padding: 15px; background: rgba(0, 0, 0, 0.0);border: 0px solid #777;}
.service-box div{display: block;}
.service-box img {width: 60px; display:block; margin: 0 auto 15px; vertical-align: text-top;}
.service-box h4 {font-size: 16px;}
.service-box p {color:#eee;font-size: 13px; line-height: 18px;}
.service-box a {color: #86daf3;vertical-align: text-bottom;}
.service-box a i {margin-left: 10px;}
@media (min-width:992px) {
  .service-box {text-align: left;}
  .service-box img {width: 80px;margin: 0 0px 15px 0;}
  .service-box h4 {font-size: 18px;}
}
/* Tracking */
.tracking {
  transition: all 300ms ease-in-out;
  margin: 0 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.tracking h4 {
  font-family: 'Poppins';
  font-size: 20px;
  font-weight: 400;
}
.tracking hr {
  width: 50px;
  border:1px solid #02407b;
}
.tracking img {
  height: 150px;
  margin: 15px 0;
}
.tracking a {
  color: #02407b;
  display: table;
  margin: auto;
  transition: all 300ms ease-in-out;
}
.tracking .line {
  width: 0px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  background: #02407b;
  transition: all 300ms ease-in-out;   
}
.tracking i {font-size: 12px;margin-right: 5px;} 
.tracking a:hover {text-decoration: none;}
.tracking:hover .line {width: 30px;}
@media (min-width: 992px) {
  .tracking {
    margin: 0 0 0;
    padding-bottom: 0;
    border-bottom: 0px solid #ccc;
  }
}

/* Award */
.award img {
  height:200px !important;;
  display: block;
  margin: auto;
  transform: translateX(-20px);
}
#award .owl-carousel .owl-item {
  transform: translateX(10px);
}
/* CEO Message
-----------------------------------------------------*/
.tes-reviewer {
  color: #FFF;
  width: 160px !important;
  position: relative;
  display: block;
  margin:30px auto;
  
}
.tes-reviewer img {
  width: 100% !important;;
  border-radius: 50%;
  position: relative;
}
.tes-reviewer::before {
  position: absolute;
    left: -10px;
    top: -10px;
    width: 170px;
    height: 170px;
    background: #09bc8a;
    opacity: 1;
    content: "";
    color: #f1f1f1; 
    border-radius: 50%;
}
.tes-name {
  color: #161F2C;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  margin:30px 0 0;
  border: 0px solid red;
}
.tes-desig {
  color: #777;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  position: relative;
  display: block;
  border: 0px solid red;
}
.tes-icon {
  width: 60px !important;
  display: none !important;
  margin: auto;
}
.tes-review {
  color: #111;
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  text-align: center;
  margin:20px 0 0;
}
@media (min-width: 992px) {
  .tes-reviewer {width: 250px !important; margin:30px 0 15px auto;/*! position: relative; */}
  .tes-reviewer img {width: 100% !important;border-radius: 50%;position: relative;}
  .tes-reviewer::before {left: -15px;top: -15px;width: 270px;height: 270px;}
  .tes-name {font-size: 30px; text-align: left; position: relative;margin:30px 0 10px;}
  .tes-desig {font-size: 16px;text-align: left;position: relative;}
  .tes-icon {width: 100px !important; margin: 0; display: block !important;}
  .tes-review {font-size:16px;text-align: left;}
}


/* Team 
------------------------------*/
.team {
  display: block;
  margin: 15px 0 !important;;
  text-align: center; 
  border: 0px solid red;
}
.team img {
  width: 100%;
  max-width: 240px;
  height: auto;
  border-radius: 50%; 
  border: 15px solid transparent; 
  box-shadow: 2px 2px 0px rgba(0,0,0, 0.18);
  /*! filter: grayscale(100%); */
  transition: all 300ms ease-in-out;
}
  
.team img:hover {
  filter: grayscale(0%);
  border: 15px solid #86daf3;
  position: relative;
  z-index: 10;
  transition: all 0.1s ease-in; 
}

.team .designation {
  color: #FFF;
  padding: 8px 20px;
  position: relative;
  top: -64px;
  left: -42px;
  display: inline-block;
  background: #02407b;
  border-radius: 0 16px 16px 0;
  font-size: 16px; 
  z-index: 991;
  transition: all 300ms ease-in-out;
}
.team:hover .designation {
  background: #9DDF05;
}

.team h4  {
  color: #000;
  margin-top: -20px;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
}
.team p  {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.team p a {color: #777;}

#team .designation {background: #9DDF05;}
#team h4 {color: #FFF;}
#team p a {color: #ccc;}



/* Social Networks Meta */
.team .social a {
  display: inline-block; 
  padding: 0 6px; 
  font-size: 16px; 
  color: #FFF; 
  transition: all 0.1s ease-in;
}


.team .social a:hover {text-decoration: none;}
.team .social .fa-facebook-f:hover {color: #38529A}
.team .social .fa-twitter:hover {color: #4EA6E9}
.team  .social .fa-linkedin-in:hover {color: #0073B1}
.team  .social .fa-instagram:hover {color:  #7D20AF;}

@media (min-width: 992px) {
  .team {margin: 0 0 0px;}
}





/* Our Story 
----------------------------------------*/
.pp-wrapper {
    width: 100%;
    height: 100%;
    color: #161f2c; 
    font-size: 40px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to (#f1f1f1));
    background-image: linear-gradient(to right, #fff 0%, #f1f1f1 100%);
    -webkit-box-shadow: 0 5px 29px rgba(0, 205, 214, 0.3);
    box-shadow: 0 5px 29px rgba(0, 205, 214, 0.3);
}
.play-btn {
    width: 120px;
    height: 120px;
    margin:100px auto ; 
    text-align: center;
    line-height: 120px;
    display: block;
    position: relative;
}
.play-btn:before {
    content: '';
    display: block;
    position: absolute;
    opacity: 1;
    visibility: visible;
    -webkit-animation: pulsecust 1.8s linear;
    animation: pulsecust 1.8s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: #FFF;
    -webkit-transition: visibility 0.1s ease-out, opacity 0.2s ease-out;
    transition: visibility 0.1s ease-out, opacity 0.2s ease-out; 
}
.play-btn:after {
    opacity: 0;
    visibility: hidden; 
}

@-webkit-keyframes pulsecust{0%{opacity:1;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}50%{opacity:0;transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4)}100%{opacity:1;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}@keyframes pulsecust{0%{opacity:1;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}50%{opacity:0;transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4)}100%{opacity:1;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}


/* = More To Explore New Hover 
----------------------------------------*/
.explore {
  width:100%;
  float: left;
  margin:5px 0; 
  position:relative;
  overflow: hidden;
  text-align:center;display: -webkit-flex;
  -webkit-align-items: flex-start;
  display: flex;
  align-items: flex-start;
  text-decoration: none !important;;
  border: 1px solid #ccc;
  box-shadow: 0 0 15px #aaa;
}
.explore .entry__img {
  display: block;
  height: auto;
  width: 100%;
}
.explore:before{
   content:"";
   position:absolute;
   z-index:2;
   opacity:0;
   top:0;
   left:0; 
   width:100%;
   height:100%;
   background: rgba(2, 64, 123, 0.8);
   -webkit-transition:all .45s ease;
   -moz-transition:all .45s ease;
   transition:all .45s ease
}
.explore:hover:before {
   opacity:1
}
.explore:hover .explore_content p, .explore:hover .explore_btn {
   opacity:1;
   -webkit-transform:translateY(0);
   -moz-transform:translateY(0);
   -ms-transform:translateY(0);
   -o-transform:translateY(0);
   transform:translateY(10)
}
.explore:hover .explore_btn:after {
   width:100%
}
.entry__img--link {
   display:table;
   width:100%;
   margin-bottom:20px
}
.explore_content {
  position:absolute;  
  z-index:25; 
  display:table;
  width:100%;  height: 100%;
  top: 0; left: 0;
  vertical-align:middle;
  color:#fff; 
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  display: flex;
  align-items: flex-start;
}
.content_center {
  width: 100%;
  display:table;
  vertical-align: middle;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.explore_content .explore_title {
  color: #F7F7F7;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0em 0.1em 0.1em #000;
  display: table;
  padding: 7px 20px;
  background: #02407b;
  -webkit-transform:translateY(40px);
  -moz-transform:translateY(40px);
  -ms-transform:translateY(40px);
  -o-transform:translateY(40px);
  transform:translateY(40px);
  -webkit-transition:all .45s ease;
  -moz-transition:all .45s ease;
  transition:all .45s ease
}
.explore:hover .explore_title {
  background: transparent;
  margin: auto;
  -webkit-transform:translateY(-0px);
  -moz-transform:translateY(-0px);
  -ms-transform:translateY(-0px);
  -o-transform:translateY(-0px);
  transform:translateY(-0px);
}
.explore_content p {
  margin:14px 0 25px;
  margin:0.875rem 0 1.5625rem;
  padding:0 15%;
  color: #f7f7f7;
  line-height:23px;
  line-height:1.4375rem;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:300;
  opacity:0;
  -webkit-transform:translateY(-30px);
  -moz-transform:translateY(-30px);
  -ms-transform:translateY(-30px);
  -o-transform:translateY(-30px);
  transform:translateY(-30px);
  -webkit-transition:all .45s ease;
  -moz-transition:all .45s ease;
  transition:all .45s ease
}
.explore_btn {
  position:relative;
  z-index:2;
  display:inline-block;
  font-family: 'Poppins';
  font-size: 16px; 
  font-weight:300;
  opacity:0;
  -webkit-transform:translateY(20px);
  -moz-transform:translateY(20px);
  -ms-transform:translateY(20px);
  -o-transform:translateY(20px);
  transform:translateY(20px);
  -webkit-transition:all .45s ease;
  -moz-transition:all .45s ease;
  transition:all .45s ease
}
.explore_btn:after {
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  bottom:-0.25rem;
  width:0;
  height:2px;
  background:#9ddf05;
  -webkit-transition:all .8s ease;
  -moz-transition:all .8s ease;
  transition:all .8s ease
}
@media (min-width:768px) {
  .explore_content .explore_title {
    font-size: 18px;
  -webkit-transform:translateY(80px);
  -moz-transform:translateY(80px);
  -ms-transform:translateY(80px);
  -o-transform:translateY(80px);
  transform:translateY(80px);    
  }
  .explore_content p {font-size: 14px;}
  .explore_btn {font-size: 16px;}
}


/* = Success 
------------------------------------------*/
.success-tab {
  margin:0 auto 40px;
  border: 0px solid red;
}
.success-tab i {
  color:#FFF;
  width: 70px;
  line-height: 80px;
  font-size: 40px;
  display: block;
  margin:0 auto 0;
  text-align: center;
  border-bottom: 1px solid #FFF;
}
.success-tab .timer {display: inline;}
.success-tab .s-number {
  font-size: 28px;
  display: block;
  margin: auto;
  text-align: center;
}
.success-tab p {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width:992px) {
  .success-tab {
    margin: auto;
  }
  .success-tab i {
    width: 80px;
    font-size: 50px;
    float: left;
    margin-right: 25px;
    border-right: 2px solid #FFF;
    border-bottom: none;
  }
  .success-tab .s-number {
    text-align: left;
  }
  .success-tab p {
    display: block;
    font-size: 16px;
    text-align: left;
  }
}

.client-img {display: block;margin: auto;}
.affiliate {
  height: 100px;
  display: block;
  margin: auto;
}
/* = About 
----------------------------------------*/
.social-about {
  margin:30px 0 50px;
}
.social-about  a {
  margin: 0 5px;
} 
.social-about i {
  color: #FFF;
  font-size: 14px;
  width: 44px;
  margin:10px 0px 0 0;
  line-height: 44px; 
  text-align: center;
  background: #ececec;
  border-radius: 44px;
  transition: all 300ms ease-in-out;
}
.social-about a i:hover {
  background: #EDCB9A;
}
blockquote {
  color: #000;
  font-family: 'Cedarville Cursive', cursive;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.2px;
  max-width: 750px;
  padding: 30px;
  margin: 30px 0 0;
  background: #edcb9a;
}
@media (min-width:992px) {
  blockquote {font-size:22px;margin: -150px 0 0; padding: 70px;}
  .social-about {margin:50px 0 50px;}

}
/* = Service 
----------------------------------------*/
.service {
  padding: 0 15px;
}
.service .icon i {
  color: #edcb9a;
  font-size: 50px;
  margin: 20px 0;
}
.service h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.6px;
}
.service a:hover {
  text-decoration: none;
}
.service a {
  color: #d8b484;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}
.service a i {
  font-size: 18px;
  margin: 0 0 0 5px;
  vertical-align: text-bottom;
}
@media (min-width:992px) {
  .service .icon i {
    font-size: 60px;
    margin: 30px 0;
  }
  .service h3 {
    font-size: 20px;
    line-height: 33px;
  }
}
/* Carousel  use in Portfolio 
-----------------------------------------------------*/
.owl-carousel .owl-item img { width: auto; }
.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 20%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; opacity: 0; }
.owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel .owl-nav i { font-size: 20px; border-radius: 50%; box-shadow: -1px 6px 13px rgba(0, 0, 0, 0.1); width: 44px; height: 44px; line-height: 42px; padding-left: 2px; display: inline-block; color: #4b90fa; background: #ffffff; border: 1px solid #e3e3e3; font-weight: 700; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.owl-carousel .owl-nav i:hover { background: #4b90fa; color: #FFF; border-color: #4b90fa; }
.owl-carousel:hover .owl-nav { opacity: 1; }
.owl-carousel:hover .owl-nav .owl-prev { left: -2%; }
.owl-carousel:hover .owl-nav .owl-next { right: -2%; }
.owl-carousel .owl-controls .owl-dot { display: inline-block; margin-top: 20px; }
.owl-carousel .owl-dots { display: inline-block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #a5a5a5; border-radius: 30px; display: inline-block; width: 10px; height: 10px; margin: 0px 3px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #4b90fa; }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #4b90fa; width: 24px;}
.owl-item {display: grid;}
.owl-item .portfolio-img {height:70px;display: block;margin: auto;}
.owl-carousel .owl-nav {top: 35%;}
.owl-item .client {height:200px;display: block;margin: auto;}


@media (min-width:992px) {
  .owl-item .portfolio-img {height:100px;display: block;margin: auto;}
  .owl-carousel .owl-nav {top: 35%;}
  .owl-item .client {height:250px;display: block;margin: auto;}
}
#testimonials .owl-carousel .owl-nav {top: 40%;}
.tes-reviewer {
  width: 160px !important;
  position: relative;
  display: block;
  margin:30px auto;
  
}
.tes-reviewer img {
  width: 100% !important;;
  border-radius: 50%;
}
.tes-reviewer::before {
  position: absolute;
    left: -10px;
    top: -10px;
    width: 170px;
    height: 170px;
    background: #02407b;
    opacity: 1;
    content: "";
    color: #f1f1f1; 
    border-radius: 50%;
}
.tes-name {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  margin:30px 0 0;
  border: 0px solid red;
}
.tes-desig {
  color: #444;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  position: relative;
  display: block;
  border: 0px solid red;
}
.tes-icon {
  width: 60px !important;
  display: none !important;
  margin: auto;
}
.tes-review {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  text-align: center;
  margin:20px 0 0;
}
@media (min-width: 992px) {
  .tes-reviewer {width: 300px !important; margin:50px 0 15px auto;}
  .tes-reviewer img {width: 100% !important;border-radius: 50%;}
  .tes-reviewer::before {left: -15px;top: -15px;width: 320px;height: 320px;}
  .tes-name {font-size: 20px; font-weight: 500; text-align: left; position: relative;margin:30px 0 5px;}
  .tes-desig {font-size: 16px;text-align: left;position: relative;}
  .tes-icon {width: 100px !important; margin: 0; display: block !important;}
  .tes-review {font-size:14px;text-align: left;}
}

/* FAQ
------------------------------------------------*/
.accordion .acd-group {margin-bottom: 10px;  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.accordion .acd-group .acd-heading:before { font-family: fontawesome; }
.accordion .acd-group .acd-heading:before { cursor: pointer; position: absolute; top: 0px; right: 20px; display: block; padding: 3px 6px 2px; content: "\f105"; font-size: 22px; line-height: 38px; }
.accordion .acd-group > .acd-heading > span { margin-right: 15px; }
.accordion .acd-heading { 
  position: relative; 
  padding: 15px 40px 15px 30px; 
  color: #353535; 
  font-size: 13px;
  line-height: normal; 
  cursor: pointer; 
  background-color: #fff;  
  display: block; 
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #ccc;
  border-radius:3px;
  margin-bottom: 5px;
}
.acd-des { color: #444; font-size: 14px; line-height: 20px; padding: 30px; background: #FFF;border: 1px solid #ccc; border-radius:3px;}
.accordion .acd-group.acd-active .acd-heading { color: #000; background: #edcb9a; border-radius:3px; border:none;}
.accordion .acd-heading:hover {text-decoration: none; color:#d62231;}
.accordion .acd-group.acd-active .acd-heading:before { content: "\f107"; }
.accordion .acd-group.acd-active .acd-heading span { color: #fff; }
/* Contact 
-------------------------------------------------*/


.contact-tab {
  margin-bottom: 40px;
  border: 0px solid red;
  transition: all 300ms ease-in-out;
}
.pt-4{padding-top: none !important;;}
.contact-tab i {
  width: 50px;
  display: block;
  margin: 15px auto; 
  font-size: 22px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  background: #02407b;
  background:linear-gradient(#042849,#02407b);
  border-radius: 100%;
  border: 0px solid #4b90fa;
}
.contact-tab h5 {
  color: #fff;
  text-align: center;
  
}
.contact-tab p {
  color:#eee;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  margin:0;
}
.contact-tab p a {
  color: #000;
  transition: all 300ms ease-in-out;
  font-weight: 400;
}
.contact-tab p a:hover {
  color: #000;
  text-decoration: none;
}
.contact-tab p b {
  color: #000;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 5px 0; 
  font-weight: 500;
  display: inline-block;
  border: 0px solid red;
  text-align: left;
}
@media (min-width:992px) {
  .contact-tab {
    margin-bottom: 30px;
    border: 0px solid red;
  }
  .contact-tab div {display: table-cell; vertical-align:  top; border: 0px solid red; }
  .contact-tab i {
    width: 70px;
    float: left;
    margin:0 25px 0 0; 
    font-size: 22px;
    line-height: 70px;
    color: #FFF;
  }
  .contact-tab p {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
  }
  .contact-tab p b {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
  }
}
.contact-tab:hover p {
  transform: scale(0.9);
  transition: all 300ms ease-in-out;
}
/* Form */
.form-tagline {
  color: #444;
  line-height: 50px;
}
.form { margin: 30px 0 0;}
.form .input {
  width: 100%;
  height: 36px;
  float: left;
  margin: 0 0 15px;
  padding: 0 10px;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  text-align: center;
  background: none;
  border:none;
  outline: none;
  border-bottom: 1px solid #999;
}
.form .textarea {
  width: 100%; position: relative;
  height: 100px;
  margin: 0 0 15px;
  padding: 10px;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  text-align: center;
  background: none;
  border:none;
  outline: none;
  border-bottom: 1px solid #999;
}
.form .input:focus, .form .textarea:focus {
  border: none;
  border-bottom:  1px solid #edcb9a;
}
.g-recaptcha {
  margin: 10px 0;
  transform:scale(0.70);
  -webkit-transform:scale(0.70);
  transform-origin:180px 0;
  -webkit-transform-origin:180px 0;
}
.form .submit {
  display: table;
  margin: 0 auto;
  padding: 0 20px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  background: #02407b;
  background:linear-gradient(#042849,#02407b);
  border-radius: 2px;
  border: 2px solid #02407b;
  transition: all 300ms ease-in;
}
.form .submit:hover {
  color: #FFF;
  background: #23282c;
  border: 2px solid #23282c;
}
.section-message {
  width: 100%; 
  position: absolute;
  z-index: 999999999;
  margin:  150px 0 0;
  border: 0px solid red;
}




.checkgroup {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin: 10px 0;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 20px;
}

/* Hide the browser's default checkbox */
.checkgroup input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkgroup:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkgroup input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkgroup input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkgroup .checkmark:after {
  left: 10px;
  top: 8px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




@media (min-width: 992px) {
  .form .input {height: 50px;padding: 0 20px;font-size: 14px;text-align: left;}
  .form .textarea {height: 80px;padding: 20px;font-size: 14px;text-align: left;}  
  .g-recaptcha {margin: 0;transform:scale(0.60);-webkit-transform:scale(0.60);transform-origin:0 0;-webkit-transform-origin:0 0;}
  .form .submit {float: right;padding: 0 30px;font-size: 14px;line-height: 42px;}
  .google-map {width: 100%;height:400px; margin: 0;}
  .google-map {height:800px;}
}



/* = Page Title Wrapper 
----------------------------------------*/
.page_title_wrapper {
  width: 100%;
  padding: 40px 0;
  position: relative;
  background: center center no-repeat ;
  background-size: cover;
  margin:0px 0 00px;
}
.page_title_wrapper::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #000, #3a5174);
    background: #3a5174;
    opacity: .75;
    content: "";
}
.page_title_wrapper .container:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 50%;
  height: 34px;
  background-image:url(../images/bottom-shadow.jpg);
  background-repeat: no-repeat;
  background-size: 100% 34px;
  background-position: 0% bottom;
}
.ptw-about- {
  background:url(../images/bg_classes.jpg) center no-repeat;
  background-size: cover;
}
.bg-about { background: url('../images/banners/slide3-3.jpg') no-repeat center; background-size: cover;}

.page_title {
  position: relative;
  display: block;
  margin: 0 0 0;
  border: 0px solid red;
}
.page_title h1 {
  display: block;
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 80px;
  text-align: center;
  margin:0 0 0;
}
@media (min-width: 992px) {
  .page_title_wrapper {
    margin: 160px 0 0px;
    /*! padding: 70px 0; */
  }
  .page_title_wrapper .container:after {
    background-size: 658px 34px;
  }
  .page_title  {
    padding: 0;
  }
  .page_title h1 {
    font-size: 45px;
    line-height: 200px;
    text-align: center;
    margin: 0 0 00px;
  }
  .page_title .ptw-location {
    font-size: 20px;
    font-weight: 600;
  }
}

.trackers {
  display: block;
  margin: 15px 0;
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
}
.trackers img {
  width: 100%;
  margin:0 0 0;
  border: 1px solid #f1f1f1
}
.trackers h4 {
  color: #000;
  font-family: 'Poppins';
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
  display: block;
  margin: 0;
  padding: 8px 10px;
  transition: all 300ms ease-in-out;
}
.trackers:hover h4 {
  color: #FFF;
  text-decoration: none;
  background: #02407b;
}