@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
/*=======================================================================
/*=======================================================================
[Table of content]
=========================================================================
[01] content body
[02] General
[03] Top Header Area
[04] Slider Area
[05] IELTS/PTE/TOEFL Page Area
[06] Index on immigration and visa Page Area
[07] Why Student Visa & Visitor Visa with us Page Area
[08] success story Page Area
[09] Appointment req. form Page Area
[10] Footer Page Area
[11] country photos and flag Page Area
[12] Carousel Page Area
[13] Counter Area
[14] Service Area
[15] Pop-pop Form
/*=======================================================================
[01] content body
=========================================================================*/
html,
body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  vertical-align: baseline;
  background: #ffffff;
  color: #444444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: inherit;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 20px 0;
  color: #212121;
}
h1 {
  font-size: 56px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
p {
  line-height:18px;
}
nav li a{
  font-size: 18px;
}
.course-details-inner li{
  text-align: justify;
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .PhotoGallery h2,.cnslng h2,.ttl h2 {
    font-size: 24px;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #0054a6;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .abtphotos h1{
    font-size: 30px;
  }
  .gly img{
    margin-bottom: 10px;
  }
}


/*=======================================================================
[02] General
=========================================================================*/
a {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0 none;
}
img {
  max-width: 100%;
  height: auto;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clearfix{
  clear: both;
}
.clear:after {
  clear: both;
  content: "";
  display: block;
}

.margin-bottom-sidebar {
  margin-bottom: 30px;
}
.bg-common-style {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.section-divider {
  height: 1px;
  width: 100%;
  background: #bdbdbd;
}
.solid-underline {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 35px;
}
.solid-underline:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #e3e3e3;
  left: 0;
  bottom: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-40 {
  margin-bottom: 40px;
}
.btn-view {
  color: #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-view:hover {
  color: #393185;
}
.section-space {
  padding: 100px 0;
}
.mb-none {
  margin-bottom: 0!important;
}
.accent-bg {
  background-color: #f5f5f5;
}
.bg-primary {
  background: #393185;
  color: #ffffff;
}
.bg-textPrimary {
  background: #ffffff;
  color: #393185;
}
.bg-primary-deep {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-primary-deep:before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  background-color:#393185e3;
}
.bg-primary-deep-fixed {
  background-attachment: fixed;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-primary-deep-fixed:before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  background-color: rgba(0, 33, 71, 0.9);
}
.overlay-primaryColor {
  position: relative;
}
.overlay-primaryColor:before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  background-color: rgba(0, 33, 71, 0.7);
}
.overlay-video {
  position: relative;
}
.overlay-video:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  background-color: rgba(0, 33, 71, 0.88);
  height: 100%;
  width: 100%;
}
.title-bar-counter {
  position: relative;
}
.title-bar-counter:before {
  content: "";
  height: 2px;
  width: 70px;
  background: #009846;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.title-bar-medium-left {
  position: relative;
}
.title-bar-medium-left:before {
  content: "";
  height: 3px;
  width: 40px;
  background: #009846;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.title-bar-high {
  position: relative;
}
.title-bar-high:before {
  content: "";
  height: 3px;
  width: 40px;
  background: #009846;
  position: absolute;
  left: 0;
  bottom: -15px;
  z-index: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.title-bar-big-high {
  position: relative;
}
.title-bar-big-high:before {
  content: "";
  height: 3px;
  width: 40px;
  background: #009846;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.title-bar-sm-high {
  position: relative;
}
.title-bar-sm-high:before {
  content: "";
  height: 3px;
  width: 40px;
  background: #009846;
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.title-bar-big-left-close {
  position: relative;
}
.title-bar-big-left-close:before {
  content: "";
  height: 4px;
  width: 45px;
  background: #009846;
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: 1;
}
.title-bar-footer {
  position: relative;
}
.title-bar-footer:before {
  content: "";
  height: 3px;
  width: 45px;
  background: #393185;
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: 1;
}
.title-bar-small-center {
  position: relative;
}
.title-bar-small-center:before {
  content: "";
  height: 2px;
  width: 40px;
  background: #393185;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: 0 auto;
  z-index: 1;
}
.title-bar-small-left {
  position: relative;
}
.title-bar-small-left:before {
  content: "";
  height: 3px;
  width: 45px;
  background: #393185;
  position: absolute;
  left: 0;
  bottom: -35px;
  z-index: 1;
}
.title-bar-sidebar {
  position: relative;
}
.title-bar-sidebar:before {
  content: "";
  height: 4px;
  width: 45px;
  background: #393185;
  position: absolute;
  left: 0;
  bottom: -15px;
  z-index: 1;
}
.title-bar-full-width {
  position: relative;
}
.title-bar-full-width:before {
  content: "";
  height: 2px;
  width: 100%;
  background: #393185;
  position: absolute;
  left: 0;
  bottom: -12px;
  z-index: 1;
}
.title-default-center {
  text-transform: capitalize;
  text-align: center;
  font-weight: 500;
  margin-bottom: 45px;
  color: #393185;
}
@media only screen and (max-width: 767px) {
  .title-default-center {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .title-default-center {
    font-size: 26px;
  }
}
.title-default-left {
  text-transform: capitalize;
  text-align: left;
  font-weight: 500;
  margin-bottom: 45px;
  color: #393185;
}
@media only screen and (max-width: 767px) {
  .title-default-left {
    margin-bottom: 36px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .title-default-left {
    margin-bottom: 30px;
    font-size: 26px;
  }
}
.title-default-left a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.title-default-left a:hover {
  color: #009846;
}
.title-default-left-bold {
  font-size: 30px;
  text-transform: capitalize;
  text-align: left;
  font-weight: 500;
  margin-bottom: 45px;
  color: #393185;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .title-default-left-bold {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-default-left-bold {
    font-size: 26px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .title-default-left-bold {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .title-default-left-bold {
    font-size: 22px;
  }
}
.title-default-left-bold a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.title-default-left-bold a:hover {
  color: #009846;
}
.title-default-left-bold-lowhight {
  text-transform: capitalize;
  text-align: left;
  font-weight: 500;
  margin-bottom: 20px;
  color: #393185;
}
@media only screen and (max-width: 991px) {
  .title-default-left-bold-lowhight {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .title-default-left-bold-lowhight {
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .title-default-left-bold-lowhight {
    font-size: 22px;
  }
}
.title-default-left-bold-lowhight a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.title-default-left-bold-lowhight a:hover {
  color: #009846;
}
.title-news-left-bold {
  text-transform: capitalize;
  text-align: left;
  font-weight: 500;
  margin-bottom: 15px;
  color: #393185;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .title-news-left-bold {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .title-news-left-bold {
    font-size: 18px;
  }
}
.title-news-left-bold a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.title-news-left-bold a:hover {
  color: #009846;
}
.title-default-textPrimary-left {
  text-transform: capitalize;
  text-align: left;
  font-weight: 500;
  margin-bottom: 45px;
  color: #ffffff;
}
.about-title {
  font-size: 48px;
  color: #393185;
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .about-title {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-title {
    font-size: 36px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .about-title {
    font-size: 32px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .about-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 320px) {
  .about-title {
    font-size: 26px;
  }
}
.title-center {
  font-weight: 500;
  font-size: 36px;
  color: #393185;
  text-align: center;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .title-center {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-center {
    font-size: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .title-center {
    font-size: 30px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .title-center {
    font-size: 28px;
  }
}
@media only screen and (max-width: 320px) {
  .title-center {
    font-size: 26px;
  }
}
.about-sub-title {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .about-sub-title {
    width: 100%;
  }
}
.sub-title-full-width {
  margin-bottom: 80px;
  text-align: center;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .sub-title-full-width {
    margin-bottom: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sub-title-full-width {
    margin-bottom: 60px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .sub-title-full-width {
    margin-bottom: 50px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .sub-title-full-width {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 320px) {
  .sub-title-full-width {
    margin-bottom: 30px;
  }
}
h3.sidebar-title {
  font-size: 22px;
  color: #393185;
  text-transform: capitalize;
  margin-bottom: 35px;
  position: relative;
  font-weight: 500;
}
@media (min-width: 480px) and (max-width: 1199px) {
  h3.sidebar-title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 479px) {
  h3.sidebar-title {
    font-size: 18px;
  }
}
h3.sidebar-title a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
h3.sidebar-title a:hover {
  color: #009846;
}
h3.sidebar-title:before {
  content: "";
  height: 3px;
  width: 40px;
  position: absolute;
  left: 0;
  bottom: -15px;
  z-index: 1;
  background: #009846;
}
h2.sidebar-title {
  font-size: 30px;
  color: #393185;
  text-transform: capitalize;
  margin-bottom: 35px;
  position: relative;
  font-weight: 500;
}
@media (min-width: 480px) and (max-width: 1199px) {
  h2.sidebar-title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 479px) {
  h2.sidebar-title {
    font-size: 18px;
  }
}
h2.sidebar-title a {
  color: #393185;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
h2.sidebar-title a:hover {
  color: #009846;
}
h2.sidebar-title:before {
  content: "";
  height: 3px;
  width: 40px;
  position: absolute;
  left: 0;
  bottom: -15px;
  z-index: 1;
  background: #009846;
}
.apply-now-btn {
  text-align: center;
  color: #393185 !important;
  padding: 8px 0;
  width: 104px;
  background: #009846;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #009846;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.apply-now-btn:hover {
  background: transparent;
  color: #ffffff !important;
}
.apply-now-btn2 {
  text-align: center;
  color: #393185;
  padding: 10px 0;
  width: 104px;
  background: #009846;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.apply-now-btn2:hover {
  background: #393185;
  color: #ffffff !important;
}
.pricetable-btn {
  padding: 10px 0;
  text-align: center;
  color: #263238;
  height: 50px;
  width: 160px;
  background: #009846;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  border: 2px solid #009846;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min-width: 480px) and (max-width: 767px) {
  .pricetable-btn {
    height: 45px;
    width: 140px;
    font-size: 15px;
    padding: 9px 0;
  }
}
@media only screen and (max-width: 479px) {
  .pricetable-btn {
    height: 40px;
    width: 130px;
    font-size: 14px;
    padding: 8px 0;
  }
}
.pricetable-btn:hover {
  background: transparent;
  color: #ffffff;
}
.default-big-btn {
  border-bottom-right-radius:25px;
  border-top-left-radius:25px;
  color: #ffffff;
  padding: 12px 0;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: 1px solid #fff;
  width: 162px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.default-big-btn:hover {
  background: #009846;
  color: #393185;
}
.default-full-width-btn {
  color: #ffffff;
  padding: 12px 0;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 100%;
  border: 2px solid #393185;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.default-full-width-btn:hover {
  background: transparent;
  color: #393185;
}
.ghost-full-width-btn {
  color: #ffffff;
  padding: 14px 0;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.ghost-full-width-btn:hover {
  background: #009846;
  color: #393185;
}
.join-now-btn {
  color: #393185;
  padding: 13px 40px;
  background: #009846;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border: none;
  border: 2px solid #009846;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (min-width: 480px) and (max-width: 767px) {
  .join-now-btn {
    padding: 10px 36px;
  }
}
@media only screen and (max-width: 479px) {
  .join-now-btn {
    padding: 8px 26px;
  }
}
.join-now-btn:hover {
  background: transparent;
  color: #ffffff;
}
.join-now-primary-btn {
  color: #ffffff;
  padding: 13px 0;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border: none;
  width: 148px;
  border: 2px solid #393185;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.join-now-primary-btn:hover {
  background: transparent;
  color: #393185;
}
.sidebar-search-btn {
  color: #ffffff;
  padding: 14px 40px;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border: none;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.sidebar-search-btn:hover {
  background: #009846;
  color: #393185;
}
.sidebar-search-btn-full {
  color: #ffffff;
  padding: 13px 0;
  width: 100%;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border: none;
  border: 2px solid #393185;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.sidebar-search-btn-full:hover {
  background: transparent;
  color: #393185;
}
.view-all-accent-btn {
  text-align: center;
  color: #ffffff;
  padding: 12px 34px;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  border: none;
  font-weight: 500;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.view-all-accent-btn:focus {
  color: #ffffff;
}
.view-all-accent-btn:hover {
  background: #009846;
  color: #212121;
}
.details-accent-btn {
  text-align: center;
  color: #393185;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  border: none;
  font-weight: 500;
  border: 2px solid #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.details-accent-btn:hover {
  background: #009846;
  color: #ffffff;
}
.view-all-primary-btn {
  text-align: center;
  color: #ffffff;
  padding: 12px 0;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  border: none;
  width: 130px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.view-all-primary-btn:hover {
  background: #009846;
  color: #030507;
}
.ghost-btn {
  border: 2px solid #009846;
  color: #ffffff;
  padding: 10px 30px;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-btn:hover {
  background: #009846;
  color: #393185;
}
.ghost-btn-big {
  border: 2px solid #009846;
  color: #ffffff;
  padding: 12px 30px;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-btn-big:hover {
  background: #009846;
  color: #393185;
}
.ghost-btn-big-primary {
  border: 2px solid #393185;
  color: #393185;
  padding: 12px 30px;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-btn-big-primary:hover {
  background: #393185;
  color: #ffffff;
}
.sidebar-ghost-btn {
  text-align: center;
  color: #ffffff;
  padding: 8px 0;
  width: 160px;
  font-style: italic;
  background: transparent;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  border: 2px solid #009846;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sidebar-ghost-btn:hover {
  background: #009846;
  color: #393185;
}
.enroll-btn {
  color: #393185;
  padding: 18px 0;
  background: #009846;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 100%;
  border: 2px solid #009846;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.enroll-btn:hover {
  background: transparent;
  color: #009846;
}
.download-btn {
  position: relative;
  color: #393185;
  padding: 18px 0;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 100%;
  border: 1px solid #393185;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.download-btn:before {
  content: "\f019";
  position: absolute;
  font-family: FontAwesome;
  color: #393185;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 8%;
  z-index: 1;
}
.download-btn:hover {
  border: 1px solid #009846;
  background: #009846;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.download-btn:hover:before {
  color: #ffffff;
}
.default-white-btn {
  border: none;
  color: #393185;
  padding: 13px 30px;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.default-white-btn:hover {
  color: #ffffff;
  background: #393185;
}
.isotop-btn {
  text-align: center;
  margin-bottom: 45px;
}
.isotop-btn:after {
  display: none;
}
.isotop-btn a {
  background: transparent;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 500;
  color: #393185;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .isotop-btn a {
    padding: 10px 26px;
  }
}
.isotop-btn a:hover {
  border: 1px solid #393185;
  background: #393185;
  color: #ffffff;
}
.isotop-btn .current {
  border: 1px solid #393185;
  background: #393185;
  color: #ffffff;
}
.play-btn {
  z-index: 2;
  border: 3px solid #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 480px) {
  .play-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.play-btn i {
  color: #009846;
  font-size: 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.play-btn:hover {
  border: 3px solid #009846;
}
.play-btn:hover i {
  color: #ffffff;
}
.isotop-btn-accent {
  text-align: center;
  margin-bottom: 45px;
}
.isotop-btn-accent:after {
  display: none;
}
.isotop-btn-accent a {
  background: transparent;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 700;
  color: #393185;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.isotop-btn-accent a:hover {
  border: 1px solid #009846;
  background: #009846;
  color: #ffffff;
}
.isotop-btn-accent .current {
  border: 1px solid #009846;
  background: #009846;
  color: #ffffff;
}
.default-btn {
  color: #ffffff;
  padding: 13px 30px;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.default-btn:hover {
  background: #00082e;
  color: #ffffff;
}
.quote-white-btn {
  border: none;
  color: #393185;
  padding: 10px 20px;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.quote-white-btn:hover {
  color: #212121;
}
.default-white-small-btn {
  color: #212121;
  padding: 8px 20px;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.default-white-small-btn:hover {
  color: #393185;
}
.submit-btn {
  color: #ffffff;
  padding: 12px 44px;
  background: #393185;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.submit-btn:hover {
  background: #00082e;
  color: #ffffff;
}
.ghost-semi-color-btn {
  border: 2px solid #393185;
  color: #444444;
  padding: 10px 30px;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-semi-color-btn:hover {
  background: #393185;
  color: #ffffff;
}
.ghost-color-btn {
  border: 2px solid #393185;
  color: #393185;
  padding: 10px 44px;
  background: transparent;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-color-btn i {
  margin-left: 10px;
  color: #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-color-btn:hover {
  background: #002147;
  color: #ffffff;
}
.ghost-color-btn:hover i {
  color: #ffffff;
}
.ghost-text-color-btn {
  border: 2px solid #bdbdbd;
  color: #002147;
  padding: 10px 44px;
  background: transparent;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-text-color-btn:hover {
  border: 2px solid #002147;
  background: #002147;
  color: #ffffff;
}
.ghost-on-hover-btn {
  border: 2px solid #002147;
  color: #ffffff;
  padding: 12px 40px;
  background: #002147;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ghost-on-hover-btn:hover {
  background: transparent;
  color: #002147;
}
.owl-controls .owl-nav {
  position: absolute;
  top: -88px;
  right: -2px;
}
@media only screen and (max-width: 991px) {
  .owl-controls .owl-nav {
    top: -77px;
  }
}
@media only screen and (max-width: 480px) {
  .owl-controls .owl-nav {
    position: inherit;
  }
}
.owl-controls i {
  margin-left: 0;
  color: #ffffff;
  display: block;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.owl-controls .owl-prev {
  border: 1px solid #009846;
  background: #009846 !important;
  opacity: 1!important;
  font-size: 18px!important;
  margin: 0 1px!important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 0!important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 480px) {
  .owl-controls .owl-prev {
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
  }
}
.owl-controls .owl-prev:hover {
  background: #002147 !important;
  border: 1px solid #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.owl-controls .owl-prev:hover i {
  color: #ffffff;
}
.owl-controls .owl-next {
  border: 1px solid #009846;
  right: -45px;
  background: #009846 !important;
  opacity: 1!important;
  font-size: 18px!important;
  margin: 0 4px!important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 0!important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 480px) {
  .owl-controls .owl-next {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
  }
}
.owl-controls .owl-next:hover {
  background: #002147 !important;
  border: 1px solid #002147;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.owl-controls .owl-next:hover i {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#scrollUp {
  background-color:#009846;
  bottom: 5px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 45px;
  z-index: 99999;
  border-radius: 50%;
}
#scrollUp i {
  color: #ffffff;
}
#scrollUp:hover,
#scrollUp:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
#scrollUp:hover i,
#scrollUp:focus i {
  color: #393185;
}
#preloader {
  background: #393185 url('img/preloader.gif') no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.inner-page-banner-area {
  text-align: left;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  padding: 100px 0 115px;
}
.inner-page-banner-area:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-page-banner-area .pagination-area {
  position: relative;
  z-index: 1;
}
.inner-page-banner-area .pagination-area h1 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 48px;
  color: #ffffff;
}
@media (min-width: 480px) and (max-width: 767px) {
  .inner-page-banner-area .pagination-area h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 479px) {
  .inner-page-banner-area .pagination-area h1 {
    font-size: 32px;
  }
}
.inner-page-banner-area .pagination-area ul li {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
}
.inner-page-banner-area .pagination-area ul li a {
  color: #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.inner-page-banner-area .pagination-area ul li a:hover {
  color: #ffffff;
}
.pagination-center {
  text-align: center;
  margin-top: 43px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pagination-center {
    margin-top: 33px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pagination-center {
    margin-top: 23px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pagination-center {
    margin-top: 13px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .pagination-center {
    margin-top: 03px;
  }
}
@media only screen and (max-width: 320px) {
  .pagination-center {
    margin-top: 0px;
  }
}
.pagination-center li {
  display: inline-block;
}
.pagination-center li a {
  width: 42px;
  font-size: 16px;
  color: #ffffff;
  height: 40px;
  background: #393185;
  display: block;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.pagination-center li a:hover {
  background: #009846;
}
.pagination-center .active a {
  background: #009846;
}
.pagination-left {
  text-align: left;
  margin-top: 20px;
}
.pagination-left li {
  display: inline-block;
}
.pagination-left li a {
  width: 42px;
  font-size: 16px;
  color: #ffffff;
  height: 40px;
  background: #393185;
  display: block;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.pagination-left li a:hover {
  background: #009846;
}
.pagination-left .active a {
  background: #009846;
}
.overlay-default {
  position: relative;
}
.overlay-default:before {
  content: "";
 
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mt-30 {
  margin-top: 30px;
}
/*=======================================================================
[03] Top Header Area
=========================================================================*/
  .tpbnr{
      background-color: #393185;
      height: 43px;
  }
  .tpbnr li{
    font-size: 25px;
    padding: 1px 5px 0px 5px;
  }
  @media only screen and (max-width: 1023px) {
  .tpbnr {
    display: none;
  }
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 0!important;
  -ms-flex-align: center;
  align-items: center;
}

nav ul li a:hover{
  background-color: #009846;
  }
/*=======================================================================
[04] Slider Area
=========================================================================*/
.slider1-area{
  margin-top: px
}
.slider1-area .nivo-directionNav a.nivo-prevNav {
  left: 8px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-prevNav:before {
  content: "\f053";
  font: normal normal normal 14px/1 FontAwesome;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 18px;
  z-index: 9;
  height: 10px;
  width: 10px;
  left: 19px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-prevNav:hover {
  background-color: rgba(0, 33, 71, 0.6);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-prevNav:hover:before {
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-nextNav {
  right: 8px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-nextNav:before {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 18px;
  z-index: 9;
  height: 10px;
  width: 10px;
  right: 19px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-nextNav:hover {
  background-color: rgba(0, 33, 71, 0.6);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-nextNav:hover:before {
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.slider1-area .nivo-caption {
  opacity: 1;
  top: -40px;
}
@media only screen and (max-width: 991px) {
  .slider1-area .nivo-caption {
    top: 0;
  }
}
.slider1-area .slide-1 .title1,
.slider1-area .slide-2 .title1,
.slider1-area .slide-3 .title1 {
  color: #ffffff;
  text-transform: capitalize;
  font-size: 35px;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .slider1-area .slide-1 .title1,
  .slider1-area .slide-2 .title1,
  .slider1-area .slide-3 .title1 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .slider1-area .slide-1 .title1,
  .slider1-area .slide-2 .title1,
  .slider1-area .slide-3 .title1 {
    font-size: 30px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .slider1-area .slide-1 .title1,
  .slider1-area .slide-2 .title1,
  .slider1-area .slide-3 .title1 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .slider1-area .slide-1 .title1,
  .slider1-area .slide-2 .title1,
  .slider1-area .slide-3 .title1 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 319px) {
  .slider1-area .slide-1 .title1,
  .slider1-area .slide-2 .title1,
  .slider1-area .slide-3 .title1 {
    font-size: 15px;
  }
}
.slider1-area .slide-1 p,
.slider1-area .slide-2 p,
.slider1-area .slide-3 p {
  font-size: 16px;
  margin-bottom: 50px;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .slider1-area .slide-1 p,
  .slider1-area .slide-2 p,
  .slider1-area .slide-3 p {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .slider1-area .slide-1 p,
  .slider1-area .slide-2 p,
  .slider1-area .slide-3 p {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .slider1-area .slide-1 p,
  .slider1-area .slide-2 p,
  .slider1-area .slide-3 p {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .slider1-area .slide-1 .slider-btn-area,
  .slider1-area .slide-2 .slider-btn-area,
  .slider1-area .slide-3 .slider-btn-area {
    display: none;
  }
}
.slider3-area .nivo-caption {
  opacity: 1;
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .slider3-area .nivo-caption {
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .slider3-area .nivo-caption .slide-1 p,
  .slider3-area .nivo-caption .slide-2 p,
  .slider3-area .nivo-caption .slide-3 p {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .slider1-area 
}

/*=======================================================================
[5] IELTS/PTE/TOEFL Page Area
=========================================================================*/
.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 10px;
  }
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
  background-color: #EAF3F3;
}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #167F92;
  color: #FFF;
  padding: 1em;
}
.responstable th:first-child {
  display: table-cell;
 
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }
}
.responstable th, .responstable td {
  text-align: left;
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: 1em;
  }
}


/*=======================================================================
[6] Index on immigration and visa Page Area
=========================================================================*/

.space-medium { padding-top: 80px; padding-bottom: 80px; }
.bg-light { background: #f7f7f7; }
.section-title { }
.text-default { color: #f12a02 !important; }
.pdt30 { padding-top: 30px; }
.mb30 { margin-bottom: 30px; }

/*--- btn default --*/
.btn-ddf { color: #393185; background-color:transparent; border-color: #393185; }
.btn-ddf:hover { color: #000; background-color: #009846; border-color: #009846; }
.btn-ddf.focus, .btn-ddf:focus { color: #fff; background-color: #f12a02; border-color: #f12a02; }
.btn-default { color: #fff; background-color: #393185;; border-color: #393185;; }
.btn-default:hover { color: #000; background-color: #009846; border-color: #009846; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #f12a02; border-color: #f12a02; }
.service-thumb-card{ transition: 0.5s; }
.service-thumb-card:hover{-webkit-box-shadow: 0px 5px 37px -1px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 5px 37px -1px rgba(0,0,0,0.22);
box-shadow: 0px 5px 37px -1px rgba(0,0,0,0.22); transition: 0.5s; cursor: pointer;}
.service-img{position: relative;}
.service-thumb-card-body{ background-color:#fff;padding: 30px; max-height: 82px;}
.service-thumb-card-body i{background-color: transparent; border:2px solid #f12a02; display: inline-block;
    border-radius: 100%;
    padding: 9px 11px;
    height: 38px;
    width: 38px;}
.service-thumb-clip{-webkit-clip-path: polygon(0 91%, 100% 76%, 102% 100%, 0% 100%);
clip-path: polygon(0 91%, 100% 76%, 102% 100%, 0% 100%);background-color: #fff; position: absolute;   padding: 40px;
    bottom: -2px;
    width: 100%;}
.service-img{position: relative;}
.w-60{
  width: 60% !important
}

@media only screen and (max-width: 767px) {
  .section-title h2{
    font-size: 20px;
    
  }
  h2.bdrrmv{
    border-left: none;
  }
  .space-medium {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .service-img img{
    width: 100%
  }
  .service-thumb-card{
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-title h2{
    font-size: 28px;
  }
}

/*=======================================================================
[7] Why Student Visa & Visitor Visa with us Page Area
=========================================================================*/
.space-large { padding-top: 50px; padding-bottom: 30px; }
.bg-gradient{background:linear-gradient(to right, rgba(126,50,103,1) 0%, rgba(126,50,103,0.93) 27%, rgba(240,47,23,0.81) 77%, rgba(240,47,23,0.76) 96%, rgba(217,46,43,0.75) 100%);}
.text-white { color: #fff; }
.mt40 { margin-top: 40px; }
.impact-section { margin-top: 40px; margin-bottom: 20px; }

/*---------4.15 Bootstrap Card Design Components----------*/
.card { border-radius: 0px; border: 1px solid #e2e6ea; }
.card-body { padding: 30px; }
.card-title { }
.card-subtitle { }
.card-link { }
.card-outline-transparent{border:2px solid rgba(255, 255, 255, .2); background-color: transparent; border-radius: 4px; color: #fff; margin-bottom: 30px; transition: .5s ease;}
.card-outline-transparent:hover{border:2px solid rgba(255, 255, 255, .6); transition: .5s ease; cursor: pointer;}

.card-outline-transparent .card-body{padding: 20px;}

/*-------Immigration Services From Experienced Lawyers-------*/
.check-circle { position: relative; margin-bottom: 20px; }
.check-circle li { padding-left: 20px; line-height: 2; }
.check-circle li:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: 0; font-size: 17px; color: #23bf5d; content: '\f058'; font-weight: 300; }
/*--- btn primary --*/
.btn-primary { color: #000; background-color: #009846; border-color: #009846; }
.btn-primary:hover { color: #fff; background-color: #393185;; border-color: #393185;; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; }
.img-block { text-align: right; position: relative; }
.btn-round-play { background: #fff; width: 80px; height: 80px; border-radius: 100%; position: absolute; top: 45%; left: 40%; text-align: center; line-height: 1; padding-top: 25px; font-size: 32px; }

.video-icon { width: 40px; height: 40px; background-color: #f12a02; border-radius: 100%; position: absolute; right: 20px; bottom: -20px; padding: 6px 14px; font-size: 16px; color: #fff; z-index: 4; }
.h200px{ height: 210px; width: 100% }

@media only screen and (max-width: 578px) {
  
}
@media only screen and (max-width: 767px) {
  .space-bottom button{
    margin-bottom: 10px;
  }
  .space-bottom img{
    width: 100%;
  }
}

.space-bottom{
  margin-bottom: 40px;
}

/*=======================================================================
[8] success story Page Area
=========================================================================*/
.pt-0, .py-0 {
    padding-top: 0!important;
}
.mb60 { margin-bottom: 60px; }
.card-testimonial { padding: 30px; text-align: center; margin-bottom: 30px; }
.card-testimonial-light { background: #faf1e1; }
.card-testimonial-img { margin-bottom: 30px; }
.card-testimonial-content { }
.card-testimonial-text { font-family: 'PT Serif', serif; font-weight: normal; font-style: italic; color: #1c1e20; font-size: 18px; }
.card-testimonial-info { margin-top: 30px; }
.card-testimonial-name { margin-bottom: 0px; text-transform: uppercase; font-size: 14px; font-weight: 600; }
.card-testimonial-flag { margin-bottom: 10px; display: block; }
.flag-small { width: 30px; height: 30px; margin-right: 10px; }
.rounded-circle {
    border-radius: 50% !important;
}

/*=======================================================================
[9] Appointment req. form Page Area
=========================================================================*/

.appointment-form{position: relative; bottom: 80px;     margin-top:0px;}
.mb80 { margin-bottom: 80px; }
.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.bg-faf1e1{background-color: #faf1e1;}

@media only screen and (max-width: 479px) {
  .appointment-form h2{
    font-size: 25px;
  }
  
}

/*=======================================================================
[10] Footer Page Area
=========================================================================*/

.footer { background: #393185; padding-top: 40px; padding-bottom: 40px; color: #a6cae8; font-size: 15px; }
.widget-footer { margin-bottom: 30px; }
.widget-footer .widget-title { color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; margin-bottom: 40px; }
.widget-footer ul { }
ul.arrow-footer li { position: relative; padding-left: 12px; }
ul.arrow-footer li:before {display: inline-block; position: absolute; left: 0; font-size: 15px; color: #a6cae8; content: '\f105'; }
.widget-footer a { color: #a6cae8; }
.widget-footer a:hover { color: #fff; }
.tiny-footer { background: #043864; padding-top: 8px; padding-bottom: 8px; font-size: 12px; color: #a6cae8; }
.footer-dark { background: #222426; padding-top: 100px; padding-bottom: 50px; color: #7e8083; }
.footer-dark ul.arrow-footer li { position: relative; padding-left: 12px; }
.footer-dark ul.arrow-footer li:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: 0; font-size: 15px; color: #7e8083; content: '\f105'; }
.footer-dark a { color: #7e8083; }
.tiny-footer-dark { background: #1c1e20; padding-top: 8px; padding-bottom: 8px; font-size: 12px; color: #898b8e; }
.widget-social { }
.widget-social ul { }
.widget-social ul li { }
.widget-social ul li a { }
.widget-social ul li a .social-icon { padding-right: 15px; width: 30px; }
.footer-social-list{}
.footer-social-list ul{float: right;}
.footer-social-list ul li{ float:left; margin-right: 10px;  }
.footer-social-list ul li a{color: #46494b; font-size: 14px;}
.footer-social-list ul li a:hover{color: #fff;}
.newsletter-block{}
.newsletter-block input.form-control{background-color: #46494b; border-color: #46494b; color: #898b8e;}

/*=======================================================================
[11] country photos and flag Page Area
=========================================================================*/

.header-classic { margin-top: 20px; padding-bottom: 20px; }
.topbar { font-size: 13px; border-bottom: dashed 1px #e2e6ea; font-weight: 400; }
.welcome-text { padding-top: 5px; text-transform: capitalize; }
.header-block { float: right; }
.header-link { border-left: dashed 1px #e2e6ea; height: 40px; float: left; padding-left: 14px; padding-right: 14px; padding-top: 5px; }

.content { padding-top: 10px; padding-bottom: 10px; }
.content-area { }
.sidebar { }


.country-img-thumbnail { position: relative; margin-bottom: 30px; margin-top: 10px; }
.country-img-thumbnail:hover { }
.country-img { position: relative; margin-bottom: 10px; }
.country-img img { width: 100%; }
.country-flag-icon { width: 46px; height: 46px; position: absolute; right: 20px; bottom: -20px; }
.country-flag-icon img { border: 3px solid #fff; border-radius: 100%; }
.country-content { margin-top: 30px; }
.country-flag-thumbnail { text-align: center; border: 1px solid #e2e6ea; margin-bottom: 30px; transition: box-shadow .3s; }
.country-flag-thumbnail:hover { box-shadow: 0 0 11px rgba(33, 33, 33, .2); }
.country-flag-thumbnail-content { padding: 20px; }
.country-icon-thumbnail-img { margin-bottom: 20px; margin-top: 20px; }
.country-icon-thumbnail-img img { width: 120px; height: 120px; }
.country-flag-thumbnail .slanting-pattern { margin-top: 10px; }
.btn-link-primary { color: #f12a02; border: 2px solid #f12a02; font-size: 14px; font-weight: 400; padding: 10px; }
.btn-link-primary:hover { color: #1c1e20; border: 2px solid #1c1e20; }
.slanting-pattern {
    background: url(../images/slanting-pattern.png);
    padding-top: 10px;
    padding-bottom: 10px;
}
  
/*=======================================================================
[12] Carousel Page Area
=========================================================================*/

 .queries_form_crouse{    margin-top: -135px;
         }
         {}
         .text_skyblue {
         color: #0195db;
         text-align: left;
         }
         .main_body_landing_holiday_gallery {
         background: #f2f0f1;
         overflow: hidden;
         padding: 10px 0;
         border-top: 1px solid #ddd;
         margin-top: 25px;
         overflow: hidden;
         }
         .border_gray {
         border: 1px solid #d0d0d0;
         padding: 5px 0;
         box-sizing: border-box;
         overflow: hidden;
         height: auto;
         background: #fff;
         min-width: 250px;
         max-height: 400px;
         min-height: 255px;
         }
         .noTop, .PhotoGallery h2{text-align: center;
         color: #0054a6;
         font-weight: 500;
         margin-top: 8px;
         margin-bottom: 10px;}
         .package-box a {
         padding: 0px;
         }
         .jcarousel img {
         min-height: 188px;
         }

.scss1{
      margin-bottom: 20px;
}   

/*=======================================================================
[13] Counter Area
=========================================================================*/
.counter-area {
  padding: 130px 0 135px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .counter-area {
    padding: 120px 0 125px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter-area {
    padding: 110px 0 115px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .counter-area {
    padding: 100px 0 105px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .counter-area {
    padding: 90px 0 95px;
  }
}
@media only screen and (max-width: 320px) {
  .counter-area {
    padding: 80px 0 85px;
  }
}
.counter-area .counter1-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.counter-area .counter1-box h2 {
  color: #ffffff;
  font-size: 72px;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media (min-width: 480px) and (max-width: 767px) {
  .counter-area .counter1-box h2 {
    font-size: 56px;
  }
}
@media only screen and (max-width: 479px) {
  .counter-area .counter1-box h2 {
    font-size: 42px;
  }
}
.counter-area .counter1-box p {
  color: #ffffff;
  font-size: 18px;
  padding-top: 25px;
  padding-left: 15px;
  -webkit-box-flex: 2;
  -moz-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  text-transform: uppercase;
  text-align: left;
}  
/*=======================================================================
[14] Service Area
=========================================================================*/
.service-box1 {
  border-right: 1px solid #aaaaaa;
  padding: 30px 30px 15px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background-color: rgba(0, 33, 71, 0.8);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-box1 {
    padding: 30px 25px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .service-box1 {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .service-box1 {
    background-color: #002147;
    padding: 20px 20px 15px;
  }
}
.service-box1:last-child {
  border-right: none;
}
.service-box1 .service-box-content {
  -webkit-box-flex: 3;
  -moz-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.service-box1 .service-box-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service-box1 .service-box-content h3 {
    font-size: 20px;
  }
}
.service-box1 .service-box-content h3 a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service-box1 .service-box-content p {
  color: #ffffff;
  font-weight: 400;
}
.service-box1 .service-box-icon {
  text-align: center;
  padding-top: 10px;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.service-box1 .service-box-icon i {
  color: #009846;
  font-size: 36px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box1:hover .service-box-content h3 a {
  color: #009846;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service-box1:hover .service-box-content p {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service-box1:hover .service-box-icon i {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box2 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .service-box2 {
    margin-bottom: 30px;
  }
}
.service-box2 .service-box-icon {
  margin-bottom: 18px;
}
.service-box2 .service-box-icon a {
  border-radius: 50%;
  height: 90px;
  width: 90px;
  display: block;
  background: #eeeeee;
  line-height: 100px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box2 .service-box-icon a i {
  color: #002147;
  font-size: 36px;
}
.service-box2 h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 500;
}
.service-box2 h3 a {
  color: #002147;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box2 h3 a:hover {
  color: #009846;
}
.service-box2 p {
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .service-box2 p {
    width: 100%;
  }
}
.service-box2:hover .service-box-icon a {
  background: #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box3 {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .service-box3 {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 479px) {
  .service-box3 {
    margin-bottom: 30px;
  }
}
.service-box3 .service-box-icon {
  margin-bottom: 18px;
}
.service-box3 .service-box-icon a i {
  color: #002147;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 40px;
}
.service-box3 h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px;
}
.service-box3 h3 a {
  color: #002147;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box3 h3 a:hover {
  color: #009846;
}
.service-box3:hover .service-box-icon a i {
  color: #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box4 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .service-box4 {
    margin-bottom: 30px;
  }
}
.service-box4 .service-box-icon {
  margin-bottom: 18px;
}
.service-box4 .service-box-icon a {
  border-radius: 50%;
  height: 90px;
  width: 90px;
  display: block;
  background: #ffffff;
  line-height: 100px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box4 .service-box-icon a i {
  color: #002147;
  font-size: 36px;
}
.service-box4 h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 500;
}
.service-box4 h3 a {
  color: #002147;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box4 h3 a:hover {
  color: #009846;
}
.service-box4 p {
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .service-box4 p {
    width: 100%;
  }
}
.service-box4:hover .service-box-icon a {
  background: #009846;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service1-area {
  position: relative;
}
.service1-area .service1-inner-area {
  position: absolute;
  top: -153px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .service1-area .service1-inner-area {
    top: -150px;
  }
}
@media only screen and (max-width: 991px) {
  .service1-area .service1-inner-area {
    position: inherit;
    top: 0;
  }
}
.service1-area .service1-wrapper {
  margin-right: 0;
  margin-left: 0;
}
.service2-area {
  padding: 157px 0 74px;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .service2-area {
    padding: 147px 0 63px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service2-area {
    padding: 137px 0 27px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service2-area {
    padding: 0 0 19px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .service2-area {
    padding: 0 0 23px;
  }
}
@media only screen and (max-width: 320px) {
  .service2-area {
    padding: 0 0 13px;
  }
}
.search-area {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .search-area {
    position: relative;
    top: 15px;
    margin-bottom: 80px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .search-area {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 320px) {
  .search-area {
    margin-bottom: 60px;
  }
}
.search-area .search-inner {
  margin-left: 0;
  margin-right: 0;
  padding: 35px 20px;
  background: #002147;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.89);
}
.search-area .search-inner .search-title {
  margin-top: 10px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .search-area .search-inner .search-title {
    text-align: center;
    margin-bottom: 10px;
  }
}
.search-area .search-inner .search-title span {
  color: #ffffff;
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .search-area .search-inner .search-title span {
    font-size: 16px;
  }
}
.search-area .search-inner .search-title span i {
  margin-right: 10px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .search-area .search-inner .search-input {
    margin-bottom: 10px;
  }
}
.search-area .search-inner .search-input input {
  height: 52px;
  width: 100%;
  padding: 15px;
}
.search-area .search-inner .search-submit {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .search-area .search-inner .search-submit {
    text-align: center;
  }
}  

/*=======================================================================
[14] Pop-pop Form
=========================================================================*/  


#contact { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
      width: 70px;
    height: 28px;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    border: 2px solid #fff;
    margin-top: 1px;
}

#contact:hover { background: #057a3b; color: #393185; }
#contact:active { background: #444; }

#contactForm { 
  display: none;

  border: 6px solid #4daf7a; 
  padding: 2em;
  width: 400px;
  text-align: center;
  background: #fff;
  position: fixed;
  top:50%;
  left:40%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  z-index:12;
}

input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: .4em;
}
textarea { height: 80px; resize: none; }