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

  1. extarnal styles

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





/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic);

@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic); */



@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,700&display=swap');

@import url(gradient.css);





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

  2. Global styles

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





body {

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

  font-family: 'Barlow Condensed', sans-serif;

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

  font-size: 14px;

  line-height: 26px;

  letter-spacing: .02em;

  text-align:justify;

  overflow-x: hidden;

}

img {

  max-width: 100%;

}

a,

a:hover,

a:focus {

  text-decoration: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

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

  margin: 0;

  padding: 0;

  line-height: 30px;

  /* line-height: 25px; */

}

ul,

li {

  margin: 0;

  padding: 0;

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

}



.p {

	margin: 0 0 10px;

	text-align: justify; 

}



.pl-30 {

  padding-left: 30px;

}

.pt0 {

  padding-top: 0 !important;

}

.thm-container {

  max-width: 1170px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.thm-btn {

  border: none;

  outline: none;

  background: #F7BE3D;

  font-size: 14px;

  line-height: 28px;

  color: #202020;

  text-transform: uppercase;

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

  font-weight: 500;

  padding: 10px 0px;

  padding-left: 20px;

  padding-right: 15px;

  display: inline-block;

  border-radius: 3px;

  -webkit-transition: all 0.5s ease;

          transition: all 0.5s ease;

}



.thm-btn-apply {

  border: none;

  outline: none;

  background: #FF0012;

  font-size: 14px;

  line-height: 28px;

  color: #FFFFFF;

  text-transform: uppercase;

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

  font-weight: 500;

  padding: 10px 0px;

  padding-left: 16px;

  padding-right: 15px;

  display: inline-block;

  /* margin-left:230px; */

  border-radius: 5px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  min-width: 220px;

}



thm-btn-apply:hover {

  background: #07156A;

  color: #fff;

}



.thm-btn:hover {

  background: #1FB5C7;

  color: #fff;

}

.thm-btn:hover i {

  color: #fff;

  border-color: transparent;

}

.thm-btn:hover i:after {

  background: #fff;

}

.thm-btn i {

  font-size: 16px;

  color: #000000;

  line-height: 28px;

  border-left: 1px solid #FFCD47;

  margin-left: 20px;

  padding-left: 15px;

  position: relative;

}

.thm-btn i:after {

  content: '';

  position: absolute;

  top: 0;

  left: -2px;

  width: 1px;

  height: 100%;

  background: #D7A41B;

}

.thm-btn.transparent {

  background-color: transparent;

  border: 1px solid #85A4BE;

  color: #fff;

}

.thm-btn.transparent i {

  color: inherit;

}

.thm-btn.transparent:hover {

  background: #1FB5C7;

  border-color: #1FB5C7;

  color: #fff;

}

.thm-btn.transparent:hover i {

  color: inherit;

}

.animate-3 {

  -webkit-transition: all 0.3s ease;

          transition: all 0.3s ease;

}

.animate-5 {

  -webkit-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

.animate-7 {

  -webkit-transition: all 0.7s ease;

          transition: all 0.7s ease;

}

.animate-3-all * {

  -webkit-transition: all 0.3s ease;

          transition: all 0.3s ease;

}

.animate-5-all * {

  -webkit-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

.animate-7-all * {

  -webkit-transition: all 0.7s ease;

          transition: all 0.7s ease;

}

.sec-padding {

  padding: 80px 0;

}

.sec-padding.page-title {

  padding-bottom: 30px;

}

.sec-title {

  margin-bottom: 50px;

}

.sec-title h2 {

  margin-top: -9px;

}

.sec-title h2:after {

  content: '';

  width: 55px;

  height: 3px;

  background: #F7BE3D;

  display: block;

  margin-top: 13px;

}

.sec-title h1:after {

  content: '';

  width: 55px;

  height: 3px;

  background: #F7BE3D;

  display: block;

  margin-top: 13px;

}

.sec-title h2 span {

  display: block;

  width: 100%;

  font-size: 30px;

  font-weight: bold;

  color: #323232;

  text-transform: uppercase;

}

.sec-title p {

  color: #898989;

  margin: 0;

  margin-top: 20px;

}

.list-item li {

  color: #898989;

  line-height: 34px;

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

}

.list-item li:before {

  content: '\f0a9';

  font-family: 'FontAwesome';

  color: #F6BA18;

  margin-right: 10px;

}



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

  3. Caption Effect styles

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





.img-cap-effect:hover .img-box .img-caption {

  top: 0;

}

.img-cap-effect:hover .img-box .img-caption:before {

  bottom: 10px;

  opacity: 1;

}

.img-cap-effect:hover .img-box .img-caption .box-holder ul {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

}

.img-cap-effect .img-box {

  position: relative;

  overflow: hidden;

}

.img-cap-effect .img-box .img-caption {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(251, 177, 47, 0.6);

  text-align: center;

  -webkit-transition: all 0.5s ease;

          transition: all 0.5s ease;

}

.img-cap-effect .img-box .img-caption:before {

  content: '';

  position: absolute;

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: 100%;

  opacity: 0;

  border: 5px solid #ffffff;

  border-bottom: 0;

  border-right: 0;

  -webkit-transition: all .5s ease .5s;

          transition: all .5s ease .5s;

}

.img-cap-effect .img-box .img-caption .box-holder {

  width: 100%;

  height: 100%;

  display: table;

}

.img-cap-effect .img-box .img-caption .box-holder ul {

  -webkit-transform: scale(0);

      -ms-transform: scale(0);

          transform: scale(0);

  display: table-cell;

  vertical-align: middle;

  -webkit-transition: all .5s ease 1s;

          transition: all .5s ease 1s;

}

.img-cap-effect .img-box .img-caption .box-holder ul li {

  display: inline-block;

}

.img-cap-effect .img-box .img-caption .box-holder ul li a {

  display: block;

  width: 30px;

  height: 30px;

  background: #13314c;

  font-size: 13px;

  color: #fff;

  line-height: 30px;

  text-align: center;

  border-radius: 50%;

  margin-right: 5px;

}



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

  4. Accrodion styles

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



.accrodion.active .accrodion-title {

  background: #EBEBEB;

  border-color: #EBEBEB;

}

.accrodion.active .accrodion-title:after {

  content: '-';

  font-size: 40px;

  line-height: 39px;

}

.accrodion:last-child .accrodion-title {

  border-bottom: 1px solid #DEDEDE;

}

.accrodion .accrodion-title {

  cursor: pointer;

  border: 1px solid #DEDEDE;

  border-left: 0;

  border-right: 0;

  border-bottom: 0;

  padding: 0 20px;

  position: relative;

}

.accrodion .accrodion-title:after {

  content: '+';

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

  font-weight: normal;

  color: #898989;

  font-size: 23px;

  position: absolute;

  top: 0;

  right: 20px;

  line-height: 48px;

}

.accrodion .accrodion-title h4 {

  color: #242424;

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

  text-transform: uppercase;

  font-weight: bold;

  font-size: 16px;

  line-height: 48px;

}

.accrodion .accrodion-content {

  padding: 30px 0;

}

.accrodion .accrodion-content .img-caption .img-box,

.accrodion .accrodion-content .img-caption .content-box {

  display: table-cell;

  vertical-align: middle;

}

.accrodion .accrodion-content .img-caption .img-box {

  width: 200px;

}

.accrodion .accrodion-content .img-caption .content-box {

  vertical-align: top;

  padding-left: 30px;

}

.accrodion .accrodion-content .img-caption .content-box h4 {

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

  color: #242424;

  font-size: 18px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 11px;

  margin-top: 10px;

}

.accrodion .accrodion-content .img-caption .content-box p {

  color: #898989;

}

.accrodion .accrodion-content .img-caption .content-box ul {

  margin-top: 3px;

}

.accrodion .accrodion-content .img-caption .content-box ul li {

  display: inline-block;

  color: #757575;

  margin-right: 40px;

}

.accrodion .accrodion-content .img-caption .content-box ul li:last-child {

  margin-right: 0;

}

.accrodion .accrodion-content .img-caption .content-box ul li i {

  color: #757575;

  margin-right: 15px;

}





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

  5. Top Bar styles

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



#top-bar {

  background: #061E2A;

  padding: 10px 0;

}

#top-bar .phone p {

  color: #fff;

  margin: 0;

  text-transform: capitalize;

  font-weight: 600;

  font-size: 15px;

}

#top-bar .phone p span {

  font-size: 18px;

}

#top-bar .top-contact-info li {

  display: inline-block;

  color: #C0C0C0;

  padding-left: 35px;

}

#top-bar .top-contact-info li i {

  color: #4378B1;

  margin-right: 5px;

}

#top-bar .top-contact-info li i.fa-envelope {

  font-size: 17px;

}



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

  6. header styles

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



#header {

  background: #13314C;

  padding: 14px 0;

  position: relative;

}

#header .logo {

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  flex-basis: 90%;



}

#header .header-info {

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

#header .thm-container {

  position: relative;

  z-index: 99;

  display: flex;

  justify-content: space-between;

  width: 100%;

  align-items: center;

}

#header:before {

  content: '';

  /* position: absolute;

  top: 8px;

  left: 0;

  bottom: 8px;

  right: 0;

  border: 1px solid #0D263B; */

}

#header:after {

  content: '';

  position: absolute;

  top: 9px;

  left: 0;

  bottom: 9px;

  right: 0;

  border: 1px solid #173957;

}

.header-info {

  padding: 4px 0;

}

.header-info .info-box {

     display: inline-block;

    vertical-align: middle;

    padding-right: 3px;

    margin: auto;

}

.header-info .info-box:last-child {

  padding-right: 0;

}

.header-info .info-box .icon-box,

.header-info .info-box .text-box {

  display: table-cell;

  vertical-align: middle;

}

.header-info .info-box .icon-box {

  padding-right: 0px;

  width: 30px;

}

.header-info .info-box .icon-box i {

  font-size: 30px;

  color: rgba(255, 255, 255, 0.6);

  position: relative;

  top: 5px;

  border-left: 1px solid #435A6E;

  padding-left: 30px;

}

.header-info .info-box .icon-box i:before {

  margin: 0;

  font-size: 30px;

}

.fee_payment {

    margin-top: 25px;

}

.fee_payment a {

    color: #1f1f1f;

    background: #dfdfdf;

    padding: 10px;

    text-transform: uppercase;

    font-weight: bold;

    /* border: 1px solid #467297; */

    border-radius: 4px;

}



section.moto_section {

    background: #e3e8ec;

    padding: 3em 0;

}



.blockquote {

    /* padding: 60px 80px 40px; */

    padding: 20px 0px 30px;

    position: relative;

    border-left: 0px;

    line-height: 50px;

}

.blockquote p {

    /* font-size: 40px; */

    font-size:30px;

    font-weight: bold;

    text-align: center;

    color: #12314c;

    font-style: italic;

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

}



.blockquote p:before {

  position: absolute;

  font-family: 'FontAwesome';

  top: 25px;

  content:"\f10d";

  font-size: 90px;

  color: rgba(0,0,0,0.1);

  left: 80px;

   

}

.blockquote p:after {

  position: absolute;

  font-family: 'FontAwesome';

  top: 25px;

  content:"\f10e";

  font-size: 90px;

  color: rgba(0,0,0,0.1);

   

}



.blockquote::before {

    content: "";

    /* top: 20px; */

    top: 0px;

    left: 50%;

    margin-left: -100px;

    position: absolute;

    border-bottom: 3px solid #fbb12f;

    height: 3px;

    width: 200px;

}



.blockquote::after {

    content: "";

    /* top: 100%; */

    top: 88%;

    left: 50%;

    margin-left: -100px;

    position: absolute;

    border-bottom: 3px solid #fbb12f;

    height: 3px;

    width: 200px;

}

div#scroll-count {

    margin: auto;

    text-align: center;

}



.counter_block ul li {

    display: inline-grid;

    text-align: center;

    margin-right: 7%;

    font-size: 13px;

    font-weight: 100;

    color: #fff;

    margin-left: 7%;

}

.counter_block ul li h5 {

    font-size: 40px;

    font-weight: bold;

    color: #ffffff;

    padding: 15px 0px;

}

.counter_block ul li span {

    color: #fff;

    font-weight: bold;

}

.counter_block ul li i {

  color: #fff;

  font-size: 30px;

}

section.award_slider {

    padding-top: 4em;

}



.awards .nav-btn{

      height: 47px;

      position: absolute;

      width: 26px;

      cursor: pointer;

      top: 85px !important;

  }

 

  .awards .owl-prev.disabled,

  .awards .owl-next.disabled{

    pointer-events: none;

    opacity: 0.2;

  }

 

  .awards .prev-slide{

    left: -55px;

    background: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100px;

    border: 2px solid #333;

    padding: 6px 0px;

    text-align: center;

  }

  .awards .next-slide{

    background: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100px;

    border: 2px solid #333;

      right: -55px;

      padding: 6px 0px;

    text-align: center;

  }



  .awards .nav-btn:hover i {

    color: #000;

  }

.awards .owl-theme .owl-nav {

  display: block !important;

}

.inner_award_block h4 {

    font-size: 17px;

    color: #082035;

    font-weight: bold;

    padding: 10px 0px 0px 0px;

    line-height: 15px;

}

.inner_award_block span {

    color: #6b6868;

    display: block;

    font-size: 12px;

}



section#awards {

    padding-bottom: 0px;

}

section.social_feed {

    padding: 4em 0;

    background: #e3e8ec;

}



.social_feed h2 {

    padding: 0px 0px 20px 0px;

}

.instagram_feed_block {

    max-height: 300px;

    overflow-y: scroll;

}

.chamber_logo {

    display: inline-flex;

    border: 2px solid #fff;

    margin-top: 20px;

}

.chamber_logo h4 a{

    color: #fff;

    padding: 15px;

    line-height: 65px;

    display: block;

}

.date_time {

  margin-top: 20px;

}

.date_time p {

    color: #fff;

    font-size: 14px;

    font-weight: 100;

}



.header-info .info-box .social-icons {

  font-size: 0;

  margin-left: -7.5px;

  margin-right: -7.5px;

  line-height: 6px;

  margin-top: 5px;

}

.header-info .info-box .social-icons li {

  display: inline-block;

  margin-left: 7.5px;

  margin-right: 7.5px;

}

.header-info .info-box .social-icons li a {

  display: block;

  font-size: 15px;

  color: #D4D4D4;

}

.header-info .info-box .social-icons li a:hover {

  color: #FBB12F;

}

.header-info .info-box p {

  color: #D4D4D4;

  line-height: 20px;

  margin: 0;

}

.header-info .info-box p.highlighted {

  color: #139EA0;

}

.header-info .info-box p.phone-number {

  font-size: 18px;

  font-style: italic;

}

.header-info .info-box .icon-box.no-border i {

  border: none;

}

.header-info .search-box-wrapper {

  position: relative;

  cursor: pointer;

}

.header-info .search-box-wrapper:hover i {

  border-color: transparent;

}

.header-info .search-box-wrapper:hover:before {

  visibility: visible;

  opacity: 1;

  -webkit-transition: all .3s ease .3s;

          transition: all .3s ease .3s;

}

.header-info .search-box-wrapper:hover .search-box-holder {

  visibility: visible;

  opacity: 1;

  -webkit-transition: all .3s ease .3s;

          transition: all .3s ease .3s;

}

.header-info .search-box-wrapper:before {

  content: '';

  width: 72px;

  height: 105px;

  visibility: hidden;

  opacity: 0;

  background: #0F2233;

  position: absolute;

  top: -29px;

  right: 0;

  z-index: 9999;

  -webkit-transition: all .3s ease .0s;

          transition: all .3s ease .0s;

}

.header-info .search-box-wrapper .icon-box {

  position: relative;

  z-index: 9999;

}

.header-info .search-box-wrapper .icon-box i {

  padding-left: 20px;

}

.header-info .search-box-wrapper .search-box-holder {

  position: absolute;

  right: 0;

  top: 100%;

  width: 350px;

  height: 60px;

  padding: 32px 0px 0px;

  z-index: 99999;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all .3s ease .0s;

          transition: all .3s ease .0s;

}

.header-info .search-box-wrapper .search-box-holder .search-box {

  background: #0F2233;

  padding: 20px 40px 20px 25px;

}

.header-info .search-box-wrapper .form {

  background: #10181F;

  width: 100%;

  height: 48px;

}

.header-info .search-box-wrapper .form input {

  padding-left: 30px;

  border: none;

  outline: none;

  height: 100%;

  color: rgba(255, 255, 255, 0.5);

  width: calc(100% - 55px);

  background-color: transparent;

}

.header-info .search-box-wrapper .form input::-webkit-input-placeholder {

  /* WebKit, Blink, Edge */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.header-info .search-box-wrapper .form input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.header-info .search-box-wrapper .form input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.header-info .search-box-wrapper .form input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: rgba(255, 255, 255, 0.5);

}

.header-info .search-box-wrapper .form input:placeholder-shown {

  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */

  color: rgba(255, 255, 255, 0.5);

}

.header-info .search-box-wrapper .form button {

  position: relative;

  left: 2px;

  width: 50px;

  background: #FBB12F;

  color: #000000;

  font-size: 16px;

  padding: 11px 0px;

  border: none;

  outline: none;

  font-weight: bold;

  text-transform: uppercase;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.header-info .search-box-wrapper .form button span {

  position: relative;

  z-index: 2;

}

.header-info .search-box-wrapper .form button:hover {

  background: #1FB5C7;

  color: #fff;

}

.header-info .search-box-wrapper .form button:hover i {

  color: inherit;

}

.header-info .search-box-wrapper .form button:hover:after {

  background: #1FB5C7;

}

.header-info .search-box-wrapper .form button i {

  position: relative;

  z-index: 2;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.header-info .search-box-wrapper .form button:after {

  background: #FBB12F;

  content: '';

  width: 30px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -15px;

  -webkit-transform: skew(-35deg);

  -ms-transform: skew(-35deg);

  transform: skew(-30deg);

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}



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

  7. Header Menu styles

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





.main-menu-wrapper {

  /* margin-top: -10px; */

  margin-bottom: -55px;

  position: relative;

  /*background: #FBB12F;*/

  z-index: 9;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

.main-menu-wrapper.stricky-fixed {

  position: fixed;

  top: 10px;

  left: 0;

  width: 100%;

  z-index: 9999;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */

  background: #ffffff;

  /* Old browsers */

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)

  /* IE6-9 */

}

.main-menu-wrapper.stricky-fixed .free-qoute-button {

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper.stricky-fixed .free-qoute-button:before {

  content: '';

  background: #FBB12F;

  right: 100%;

  width: 2500px;

  top: 0;

  height: 100%;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover {

  background: #1FB5C7;

}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {

  background: #1FB5C7;

}

.main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {

  color: #fff;

}

.main-menu-wrapper .thm-container {

  position: relative;

}

.main-menu-wrapper .thm-container:before {

  content: '';

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

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

}

.main-menu-wrapper .free-qoute-button {

  background: #FBB12F;

  position: relative;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper .free-qoute-button:hover {

  background: #1FB5C7;

}

.main-menu-wrapper .free-qoute-button:hover:before {

  background: #1FB5C7;

}

.main-menu-wrapper .free-qoute-button:hover a {

  color: #fff;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper .free-qoute-button:before {

  content: '';

  position: absolute;

  left: -32px;

  top: 0;

  width: 80px;

  background: #FBB12F;

  height: 100%;

  -webkit-transform: skewx(-45deg);

      -ms-transform: skewx(-45deg);

          transform: skewx(-45deg);

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper .free-qoute-button:after {

  content: '';

  position: absolute;

  left: -32px;

  top: 0;

  width: 10px;

  background: #13314C;

  height: 100%;

  -webkit-transform: skewx(-45deg);

      -ms-transform: skewx(-45deg);

          transform: skewx(-45deg);

  z-index: 9;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.main-menu-wrapper .free-qoute-button a {

  font-size: 18px;

  color: #010101;

  font-weight: bold;

  text-transform: uppercase;

  padding: 18px 30px 18px 28px;

  line-height: 29px;

  display: block;

  position: relative;

}

.main-menu-wrapper .free-qoute-button a:before {

  content: '';

  position: absolute;

  top: 5px;

  bottom: 5px;

  left: -65px;

  right: 5px;

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

  border-left: 0;

}

.nav-holder {

  position: relative;

  width: 100%;

  display: flex;

  justify-content: center;

}

.nav-holder .nav-header {

  display: none;

  padding: 12px 20px;

}

.nav-holder .nav-header button {

  width: 40px;

  height: 40px;

  background: #0F2233;

  border: none;

  outline: none;

  color: #fff;

  font-size: 18px;

  border-radius: 5px;

}

.nav-holder .nav-footer {

  display: block;

}

.nav-holder .nav-footer ul.nav > li {

  display: inline-block;

  line-height: 29px;

  padding: 18px 0;

  position: relative;

}

.nav-holder .nav-footer ul.nav > li:hover a,

.nav-holder .nav-footer ul.nav > li.active a {

  color: #1278B9;

  background-color: transparent;

}

.nav-holder .nav-footer ul.nav > li:last-child > a {

  border: none;

  padding-right: 0;

}

.nav-holder .nav-footer ul.nav > li > a {

  /* padding: 0 26px; */

  padding: 0 18px;

  display: block;

  font-size: 16px;

  color: #242424;

  text-transform: uppercase;

  font-weight: bold;

  border-right: 1px dashed #BABABA;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.nav-holder .nav-footer ul.nav > li > ul.submenu {

  top: 100%;

  left: 0;

}

.nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {

  right: 0;

  left: auto;

}

.nav-holder .nav-footer ul.nav > li:hover > ul.submenu {

  visibility: visible;

  opacity: 1;

}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {

  top: 0;

  left: 100%;

}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {

  right: 100%;

  left: auto;

}

.nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {

  visibility: visible;

  opacity: 1;

}

.nav-holder .nav-footer ul.nav > li ul.submenu {

  position: absolute;

  width: 300px;

  opacity: 0;

  visibility: hidden;

  z-index: 99999;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li {

  display: block;

  padding: 0;

  background: #D7D7D7;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {

  border-bottom: 0;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {

  display: none;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {

  color: #1278B9;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li a {

  color: #242424;

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

  padding: 7px 26px;

  border-bottom: 1px solid #F3F5F7;

  position: relative;

  display: block;

  font-weight: 500;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li a:before {

  content: '\f105';

  font-family: 'FontAwesome';

  margin-right: 10px;

  font-size: 12px;

}

.nav-holder .nav-footer ul.nav > li ul.submenu li a:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-bottom: 1px solid #C5C5C5;

}

.nav-footer ul.nav li.has-submenu > a > button {

  display: none;

}











.main-menu-wrapper.full-width {

  background: #FBB12F;

  margin-top: 0;

  margin-bottom: 0;

}

.main-menu-wrapper.full-width.stricky-fixed {top:0;}

.main-menu-wrapper.full-width .free-qoute-button a:after {

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  width: 2000px;

  height: 100%;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: -1;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */

  background: #ffffff;

  /* Old browsers */

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)

  /* IE6-9 */

}











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

  8. Header Two styles

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



#header2 {

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

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  padding: 0 40px;

}

#header2.stricky-fixed {

  background: #13314C;

  border-color: #13314C;

}

#header2.stricky-fixed .nav-holder .nav-footer ul.nav > li {

  padding: 20px 0;

}

#header2.stricky-fixed .logo {

  padding: 10px 0;

}

#header2.stricky-fixed .logo img {

  width: 85%;

}

#header2 .logo {

  padding: 26px 0;

}

#header2 .nav-holder .nav-footer ul.nav > li {

  padding: 38px 0;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

#header2 .nav-holder .nav-footer ul.nav > li:last-child > a {

  padding-right: 0;

}

#header2 .nav-holder .nav-footer ul.nav > li > a {

  color: #FFFFFF;

  font-size: 15px;

  border: none;

  padding: 0 14px;

}





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

  9. Header Three styles

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



#header3.stricky-fixed {

  background: #fff;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

}

#header3.stricky-fixed .nav-holder .nav-footer ul.nav > li {

  padding: 20px 0;

}

#header3.stricky-fixed .logo {

  padding: 10px 0;

}

#header3.stricky-fixed .logo img {

  width: 85%;

}

#header3 .logo {

  padding: 21px 0;

}

#header3 .nav-holder .nav-footer ul.nav > li {

  padding: 33px 0;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

#header3 .nav-holder .nav-footer ul.nav > li:last-child > a {

  padding-right: 0;

}

#header3 .nav-holder .nav-footer ul.nav > li > a {

  color: #292929;

  font-size: 15px;

  border: none;

  padding: 0 14px;

}



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

  10. Banner styles

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





.thm-banner-wrapper .caption-h1 {

  font-size: 60px;

  line-height: 80px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  text-shadow: 2px 2px 3px #000;



  position: absolute!important;

  top: 50%;

  left: 50%;

  transform: translate(-43%, 44%);

  width: 100%;

  line-height: 25px;

  padding-right: 48px;

}

.tp-caption1 h2{font-size:40px;padding-bottom: 16px;}

.thm-banner-wrapper .caption-p {

  font-size: 20px;

  font-style: italic;

  color: #fff;

  line-height: 28px;

}

.thm-banner-wrapper .caption-divider span.divider {

  width: 1px;

  height: 90px;

  background: #fff;

  display: block;

}

.thm-banner-wrapper .thm-btn {

  padding-top: 7px;

  padding-bottom: 7px;

  -webkit-transition: all .3s ease !important;

          transition: all .3s ease !important;

  font-weight: bold !important;

}

.thm-banner-wrapper .thm-btn i {

  margin: 0;

  border-color: transparent;

}

.thm-banner-wrapper .thm-btn i:after {

  display: none;

}

.thm-banner-wrapper .thm-btn.inverse {

  background: #1FB5C7;

  color: #fff;

}

.thm-banner-wrapper .thm-btn.inverse:hover {

  background: #F7BE3D;

  color: #202020;

}

.thm-banner-wrapper .thm-btn.inverse i {

  color: #fff;

}



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

  11. Welcome Section styles

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





.welcome-text {

  background: #183650;

  padding: 80px 0 120px;

}

.welcome-text .title-box,

.welcome-text .text-box {

  display: table-cell;

  vertical-align: middle;

}

.welcome-text .title-box {

  padding-right: 40px;

  border-right: 4px solid #12A0B1;

}

.welcome-text .title-box h3 {

  font-size: 26px;

  font-weight: bold;

  color: #fff;

  line-height: 33px;

  text-transform: uppercase;

}

.welcome-text .text-box {

  padding-left: 46px;

}

.welcome-text .text-box p {

  margin: 0;

  color: #AFC0CF;

  font-style: italic;

  font-size: 16px;

}

.welcome-services {

  /* margin-top: -80px;

  padding-bottom: 80px; */

}

.welcome-services .service-text p {

  margin: 0;

  color: #898989;

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

  font-style: italic;

  font-size: 16px;

  margin-top: 55px;

}

.welcome-single-services {

  margin-top: 30px;

  background: #fff;

  min-height: 290px;

}

.welcome-single-services:hover .text-box {

  background: #1FB5C7;

}

.welcome-single-services:hover .text-box:before {

  background: #1FB5C7;

}

.welcome-single-services:hover .text-box:after {

  background: #183650;

  left: -23px;

  width: 20px;

  transform: skew(-15deg);

}

.welcome-single-services:hover .text-box h3,

.welcome-single-services:hover .text-box p {

  color: #FFFFFF;

}

.welcome-single-services .img-box,

.welcome-single-services .text-box {

  display: table-cell;

  vertical-align: middle;

}

.welcome-single-services .img-box {

  background: #fff;

  width: 260px;

  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);

  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);

}

.welcome-single-services .text-box {

  background: #EFF3F6;

  position: relative;

  padding-left: 25px;

  padding-right: 27px;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

.welcome-single-services .text-box .content {

  position: relative;

  z-index: 11;

}

.welcome-single-services .text-box:before {

  content: '';

  width: 50px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -20px;

  -webkit-transform: skew(-12deg);

      -ms-transform: skew(-12deg);

          transform: skew(-12deg);

  background: #EFF3F6;

  z-index: 9;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

.welcome-single-services .text-box:after {

  content: '';

  width: 2px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -21px;

  -webkit-transform: skew(-13deg);

      -ms-transform: skew(-13deg);

          transform: skew(-13deg);

  background: #DADADA;

  z-index: 8;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

.welcome-single-services .text-box h3 {

  font-size: 18px;

  text-transform: uppercase;

  color: #242424;

  font-weight: bold;

  line-height: 24px;

  margin-bottom: 9px;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  padding-top: 12px;

  text-align:left;

}



.welcome-single-services .text-box p {

  color: #898989;

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

  font-size: 16px;

  line-height: 24px;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}





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

  12. Featured Services styles

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





.featured-services {

  overflow: hidden;

  background: #F3F5F7;

}

.featured-services.style-two {

  background: #183650 url(../images/parallax-featured-service.jpg) right top no-repeat fixed;

  background-size: 130% 100%;

}

.featured-services.style-two .featured-service-box {

  position: relative;

  padding-bottom: 55px;

}

.featured-services.style-two .featured-service-box:before {

  content: '';

  width: 5000px;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: #183650;

}

.featured-services.style-two .single-featured-service {

  padding-left: 45px;

}

.featured-services.style-two .single-featured-service .title-box h3 span {

  color: #fff;

}

.featured-services.style-two .single-featured-service .icon-box {

  color: #1FB5C7;

}

.featured-services.style-two .single-featured-service .icon-box i:before {

  color: #1FB5C7; 

}

.featured-services.style-two .single-featured-service p {

  color: #ABC3D8;

}

.featured-services .left-full-img img {

  max-width: none;

}

.featured-services .right-full-img img {

  max-width: none;

  float: right;

}

.featured-service-box {

  padding-top: 25px;

}

.single-featured-service {

  margin-top: 45px;

}

.single-featured-service header {

  margin-bottom: 18px;

}

.single-featured-service .icon-box,

.single-featured-service .title-box {

  display: table-cell;

  vertical-align: middle;

}

.single-featured-service .icon-box {

  color: #000000;

  font-size: 45px;

  padding-right: 25px;

}

.single-featured-service .icon-box i:before {

  font-size: 45px;

  color: #000000;

  margin: 0;

}

.single-featured-service .title-box h3:after {

  content: '';

  background: #F6BA18;

  width: 45px;

  height: 3px;

  display: block;

  vertical-align: top;

  margin-top: 10px;

}

.single-featured-service .title-box h3 span {

  display: block;

  color: #323232;

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

  font-weight: bold;

  font-size: 20px;

  text-transform: uppercase;

}



.featured-services.about-page {

  padding-top: 80px;

}

.featured-services.about-page .sec-title {

  margin-bottom: 0;

}





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

  13. Call To Action styles

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





.call-to-action {

  background: #1c3a53 url(../images/call-to-action/bg.jpg) center left no-repeat;

  background-size: cover;

}

.call-to-action .right-full-image {

  text-align: center;

}

.call-to-action .right-full-image img {

  position: relative;

  top: 75px;

}

.call-to-action .call-to-action-text {

  padding-top: 71px;

  border-top: 10px solid #12A0B1;

}

.call-to-action .call-to-action-text h3 {

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

  font-size: 32px;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 23px;

}

.call-to-action .call-to-action-text p {

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

  font-size: 18px;

  font-style: italic;

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: 26px;

}





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

  14. FAQ styles

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





.faq-section .accrodion {

  padding-right: 70px;

}

.faq-section .view-location p {

  color: #757575;

  margin-top: 36px;

}

.faq-section.home-two .view-location p {

  margin-top: 90px;

}

.faq-section .view-location a {

  color: #E2A604;

  font-weight: bold;

  text-transform: uppercase;

}

.request-qoute {

  background: #f3f5f7 url(../images/request-qoute-bg.png) no-repeat center right;

}

.request-qoute.service-page {

  background-color: #fff;

}



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

  15. Contact From styles

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



.contact-form.contact-page input {

  height: 50px;

  background: #FDFDFE;

}

.contact-form.contact-page textarea {

  height: 220px;

  background: #FDFDFE;

}

.contact-form.contact-page p {

  margin-bottom: 20px;

}

.contact-form.contact-page button {

  margin-top: 0;

  padding-top: 8px;

  padding-bottom: 8px;

}

.contact-form .form-grp-box {

  margin-left: -15px;

  margin-right: -15px;

}

.contact-form .form-grp {

  margin-bottom: 15px;

}

.contact-form .form-grp.half {

  width: 50%;

  float: left;

  padding: 0 15px;

}

.contact-form label.error {

  display: none !important;

}

.contact-form input {

  width: 100%;

  border: 1px solid #E5E5E5;

  outline: none;

  height: 47px;

  padding: 0 20px;

  color: #898989;

}

.contact-form input:focus {

  border-color: #1FB5C7;

  box-shadow: 0 0 7px #1FB5C7;

}

.contact-form input.error {

  border-color: rgba(255, 0, 0, 0.5);

  box-shadow: 0 0 7px rgba(255, 0, 0, 0.5);

}

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

  /* Safari, Chrome and Opera */

  color: #898989;

}

.contact-form input:-moz-placeholder {

  /* Firefox 18- */

  color: #898989;

}

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

  /* Firefox 19+ */

  color: #898989;

}

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

  /* IE 10+ */

  color: #898989;

}

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

  /* Edge */

  color: #898989;

}

.contact-form input:placeholder-shown {

  /* Standard one last! */

  color: #898989;

}

.contact-form textarea {

  width: 100%;

  height: 125px;

  padding: 10px 20px;

  border: 1px solid #E5E5E5;

  outline: none;

  color: #898989;

}

.contact-form textarea:focus {

  border-color: #1FB5C7;

  box-shadow: 0 0 7px #1FB5C7;

}

.contact-form textarea.error {

  border-color: rgba(255, 0, 0, 0.5);

  box-shadow: 0 0 7px rgba(255, 0, 0, 0.5);

}

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

  /* Safari, Chrome and Opera */

  color: #898989;

}

.contact-form textarea:-moz-placeholder {

  /* Firefox 18- */

  color: #898989;

}

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

  /* Firefox 19+ */

  color: #898989;

}

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

  /* IE 10+ */

  color: #898989;

}

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

  /* Edge */

  color: #898989;

}

.contact-form textarea:placeholder-shown {

  /* Standard one last! */

  color: #898989;

}

.contact-form button {

  margin-top: 5px;

}

.contact-form .select-menu + .ui-selectmenu-button {

  width: 100% !important;

  border-radius: 0;

  padding: 0px 20px;

  border: 1px solid #E5E5E5;

  height: 47px;

  background: #fff;

  outline: none;

  color: #898989;

}

.contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {

  padding: 0;

  font-weight: normal;

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

  line-height: 47px;

}

.contact-form .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {

  background: url(../images/select-menu-arrow.png) 0 0 no-repeat;

  width: 9px;

  height: 6px;

  margin-top: -3px;

  margin-right: 8px;

}

.ui-selectmenu-menu .ui-menu {

  background: #fff;

}

.ui-selectmenu-menu .ui-menu-item {

  font-size: 14px;

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

  padding: 5px 20px;

  border-bottom: 1px solid #E5E5E5;

}

.ui-selectmenu-menu .ui-menu-item.ui-state-focus {

  background: #1FB5C7;

  border-color: #1FB5C7;

  color: #fff;

  font-weight: normal;

}



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

  16. Testimonials styles

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



.testimonial-box {

  padding-right: 50px;

}

.testimonial-box .content-box {

  background: #F9FAFB;

  padding: 40px 30px;

}

.testimonial-box .top {

  margin-bottom: 13px;

}

.testimonial-box .top .qoute-box,

.testimonial-box .top .title {

  display: table-cell;

  vertical-align: middle;

}

.testimonial-box .content-box .title h3 {

  font-family: 'Open Sans';

  color: #242424;

  font-weight: bold;

  font-size: 18px;

}

.testimonial-box .content-box .qoute-box {

  font-size: 100px;

  color: #F6BA18;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  vertical-align: bottom;

  line-height: 0;

  position: relative;

  top: 13px;

  padding-right: 20px;

}

.testimonial-box .content p {

  color: #898989;

  margin: 0;

  margin-bottom: 10px;

}

.testimonial-box .content span {

  color: #3BC2CE;

  font-style: italic;

  display: block;

}

.testimonial-box .content img {

  width: 130px;

  height: 130px;

  border-radius: 50%;

  border: 4px solid #FFFFFF;

  margin-top: 20px;

  margin-bottom: -105px;

}



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

  17. Team Page styles

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



.team-page {

  padding-top: 0;

  padding-bottom: 30px;

}

.team-page .single-team-member {

  margin-bottom: 50px;

}

.single-team-member .content {

  background: #F3F5F7;

  padding: 30px;

  padding-top: 25px;

  padding-right: 0;

}

.single-team-member .content .name-box {

  margin-bottom: 12px;

}

.single-team-member .content .name-box:after {

  content: '';

  width: 35px;

  height: 3px;

  background: #F6BA18;

  display: block;

  margin-top: 7px;

}

.single-team-member .content .name-box h3 {

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

  color: #313131;

  font-size: 16px;

  line-height: 22px;

  text-transform: uppercase;

  font-weight: bold;

}

.single-team-member .content .name-box span {

  color: #898989;

  font-family: 'PT Serif', sans-serif;

  font-size: 16px;

  font-style: italic;

}

.single-team-member .content p {

  color: #969595;

}

.single-team-member a.readmore {

  background: #1FB5C7;

  color: #FFFFFF;

  display: inline-block;

  padding: 5px 5px 5px 55px;

  position: relative;

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}

.single-team-member a.readmore:hover {

  background: #FBB12F;

  color: #010101;

}

.single-team-member a.readmore:hover:after {

  background: #FBB12F;

}

.single-team-member a.readmore i {

  font-size: 13px;

  margin-left: 25px;

}

.single-team-member a.readmore:after {

  content: '';

  position: absolute;

  top: 0;

  right: -17px;

  width: 36px;

  height: 100%;

  background: #1FB5C7;

  z-index: -1;

  -webkit-transform: skewX(-45deg);

      -ms-transform: skewX(-45deg);

          transform: skewX(-45deg);

  -webkit-transition: all .5s ease;

          transition: all .5s ease;

}





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

  18. Fact Counter styles

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



.fact-counter {

  background: url(../images/fact-counter-bg.jpg) 0 0 no-repeat fixed;

  background-size: 100% 100%;

  position: relative;

}

.fact-counter:before {

  content: '';

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

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.single-fact-counter {

  padding-left: 15px;

}

.single-fact-counter .icon-box,

.single-fact-counter .text-box {

  display: table-cell;

  vertical-align: middle;

}

.single-fact-counter .icon-box i {

  color: #fff;

  font-size: 50px;

}

.single-fact-counter .text-box {

  padding-left: 30px;

}

.single-fact-counter .text-box h4 {

  color: #fff;

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

  font-size: 50px;

  font-style: italic;

  font-weight: normal;

}

.single-fact-counter .text-box p {

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

  font-size: 18px;

  color: #34CCFF;

  margin: 0;

  font-style: italic;

  font-weight: normal;

}



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

  19. Latest Blog styles

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





.latest-blog {

  background: #F3F5F7;

}

.single-blog-post .img-box,

.single-blog-post .content-box {

  display: table-cell;

  vertical-align: middle;

}

.single-blog-post .img-box {

  width: 270px;

}

.single-blog-post .content-box {

  padding-left: 30px;

}

.single-blog-post .content-box .date {

  font-size: 18px;

  color: #444444;

  margin-bottom: 22px;

}

.single-blog-post .content-box .date span {

  font-size: 45px;

  color: #242424;

}

.single-blog-post .content-box h3 {

  color: #000000;

  font-size: 16px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 14px;

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

}

.single-blog-post .content-box p {

  color: #8E8D8D;

}

.single-blog-post .content-box a.thm-btn {

  font-size: 12px;

  padding: 4px 0;

  padding-left: 22px;

  padding-right: 20px;

  margin-top: 9px;

}

.single-blog-post .content-box a.thm-btn i {

  border: none;

  font-size: 12px;

  padding: 0;

  margin: 0;

  padding-left: 15px;

}

.single-blog-post .content-box a.thm-btn i:after {

  display: none;

}



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

  20. Client Carousel styles

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





.client-carousel .item img {

  opacity: .5 !important;

  border: 1px solid #F0F0F0;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.client-carousel .item img:hover {

  opacity: 1 !important;

}





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

  21. Footer Top styles

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



.footer-top {

  padding: 40px 0 44px;

  margin-bottom: -25px;

  position: relative;

  z-index: 10;

  background: transparent url(../images/footer-top-bg.png) center right no-repeat;

}

.footer-top h3 {

  font-size: 34px;

  font-weight: bold;

  color: #121212;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.footer-top p {

  font-size: 25px;

  color: #FFFFFF;

  font-style: italic;

}

.footer-top .thm-btn {

  margin-top: 41px;

}

.footer-top form {

  margin-top: 23px;

}

.footer-top form input {

  height: 45px;

  margin-right: 15px;

  border-radius: 3px;

  border: none;

  outline: none;

  padding: 0 15px;

  width: 66%;

  color: #838383;

}

.footer-top form input::-webkit-input-placeholder {

  /* WebKit, Blink, Edge */

  color: #838383;

  opacity: 1;

}

.footer-top form input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #838383;

  opacity: 1;

}

.footer-top form input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #838383;

  opacity: 1;

}

.footer-top form input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #838383;

}

.footer-top form input:placeholder-shown {

  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */

  color: #838383;

}

.footer-top form .thm-btn {

  padding: 8px 0px;

  padding-left: 20px;

  padding-right: 15px;

}

.footer-top form .thm-btn:hover {

  background: #10151B;

}

#footer {

  background: #10181f url(../images/footer-bg.jpg) center center no-repeat;

  padding-bottom: 50px;

}



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

  22. Footer styles

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



.footer-widget .title {

  margin-bottom: 20px;

}

.footer-widget .title h3:after {

  content: '';

  width: 40px;

  height: 2px;

  background: #F7BE3D;

  display: block;

  margin-top: 13px;

}

.footer-widget .title h3 span {

  display: block;

  font-size: 20px;

  font-weight: 600;

  font-style: italic;

  color: rgba(255, 255, 255, 0.6);

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

  text-transform: uppercase;

}

.footer-widget .about-widget p {

  color: #62666A;

  margin-top: 30px;

}

.footer-widget .about-widget a {

  color: #1FB5C7;

  margin-top: 20px;

}

.footer-widget .about-widget .social {

  margin-top: 45px;

}

.footer-widget .social li {

  display: inline-block;

  width: 40px;

  height: 40px;

  text-align: center;

  border: 1px solid #1FB5C7;

  border-radius: 50%;

  margin-right: 6px;

}

.footer-widget .social li a {

  color: #1FB5C7;

  font-size: 18px;

  line-height: 38px;

}

.footer-widget .social li a .fa-google-plus {

  font-size: 16px;

}

.footer-widget .link-list a {

  color: #62666A;

  text-transform: capitalize;

  line-height: 39px;

}

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

  color: #208e9b;

}

.footer-widget .contact-infos li .icon-box,

.footer-widget .contact-infos li .text-box {

  display: table-cell;

  vertical-align: middle;

}

.footer-widget .contact-infos li .icon-box {

  font-size: 17px;

  color: #636363;

  vertical-align: top;

}

.footer-widget .contact-infos li .text-box {

  padding-left: 18px;

  color: #62666A;

}

.footer-widget .contact-infos li .text-box b {

  font-weight: bold;

  color: #82868A;

}



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

  23. Bottom Bar styles

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





.bottom-bar {

  padding: 27px 0;

  border-top: 1px solid #161F27;

  background: #10151B;

}

.bottom-bar p {

  margin: 0;

  color: #464C54;

}



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

  24. Inner Banner styles

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





.inner-banner {

  padding-top: 126px;

  padding-bottom: 83px;

  background: #13314c url(../images/inner-banner.jpg) center center no-repeat;

  background-size: cover;

}

.inner-banner h2 {

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

  font-size: 40px;

  line-height: 50px;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

}

.inner-banner ul.breadcumb li {

  display: inline-block;

  margin-right: 6px;

}

.inner-banner ul.breadcumb li:last-child a:after,

.inner-banner ul.breadcumb li:last-child span:after {

  display: none;

}

.inner-banner ul.breadcumb li a,

.inner-banner ul.breadcumb li span {

  display: inline-block;

  color: #fff;

  font-weight: 600;

  font-size: 13px;

  text-transform: uppercase;

  display: block;

}

.inner-banner ul.breadcumb li a i,

.inner-banner ul.breadcumb li span i {

  font-size: 14px;

  font-weight: normal;

  margin-right: 5px;

}

.inner-banner ul.breadcumb li a:after,

.inner-banner ul.breadcumb li span:after {

  content: '\f105';

  display: inline-block;

  font-family: 'FontAwesome';

  color: #fff;

  font-size: 13px;

  margin-left: 7px;

}



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

  25. Services styles

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



.services-section {

  background: #F3F5F7;

  padding-bottom: 0;

}

.single-services {

  margin-bottom: 80px;

}

.single-services .img-box {

  margin-bottom: 46px;

}

.single-services .img-box:before {

  content: '';

  position: absolute;

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: 10px;

  border: 5px solid rgba(255, 255, 255, 0.3);

  border-bottom: 0;

  border-right: 0;

}

.single-services h3 {

  margin-bottom: 22px;

}

.single-services h3:after {

  content: '';

  background: #F6BA18;

  width: 45px;

  height: 3px;

  display: block;

  vertical-align: top;

  margin-top: 10px;

}

.single-services h3 span {

  display: block;

  color: #323232;

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

  font-weight: bold;

  font-size: 20px;

  text-transform: uppercase;

}

.single-services p {

  color: #898989;

  margin: 0;

  margin-bottom: 5px;

}

.single-services a {

  text-transform: uppercase;

  color: #08ADD0;

  font-size: 12px;

  font-weight: 600;

}

.single-services a i {

  margin-left: 8px;

}



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

  26. About Info Box styles

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



.about-info-box {

  background: #ffffff url(../images/about-info-box/bg.png) bottom right no-repeat;

}

.about-info-box .img-box {

  display: inline-block;

  overflow: visible;

}

.about-info-box .img-box:before {

  content: '';

  position: absolute;

  top: 10px;

  left: 10px;

  right: -10px;

  bottom: -10px;

  border: 1px solid #C3C3C3;

}

.about-info-box .img-box img {

  position: relative;

}

.about-info-box .bulleted-list {

  margin-top: 20px;

  margin-bottom: 25px;

}

.about-info-box .bulleted-list li {

  color: #4486BD;

}

.about-info-box .bulleted-list li .fa {

  line-height: 40px;

}

.contact-info {

  border: 1px solid #EEEEEE;

  padding-left: 30px;

  padding-right: 30px;

  padding-top: 10px;

  padding-bottom: 30px;

  background: #fff;

}

.contact-info ul li {

  padding-top: 40px;

  padding-bottom: 35px;

  border-bottom: 1px solid #EEEEEE;

}

.contact-info ul li:last-child {

  border-bottom: 0;

}

.contact-info ul li .icon-box,

.contact-info ul li .content {

  display: table-cell;

  vertical-align: top;

}

.contact-info ul li .icon-box i {

  color: #F6BA18;

  font-size: 45px;

  position: relative;

  top: 5px;

}

.contact-info ul li .content {

  padding-left: 45px;

}

.contact-info ul li .content p {

  color: #8D8D8D;

  margin: 0;

}

#contact-page-google-map {

  margin-top: 80px;

  height: 400px;

  padding: 6px;

  width: 100%;

  background: #fff;

  border: 1px solid #F0F0F0;

}

.contact-page-content {

  background: #ffffff url(../images/contact-page-bg.png) top right no-repeat;

}

.rqa-feature .bg-1 {

  background: #13314C;

}

.rqa-feature .bg-2 {

  background: #145A77;

}

.rqa-feature .bg-3 {

  background: #1D6B8B;

}

.single-rqa-feature {

  padding: 0 25px;

  padding-top: 37px;

  padding-bottom: 60px;

}

.single-rqa-feature i {

  font-size: 55px;

  color: #F6BA18;

  margin-bottom: 20px;

}

.single-rqa-feature h3 {

  color: #FFFFFF;

  font-weight: bold;

  font-size: 22px;

  text-transform: uppercase;

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

  margin-bottom: 10px;

}

.single-rqa-feature p {

  color: #fff;

  line-height: 24px;

  margin: 0;

}



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

  27. Side Bar Widget styles

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





.pull-left .single-sidebar-widget {

  padding-right: 50px;

}

.pull-right .single-sidebar-widget {

  padding-left: 50px;

}

.single-sidebar-widget {

  margin-bottom: 50px;

}

.single-sidebar-widget:last-child {

  margin-bottom: 0;

}

.single-sidebar-widget .sec-title {

  margin-bottom: 30px;

}

.single-sidebar-widget .sec-title h2 span {

  font-size: 20px;

}

.single-sidebar-widget .sec-title h2:after {

  width: 35px;

}

.single-sidebar-widget .contact-form input,

.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {

  height: 40px;

}

.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {

  margin-bottom: 2px;

}

.single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {

  line-height: 40px;

}

.single-sidebar-widget .dwnld-broucher a {

  text-transform: uppercase;

  color: #08ADD0;

  font-weight: 600;

  margin-top: 30px;

  font-size: 12px;

  display: inline-block;

}

.single-sidebar-widget .special-links li:last-child {

  margin-bottom: 0;

}

.single-sidebar-widget .special-links li a {

  background: #EFEFEF;

  color: #242424;

  font-weight: 600;

  text-transform: uppercase;

  display: block;

  margin-bottom: 5px;

  line-height: 50px;

  position: relative;

  padding: 0 20px;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .special-links li:hover a,

.single-sidebar-widget .special-links li.active a {

  background: #1FB5C7;

  color: #fff;

}

.single-sidebar-widget .special-links li a:hover:before,

.single-sidebar-widget .special-links li a.active:before {

  opacity: 1;

}

.single-sidebar-widget .special-links li:hover a:after,

.single-sidebar-widget .special-links li.active a:after {

  color: inherit;

}

.single-sidebar-widget .special-links li a:after {

  content: '\f101';

  font-family: 'FontAwesome';

  position: absolute;

  top: 0;

  right: 20px;

  line-height: 50px;

  color: #6A6969;

  font-weight: normal;

}

.single-sidebar-widget .special-links li a:before {

  content: '\f0da';

  font-family: 'FontAwesome';

  position: absolute;

  top: 0;

  left: -1px;

  color: #FFFFFF;

  font-size: 19px;

  line-height: 50px;

  opacity: 0;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .search-box form {

  background: #10181F;

  width: 100%;

  height: 48px;

}

.single-sidebar-widget .search-box form input {

  padding-left: 30px;

  border: none;

  outline: none;

  height: 100%;

  color: rgba(255, 255, 255, 0.5);

  width: calc(100% - 55px);

  background-color: transparent;

}

.single-sidebar-widget .search-box form input::-webkit-input-placeholder {

  /* WebKit, Blink, Edge */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.single-sidebar-widget .search-box form input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.single-sidebar-widget .search-box form input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: rgba(255, 255, 255, 0.5);

  opacity: 1;

}

.single-sidebar-widget .search-box form input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: rgba(255, 255, 255, 0.5);

}

.single-sidebar-widget .search-box form input:placeholder-shown {

  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */

  color: rgba(255, 255, 255, 0.5);

}

.single-sidebar-widget .search-box form button {

  position: relative;

  left: 2px;

  width: 50px;

  background: #FBB12F;

  color: #000000;

  font-size: 16px;

  padding: 11px 0px;

  border: none;

  outline: none;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .search-box form button:hover {

  background: #1FB5C7;

}

.single-sidebar-widget .search-box form button:hover i {

  color: #fff;

}

.single-sidebar-widget .search-box form button:hover:after {

  background: #1FB5C7;

}

.single-sidebar-widget .search-box form button i {

  position: relative;

  z-index: 2;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .search-box form button:after {

  background: #FBB12F;

  content: '';

  width: 30px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -15px;

  -webkit-transform: skew(-35deg);

  -ms-transform: skew(-35deg);

  transform: skew(-30deg);

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .categories ul li:last-child a {

  border: none;

}

.single-sidebar-widget .categories ul li a {

  color: #898989;

  text-transform: capitalize;

  line-height: 42px;

  display: block;

  border-bottom: 1px solid #E6E6E6;

  position: relative;

}

.single-sidebar-widget .categories ul li a:after {

  content: '\f105';

  font-family: 'FontAwesome';

  color: #C8C8C8;

  position: absolute;

  top: 0;

  right: 0;

}

.single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before {

  border-width: 2px;

}

.single-sidebar-widget .popular-post li {

  margin-bottom: 30px;

}

.single-sidebar-widget .popular-post li:last-child {

  margin-bottom: 0;

}

.single-sidebar-widget .popular-post .img-box,

.single-sidebar-widget .popular-post .content {

  display: table-cell;

  vertical-align: middle;

}

.single-sidebar-widget .popular-post .img-box {

  width: 110px;

}

.single-sidebar-widget .popular-post .content {

  padding-left: 30px;

}

.single-sidebar-widget .popular-post .content a h4 {

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

  color: #242424;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 500;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .popular-post .content a h4:hover {

  color: #1FB5C7;

}

.single-sidebar-widget .popular-post .content p {

  color: #8E8D8D;

  font-size: 13px;

  line-height: 20px;

  margin: 0;

}

.single-sidebar-widget .popular-post .content span {

  color: #1CBAC8;

  font-size: 13px;

  display: block;

  margin-top: 4px;

  font-weight: 500;

}

.single-sidebar-widget .text-box p {

  color: #8E8D8D;

}

.single-sidebar-widget .insta-feed ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before {

  border-width: 2px;

}

.single-sidebar-widget .insta-feed ul .img-box {

  width: 106px;

  margin-bottom: 1px;

}

.single-sidebar-widget .tag-cloud {

  font-size: 0;

  margin-left: -5px;

  margin-right: -5px;

}

.single-sidebar-widget .tag-cloud li {

  display: inline-block;

}

.single-sidebar-widget .tag-cloud li a {

  display: block;

  color: #787878;

  text-transform: uppercase;

  border: 1px solid #EAEAEA;

  border-radius: 20px;

  padding: 7px 22px;

  font-size: 12px;

  margin: 0 5px;

  margin-bottom: 10px;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.single-sidebar-widget .tag-cloud li a:hover {

  background: #E5E5E5;

  color: #787878;

  border-color: #E5E5E5;

}

.single-client-box {

  margin-bottom: 50px;

}

.single-client-box:last-child {

  margin-bottom: 0;

}

.single-client-box .icon-box,

.single-client-box .content {

  display: table-cell;

  vertical-align: middle;

}

.single-client-box .icon-box {

  width: 170px;

  text-align: center;

  border-top: 4px solid #1FB5C7;

  border-left: 1px solid #E9E9E9;

  border-bottom: 1px solid #E9E9E9;

}

.single-client-box .content {

  padding-top: 30px;

  padding-bottom: 30px;

  padding-right: 30px;

  padding-left: 30px;

  border-right: 1px solid #E9E9E9;

  border-bottom: 1px solid #E9E9E9;

  border-top: 1px solid #E9E9E9;

}

.single-client-box .content h3 {

  font-size: 18px;

  font-weight: bold;

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

  color: #242424;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.single-client-box .content p {

  color: #898989;

  margin: 0;

}



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

  28. Fleet Gallery styles

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





.fleet-gallery {

  overflow: hidden;

}

.fleet-gallery .mix {

  display: none;

}

.fleet-gallery.gray-bg {

  background: #F3F5F7;

}

.gallery-filter {

  margin-bottom: 35px;

}

.gallery-filter li {

  display: inline-block;

}

.gallery-filter li span {

  display: block;

  font-size: 14px;

  text-transform: uppercase;

  color: #242424;

  border: 1px solid transparent;

  padding: 1px 28px;

  cursor: pointer;

}

.gallery-filter li.active span,

.gallery-filter li:hover span {

  border-color: #9B9B9B;

}

.single-fleet-gallery-wrapper {

  margin-left: -7.5px;

  margin-right: -7.5px;

}

.single-fleet-gallery {

  margin-left: -7.5px;

  margin-right: -7.5px;

  margin-top: 15px;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption {

  background: rgba(33, 185, 186, 0.8);

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder ul {

  display: block;

  margin-top: 10px;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder ul li a {

  width: 40px;

  height: 40px;

  font-size: 17px;

  line-height: 40px;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .box-caption {

  display: table-cell;

  vertical-align: middle;

  padding-left: 30px;

  padding-right: 30px;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text {

  display: block;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text h3 {

  font-size: 20px;

  font-weight: bold;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text p {

  color: #fff;

  margin: 0;

}

.single-fleet-gallery-wrapper.style-two {

  margin-left: -7.5px;

  margin-right: -7.5px;

}

.single-fleet-gallery-wrapper.style-two .single-fleet-gallery {

  margin: 0;

  padding: 0 7.5px;

  width: 20%;

  float: left;

  margin-top: 15px;

}



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

  29. Pricing styles

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



.single-pricing-box {

  text-align: center;

}

.single-pricing-box .pricing-top-bar {

  background: #1FB5C7;

  color: #fff;

  font-weight: bold;

  font-size: 16px;

  text-transform: uppercase;

  padding: 6px 0;

}

.single-pricing-box .price-box {

  background: #13314C;

  font-size: 18px;

  color: #fff;

  vertical-align: bottom;

  padding: 26px 0;

}

.single-pricing-box .price-box span.amount {

  font-weight: bold;

  font-size: 55px;

  line-height: 55px;

}

.single-pricing-box .price-box span.currency {

  font-size: 37px;

  vertical-align: top;

}

.single-pricing-box .feature-list {

  border: 1px solid #E9E9E9;

  border-top: 0;

  border-bottom: 0;

}

.single-pricing-box .feature-list ul li {

  background: #FFFFFF;

  color: #898989;

  text-transform: uppercase;

  line-height: 58px;

}

.single-pricing-box .feature-list ul li:nth-child(even) {

  background: #F9F9F9;

}

.single-pricing-box .btn-wrap {

  border: 1px solid #E9E9E9;

  border-top: 0;

}

.single-pricing-box .btn-wrap .thm-btn {

  padding: 8px 42px;

  margin-top: 30px;

  margin-bottom: 30px;

}



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

  30. FAQ Page styles

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



.faq-question-one .single-faq {

  margin-bottom: 28px;

}

.faq-question-one .single-faq:last-child {

  margin-bottom: 0;

}

.faq-question-one .single-faq h3 {

  font-size: 16px;

  line-height: 33px;

  font-weight: bold;

  color: #242424;

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

}

.faq-question-one .single-faq p {

  color: #898989;

  margin-top: 4px;

}



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

  31. Testimonial Page styles

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





.single-testimonial-box {

  border-top: 1px solid #E6E6E6;

  padding-top: 25px;

  padding-bottom: 30px;

}

.single-testimonial-box:last-child {

  border-bottom: 1px solid #E6E6E6;

}

.single-testimonial-box header .icon-box,

.single-testimonial-box header .info-box {

  display: table-cell;

  vertical-align: middle;

}

.single-testimonial-box header .icon-box {

  width: 130px;

}

.single-testimonial-box header .info-box {

  padding-left: 35px;

}

.single-testimonial-box header .info-box h4 {

  font-size: 18px;

  font-weight: normal;

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

}

.single-testimonial-box header .info-box p {

  color: #898989;

  margin: 0;

  margin-top: 11px;

}

.single-testimonial-box header .info-box ul.stars {

  margin-top: 8px;

}

.single-testimonial-box header .info-box ul.stars li {

  display: inline;

  font-size: 14px;

  color: #F6BA18;

}

.single-testimonial-box article {

  margin-top: 20px;

}

.single-testimonial-box .name {

  color: #1FB5C7;

  font-size: 15px;

  font-style: italic;

}

.single-testimonial-box article p {

  color: #898989;

}

.single-testimonial-box article .sign {

  text-align: right;

  margin-top: -20px;

}



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

  32. Page Navigation styles

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



.page-navigation {

  margin-top: 50px;

}

.page-navigation li {

  display: inline;

}

.page-navigation li a,

.page-navigation li span {

  width: 46px;

  height: 46px;

  line-height: 44px;

  background: #fff;

  color: #8E8D8D;

  font-size: 20px;

  display: inline-block;

  border: 1px solid #E2E2E2;

  margin-right: 5px;

  text-align: center;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.page-navigation li span,

.page-navigation li a:hover {

  background: #E7E7E7;

  color: #242424;

}



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

  33. 404 Error styles

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



.error-404 .container {

  background: #EEEEEE;

  margin-top: 120px;

}

.error-404 img {

  margin-top: -120px;

}

.error-404 h2 {

  color: #000000;

  font-size: 45px;

  font-weight: bold;

  margin-top: 33px;

  margin-bottom: 23px;

}

.error-404 h2 span {

  font-size: 60px;

}

.error-404 p {

  color: #4B4B4B;

  font-size: 20px;

  font-style: italic;

}

.error-404 .thm-btn {

  padding-top: 7px;

  padding-bottom: 7px;

  margin-top: 13px;

}



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

  34. Single service page styles

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



.single-service-page .image-box,

.single-post-page .image-box {

  margin-bottom: 50px;

}

.single-service-page .image-caption-box,

.single-post-page .image-caption-box {

  margin-bottom: 50px;

}

.single-service-page .image-caption-box .text-box,

.single-post-page .image-caption-box .text-box,

.single-service-page .image-caption-box .caption-box-img,

.single-post-page .image-caption-box .caption-box-img {

  display: table-cell;

  vertical-align: middle;

}

.single-service-page .image-caption-box .text-box,

.single-post-page .image-caption-box .text-box {

  padding-right: 46px;

}

.single-service-page .image-caption-box .text-box h2,

.single-post-page .image-caption-box .text-box h2 {

  color: #242424;

  font-size: 20px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 5px;

}

.single-service-page .image-caption-box .text-box p,

.single-post-page .image-caption-box .text-box p {

  color: #898989;

}

.single-service-page .image-caption-box .caption-box-img,

.single-post-page .image-caption-box .caption-box-img {

  width: 248px;

}



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

  35. FAQ Form styles

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



.faq-form {

  background: #F9F9F9;

  padding: 20px 30px;

  border: 1px solid #EAEAEA;

  margin-bottom: 50px;

}

.faq-form input {

  height: 44px;

  border: 1px solid #E9E9E9;

  outline: none;

  padding-left: 25px;

  width: 81%;

  position: relative;

  top: 1px;

}

.faq-form .thm-btn {

  padding: 8px 39px;

  border-radius: 0;

  margin-left: -4px;

}

.faq-page .accrodion {

  margin-bottom: 20px;

}

.faq-page .accrodion .accrodion-title {

  background: #fff;

}

.faq-page .accrodion .accrodion-title h4 {

  font-size: 14px;

  color: #898989;

  font-weight: normal;

  text-transform: none;

}

.faq-page .accrodion.active .accrodion-title:after {

  background: #1FB5C7;

  color: #fff;

}

.faq-page .accrodion .accrodion-title:after {

  width: 50px;

  right: 0;

  background: #FCFCFC;

  text-align: center;

  border-left: #EDEDED;

  height: 100%;

}

.faq-page .accrodion .accrodion-title {

  border: 1px solid #EDEDED;

}

.faq-page .accrodion .accrodion-content {

  border: 1px solid #EDEDED;

  border-top: 0;

  padding: 30px;

}

.faq-page .accrodion .accrodion-content p {

  color: #898989;

  margin-bottom: 20px;

}

.faq-page .accrodion .accrodion-content h3 {

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

  font-weight: 300;

  color: #000000;

  margin-top: 15px;

  margin-bottom: 10px;

}

.faq-page .accrodion .accrodion-content .img-caption .img-box {

  width: 237px;

}



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

  36. Career Page styles

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



.career-page .caption-box {

  margin-bottom: 50px;

}

.career-page .caption-box .content-box,

.career-page .caption-box .img-box {

  display: table-cell;

  vertical-align: middle;

}

.career-page .caption-box .content-box {

  padding-right: 25px;

}

.career-page .caption-box .img-box {

  width: 270px;

}

.career-page .accrodion .accrodion-content .single-job-details {

  margin-bottom: 50px;

}

.career-page .accrodion .accrodion-content .single-job-details:last-child {

  margin-bottom: 0;

}

.career-page .accrodion .accrodion-content h2 {

  text-transform: uppercase;

  color: #242424;

  font-weight: bold;

  font-size: 20px;

  margin-bottom: 16px;

}

.career-page .accrodion .accrodion-content .download-app-box {

  margin-top: 50px;

  margin-bottom: -30px;

  background: #F4F4F4;

  margin-left: -30px;

  margin-right: -30px;

  padding: 30px 40px;

}

.career-page .accrodion .accrodion-content .download-app-box h3 {

  text-transform: capitalize;

  color: #000000;

  font-weight: bold;

  font-size: 18px;

  margin: 0;

  margin-bottom: 10px;

}

.career-page .accrodion .accrodion-content .download-app-box p {

  margin: 0;

  color: #898989;

}

.career-page .accrodion .accrodion-content .download-app-box .btn-box {

  padding: 16px 0;

}

.career-page .accrodion .accrodion-content .download-app-box .btn-box .thm-btn {

  padding-top: 6px;

  padding-bottom: 6px;

  padding-left: 35px;

  padding-right: 15px;

}

.career-page .accrodion .accrodion-content .download-app-box .btn-box .thm-btn i {

  margin-left: 35px;

}

.career-page .accrodion .accrodion-title h4 {

  padding-right: 50px;

  text-transform: uppercase;

  color: #242424;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



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

  37. Blog Page styles

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



.blog-page .single-blog-post {

  margin-bottom: 50px;

}

.blog-page .single-blog-post:last-child {

  margin-bottom: 0;

}

.blog-page .single-blog-post .img-box {

  display: block;

  width: auto;

}

.blog-page .single-blog-post .img-box:before {

  content: '';

  position: absolute;

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: 10px;

  border: 5px solid rgba(255, 255, 255, 0.3);

  border-bottom: 0;

  border-right: 0;

}

.blog-page .single-blog-post .img-box .img-caption {

  text-align: right;

}

.blog-page .single-blog-post:hover .img-box .img-caption .box-holder ul {

  opacity: 1;

  visibility: visible;

}

.blog-page .single-blog-post .img-box .img-caption .box-holder ul {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

  opacity: 0;

  visibility: hidden;

  vertical-align: bottom;

  padding-bottom: 20px;

  padding-right: 10px;

}

.blog-page .single-blog-post .meta-info {

  padding: 30px 0;

}

.blog-page .single-blog-post .meta-info .date-box,

.blog-page .single-blog-post .meta-info .content-box {

  display: table-cell;

  vertical-align: middle;

}

.blog-page .single-blog-post .meta-info .date-box .inner-box {

  width: 78px;

  height: 78px;

  background: #FBB12F;

  color: #fff;

  border-radius: 50%;

  text-align: center;

  text-transform: uppercase;

  padding-top: 16px;

  font-weight: bold;

}

.blog-page .single-blog-post .meta-info .date-box .inner-box b {

  font-size: 28px;

  display: block;

}

.blog-page .single-blog-post .meta-info .content-box {

  padding-left: 26px;

}

.blog-page .single-blog-post .meta-info .content-box h3 {

  color: #363636;

  font-weight: 600;

  text-transform: none;

  font-size: 18px;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li {

  display: table-cell;

  vertical-align: middle;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li:last-child {

  padding-right: 0;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a {

  color: #A1A1A1;

  padding-right: 30px;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a:hover {

  color: #FBB12F;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a:hover i {

  color: #1FB5C7;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a i {

  color: #FBB12F;

  font-size: 16px;

  margin-right: 10px;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a i.fa-tag {

  font-size: 17px;

}

.blog-page .single-blog-post .meta-info .content-box .post-links li a i.fa-comments-o {

  font-size: 18px;

}

.blog-page .single-blog-post p {

  color: #898989;

}

.blog-page .single-blog-post a.read-more {

  text-transform: uppercase;

  color: #08ADD0;

  font-size: 12px;

  font-weight: 600;

  -webkit-transition: all .3s ease;

          transition: all .3s ease;

}

.blog-page .single-blog-post a.read-more:after {

  content: '\f178';

  font-family: 'FontAwesome';

  margin-left: 10px;

}

.blog-page .single-blog-post a.read-more:hover {

  color: #FBB12F;

}

.single-post-page h2 {

  color: #242424;

  font-size: 20px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 5px;

}

.single-post-page .qoute-box {

  background: #1FB5C7;

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

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  font-style: italic;

  padding: 30px 30px;

  padding-left: 17px;

  margin-top: 15px;

  margin-bottom: 50px;

}

.single-post-page .qoute-box .qoute-icon,

.single-post-page .qoute-box .qoute-text {

  display: table-cell;

  vertical-align: middle;

}

.single-post-page .qoute-box .qoute-icon {

  padding-right: 30px;

}

.single-post-page .qoute-box .qoute-icon i {

  color: #fff;

  font-size: 103px;

  vertical-align: top;

  position: relative;

  bottom: 15px;

}

.single-post-page .qoute-box .qoute-text p {

  font-size: 16px;

  color: #fff;

  margin: 0;

}

.single-post-page .qoute-box .qoute-text .name {

  text-align: right;

  color: #fff;

  display: block;

}

.single-post-page .sec-title {

  margin-bottom: 30px;

}

.single-post-page .sec-title h2 span {

  font-size: 20px;

}

.single-post-page .sec-title h2:after {

  width: 35px;

}

.single-post-page .tag-social-box {

  border-top: 1px solid #CBCBCB;

  border-bottom: 1px solid #CBCBCB;

  padding: 20px 0;

  margin-top: 45px;

  margin-bottom: 50px;

}

.single-post-page .tag-social-box .social-box ul li {

  display: inline-block;

}

.single-post-page .tag-social-box .social-box ul li a {

  color: #787C7F;

  font-size: 16px;

  margin-left: 16px;

}

.single-post-page .admin-info-box .img-box,

.single-post-page .admin-info-box .text-box {

  display: table-cell;

  vertical-align: middle;

}

.single-post-page .admin-info-box .img-box {

  width: 114px;

}

.single-post-page .admin-info-box .text-box {

  padding-left: 30px;

}

.single-post-page .admin-info-box .text-box h3 {

  font-size: 14px;

  letter-spacing: .2em;

  color: #1F1F1F;

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

  margin-bottom: 0;

  margin-bottom: 10px;

}

.single-post-page .comments-box {

  margin-top: 60px;

}

.single-post-page .comments-box .single-comment {

  margin-bottom: 30px;

}

.single-post-page .comments-box .single-comment .comment-img,

.single-post-page .comments-box .single-comment .comment-text {

  display: table-cell;

  vertical-align: top;

}

.single-post-page .comments-box .single-comment .comment-img {

  width: 70px;

}

.single-post-page .comments-box .single-comment .comment-text {

  padding-left: 30px;

}

.single-post-page .comments-box .single-comment .comment-text h3 {

  font-size: 13px;

  letter-spacing: .200em;

  text-transform: uppercase;

  margin: 0;

  margin-bottom: 10px;

}

.single-post-page .comments-box .single-comment .comment-text h3 span {

  color: #1CBAC8;

  font-style: italic;

}

.single-post-page .comments-box .single-comment .comment-text p {

  margin: 0;

}

.single-post-page .comments-box .single-comment .comment-text .inner {

  border: 1px solid #EFEFEF;

  padding: 26px 30px;

}

.single-post-page .comments-box .single-comment .comment-text a.reply-button {

  text-transform: uppercase;

  color: #1F1F1F;

  font-size: 12px;

  font-weight: 600;

}

.single-post-page .comments-box .load-more-comment {

  text-align: center;

  font-size: 14px;

  text-transform: uppercase;

  color: #343434;

  font-weight: bold;

  display: block;

}

.single-post-page .comment-form {

  margin-top: 60px;

}

.single-post-page .comment-form input,

.single-post-page .comment-form textarea {

  width: 100%;

  display: block;

  border: 1px solid #E8E8E8;

  outline: none;

  height: 50px;

  padding: 0 22px;

  color: #959595;

}

.single-post-page .comment-form textarea {

  margin-top: 25px;

  height: 230px;

  padding-top: 15px;

  margin-bottom: 25px;

}

.single-post-page .comment-form button {

  padding-top: 7px;

  padding-bottom: 7px;

}





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

  38. Text Slider styles

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



.text-rotator-banner {

  background-size: cover;

  background-position: center center;

  height: 100vh;

}

.text-rotator-banner.style-two .caption-wrapper {

  margin-top: 80px;

  padding-left: 23px;

}

.text-rotator-banner .caption-wrapper {

  margin-top: 195px;

}

.text-rotator-banner span.horiz-border {

  width: 120px;

  height: 2px;

  background: #FBB12F;

  display: inline-block;

  margin-top: 28px;

  margin-bottom: 20px;

}

.text-rotator-banner .caption-p {

  margin-bottom: 30px;

}

.text-rotator-banner .type-wrap {

  display: inline-block;

}

.text-rotator-banner .typed-cursor {

  position: relative;

  bottom: 5px;

  opacity: 1;

  -webkit-animation: blink 0.7s infinite;

  animation: blink 0.7s infinite;

}

@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



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

  39. Request Qoute New Style

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





.request-qoute.has-overlay {

  background: url(../images/rqa-bg.jpg) 0 0 no-repeat fixed;

  -webkit-background-size: cover;

  background-size: cover;

  position: relative; 

  overflow: hidden;

}

.request-qoute.has-overlay:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #081C34;

  opacity: .75;

}

.request-qoute.has-overlay .container {

  position: relative;

}

.request-qoute.has-overlay .sec-title h2 span {

  color: #fff;

}

.request-qoute.has-overlay .has-overlay {

  position: relative;

  padding-bottom: 179px;

}

.request-qoute.has-overlay .has-overlay * {

  position: relative;

}

.request-qoute.has-overlay .has-overlay:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 10px;

  bottom: 0;

  background: #081C34;

  opacity: .8;  

}

.request-qoute.has-overlay .has-overlay:after {

  content: '';

  position: absolute;

  width: 25000px;

  height: 100%;

  right: 100%;

  top: 0;



  background: #081C34;

  opacity: .8;  

}

.request-qoute.has-overlay .testimonial-box .content-box {

  background-color: transparent;

  border: 1px solid rgba(255,255,255,.4);

  background: rgba(0,0,0,.4);

}

.request-qoute.has-overlay .testimonial-box .content-box .title h3,

.request-qoute.has-overlay .testimonial-box .content p {

  color: #fff;

}

.request-qoute.has-overlay .contact-form input,

.request-qoute.has-overlay .contact-form textarea {

  background-color: transparent;

  border: 1px solid rgba(255,255,255,.4);

  background: rgba(0,0,0,.4);

  color: #fff;

}



.request-qoute.has-overlay .contact-form input::-webkit-input-placeholder {

  /* Safari, Chrome and Opera */

  color: #fff;

}

.request-qoute.has-overlay .contact-form input:-moz-placeholder {

  /* Firefox 18- */

  color: #fff;

}

.request-qoute.has-overlay .contact-form input::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.request-qoute.has-overlay .contact-form input:-ms-input-placeholder {

  /* IE 10+ */

  color: #fff;

}

.request-qoute.has-overlay .contact-form input::-ms-input-placeholder {

  /* Edge */

  color: #fff;

}

.request-qoute.has-overlay .contact-form input:placeholder-shown {

  /* Standard one last! */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea::-webkit-input-placeholder {

  /* Safari, Chrome and Opera */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea:-moz-placeholder {

  /* Firefox 18- */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea::-moz-placeholder {

  /* Firefox 19+ */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea:-ms-input-placeholder {

  /* IE 10+ */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea::-ms-input-placeholder {

  /* Edge */

  color: #fff;

}

.request-qoute.has-overlay .contact-form textarea:placeholder-shown {

  /* Standard one last! */

  color: #fff;

}

.request-qoute.has-overlay .contact-form .select-menu + .ui-selectmenu-button {

  background-color: transparent;

  border: 1px solid rgba(255,255,255,.4);

  background: rgba(0,0,0,.4);

  color: #fff;

}

.request-qoute.has-overlay .has-overlay {padding-bottom: 64px;}



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

  40. Featured Services Style Two

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



.featured-services.style-two {

    background: #183650;

}

.featured-services.style-two .featured-service-box {

  padding-bottom: 38px;

}

.featured-services.about-page p {

  color: #898989;

}



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

  41. Welcome Services Home one styles

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



.welcome-services.home-one {

  padding-top: 80px!important;

  /* margin-top: 0px;

  padding-top: 80px; */

  /* margin-top: 116px; */

  /* background: #E3E8EC; */

}

.welcome-services.home-one .sec-title {

  margin-bottom: 20px;

  margin-top: 20px;

}

.welcome-services.home-one .welcome-single-services .text-box,

.welcome-services.home-one .welcome-single-services .text-box:before {

  background: #fff;

}

.welcome-services.home-one .welcome-single-services:hover .text-box,

.welcome-services.home-one .welcome-single-services:hover .text-box:before {

  background: #1FB5C7;

}

.welcome-services.home-one .welcome-single-services .img-box {

  background: #fff;

  -webkit-clip-path: none;

  clip-path: none;

}



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

  42. Testimonials box with carousel styles

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



.testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot span {

  border: 2px solid #1FB5C7;

  background-color: transparent;

  width: 15px;

  height: 15px;

}

.testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot.active span, .testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot:hover span {

  border: 2px solid #FBB12F;

  background-color: transparent;

  

  /*background: #FBB12F;*/

}

.testimonial-box.with-carousel .item {padding-bottom: 75px;}





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

  43. Track Your shipment styles

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



.track-shipment-form > ul > li {

  margin-bottom: 30px;

}

.track-shipment-form > ul > li:last-child {margin-bottom: 0;}

.track-shipment-form ul li .label,

.track-shipment-form ul li .content {

  float: left;

}

.track-shipment-form ul li .label {

  font-size: 14px;

  font-weight: normal;

  color: #242424;

  text-transform: uppercase;

  margin: 0;

  padding: 0;

  width: 175px;

  line-height: 47px;

}

.track-shipment-form ul li .content {

  width: calc( 80% - 175px);

  padding-left: 30px;

}

.track-shipment-form ul li .content input[type="radio"] {width: 15px;height: 15px; -webkit-box-shadow: none !important;

box-shadow: none !important; margin-right: 7px;position: relative;top: 3px;margin-bottom: 0;}

.track-shipment-form ul.radio-box li {line-height: 43px;}

.track-shipment-form .thm-btn {padding-top: 5px;padding-bottom: 5px;}

.track-shipment-form button[type="reset"] {background-color: transparent;border: none;color: #1FB5C7;margin-top: 10px;outline: none;}



#parent #popup {

  display: none;

}



#parent:hover #popup {

  display: block;

}



.sub-container {

    height: 280px;

    background-color: #e3e8ec;

}



.sub-header {

    position: relative;

    bottom: 0%;

    left: 0%;

    height: 100%;

    width: 100%;

    overflow: hidden;

    background: url('../images/about-sub.jpg');

    background-repeat: no-repeat;

/*	 background-attachment:fixed;*/

   /* top: -65px; */

   background-position: center;

   background-size: cover;

   /* height: 345px; */

   height: 280px;

   filter: grayscale(100%);



}



.sub-header .title-container {

    /* top: 50%; */

    top: 76%;

    width: 100%;

    text-align: center;

    color: #fff;

    position: absolute;

}



.heading-title {

    margin-bottom: 50px;

}

.text-center {

    text-align: center;

}

.heading-title h3 {

    margin-bottom: 0;

    letter-spacing: 2px;

    font-weight: normal;

}

.p-top-30 {

    padding-top: 30px;

}

.half-txt {

    width: 60%;

    margin: 0 auto;

    display: inline-block;

    line-height: 25px;

    color: #7e7e7e;

}

.text-uppercase {

    text-transform: uppercase;

}



.team-member, .team-member .team-img {

    position: relative;

}

.team-member {

    overflow: hidden;

}

.team-member, .team-member .team-img {

  position: relative;

  height: 182px;

  padding-bottom: 83%;

}

.team-img .img-responsive {width: 100%;height: 100%;filter: grayscale(100%);position: absolute;

  top: 0;

  bottom: 0;}

.team-hover {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: 0;

    border: 20px solid rgba(0, 0, 0, 0.39);

    background-color: rgba(68, 68, 68, 0.45);

    opacity: 0;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    height: 218px;

}

.team-member:hover .team-hover .desk {

    top: 35%;

}

.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {

    opacity: 1;

}

.team-hover .desk {

    position: absolute;

    top: 0%;

    width: 100%;

    opacity: 0;

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

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

    transform: translateY(-55%);

    -webkit-transition: all 0.3s 0.2s;

    transition: all 0.3s 0.2s;

    padding: 0 20px;

    margin-top: 26px;

}

.desk, .desk h4, .team-hover .s-link a {

    text-align: center;

    color: #fff;

}

.team-member:hover .team-hover .s-link {

    bottom: 10%;

}

.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {

    opacity: 1;

}

.team-hover .s-link {

    position: absolute;

    bottom: 0;

    width: 100%;

    opacity: 0;

    text-align: center;

    -webkit-transform: translateY(45%);

    -ms-transform: translateY(45%);

    transform: translateY(45%);

    -webkit-transition: all 0.3s 0.2s;

    transition: all 0.3s 0.2s;

    font-size: 35px;

}

.desk, .desk h4, .team-hover .s-link a {

    text-align: center;

    color: #fff;

}

.team-member .s-link a {

    margin: 0 10px;

    color: #fff;

    font-size: 16px;

}

.team-title {

    position: static;

    padding: 20px 0;

    display: inline-block;

    letter-spacing: 2px;

    width: 100%;

    text-align: left;

}

.team-title h5 {

   margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

    color: #000;

    font-weight: bold;

    font-size: 12px;

}

.team-title span {

    font-size: 12px;

    text-transform: uppercase;

    color: #a5a5a5;

    letter-spacing: 1px;

}





.faculty-section {

  background:#fff;

}



.social span {

      display: block;

    padding: 7px;

}

.social i {



    height: 32px;

    color: #5e5f5f;

    border: 1px solid #545454;

    border-radius: 50%;

    width: 35px;

    font-size: 20px;

    text-align: center;

    padding: 5px;

}

.social span a {

    font-size: 15px;

    color: #1b1b1b;

    font-weight: 600;

}



.contact {

     border-bottom: 1px solid #c9cacc;

    padding-bottom: 20px;

    padding-top: 20px;

}



.houses-block {

    padding: 10px;

    margin-bottom: 25px;

}



.houses-block.red {

    background-color: #a55656;

    color: #fff;

}



.houses-block .header {

    padding: 10px;

    text-align: center;

    background: #f9fcff;

    font-weight: bold;

    font-size: 18px;

    color: #000;

    margin-bottom: 10px;

}



.houses-block h3 {

    font-size: 20px;

    font-weight: 600;

}



.houses-block ul {

    list-style-type: none;

}



.houses-block.red {

    background-color: #a55656;

    color: #fff;

}



.houses-block.blue {

    background-color: #2569ae;

    color: #fff;

}



.houses-block.green {

    color: #fff;

    background-color: #86a970;

}





.houses-block.yellow {

    color: #fff;

    background-color: #fbb12f;

}



.counter{

text-align:center;

color:#FFFFFF;

}





.counter .icon i {

	font-size: 40px;

	text-align: center;

	color:#FFFFFF;

	padding: 20px;

}



.counter h3 {

	font-size: 40px;

	text-align: center;

	color:#FFFFFF;

}



.section-counter {

	background: #13314C;

	background-size: cover;

	background-position: center center;

	padding: 60px 0px;

}



.admission {

	background: #13314C;

	background-size: cover;

	background-position: center center;

	padding: 12px 0px;

}





.welcome-services.home-one.count  {

	padding: 20px 0px!important;

  /* padding: 50px 0px 20px 0 !important; */

}



/* New COde Start */

.vision-sub-content {text-align: center;background-color: #ffaf21;padding: 2rem;border: 3px solid royalblue;

  border-radius: 10px;}

.vision-sub-content h4 {color: royalblue;font-weight: 700;text-decoration: underline;}

.mission-content {text-align: center;}

.mission-content h3, .vision-h3 {width: fit-content;

  margin: 0 auto;

  background-color: #ffaf21;

  padding: 2px 14px;

  border: 3px solid brown;

  border-radius: 10px;

  color: royalblue;

  font-weight: 800;}

.approach-img {height: 328px;}

.approach-img img {width: 100%;height: 100%;}

.emphasis {display: flex;justify-content: center;gap: 30px;margin-top: 6rem;flex-wrap: wrap;}

.emphasis .div-1 {flex-basis: 30%;}

.emphasis .div-1-bg {background-color: #ffaf21;padding: 2rem;border: 3px solid royalblue;border-radius: 10px;}

.emphasis .div-1-bg h3 {text-align: center;color: royalblue;font-weight: 800;}

.emphasis .div-1-bg h4 {padding-left: 27px;color:brown;text-decoration: underline;font-weight: 600;}

.emphasis .div-1-bg ul {padding-left: 55px;}

.emphasis ul {list-style: none;}

.emphasis ul li::before {

  content: "\2022";

  color: #4169e1;

  font-weight: bold;

  display: inline-block; 

  width: 1em;

  margin-left: -1em;

  font-size: 30px;

}

.emphasis .div-1 ul li {display: flex;color: brown;font-weight: 600;}

.feature-1 {display: flex;gap: 20px;padding: 4px;background-color: brown;}

.feature-1 .left-div {width: 12%;background-color: brown;color: #fff;text-align: center;margin: 15px auto;}

.feature-1 .left-div h4 {font-weight: 600;color: #ffaf21;}

.feature-1 .right-div {width:88%;background-color: #fff;padding: 6px;}

.our-features .f-no-1 {width: 30px;background-color: brown;text-align: center;color: #fff;    border-top-left-radius: 34px;border-top-right-radius: 34px;line-height: 30px;color: #ffaf21;font-weight: 800;}

.feature-2 {display: flex;gap: 20px;padding: 4px;background-color: #ffaf21;width: 100%;}

.feature-2 .left-div {width: 88%;background-color: #fff;padding: 6px;}

.feature-2 .right-div {width:12%;background-color: #ffaf21;text-align:center;color: #2a69e2;margin: 15px auto;}

.feature-2 .right-div h4 {font-weight: 600;}

.our-features .f-no-2 {width: 30px;background-color: #ffaf21;text-align: center;color: #fff;    border-top-left-radius: 34px;border-top-right-radius: 34px;line-height: 30px;float:right;color: #2a69e2;

  font-weight: 800;}

.our-features {margin-bottom: 2rem;}

.our-features-1 {margin-left: -3rem;}

.our-features-2 {margin-right: -3rem;}

.features-container {padding: 2rem 3rem;}

/* .highschool-class {display: flex;gap: 20px;justify-content: space-evenly;margin-bottom: 10px;

  padding: 1rem 0;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}

.highschool-class .class-icon {border: 1px solid #fbb12f;padding: 10px;border-radius: 50%;background: #fff} */

.high-school-images-div {display: flex;gap: 5px;}

.highschool-class .class {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;display: flex;justify-content: center;

  gap: 50px;margin-bottom: 12px;padding: 28.2px 2px;background: #13314c;border-radius: 4px;color: #fff;}

.activiti-img-div {display: flex;gap: 20px;margin-top: 26px;}

.caricullum-para {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;padding: 10px;margin-bottom: 15px;border-radius: 6px;}

.activiti-top-banner {height: 300px;}

.activiti-top-banner img {height:100%;}

.activiti-img {height: 164px;}

.activiti-img img {height: 100%;}

.enq-btn {background: #fbb12f;border: none;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 5px 20px;border-radius: 4px;margin-right: 12px;}

.download-btn {background: #13314c;border: none;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 5px 20px;border-radius: 4px;color: #fff;margin-bottom: 8px;}

.enquiry-btn-div {margin-top: 3rem;}

.arts-commerce-div {display:flex;gap:30px;justify-content:center;background-color: #13314c;color: #fff;padding: 20px;}

.arts-commerce-div .stream-div {flex-basis:45%;}

.stream-div ul {padding-left:10px}

.senior-secondary-class {display:flex;gap:10px}

.senior-secondary-class .class {flex-basis:32%}



.ag-courses_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding:0;

  /* padding: 50px 0; */

}

.ag-courses_item {

  -ms-flex-preferred-size: calc(33.33333% - 30px);

  flex-basis: calc(33.33333% - 30px);



  margin: 0 15px 30px;



  overflow: hidden;



  border-radius: 28px;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

.ag-courses-item_link {

  display: block;

  padding: 30px 20px;

  /* background-color: #9d0e12; */

  /* background-color: #13314c; */

  background-color: #ffff;

  overflow: hidden;

  color: black;

  position: relative;

}

.ag-courses-item_link:hover,

.ag-courses-item_link:hover .ag-courses-item_date {

  text-decoration: none;

  color: #FFF;

}

.ag-courses-item_link:hover .ag-courses-item_bg {

  -webkit-transform: scale(10);

  -ms-transform: scale(10);

  transform: scale(10);

}

.ag-courses-item_title {

  min-height: 87px;

  margin: 0 0 25px;



  overflow: hidden;



  /* font-weight: bold; */

  font-size: 30px;

  /* color: #FFF; */



  z-index: 2;

  position: relative;

}

.ag-courses-item_date-box {

  font-size: 18px;

  color: #000;



  z-index: 2;

  position: relative;

}

.ag-courses-item_date {

  font-weight: bold;

  color: #f9b234;



  -webkit-transition: color .5s ease;

  -o-transition: color .5s ease;

  transition: color .5s ease

}

.ag-courses-item_bg {

  height: 128px;

  width: 128px;

  height: 108px;

  width: 108px;

  background-color: #f9b234;



  z-index: 1;

  position: absolute;

  top: -75px;

  right: -75px;



  border-radius: 50%;



  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

}

.ag-courses_item:nth-child(2n) .ag-courses-item_bg {

  /* background-color: #3ecd5e; */

  background-color: #f9b234;

}

.ag-courses_item:nth-child(3n) .ag-courses-item_bg {

  /* background-color: #e44002; */

  background-color: #f9b234;

}

.ag-courses_item:nth-child(4n) .ag-courses-item_bg {

  background-color: #952aff;

}

.ag-courses_item:nth-child(5n) .ag-courses-item_bg {

  background-color: #cd3e94;

}

.ag-courses_item:nth-child(6n) .ag-courses-item_bg {

  background-color: #4c49ea;

}







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

  .ag-courses_item {

    -ms-flex-preferred-size: calc(50% - 30px);

    flex-basis: calc(50% - 30px);

  }

  .ag-courses-item_title {

    font-size: 24px;

  }

}



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

  .ag-format-container {

    width: 96%;

  }



}



.senior-enq-btn {

  border: none;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  padding: 5px 20px;

  border-radius: 4px;

  margin-right: 12px;

  background: bottom;

}

.senior-download-btn {

  border: none;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  padding: 5px 20px;

  border-radius: 4px;

  margin-right: 12px;

  background: bottom;

}

.modal-footer {

  padding: 15px;

  text-align: center!important;

  display: flex;

  justify-content: center;

  gap: 10px;

}

.modal-header .close {

  /* margin-top: -2px; */

  background-color: red;

  padding: 4px;

  color: #fff;

  height: 30px;

  width: 30px;

  border-radius: 4px;

  opacity:1!important;

}

.courses-offer-highlights {display: flex;gap: 86px;margin-top: 60px;flex-wrap: wrap;margin-bottom: 30px;}

.courses-offer-highlights .course-offer-div {flex-basis:45%;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;padding: 14px;}

.courses-offer-highlights h3 {margin-bottom:14px;text-decoration: 1px underline burlywood;color: #9e2425;

  font-weight: 600;}

.course-offer-div:nth-child(1) {color: #000;border-radius: 4px;}

.course-offer-div ul {list-style-type: square;}

.course-offer-content {display: flex;justify-content: space-between;align-items: center;text-align:left;}

.course-offer-content div {flex-basis: 50%;font-weight: 600;}

.exclusive {clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 14% 100%, 0% 50%);background-color: #ffefaf;

  text-align: center;padding: 5px;}

.exclusive p, .exclusive strong {padding-left: 38px;margin-bottom:0;color: #9d1012;}

/* Hostel image gallery start */

.honeycomb {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  justify-content: center;

  align-items: center;

  /* max-width: 1200px; */

  margin: 0 auto;

  padding: 0;

  /* transform: translateY(34.375px); */

  transform: translateY(63.375px);

}

.honeycomb-cell {

  /* flex: 0 1 250px;

  max-width: 250px;

  height: 137.5px;

  margin: 65.4761904762px 12.5px 25px; */

  flex: 0 1 185px;

  /* max-width: 160px; */

  height: 120.5px;

  position: relative;

  padding: 0.5em;

  text-align: center;

  z-index: 1;

}

.honeycomb-cell__title {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  hyphens: auto;

  word-break: break-word;

  text-transform: uppercase;

  color: #fff;

  font-weight: 700;

  font-size: 16px;

  transition: opacity 350ms;

}

.honeycomb-cell__title > small {

  font-weight: 300;

  margin-top: 0.25em;

}

.honeycomb-cell__image {

  object-fit: cover;

  object-position: center;

}

.honeycomb-cell::before, .honeycomb-cell::after {

  content: '';

}

.honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image {

  top: -50%;

  left: 0;

  width: 100%;

  height: 200%;

  display: block;

  position: absolute;

  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

  z-index: -1;

}

.honeycomb-cell::before {

  background: #fff;

  transform: scale(1.055);

}

.honeycomb-cell::after {

  /* background: #3ea0eb; */

  opacity: 0.5;

  transition: opacity 350ms;

}

.honeycomb-cell:hover .honeycomb-cell__title {

  opacity: 0;

}

.honeycomb-cell:hover::before {

  background: #fbb12f;

}

.honeycomb-cell:hover::after {

  opacity: 0;

}

.honeycomb__placeholder {

  display: none;

  opacity: 0;

  width: 250px;

  margin: 0 12.5px;

}

@media (max-width: 550px) {

  .honeycomb-cell {

    margin: 81.25px 25px;

 }

 .girls-hostel-ul-1 li {

    flex-basis: 100%;

  }

  .girls-hostel-ul li {

    flex-basis: 100%;

  }

}

@media (min-width: 550px) and (max-width: 825px) {

  .honeycomb-cell:nth-child(3n) {

    margin-right: calc(50% - 125px);

    margin-left: calc(50% - 125px);

 }

  .honeycomb__placeholder:nth-child(3n + 5) {

    display: block;

 }

}

@media (min-width: 825px) and (max-width: 1100px) {

  .honeycomb-cell:nth-child(5n + 4) {

    margin-left: calc(50% - 275px);

 }

  .honeycomb-cell:nth-child(5n + 5) {

    margin-right: calc(50% - 275px);

 }

  .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {

    display: block;

 }

}

@media (min-width: 1100px) {

  /* .honeycomb-cell:nth-child(7n + 5) {

    margin-left: calc(50% - 400px);

 }

  .honeycomb-cell:nth-child(7n + 7), .honeycomb-cell:nth-child(7n + 5):nth-last-child(2) {

    margin-right: calc(50% - 400px);

 }

  .honeycomb__placeholder:nth-child(7n + 7), .honeycomb__placeholder:nth-child(7n + 9), .honeycomb__placeholder:nth-child(7n + 11) {

    display: block;

 } */

}



/* Hostel image gallery end */

.girls-hostel-ul {display: flex;gap: 10px;

  list-style: none;

  flex-wrap: wrap;

  align-items: center;}

.girls-hostel-ul li {flex-basis: 32.3%;

  text-align: center;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  padding: 6px;

  min-height: 85px;

  display: flex;

  align-items: center;

  justify-content: center;}

.girls-hostel-ul-1 {display: flex;gap: 10px;

  list-style: none;

  flex-wrap: wrap;

  align-items: center;}

.girls-hostel-ul-1 li {

  flex-basis: 32.3%;

  text-align: center;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  padding: 6px;

  min-height: 85px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ul-list-pointer li {

  /* list-style-image: url('../new-images/right-arrow.png'); */

  list-style-position: outside;

  background: url(../new-images/right-arrow.png) no-repeat 0 7px transparent;

  list-style-type: none;

  margin: 0;

  padding: 5px 0px 5px 36px;

  vertical-align: middle;

}

.rev_slider_wrapper .tp-bgimg {

  filter:grayscale(100%)!important;

}

.banner-text-span {font-size: 18px!important;}

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child {

  line-height: 50px !important;

}

.counter span a:hover {color:#ffff!important;}

/* Sticky navbar start */

.main-menu-wrapper.sticky {

  /* position: fixed!important; */

  position: sticky!important;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1000;

  transition: 0.2s;

  scroll-behavior: smooth;

}

/* Sticky navbar end */



/* Form Start */

.register {

  /* background: linear-gradient(to right, rgba(57, 49, 175, 1) 0, rgba(0, 198, 255, 1) 100%),url("https://t3.ftcdn.net/jpg/01/18/54/74/360_F_118547497_JLN2qhx1BmRB4hTzfz3I90kQbGhZWNcg.jpg"); */

  background: linear-gradient(to right, rgba(57, 49, 175, .5) 0, rgba(0, 198, 255, .3) 100%),url("https://t3.ftcdn.net/jpg/01/18/54/74/360_F_118547497_JLN2qhx1BmRB4hTzfz3I90kQbGhZWNcg.jpg");

  margin-top: 3%;

  padding: 3%;

  overflow: hidden;

  background-repeat: no-repeat;

  background-size: cover;

}

.register .register-form {

  padding: 10%;

  margin-top: 10%;

}

@media (max-width: 991px) {

  .register .register-form {

    margin-top: 16%;

 }

}

@media (max-width: 667px) {

  .register .register-form {

    margin-top: 20%;

 }

}

.register .nav-tabs {

  margin-top: 3%;

  border: none;

  background: #0062cc;

  border-radius: 1.5rem;

  width: 28%;

  float: right;

}

@media (max-width: 991px) {

  .register .nav-tabs {

    width: 33%;

    margin-top: 8%;

 }

}

.register .nav-tabs .nav-link {

  padding: 2%;

  height: 34px;

  font-weight: 600;

  color: #fff;

  border-top-right-radius: 1.5rem;

  border-bottom-right-radius: 1.5rem;

}

.register .nav-tabs .nav-link:hover {

  border: none;

}

.register .nav-tabs .nav-link.active {

  width: 100px;

  color: #0062cc;

  border: 2px solid #0062cc;

  border-top-left-radius: 1.5rem;

  border-bottom-left-radius: 1.5rem;

}

.register-left {

  text-align: center;

  color: #fff;

  margin-top: 4%;

}

.register-left input {

  border: none;

  border-radius: 1.5rem;

  padding: 2%;

  width: 60%;

  background: #f8f9fa;

  font-weight: bold;

  color: #383d41;

  margin-top: 30%;

  margin-bottom: 3%;

  cursor: pointer;

}

.register-left img {

  /* margin-top: 15%; */

  margin-bottom: 5%;

  width: 45%;

  animation: mover 4s infinite alternate;

}

.register-left p {

  font-weight: lighter;

  padding: 12%;

  margin-top: -9%;

}

.register-right {

  background: #f8f9fa;

  border-top-left-radius: 10% 50%;

  border-bottom-left-radius: 10% 50%;

}

@-webkit-keyframes mover {

  0% {

    transform: translateY(0);

 }

  100% {

    transform: translateY(-20px);

 }

}

@keyframes mover {

  0% {

    transform: translateY(0);

 }

  100% {

    transform: translateY(-20px);

 }

}

.btnRegister {

  float: right;

  margin-top: 10%;

  border: none;

  border-radius: 1.5rem;

  padding: 2%;

  background-color:#13314c;

  color: #fff;

  font-weight: 600;

  width: 50%;

  cursor: pointer;

}

.register-heading {

  text-align: center;

  margin-top: 8%;

  margin-bottom: -15%;

  color: #495057;

}

@media (max-width: 991px) {

  .register-heading {

    font-size: 1.5rem;

 }

}





/* Form End */

.thumbnail {filter:grayscale(100%);}



/* Home Slider Start */

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

  opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-control {

  z-index: 2;

}



/*

WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

now override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

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

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

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

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

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

              transform: translate3d(0, 0, 0);

    }

}



/* just for demo purpose */

    .carousel,

    .carousel-inner,

    .carousel-inner .item {

      height: 100%;

    }



    .item:nth-child(1) {

      background-image: url(../new-images/bw-slider-1.jpg);

      background-size: cover;

      background-position: 100% 42%;

      background-repeat: no-repeat;

    }



    .item:nth-child(2) {

      background-image: url(../new-images/bw-slider-2.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }



    .item:nth-child(3) {

      background-image: url(../new-images/bw-slider-3.png);

      background-size: cover;

      background-repeat: no-repeat;

    }

    .item:nth-child(4) {

      background-image: url(../new-images/bw-slider-4.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }



    .carousel-caption {background: rgba(0,0,0,.2);border-radius: 8px;}



    @media (max-width:600px) {

      .welcome-services.home-one {

        margin-top: 8px;

        padding-top: 66px !important;

      }

      .activiti-img-div {margin-bottom: 30px;}

      .feature-1 {flex-direction: column;}

      .feature-1 .left-div {width:100%;margin: 0;}

      .feature-1 .right-div {width:100%;}

      .features-container {

        padding: 2rem 0rem 2rem 3rem;

      }

      .our-features-2 {margin-right:0;}

      .feature-2 {flex-direction: column;}

      .feature-2 .right-div {order: 1;width:100%;margin:0;}

      .feature-2 .left-div {order: 2;width:100%;}

      .sec-title h2 span {font-size: 16px;}

      .vision-sub-content {margin-bottom: 16px;}

      .emphasis .div-1 {flex-basis: 100%;}

      .team-hover {height:100%;}

      .sec-title h3 {font-size: 14px;}

      #admission h2 {font-size: 16px;}

      .senior-enq-btn {margin-bottom: 10px;}

      .girls-hostel-ul-1 li {flex-basis: 100%;}

      .sub-header .title-container h2 {

        line-height: 40px !important;

        font-size: 24px!important;

      }

      .girls-hostel-ul li {flex-basis:100%;}

      .rev_slider_wrapper {

        width: 100%;

        height: 270px !important;

      }

      .carousel, .carousel-inner, .carousel-inner .item {

        height: 90%;

      }

      .mobile-section-padding{padding-top: 6px!important;}

      .why-motion img {padding:0!important;}

}

/* Home slider end */

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

  .ag-courses_item {

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

  }

  .ag-courses-item_title {

    min-height: 72px;

    line-height: 1;



    font-size: 24px;

  }

  .ag-courses-item_link {

    padding: 22px 14px;

  }

  .ag-courses-item_date-box {

    font-size: 16px;

  }

  .senior-download-btn {

  border: none;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  padding: 5px 14px;}

  .welcome-single-services {display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;}

    #header .header-info {

      margin-bottom: 10px;

      text-align: right;

      display: flex;

      justify-content: flex-end;

    }

    .header-info .info-box {

      margin: unset!important;

    }

    body, html {overflow-x:hidden!important;}

}



/* New Code End */