/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR MAHAN                ||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
* 1. imported styles 
* 2. miscelnious styles 
* 3. topbar styles 
* 4. header styles 
* 5. banner styles 
* 6. our features styles 
* 7. video box styles 
* 8. skill styles 
* 9. cta styles 
* 10. services styles 
* 11. footer styles 
* 12. gallery styles 
* 13. client styles 
* 14. blog styles 
* 15. testimonials styles 
* 16. fun fact styles 
* 17. why choose us styles 
* 18. team styles 
* 19. faq styles 
* 20. brand styles 
* 21. gallery styles 
* 22. pricing styles 
* 23. inner banner styles 
* 24. subscribe styles 
* 25. sidebar styles 
* 26. contact styles 
****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/************************** 
* 1. imported styles 
***************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i);
@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(jquery.bootstrap-touchspin.css);
@import url(magnific-popup.css);
@import url(font-awesome.min.css);
@import url(animate.min.css);
@import url(hover-min.css);
@import url(../plugins/icofont/css/icofont.css);
@import url(../plugins/bands-icon/style.css);
@import url(../plugins/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css);
/************************** 
* 2. miscelnious styles 
***************************/
body {
  font-family: 'Arial';
  color: #131111;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: .03em; }

a:hover,
a:visited,
a:focus,
a:active {
  text-decoration: none !important;
  outline: none !important; }

.thm-container {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.sec-pad {
  padding: 150px 0; }

.p0 {
  padding: 0 !important; }

.pt0 {
  padding-top: 0; }

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

.pb120 {
  padding-bottom: 120px; }

.gray-bg {
  background: #F6F6F6; }

.gray-bg-two {
  background: #F4F4F4; }

.gray-bg-three {
  background: #F8F8F8; }

.gray-bg-four {
  background: #F1F3F5; }

.dark-bg {
  background: #222222; }

.dark-bg-two {
  background: #3C3C3C; }

.thm-btn {
  border: none;
  outline: none;
  display: inline-block;
  background: #212121;
  border: 2px solid #212121;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 10px 31px;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .thm-btn:hover, .thm-btn:active, .thm-btn:focus, .thm-btn.bordered {
    background-color: #fff;
    color: #212121; }
  .thm-btn.bordered {
    background-color: transparent; }
  .thm-btn.bordered:active, .thm-btn.bordered:focus, .thm-btn.bordered:hover {
    background: #212121;
    color: #fff; }
  .thm-btn.style-two {
    background: #3683DC;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    padding: 10px 30px;
    border-color: #3683DC;
    margin-top: 10px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .thm-btn.style-two:hover {
      background: #212121;
      border-color: #212121;
      color: #fff; }
    .thm-btn.style-two.black-bg {
      background: #212121;
      border-color: #212121; }
      .thm-btn.style-two.black-bg:hover {
        background: #3683DC;
        border-color: #3683DC;
        color: #fff; }
  .thm-btn.style-three {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    background: #09AEEE;
    border-color: #09AEEE;
    padding: 10px 44px; }
    .thm-btn.style-three:hover {
      background: #fff;
      border-color: #fff;
      color: #09AEEE; }
    .thm-btn.style-three.red-bg {
      background: #EF5405;
      border-color: #EF5405; }
      .thm-btn.style-three.red-bg:hover {
        background: #fff;
        border-color: #fff;
        color: #EF5405; }

.section-title-04 {
  margin-bottom: 68px; }
  .section-title-04 .subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #989898;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 0; }
  .section-title-04 .title {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 50px;
    color: #212121;
    margin-top: 0; }
  .section-title-04 p {
    font-size: 14px;
    line-height: 26px;
    color: #878787;
    max-width: 500px;
    margin: 0 auto; }

.sec-title {
  margin-bottom: 75px; }
  .sec-title.services {
    margin-bottom: 72px; }
  .sec-title.left {
    margin-bottom: 80px; }
    .sec-title.left .line {
      margin: 0;
      margin-top: 22px;
      margin-bottom: 24px; }
  .sec-title.extra h2 {
    margin-bottom: 30px; }
  .sec-title h2,
  .sec-title p {
    margin: 0; }
  .sec-title .tag-line {
    text-transform: uppercase;
    color: #989898;
    font-size: 16px;
    font-weight: bold; }
  .sec-title h2 {
    color: #212121;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    margin-top: 5px; }
  .sec-title p {
    color: #878787; }
  .sec-title .line {
    width: 100px;
    height: 2px;
    background: #dfdfdf;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 24px; }
  .sec-title.light h2 {
    color: #FFFFFF; }
  .sec-title.light .line {
    background: #dfdfdf; }
  .sec-title.light p {
    color: #9F9F9F; }

.sec-title-style-two {
  margin-bottom: 80px; }
  .sec-title-style-two h2,
  .sec-title-style-two p {
    margin: 0; }
  .sec-title-style-two h2 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    color: #212121; }
  .sec-title-style-two p {
    color: #767676; }
  .sec-title-style-two .line {
    display: block;
    width: 80px;
    height: 1px;
    background: #7C7C7C; }
  .sec-title-style-two .top-line,
  .sec-title-style-two .bottom-line {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #CFCFCF; }
  .sec-title-style-two .top-line {
    margin-bottom: 6px;
    margin-top: 22px; }
  .sec-title-style-two .bottom-line {
    margin-top: 6px;
    margin-bottom: 22px; }
  .sec-title-style-two.text-center .top-line,
  .sec-title-style-two.text-center .bottom-line {
    margin-left: auto;
    margin-right: auto; }
  .sec-title-style-two.text-center .line {
    margin-left: auto;
    margin-right: auto; }

.sec-title-style-three {
  margin-bottom: 60px; }
  .sec-title-style-three h2,
  .sec-title-style-three p {
    margin: 0; }
  .sec-title-style-three h2 {
    font-size: 60px;
    color: #212121;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .sec-title-style-three p {
    font-size: 16px;
    line-height: 30px;
    color: #767676; }

.sec-title-style-four {
  margin-bottom: 63px; }
  .sec-title-style-four h3,
  .sec-title-style-four p {
    margin: 0; }
  .sec-title-style-four h3 {
    text-transform: uppercase;
    color: #0F3570;
    font-weight: bold;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 40px; }
  .sec-title-style-four p {
    font-size: 16px;
    line-height: 30px;
    color: #869BBB;
    font-family: 'Roboto'; }
  .sec-title-style-four .line {
    display: block;
    width: 70px;
    height: 4px;
    background: #E0E0E0;
    margin-top: 22px;
    margin-bottom: 22px; }
  .sec-title-style-four.text-center .line {
    margin-left: auto;
    margin-right: auto; }

.sec-title-style-five {
  margin-bottom: 70px; }
  .sec-title-style-five h4,
  .sec-title-style-five h2 {
    margin: 0; }
  .sec-title-style-five h4 {
    font-size: 20px;
    color: #BFBFBF;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .sec-title-style-five h2 {
    font-size: 40px;
    color: #212121; }
  .sec-title-style-five.light h4 {
    color: #BFBFBF; }
  .sec-title-style-five.light h2 {
    color: #FFFFFF; }

.normal-title h3 {
  margin: 0;
  color: #212121;
  font-family: 'Roboto Slab';
  font-weight: normal;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px; }
  .normal-title h3 span.green-color {
    color: #90C948; }

.top-title-box a.thm-btn {
  margin-top: 63px; }

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #212121;
  color: #fff;
  font-size: 17px;
  line-height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  -webkit-box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .scroll-to-top:hover {
    background: #212121; }

.sec-btn-wrapper {
  float: right; }

/*
****
only add this classto body
if preloader is on
other wise REMOVE IT.
****
*/
body.active-preloader-ovh {
  overflow: hidden; }

.preloader {
  background-color: #212121;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999; }
  .preloader .spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

/************************** 
* 3. topbar styles 
***************************/
.top-bar-style-one {
  background: #8e21a1; }
  .top-bar-style-one .left-contact a {
    color: #ffeb3b;
    font-size: 14px;
    display: inline-block;
    line-height: 40px; }
    .top-bar-style-one .left-contact a i {
      margin-right: 4px; }
    .top-bar-style-one .left-contact a + a {
      margin-left: 30px; }
  .top-bar-style-one .right-content .social a {
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 13px 14px; }
    .top-bar-style-one .right-content .social a:hover {
      background: #f7df10; }

/************************** 
* 4. header styles 
***************************/
.header-navigation {
  background-color: transparent;
  margin-bottom: 0;
  border: none;
  border-radius: 0; }
  .header-navigation .thm-container {
    max-width: 1170px;
    background: transparent;
    padding: 0 0px;
    position: relative; }
    .header-navigation .thm-container .navbar-brand {
      height: auto;}
    .header-navigation .thm-container .main-navigation {
      text-align: right;
      padding: 8px 0; }
  .header-navigation ul.navigation-box {
    float: none;
    display: inline-block;
    vertical-align: middle; }
    .header-navigation ul.navigation-box li a .sub-nav-toggler {
      display: none; }
    .header-navigation ul.navigation-box > li {
      position: relative;
      padding: 30.5px 0; }
    .header-navigation ul.navigation-box > li + li {
      margin-left: 40px; }
    .header-navigation ul.navigation-box > li.active > a,
    .header-navigation ul.navigation-box > li.current > a,
    .header-navigation ul.navigation-box > li > a:active,
    .header-navigation ul.navigation-box > li > a:focus,
    .header-navigation ul.navigation-box > li:hover > a {
      color: #212121; }
    .header-navigation ul.navigation-box > li > a {
      padding: 0;
      color: #211616;
      font-size: 14px;
      font-weight: bold;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      text-transform: uppercase;
      position: relative;
      padding-right: 15px; }
    .header-navigation ul.navigation-box > li > a:after {
      content: "\f107";
      font-family: FontAwesome;
      font-size: 14px;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .header-navigation ul.navigation-box li > a:only-child {
      padding-right: 0; }
    .header-navigation ul.navigation-box li > a:only-child:after {
      content: '';
      display: none; }
    .header-navigation ul.navigation-box > li > ul.sub-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 999999;
      float: left;
      min-width: 239px;
      padding: 0px 0px;
      text-align: left;
      list-style: none;
      background-color: #323232;
      background-clip: padding-box;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .4s ease, visibility .4s ease;
      -o-transition: opacity .4s ease, visibility .4s ease;
      transition: opacity .4s ease, visibility .4s ease; }
    .header-navigation ul.navigation-box > li > ul.sub-menu.right-align {
      left: auto;
      right: 0; }
    .header-navigation ul.navigation-box > li:hover > ul.sub-menu {
      opacity: 1;
      visibility: visible; }
    .header-navigation ul.navigation-box > li > ul.sub-menu > li {
      display: block;
      position: relative; }
    .header-navigation ul.navigation-box > li > ul.sub-menu > li > a {
      font-size: 14px;
      color: #fff;
      font-weight: 500;
      padding: 9px 10px;
      display: block;
      line-height: 26px;
      padding-left: 27px;
      white-space: nowrap;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .header-navigation ul.navigation-box > li > .sub-menu li:hover > a {
      background: #fff;
      color: #323232;
      position: relative; }
    .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu {
      position: absolute;
      top: 0%;
      left: 100%;
      z-index: 999999;
      float: left;
      min-width: 239px;
      padding: 0px 0px;
      text-align: left;
      list-style: none;
      background-color: #FF4328;
      background-clip: padding-box;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .4s ease, visibility .4s ease;
      -o-transition: opacity .4s ease, visibility .4s ease;
      transition: opacity .4s ease, visibility .4s ease; }
    .header-navigation ul.navigation-box > li > .sub-menu > li:hover > ul.sub-menu {
      opacity: 1;
      visibility: visible; }
    .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu > li {
      display: block;
      position: relative; }
    .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu > li > a {
      font-size: 16px;
      color: #fff;
      font-weight: 500;
      padding: 11.5px 10px;
      display: block;
      line-height: 26px;
      padding-left: 27px;
      white-space: nowrap;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .header-navigation ul.navigation-box > li > .sub-menu > li > .sub-menu li:hover > a {
      background: #FE553D;
      color: #fff;
      position: relative; }
  .header-navigation.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32); }
    .header-navigation.stricky-fixed .thm-container {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .header-navigation.stricky-fixed .thm-container .navbar-brand {
      padding-top: 27px;
      padding-bottom: 27px; }
    .header-navigation.stricky-fixed ul.navigation-box > li {
      padding-top: 30px;
      padding-bottom: 30px; }

.home-page-three .header-navigation ul.navigation-box > li > a {
  font-weight: 600;
  color: #545454; }

.home-page-three .header-navigation ul.navigation-box > li.active > a, .home-page-three .header-navigation ul.navigation-box > li.current > a, .home-page-three .header-navigation ul.navigation-box > li > a:active, .home-page-three .header-navigation ul.navigation-box > li > a:focus, .home-page-three .header-navigation ul.navigation-box > li:hover > a {
  color: #3683DC; }

.home-page-four {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .home-page-four .thm-container {
    position: relative; }
    .home-page-four .thm-container .right-sidebox {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .home-page-four .thm-container .right-sidebox a.download-btn {
        padding: 10px 32px; }
  .home-page-four .header-navigation .thm-container .main-navigation {
    text-align: center;
    padding: 10px 0; }
  .home-page-four .navbar-header {
    margin-top: 12px; }
  .home-page-four .header-navigation ul.navigation-box > li > a {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold; }
  .home-page-four .header-navigation ul.navigation-box > li + li {
    margin-left: 30px; }
  .home-page-four .header-navigation ul.navigation-box > li {
    padding: 32.5px 0; }
  .home-page-four .header-navigation.stricky-fixed {
    background: #222; }

.home-page-five {
  background: #fff;
  -webkit-box-shadow: 0px 6px 12px rgba(186, 186, 186, 0.5);
  box-shadow: 0px 6px 12px rgba(186, 186, 186, 0.5); }
  .home-page-five .thm-container {
    position: relative; }
    .home-page-five .thm-container .right-sidebox {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .home-page-five .thm-container .right-sidebox a.cta-btn {
        padding: 0px 0px;
        background: #9DDD53;
        border-color: #9DDD53;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border-radius: 25px;
        padding: 10px 30px; }
        .home-page-five .thm-container .right-sidebox a.cta-btn i {
          margin-right: 4px; }
  .home-page-five .header-navigation .thm-container .navbar-brand {
    padding: 37.5px 0; }
  .home-page-five .header-navigation .thm-container .main-navigation {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
  .home-page-five .header-navigation ul.navigation-box > li > a {
    text-transform: uppercase;
    color: #767676;
    font-size: 14px;
    font-weight: bold;
    padding: 50px 0;
    padding-left: 30px;
    padding-right: 30px;
    position: relative; }
    .home-page-five .header-navigation ul.navigation-box > li > a:before {
      content: '';
      height: 4px;
      width: 100%;
      background: #9DDD53;
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .home-page-five .header-navigation ul.navigation-box > li > a:after {
      display: none; }
  .home-page-five .header-navigation ul.navigation-box > li + li {
    margin-left: 0px; }
  .home-page-five .header-navigation ul.navigation-box > li {
    padding: 0px 0; }
  .home-page-five .header-navigation ul.navigation-box > li.current > a:before,
  .home-page-five .header-navigation ul.navigation-box > li:hover > a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .home-page-five .header-navigation.stricky-fixed {
    background: #fff; }
    .home-page-five .header-navigation.stricky-fixed .thm-container .navbar-brand {
      padding: 12.5px 0; }
    .home-page-five .header-navigation.stricky-fixed ul.navigation-box > li > a {
      padding-top: 25px;
      padding-bottom: 25px; }

.home-page-six {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent; }
  .home-page-six .header-navigation ul.navigation-box > li > a {
    color: #767676;
    font-weight: bold;
    font-size: 14px; }

.home-page-thirteen {
  background: #212121; }
  .home-page-thirteen .thm-container {
    position: relative; }
    .home-page-thirteen .thm-container .navbar-brand {
      padding: 29px 0; }
    .home-page-thirteen .thm-container .right-sidebox {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .home-page-thirteen .thm-container .right-sidebox a {
        color: #FFFFFF;
        font-size: 14px; }
        .home-page-thirteen .thm-container .right-sidebox a + a {
          margin-left: 15px; }
  .home-page-thirteen .header-navigation .thm-container .main-navigation {
    text-align: center; }
  .home-page-thirteen .header-navigation ul.navigation-box > li > a {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 40px 15px; }
    .home-page-thirteen .header-navigation ul.navigation-box > li > a:before {
      content: '';
      height: 4px;
      width: 100%;
      background: #1155FD;
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .home-page-thirteen .header-navigation ul.navigation-box > li > a:after {
      display: none; }
  .home-page-thirteen .header-navigation ul.navigation-box > li.current > a:before,
  .home-page-thirteen .header-navigation ul.navigation-box > li:hover > a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .home-page-thirteen .header-navigation ul.navigation-box > li + li {
    margin-left: 0px; }
  .home-page-thirteen .header-navigation ul.navigation-box > li {
    padding: 0px 0; }
  .home-page-thirteen .header-navigation.stricky-fixed {
    background: #212121; }
  .home-page-thirteen .header-navigation ul.navigation-box > li.active > a, .home-page-thirteen .header-navigation ul.navigation-box > li.current > a, .home-page-thirteen .header-navigation ul.navigation-box > li > a:active, .home-page-thirteen .header-navigation ul.navigation-box > li > a:focus, .home-page-thirteen .header-navigation ul.navigation-box > li:hover > a {
    color: #1155FD !important; }

/************************** 
* 5. banner styles 
***************************/
#minimal-bootstrap-carousel {
 margin-top: 0px;
    position: relative;
    z-index: 99;
    border-top: 10px solid #f6f6f6;
    border-bottom: 10px solid #f6f6f6; }

#minimal-bootstrap-carousel .carousel-caption {
  position: initial;
  text-shadow: none; }

.carousel-caption.slider-home-one {
  padding: 215px 0  255px 0; }
  .carousel-caption.slider-home-one.home-2 {
    padding: 215px 0  230px 0; }

.carousel-caption.slider-home-two {
  padding: 215px 0 220px 0; }

.carousel-caption.slider-home-three {
  padding: 227px 0 230px 0; }

#minimal-bootstrap-carousel .carousel-control {
  background: none;
  width: 70px;
  height: 70px;
  font-size: 20px;
  line-height: 70px;
  border-radius: 50%;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  visibility: visible !important;
  opacity: 1;
  margin-top: -35px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 50%;
  z-index: 99; }
  @media (max-width: 667px) {
    #minimal-bootstrap-carousel .carousel-control {
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px; } }

#minimal-bootstrap-carousel .carousel-control.left {
  left: 1%; }

#minimal-bootstrap-carousel .carousel-control.right {
  right: 1%; }

#minimal-bootstrap-carousel .carousel-control:hover {
  opacity: 1;
  background: #000; }

/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control {
  z-index: 2; }

/* fixing slider height */
#minimal-bootstrap-carousel.slider-home-one .carousel-inner .item {
  background-size: cover;
  background-position: center center;
  background-color: #212121; }

#minimal-bootstrap-carousel.slider-home-two .carousel-inner .item {
  background-size: cover;
  background-position: center center;
  background-color: #212121; }

#minimal-bootstrap-carousel.slider-home-three .carousel-inner .item {
  background-size: cover;
  background-position: center center;
  background-color: #212121; }

#minimal-bootstrap-carousel.slider-home-five .carousel-inner .item {
  background-size: cover;
  background-position: center center;
  background-color: #fff; }

#minimal-bootstrap-carousel.slider-home-six .carousel-inner .item {
  background-size: cover;
  background-position: center center;
  background-color: #fff; }

.slider-home-one a.scroll-to-target {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99; }

.slider-home-one .content {
  text-align: left;
  position: relative;
  z-index: 999; }
  .slider-home-one .content h2,
  .slider-home-one .content p {
    margin: 0; }
  .slider-home-one .content .color-white {
    color: #fff; }
  .slider-home-one .content h2 {
    font-size: 80px;
    line-height: 90px;
    color: #545454;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
    .slider-home-one .content h2 span {
      color: #212121;
      font-weight: 700; }
  .slider-home-one .content p {
    color: #767676;
    margin-top: 15px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .slider-home-one .content a.thm-btn {
    margin-top: 25px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
    .slider-home-one .content a.thm-btn + a.thm-btn {
      margin-left: 15px; }
    .slider-home-one .content a.thm-btn.white-border {
      border-color: #fff;
      color: #fff; }
      .slider-home-one .content a.thm-btn.white-border:hover {
        color: #fff;
        background: #212121;
        border-color: #212121; }

.slider-home-two .content {
  position: relative;
  z-index: 999; }
  .slider-home-two .content h2,
  .slider-home-two .content p {
    margin: 0; }
  .slider-home-two .content .color-green {
    color: #8EC84B !important; }
  .slider-home-two .content p {
    margin-top: 15px;
    color: #767676;
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
    .slider-home-two .content p.light {
      color: #fff; }
  .slider-home-two .content ul.option-list {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin: 0;
    margin-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0; }
    .slider-home-two .content ul.option-list li {
      padding: 0 20px; }
      .slider-home-two .content ul.option-list li span {
        color: #6A6A6A;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 400; }
        .slider-home-two .content ul.option-list li span i {
          color: #6b6b6b;
          margin-right: 5px; }
  .slider-home-two .content h2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    color: #212121;
    font-size: 70px;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 25px; }
    .slider-home-two .content h2 span {
      font-weight: bold; }
    .slider-home-two .content h2.light {
      color: #fff; }
  .slider-home-two .content a.thm-btn,
  .slider-home-two .content a.video-btn {
    margin-top: 40px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .slider-home-two .content a.video-btn {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .slider-home-two .content a.video-btn i {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      color: #fff;
      line-height: 46px;
      font-size: 16px;
      display: inline-block;
      border: 2px solid #FFFFFF;
      text-align: center;
      margin-right: 10px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .slider-home-two .content a.video-btn:hover {
      color: #8EC84B; }
      .slider-home-two .content a.video-btn:hover i {
        border-color: #8EC84B;
        color: #8EC84B; }

.slider-home-three .content {
  position: relative;
  z-index: 999; }
  .slider-home-three .content h3,
  .slider-home-three .content h2,
  .slider-home-three .content p {
    margin: 0; }
  .slider-home-three .content h3 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    font-size: 20px;
    color: #212121;
    margin-bottom: 15px; }
  .slider-home-three .content h2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    font-weight: 300;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #212121;
    margin-bottom: 15px; }
    .slider-home-three .content h2 span {
      font-weight: bold; }
  .slider-home-three .content a.thm-btn {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
    .slider-home-three .content a.thm-btn.black-bg {
      margin-left: 15px; }

.banner-style-four {
  background: #000 url(../img/banner-4-1.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 246px;
  padding-bottom: 180px; }
  .banner-style-four:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222222;
    opacity: .7; }
  .banner-style-four .thm-container {
    position: relative; }
  .banner-style-four .banner-content {
    padding-top: 85px; }
    .banner-style-four .banner-content h3,
    .banner-style-four .banner-content p {
      margin: 0; }
    .banner-style-four .banner-content h3 {
      color: #FFFFFF;
      font-weight: 300;
      text-transform: uppercase;
      font-size: 50px;
      line-height: 60px; }
      .banner-style-four .banner-content h3 span {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 50px;
        letter-spacing: 0; }
    .banner-style-four .banner-content p {
      color: #FFFFFF;
      font-size: 16px;
      line-height: 30px;
      margin-top: 25px; }
    .banner-style-four .banner-content .thm-btn {
      margin-top: 20px; }
      .banner-style-four .banner-content .thm-btn + .thm-btn {
        margin-left: 15px; }
  .banner-style-four .subscribe-form-wrapper {
    position: relative; }
    .banner-style-four .subscribe-form-wrapper span.shadow {
      position: absolute;
      top: 0;
      left: 18px;
      right: 18px;
      bottom: -15px;
      background: rgba(255, 255, 255, 0.3); }
      .banner-style-four .subscribe-form-wrapper span.shadow.v2 {
        left: 35px;
        right: 35px;
        bottom: -30px;
        background: rgba(255, 255, 255, 0.2); }
      .banner-style-four .subscribe-form-wrapper span.shadow.v3 {
        left: 55px;
        right: 55px;
        bottom: -40px;
        background: rgba(255, 255, 255, 0.1); }
    .banner-style-four .subscribe-form-wrapper .subscribe-form-content {
      padding-top: 45px;
      padding-bottom: 55px;
      padding-left: 50px;
      padding-right: 50px;
      background: #FFFFFF;
      position: relative;
      z-index: 9; }
      .banner-style-four .subscribe-form-wrapper .subscribe-form-content h3 {
        margin: 0;
        text-transform: uppercase;
        color: #212121;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 20px; }
      .banner-style-four .subscribe-form-wrapper .subscribe-form-content input {
        border: none;
        outline: none;
        width: 100%;
        height: 40px;
        border: 2px solid #E2E2E2;
        margin-bottom: 10px;
        padding-left: 20px;
        color: #767676; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #767676; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content input::-moz-placeholder {
          /* Firefox 19+ */
          color: #767676; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content input:-ms-input-placeholder {
          /* IE 10+ */
          color: #767676; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content input:-moz-placeholder {
          /* Firefox 18- */
          color: #767676; }
      .banner-style-four .subscribe-form-wrapper .subscribe-form-content p {
        font-size: 16px;
        color: #767676;
        line-height: 30px;
        letter-spacing: .03em;
        margin: 0; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content p a {
          color: #EF5405; }
      .banner-style-four .subscribe-form-wrapper .subscribe-form-content button[type="submit"] {
        width: 100%;
        margin-top: 15px; }
        .banner-style-four .subscribe-form-wrapper .subscribe-form-content button[type="submit"]:hover {
          background: #EF5405;
          border-color: #EF5405;
          color: #fff; }

/************************** 
* 6. our features styles 
***************************/
.our-feature {
  padding: 140px 0 83px 0; }
  .our-feature .single-our-feature {
    margin-bottom: 30px; }
    .our-feature .single-our-feature .icon-box,
    .our-feature .single-our-feature .text-box {
      display: table-cell;
      vertical-align: top; }
    .our-feature .single-our-feature .icon-box {
      width: 65px; }
      .our-feature .single-our-feature .icon-box i {
        color: #212121;
        font-size: 40px; }
    .our-feature .single-our-feature .text-box h3,
    .our-feature .single-our-feature .text-box p {
      margin: 0; }
    .our-feature .single-our-feature .text-box h3 {
      color: #212121;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
    .our-feature .single-our-feature .text-box p {
      color: #767676;
      margin-top: 20px; }

.feature-style-one.about-page .single-feature-style-one {
  padding: 113px 0 95px 0; }

.feature-style-one .single-feature-style-one {
  padding: 115px 0 95px 0; }
  .feature-style-one .single-feature-style-one i {
    font-size: 60px;
    line-height: 60px;
    color: #8EC84B; }
  .feature-style-one .single-feature-style-one h3 {
    margin: 0;
    color: #212121;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 13px;
    margin-bottom: 15px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }
    .feature-style-one .single-feature-style-one h3:hover {
      color: #EE82EE; }
  .feature-style-one .single-feature-style-one p {
    font-size: 14px;
    line-height: 26px;
    color: #767676;
    margin: 0; }
  .feature-style-one .single-feature-style-one a.read-more {
    color: #767676;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    display: inline-block;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .feature-style-one .single-feature-style-one a.read-more:hover {
      color: #8EC84B; }
    .feature-style-one .single-feature-style-one a.read-more i {
      color: #8EC84B;
      font-size: 14px;
      margin-right: 3px; }

.feature-style-two .single-feature-style-two {
  padding: 120px 0 113px 0;
  text-align: center; }
  .feature-style-two .single-feature-style-two .icon-box {
    width: 100px;
    height: 100px;
    border: 2px solid #3683DC;
    background: #3683DC;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    margin-bottom: 40px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .feature-style-two .single-feature-style-two .icon-box i {
      color: #FFFFFF;
      font-size: 40px;
      line-height: 96px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
  .feature-style-two .single-feature-style-two h3,
  .feature-style-two .single-feature-style-two p {
    margin: 0; }
  .feature-style-two .single-feature-style-two h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #212121;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 20px; }
  .feature-style-two .single-feature-style-two p {
    font-size: 14px;
    line-height: 26px;
    color: #767676; }
  .feature-style-two .single-feature-style-two a.read-more {
    font-weight: 500;
    font-size: 14px;
    color: #212121;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    margin-top: 5px; }
    .feature-style-two .single-feature-style-two a.read-more i {
      color: #3683DC; }
  .feature-style-two .single-feature-style-two:hover .icon-box {
    background: transparent; }
    .feature-style-two .single-feature-style-two:hover .icon-box i {
      color: #3683DC; }
  .feature-style-two .single-feature-style-two:hover h3 {
    color: #3683DC; }
  .feature-style-two .single-feature-style-two:hover a.read-more {
    color: #3683DC; }

.feature-style-three {
  padding: 115px 0 110px 0; }
  .feature-style-three .sec-title-style-two {
    margin-bottom: 85px; }
  .feature-style-three .feature-style-three-row {
    margin-top: -60px; }
  .feature-style-three .single-feature-style-three {
    margin-top: 50px; }
    .feature-style-three .single-feature-style-three > i {
      color: #3683DC;
      font-size: 50px;
      margin-bottom: 30px; }
    .feature-style-three .single-feature-style-three h3 {
      margin: 0;
      color: #212121;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 600;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      margin-bottom: 20px; }
      .feature-style-three .single-feature-style-three h3:hover {
        color: #3683DC; }
    .feature-style-three .single-feature-style-three p {
      font-size: 14px;
      line-height: 26px;
      color: #767676;
      margin: 0; }
    .feature-style-three .single-feature-style-three a.read-more {
      font-weight: 600;
      color: #212121;
      font-size: 14px;
      display: inline-block;
      margin-top: 5px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .feature-style-three .single-feature-style-three a.read-more:hover {
        color: #3683DC; }
      .feature-style-three .single-feature-style-three a.read-more i {
        color: #3683DC;
        font-size: 14px;
        margin-right: 3px; }

.feature-style-four {
  padding: 115px 0 70px 0; }
  .feature-style-four .title {
    margin-bottom: 27px; }
    .feature-style-four .title h3 {
      margin: 0;
      text-transform: uppercase;
      color: #767676;
      font-weight: 300;
      font-size: 40px;
      line-height: 50px; }
      .feature-style-four .title h3 span {
        color: #212121;
        font-weight: 500; }
      .feature-style-four .title h3 span.color-blue {
        color: #0AAFEE;
        font-weight: 300; }
  .feature-style-four .single-feature-style-four {
    margin-bottom: 41px; }
    .feature-style-four .single-feature-style-four .icon-box,
    .feature-style-four .single-feature-style-four .text-box {
      display: table-cell;
      vertical-align: top; }
    .feature-style-four .single-feature-style-four .icon-box .inner {
      width: 70px;
      height: 70px;
      text-align: center;
      background: #EF5405; }
      .feature-style-four .single-feature-style-four .icon-box .inner i {
        color: #FFFFFF;
        font-size: 30px;
        line-height: 70px; }
    .feature-style-four .single-feature-style-four .text-box {
      padding-left: 20px; }
      .feature-style-four .single-feature-style-four .text-box h3 {
        margin: 0;
        color: #EF5405;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 300;
        margin-bottom: 10px; }
      .feature-style-four .single-feature-style-four .text-box p {
        margin: 0;
        color: #767676;
        font-size: 14px;
        line-height: 26px; }
      .feature-style-four .single-feature-style-four .text-box a.read-more {
        color: #212121;
        font-weight: bold;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 7px; }
        .feature-style-four .single-feature-style-four .text-box a.read-more i.fa {
          color: #0AAFEE;
          font-size: 14px; }

.feature-style-five {
  padding-bottom: 110px; }
  .feature-style-five .feature-title-box h3,
  .feature-style-five .feature-title-box p {
    margin: 0; }
  .feature-style-five .feature-title-box h3 {
    font-size: 30px;
    line-height: 40px;
    color: #0F3570;
    font-weight: bold; }
  .feature-style-five .feature-title-box p {
    font-size: 16px;
    line-height: 30px;
    color: #879BBB;
    margin-top: 18px;
    margin-bottom: 33px; }
  .feature-style-five .feature-title-box a {
    background: #9DDD53;
    width: 220px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border: none;
    padding: 0;
    line-height: 50px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .feature-style-five .feature-title-box a:hover {
      background: #0F3570; }
  .feature-style-five .single-feature-style-five {
    margin-bottom: 40px; }
    .feature-style-five .single-feature-style-five .icon-box,
    .feature-style-five .single-feature-style-five .text-box {
      display: table-cell;
      vertical-align: top; }
    .feature-style-five .single-feature-style-five .icon-box .inner {
      background: #9DDD53;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      text-align: center;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .feature-style-five .single-feature-style-five .icon-box .inner i {
        color: #FFFFFF;
        font-size: 30px;
        line-height: 70px; }
    .feature-style-five .single-feature-style-five .icon-box:hover .inner {
      background: #0F3570; }
    .feature-style-five .single-feature-style-five .text-box {
      padding-top: 10px;
      padding-left: 20px; }
      .feature-style-five .single-feature-style-five .text-box h3 {
        margin: 0;
        color: #0F3570;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Roboto';
        margin-bottom: 0px; }
      .feature-style-five .single-feature-style-five .text-box p {
        margin: 0;
        color: #879BBB;
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
        margin-bottom: 7px; }
      .feature-style-five .single-feature-style-five .text-box a.read-more {
        color: #0F3570;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0px;
        text-transform: uppercase;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        .feature-style-five .single-feature-style-five .text-box a.read-more i.fa {
          color: #9DDD53;
          font-size: 14px; }
        .feature-style-five .single-feature-style-five .text-box a.read-more:hover {
          color: #9DDD53; }

.feature-style-six {
  padding-bottom: 113px; }
  .feature-style-six .single-feature-style-six {
    margin-bottom: 37px; }
    .feature-style-six .single-feature-style-six .icon-box,
    .feature-style-six .single-feature-style-six .text-box {
      display: table-cell;
      vertical-align: top; }
    .feature-style-six .single-feature-style-six .icon-box {
      width: 70px; }
      .feature-style-six .single-feature-style-six .icon-box i {
        color: #212121;
        font-size: 70px; }
    .feature-style-six .single-feature-style-six .text-box {
      padding-left: 40px; }
      .feature-style-six .single-feature-style-six .text-box h3,
      .feature-style-six .single-feature-style-six .text-box p {
        margin: 0; }
      .feature-style-six .single-feature-style-six .text-box h3 {
        font-size: 20px;
        color: #212121;
        font-size: 20px;
        margin-bottom: 15px; }
      .feature-style-six .single-feature-style-six .text-box p {
        font-size: 14px;
        line-height: 26px;
        color: #767676; }

.feature-style-seven .feature-style-seven-title h3,
.feature-style-seven .feature-style-seven-title p {
  margin: 0; }

.feature-style-seven .feature-style-seven-title h3 {
  color: #FFFFFF;
  font-size: 26px;
  margin-bottom: 24px; }

.feature-style-seven .feature-style-seven-title p {
  color: #ADADAD;
  font-size: 14px;
  line-height: 26px; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn {
  margin-bottom: 25px; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn a {
  width: 19px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn .nav-left {
  background: transparent url(../img/feature-six-nav-l.png) 0 0 no-repeat;
  margin-right: 6px; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn .nav-right {
  background: transparent url(../img/feature-six-nav-r.png) 0 0 no-repeat; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn .nav-left:hover {
  background: transparent url(../img/feature-six-nav-l-h.png) 0 0 no-repeat; }

.feature-style-seven .feature-style-seven-title .feature-five-carousel-btn .nav-right:hover {
  background: transparent url(../img/feature-six-nav-r-h.png) 0 0 no-repeat; }

.feature-style-seven .single-feature-style-seven {
  border: 2px solid #464646;
  position: relative;
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 35px;
  padding-right: 35px; }
  .feature-style-seven .single-feature-style-seven i {
    font-size: 50px;
    color: #FFFFFF;
    margin-bottom: 17px;
    display: inline-block; }
  .feature-style-seven .single-feature-style-seven h3 {
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto Slab';
    font-weight: 200;
    color: #FFFFFF;
    margin-bottom: 15px; }
  .feature-style-seven .single-feature-style-seven p {
    font-size: 14px;
    line-height: 26px;
    color: #ADADAD;
    margin: 0; }
  .feature-style-seven .single-feature-style-seven:hover .hover-content {
    opacity: 1; }
  .feature-style-seven .single-feature-style-seven .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3C3C3C;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 35px;
    padding-right: 35px; }

/************************** 
* 7. video box styles 
***************************/
.video-box {
  position: relative; }
  .video-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .video-box .overlay .box {
      display: table;
      width: 100%;
      height: 100%; }
      .video-box .overlay .box .content {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .video-box .overlay .box .content a.video-popup {
          width: 80px;
          height: 80px;
          background: rgba(34, 34, 34, 0.2);
          border-radius: 50%;
          padding: 10px;
          display: inline-block; }
          .video-box .overlay .box .content a.video-popup i {
            display: inline-block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #222222;
            line-height: 60px;
            color: #fff;
            font-size: 16px; }

.video-box-two {
  padding-top: 160px; }
  .video-box-two h3 {
    margin: 0;
    font-size: 50px;
    color: #BFBFBF;
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 50px; }
    .video-box-two h3 span {
      color: #212121;
      font-weight: bold; }
  .video-box-two a.video-btn {
    font-size: 16px;
    text-transform: uppercase;
    color: #767676;
    font-weight: bold;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .video-box-two a.video-btn i {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      color: #3683DC;
      line-height: 66px;
      font-size: 20px;
      display: inline-block;
      border: 2px solid #3683DC;
      text-align: center;
      margin-right: 20px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .video-box-two a.video-btn:hover i {
      border-color: #3683DC;
      background: #3683DC;
      color: #fff; }

.video-box-three ul, .video-box-three li {
  margin: 0;
  padding: 0;
  list-style: none; }

.video-box-three .video-box-content {
  position: relative;
  display: inline-block; }
  .video-box-three .video-box-content a.video-popup {
    position: absolute;
    top: 50%;
    right: -35px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background: #0F3570;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0px 8px 16px rgba(104, 104, 104, 0.5);
    box-shadow: 0px 8px 16px rgba(104, 104, 104, 0.5); }
    .video-box-three .video-box-content a.video-popup i {
      line-height: 70px;
      font-size: 20px; }

.video-box-three .single-video-tab-box {
  position: relative;
  padding-left: 50px; }
  .video-box-three .single-video-tab-box + .single-video-tab-box {
    margin-top: 37px; }
  .video-box-three .single-video-tab-box:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #0e3571;
    border: 5px solid #CED6E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0; }
  .video-box-three .single-video-tab-box h3, .video-box-three .single-video-tab-box p {
    margin: 0; }
  .video-box-three .single-video-tab-box h3 {
    font-size: 30px;
    color: #9DDD53;
    line-height: 1em;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 13px; }
    .video-box-three .single-video-tab-box h3:hover {
      color: #0F3570; }
  .video-box-three .single-video-tab-box p {
    font-size: 14px;
    line-height: 30px;
    color: #767676; }
  .video-box-three .single-video-tab-box.active h3 {
    color: #0F3570; }

.video-skill-area .thm-container {
  max-width: 100%;
  padding: 0; }
  .video-skill-area .thm-container .row {
    margin: 0; }
    .video-skill-area .thm-container .row [class*=col-] {
      padding: 0; }

.video-skill-area .skill-content {
  max-width: 570px;
  margin-right: auto;
  padding-left: 100px; }

/************************** 
* 8. skill styles 
***************************/
.skill-content {
  padding-left: 70px;
  padding-top: 95px; }
  .skill-content .skill-content-wrapper .single-skill-content {
    position: relative;
    width: 100%; }
    .skill-content .skill-content-wrapper .single-skill-content + .single-skill-content {
      margin-top: 60px; }
    .skill-content .skill-content-wrapper .single-skill-content .pogress-box {
      position: relative;
      width: 100%;
      height: 10px;
      background: #464242;
      overflow: hidden; }
    .skill-content .skill-content-wrapper .single-skill-content h4 {
      margin: 0;
      color: #989898;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      position: absolute;
      bottom: 100%;
      left: 0;
      line-height: 26px;
      margin-bottom: 10px; }
    .skill-content .skill-content-wrapper .single-skill-content span.counter-text {
      color: #989898;
      font-size: 12px;
      position: absolute;
      bottom: 100%;
      right: 0;
      margin-bottom: 10px; }
    .skill-content .skill-content-wrapper .single-skill-content .inner {
      background: #FFFFFF;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }

.gray-bg .skill-content .skill-content-wrapper .single-skill-content .pogress-box {
  background: #464242; }

.gray-bg .skill-content .skill-content-wrapper .single-skill-content .inner {
  background: #8EC84B; }

.gray-bg .skill-content .skill-content-wrapper .single-skill-content h4,
.gray-bg .skill-content .skill-content-wrapper .single-skill-content span.counter-text {
  color: #989898; }

.skill-style-two {
  padding-top: 36px;
  padding-bottom: 0;
  padding-left: 0; }
  .skill-style-two .skill-content-wrapper .single-skill-content .pogress-box {
    background: #EBEBEB;
    border-radius: 5px; }
    .skill-style-two .skill-content-wrapper .single-skill-content .pogress-box .inner {
      background: #3683DC;
      border-radius: 5px; }
  .skill-style-two .skill-content-wrapper .single-skill-content h4 {
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    color: #767676; }
  .skill-style-two span.counter-text {
    color: #3683DC;
    font-weight: normal;
    font-size: 14px; }

.faq-skill-area.faq-style-two {
  padding: 115px 0 100px 0; }

/************************** 
* 9. cta styles 
***************************/
.cta-one {
  overflow: hidden;
  padding: 120px 0; }
  .cta-one img.pull-left {
    margin-left: -100px; }
  .cta-one .cta-one-content {
    padding-top: 120px; }
    .cta-one .cta-one-content h3 {
      margin: 0;
      color: #989898;
      font-size: 40px;
      font-weight: 300;
      line-height: 50px;
      text-transform: uppercase;
      margin-bottom: 25px; }
      .cta-one .cta-one-content h3 span {
        color: #212121;
        font-weight: 500; }
    .cta-one .cta-one-content a.thm-btn {
      margin-top: 25px; }
      .cta-one .cta-one-content a.thm-btn + a.thm-btn {
        margin-left: 15px; }
      .cta-one .cta-one-content a.thm-btn.bordered {
        color: #767676;
        border-color: #777777; }
        .cta-one .cta-one-content a.thm-btn.bordered:hover {
          background: #777777;
          color: #fff; }

.cta-two {
  background: #222222 url(../img/cta-bg-1-1.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  padding-top: 107px;
  padding-bottom: 120px; }
  .cta-two:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222;
    opacity: .7; }
  .cta-two .thm-container {
    position: relative; }
  .cta-two h3 {
    margin: 0;
    color: #F6F6F6;
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
    text-transform: uppercase; }
    .cta-two h3 span {
      font-weight: 700; }
  .cta-two .thm-btn {
    margin-top: 30px; }
  .cta-two .thm-btn.bordered {
    color: #fff !important;
    margin-left: 15px; }

.cta-three {
  position: relative;
  padding-top: 305px;
  padding-bottom: 150px;
  margin-bottom: 170px; }
  .cta-three img.moc-img {
    position: absolute;
    top: 120px;
    right: 0; }
  .cta-three h3,
  .cta-three p {
    margin: 0; }
  .cta-three h3 {
    text-transform: uppercase;
    color: #767676;
    font-size: 60px;
    line-height: 70px;
    font-weight: 300; }
    .cta-three h3 span {
      color: #212121;
      font-weight: bold; }
  .cta-three p {
    color: #767676;
    font-weight: 500;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 40px; }
  .cta-three a.thm-btn + a.thm-btn {
    margin-left: 16px; }

.cta-four {
  padding-top: 160px;
  padding-bottom: 120px;
  margin-top: 214px; }
  .cta-four img.featured-image {
    margin-top: -375px;
    margin-right: 55px; }
  .cta-four h3,
  .cta-four p {
    margin: 0; }
  .cta-four h3 {
    text-transform: uppercase;
    color: #767676;
    font-size: 60px;
    line-height: 70px;
    font-weight: 300; }
    .cta-four h3 span {
      color: #212121;
      font-weight: bold; }
  .cta-four p {
    color: #767676;
    font-weight: 500;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 40px; }
  .cta-four a.thm-btn + a.thm-btn {
    margin-left: 16px; }

.cta-five {
  background: #F8F8F8;
  padding-top: 117px;
  padding-bottom: 190px; }
  .cta-five .img-box {
    position: relative;
    display: inline-block; }
    .cta-five .img-box img {
      position: relative;
      z-index: 9; }
    .cta-five .img-box span.shadow {
      position: absolute;
      top: 0;
      left: 28px;
      right: 28px;
      bottom: -25px;
      background: rgba(255, 255, 255, 0.3);
      -webkit-box-shadow: 0px 6px 12px rgba(205, 205, 205, 0.5);
      box-shadow: 0px 6px 12px rgba(205, 205, 205, 0.5); }
      .cta-five .img-box span.shadow.v1 {
        z-index: 3; }
      .cta-five .img-box span.shadow.v2 {
        left: 55px;
        right: 55px;
        bottom: -50px;
        background: rgba(255, 255, 255, 0.2);
        z-index: 2; }
      .cta-five .img-box span.shadow.v3 {
        left: 85px;
        right: 85px;
        bottom: -70px;
        background: rgba(255, 255, 255, 0.1);
        z-index: 1; }
  .cta-five span.tag-line {
    text-transform: uppercase;
    display: block;
    color: #EF5405;
    font-weight: 700;
    margin-top: 40px;
    font-size: 16px; }
  .cta-five h3 {
    margin: 0;
    color: #212121;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 40px;
    line-height: 50px;
    margin-top: 3px; }
  .cta-five p {
    color: #767676;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    margin-top: 22px; }
  .cta-five .thm-btn {
    margin-top: 24px; }
    .cta-five .thm-btn:hover {
      background: #EF5405;
      border-color: #EF5405;
      color: #fff; }

.cta-six {
  padding-top: 155px;
  padding-bottom: 165px;
  background: #000 url(../img/cta-six-bg.jpg) center center no-repeat;
  background-size: cover;
  position: relative; }
  .cta-six:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222222;
    opacity: .7; }
  .cta-six .thm-container {
    position: relative; }
  .cta-six .title-box h3,
  .cta-six .title-box p {
    margin: 0; }
  .cta-six .title-box h3 {
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 30px; }
  .cta-six .title-box p {
    font-size: 16px;
    line-height: 30px;
    color: #E3E3E3; }
  .cta-six .cta-six-form {
    text-align: center;
    margin-top: 40px; }
    .cta-six .cta-six-form input {
      border: none;
      outline: none;
      background: rgba(255, 255, 255, 0.1);
      font-size: 14px;
      color: #D3D3D4;
      width: 370px;
      border-radius: 25px;
      border: 2px solid #9DDD53;
      padding-left: 30px;
      display: inline-block;
      vertical-align: middle;
      height: 50px;
      text-align: left; }
      .cta-six .cta-six-form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #D3D3D4; }
      .cta-six .cta-six-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #D3D3D4; }
      .cta-six .cta-six-form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #D3D3D4; }
      .cta-six .cta-six-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #D3D3D4; }
    .cta-six .cta-six-form button[type=submit] {
      border: none;
      outline: none;
      background: #9DDD53;
      color: #fff;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      height: 50px;
      width: 270px;
      height: 50px;
      border-radius: 25px;
      margin-left: 10px; }
      .cta-six .cta-six-form button[type=submit] i {
        margin-right: 10px; }

.cta-seven {
  background: #F4F4F4;
  padding: 150px 0; }
  .cta-seven .cta-seven-featured-box {
    margin-right: 55px; }
  .cta-seven h3,
  .cta-seven p {
    margin: 0; }
  .cta-seven h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    color: #888888;
    font-weight: 300;
    font-family: 'Roboto Slab';
    text-transform: capitalize;
    margin-top: 23px;
    margin-bottom: 22px; }
    .cta-seven h3 span {
      color: #212121;
      font-weight: bold;
      display: block; }
  .cta-seven p {
    font-size: 14px;
    line-height: 26px;
    color: #989898;
    margin-bottom: 33px; }
  .cta-seven p.tag-line {
    font-size: 20px;
    color: #BFBFBF;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 115px; }
  .cta-seven .thm-btn.bordered {
    border-color: #C3C3C3;
    color: #212121;
    margin-left: 16px; }
    .cta-seven .thm-btn.bordered:hover {
      border-color: #212121;
      color: #ffffff;
      background: #212121; }

.cta-eight {
  background: #000 url(../img/cta-eight-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 145px 0 160px 0; }
  .cta-eight h3 {
    margin: 0;
    font-size: 60px;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 70px;
    text-transform: uppercase;
    margin-bottom: 35px; }
    .cta-eight h3 span.color-green {
      color: #8EC84B; }
    .cta-eight h3 span.font-bold {
      font-weight: bold; }
  .cta-eight a.thm-btn {
    background: #8EC84B;
    border-color: #8EC84B;
    color: #fff; }
    .cta-eight a.thm-btn.bordered {
      color: #FFFFFF;
      border-color: #FFFFFF;
      background-color: transparent;
      margin-left: 20px; }
      .cta-eight a.thm-btn.bordered:hover {
        border-color: #8EC84B; }

/************************** 
* 10. services styles 
***************************/
.our-services {
  padding: 115px 0 75px 0; }
  .our-services .single-our-services {
    margin-bottom: 40px; }
    .our-services .single-our-services p {
      margin: 0; }
    .our-services .single-our-services .top-box {
      margin-bottom: 15px; }
      .our-services .single-our-services .top-box .icon-box,
      .our-services .single-our-services .top-box .text-box {
        display: table-cell;
        vertical-align: middle; }
      .our-services .single-our-services .top-box .icon-box {
        width: 95px; }
        .our-services .single-our-services .top-box .icon-box i {
          color: #212121;
          font-size: 70px; }
      .our-services .single-our-services .top-box .text-box h3,
      .our-services .single-our-services .top-box .text-box p {
        margin: 0; }
      .our-services .single-our-services .top-box .text-box h3 {
        color: #212121;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700; }
      .our-services .single-our-services .top-box .text-box p {
        color: #767676;
        margin-top: 10px; }

/************************** 
* 11. footer styles 
***************************/
.footer-style-one {
  padding: 78px 0 75px 0; }
  .footer-style-one .footer-widget ul,
  .footer-style-one .footer-widget li,
  .footer-style-one .footer-widget h3,
  .footer-style-one .footer-widget p {
    margin: 0;
    padding: 0;
    list-style: none; }
  .footer-style-one .footer-widget .title {
    margin-bottom: 40px; }
    .footer-style-one .footer-widget .title h3 {
      color: #212121;
      font-size: 20px;
      font-weight: 500; }
  .footer-style-one .footer-widget.about-widget p {
    margin-top: 40px; }
  .footer-style-one .footer-widget.links-widget ul.link-list li + li {
    margin-top: 5px; }
  .footer-style-one .footer-widget.links-widget ul.link-list li a {
    display: block;
    position: relative;
    padding-left: 15px;
    color: #878787; }
    .footer-style-one .footer-widget.links-widget ul.link-list li a:before {
      content: '\f0da';
      font-family: 'FontAwesome';
      color: #212121;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .footer-style-one .footer-widget.subscribe-widget form input {
    border: none;
    outline: none;
    background: #F5F5F5;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    color: #767676;
    margin-bottom: 20px; }
    .footer-style-one .footer-widget.subscribe-widget form input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #767676; }
    .footer-style-one .footer-widget.subscribe-widget form input::-moz-placeholder {
      /* Firefox 19+ */
      color: #767676; }
    .footer-style-one .footer-widget.subscribe-widget form input:-ms-input-placeholder {
      /* IE 10+ */
      color: #767676; }
    .footer-style-one .footer-widget.subscribe-widget form input:-moz-placeholder {
      /* Firefox 18- */
      color: #767676; }
  .footer-style-one .footer-widget.news-feed-widget .news-feed-widget-wrapper .single-news-feed + .single-news-feed {
    margin-top: 10px; }
  .footer-style-one .footer-widget.news-feed-widget .news-feed-widget-wrapper .single-news-feed .img-box, .footer-style-one .footer-widget.news-feed-widget .news-feed-widget-wrapper .single-news-feed .text-box {
    display: table-cell;
    vertical-align: middle; }
  .footer-style-one .footer-widget.news-feed-widget .news-feed-widget-wrapper .single-news-feed .text-box {
    padding-left: 20px; }
    .footer-style-one .footer-widget.news-feed-widget .news-feed-widget-wrapper .single-news-feed .text-box h3 {
      margin: 0;
      color: #767676;
      font-size: 18px;
      line-height: 26px;
      font-family: 'Roboto';
      font-weight: normal; }
  .footer-style-one.border-top {
    border-top: 2px solid #e3e3e3; }

.footer-bottom-one {
  background: #5f0873;
  padding: 37px 0; }
  .footer-bottom-one .copy-text p {
    margin: 0;
    color: #9C9C9C;
    font-size: 16px;
    text-transform: uppercase; }
    .footer-bottom-one .copy-text p a {
      color: #D3D3D3;
      font-weight: bold; }
  .footer-bottom-one .go-top-right a {
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase; }
    .footer-bottom-one .go-top-right a i {
      font-size: 12px; }

.footer-style-two {
  background: #212121;
  padding: 100px 0; }
  .footer-style-two.green-color .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box h3:hover {
    color: #90C948; }
  .footer-style-two.green-color .footer-widget.links-widget ul.link-list li a:hover {
    color: #fff; }
  .footer-style-two.dark-blue-bg {
    background:#a33cbb; }
  .footer-style-two h3, .footer-style-two p, .footer-style-two ul, .footer-style-two li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .footer-style-two .footer-widget .title {
    margin-bottom: 30px; }
    .footer-style-two .footer-widget .title h3 {
      margin: 0;
      color: #ffeb3b;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 20px; }
  .footer-style-two .footer-widget.about-widget a.footer-logo {
    display: inline-block;
    margin-bottom: 23px; }
  .footer-style-two .footer-widget.about-widget p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    text-align: justify; }
  .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .img-box, .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box {
    display: table-cell;
    vertical-align: middle; }
  .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .img-box {
    width: 110px; }
  .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box {
    padding-left: 20px; }
    .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box h3 {
      margin: 0;
      color: #C8C8C8;
      font-size: 16px;
      line-height: 26px;
      font-weight: normal;
      margin-bottom: 10px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box h3:hover {
        color: #3683DC; }
    .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget .text-box span {
      color: #989898;
      font-size: 15px;
      font-weight: normal;
      text-transform: uppercase; }
  .footer-style-two .footer-widget.post-widget .post-widget-wrapper .single-post-widget + .single-post-widget {
    margin-top: 10px; }
  .footer-style-two .footer-widget.links-widget ul.link-list li + li {
    margin-top: 10px; }
  .footer-style-two .footer-widget.links-widget ul.link-list li a {
    display: block;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .footer-style-two .footer-widget.links-widget ul.link-list li a:hover {
      color: #3683DC; }
  .footer-style-two .footer-widget.subscribe-widget {
    margin-top: 20px; }
    .footer-style-two .footer-widget.subscribe-widget form input {
      width: 100%;
      height: 40px;
      border: 2px solid #4F4F4F;
      display: block;
      background-color: transparent;
      outline: none;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      padding-left: 20px; }
      .footer-style-two .footer-widget.subscribe-widget form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #FFFFFF; }
      .footer-style-two .footer-widget.subscribe-widget form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #FFFFFF; }
      .footer-style-two .footer-widget.subscribe-widget form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #FFFFFF; }
      .footer-style-two .footer-widget.subscribe-widget form input:-moz-placeholder {
        /* Firefox 18- */
        color: #FFFFFF; }
    .footer-style-two .footer-widget.subscribe-widget form button {
      background: #3683DC;
      color: #fff;
      font-weight: bold;
      font-size: 12px;
      border-radius: 4px;
      text-align: center;
      padding: 10px 45px;
      border-color: #3683DC;
      margin-top: 10px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .footer-style-two .footer-widget.subscribe-widget form button:hover {
        background: #fff;
        color: #3683DC; }
      .footer-style-two .footer-widget.subscribe-widget form button.green-bg {
        background: #8EC84B;
        border-color: #8EC84B; }
        .footer-style-two .footer-widget.subscribe-widget form button.green-bg:hover {
          background: #fff;
          color: #8EC84B;
          border-color: #8EC84B; }

/************************** 
* 12. gallery styles 
***************************/
.portfolio-style-one {
  padding: 113px 0 90px 0; }
  .portfolio-style-one.home-two {
    padding: 113px 0 120px 0; }
    .portfolio-style-one.home-two .sec-title {
      margin-bottom: 68px; }
  .portfolio-style-one .gallery-filter {
    margin-bottom: 30px; }
    .portfolio-style-one .gallery-filter ul,
    .portfolio-style-one .gallery-filter li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .portfolio-style-one .gallery-filter ul li {
      display: inline-block;
      vertical-align: middle; }
      .portfolio-style-one .gallery-filter ul li:last-child span:after {
        display: none; }
      .portfolio-style-one .gallery-filter ul li.active span {
        color: #212121; }
      .portfolio-style-one .gallery-filter ul li span {
        display: block;
        color: #767676;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer; }
        .portfolio-style-one .gallery-filter ul li span:after {
          content: '/';
          color: #767676;
          display: inline-block;
          vertical-align: middle;
          margin-left: 15px;
          margin-right: 15px; }
  .portfolio-style-one .single-portfolio-style-one {
    position: relative;
    margin-bottom: 30px; }
    .portfolio-style-one .single-portfolio-style-one > img {
      width: 100%; 
        border: 1px solid #d0d0d0;
      padding: 10px;}
    .portfolio-style-one .single-portfolio-style-one:hover .overlay {
      opacity: 1; }
    .portfolio-style-one .single-portfolio-style-one .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .portfolio-style-one .single-portfolio-style-one .overlay .box {
        display: table;
        width: 100%;
        height: 100%; }
        .portfolio-style-one .single-portfolio-style-one .overlay .box .content {
          display: table-cell;
          vertical-align: bottom; }
          .portfolio-style-one .single-portfolio-style-one .overlay .box .content .inner-box {
            padding: 31px 0;
            padding-left: 20px;
            padding-right: 20px;
            background: rgba(0, 0, 0, 0.7); }
            .portfolio-style-one .single-portfolio-style-one .overlay .box .content .inner-box .title a {
              color: #FFFFFF;
              font-size: 16px;
              font-weight: bold;
              text-transform: uppercase; }
            .portfolio-style-one .single-portfolio-style-one .overlay .box .content .inner-box .btn-box a {
              color: #FFFFFF;
              font-size: 20px;
              display: inline-block;
              vertical-align: middle; }
              .portfolio-style-one .single-portfolio-style-one .overlay .box .content .inner-box .btn-box a + a {
                margin-left: 5px; }
  .portfolio-style-one .more-btn-box {
    margin-top: 10px; }
    .portfolio-style-one .more-btn-box a.thm-btn i {
      margin-left: 6px; }

.portfolio-style-two {
  padding: 115px 0 90px 0; }
  .portfolio-style-two .sec-title-style-two {
    margin-bottom: 75px; }
  .portfolio-style-two .gallery-filter {
    margin-bottom: 40px;
    text-align: center; }
    .portfolio-style-two .gallery-filter ul,
    .portfolio-style-two .gallery-filter li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .portfolio-style-two .gallery-filter ul li {
      display: inline-block;
      vertical-align: middle; }
      .portfolio-style-two .gallery-filter ul li + li {
        margin-left: -2px; }
      .portfolio-style-two .gallery-filter ul li.active span {
        color: #fff;
        background: #3683DC;
        border-color: #3683DC; }
      .portfolio-style-two .gallery-filter ul li span {
        display: block;
        color: #B6B6B6;
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: bold;
        padding: 10px 57px;
        border: 2px solid #E4E4E4; }
  .portfolio-style-two .single-portfolio-style-two {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px; }
    .portfolio-style-two .single-portfolio-style-two:hover {
      -webkit-box-shadow: 0px 6px 12px rgba(169, 169, 169, 0.5);
      box-shadow: 0px 6px 12px rgba(169, 169, 169, 0.5); }
      .portfolio-style-two .single-portfolio-style-two:hover .img-box .overlay {
        opacity: 1; }
    .portfolio-style-two .single-portfolio-style-two .img-box {
      position: relative; }
      .portfolio-style-two .single-portfolio-style-two .img-box > img {
        width: 100%; }
      .portfolio-style-two .single-portfolio-style-two .img-box .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
        .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box {
          display: table;
          width: 100%;
          height: 100%; }
          .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box .content {
            display: table-cell;
            vertical-align: bottom; }
            .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box .content .inner-box {
              padding: 31px 0;
              padding-left: 20px;
              padding-right: 20px;
              background: rgba(0, 0, 0, 0.7); }
              .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box .content .inner-box .title a {
                color: #FFFFFF;
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase; }
              .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box .content .inner-box .btn-box a {
                color: #FFFFFF;
                font-size: 20px;
                display: inline-block;
                vertical-align: middle; }
                .portfolio-style-two .single-portfolio-style-two .img-box .overlay .box .content .inner-box .btn-box a + a {
                  margin-left: 5px; }
    .portfolio-style-two .single-portfolio-style-two .title-box {
      padding: 29px 0;
      text-align: center;
      background: #FFFFFF; }
      .portfolio-style-two .single-portfolio-style-two .title-box h3 {
        margin: 0;
        color: #3683DC;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase; }

.portfolio-style-three .single-portfolio-style-three {
  margin-bottom: 70px; }
  .portfolio-style-three .single-portfolio-style-three:hover .img-box .overlay {
    opacity: 1; }
  .portfolio-style-three .single-portfolio-style-three .img-box {
    position: relative;
    margin-left: 17px;
    margin-top: 17px; }
    .portfolio-style-three .single-portfolio-style-three .img-box:before {
      content: '';
      width: 325px;
      height: 285px;
      background: #F5F5F5;
      position: absolute;
      top: -17px;
      left: -17px;
      z-index: -1; }
    .portfolio-style-three .single-portfolio-style-three .img-box > img {
      width: 100%; }
    .portfolio-style-three .single-portfolio-style-three .img-box .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box {
        display: table;
        width: 100%;
        height: 100%; }
        .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box .content {
          display: table-cell;
          vertical-align: bottom; }
          .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box .content .inner-box {
            padding: 31px 0;
            padding-left: 20px;
            padding-right: 20px;
            background: rgba(0, 0, 0, 0.7); }
            .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box .content .inner-box .title a {
              color: #FFFFFF;
              font-size: 16px;
              font-weight: bold;
              text-transform: uppercase; }
            .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box .content .inner-box .btn-box a {
              color: #FFFFFF;
              font-size: 20px;
              display: inline-block;
              vertical-align: middle; }
              .portfolio-style-three .single-portfolio-style-three .img-box .overlay .box .content .inner-box .btn-box a + a {
                margin-left: 5px; }
  .portfolio-style-three .single-portfolio-style-three .text-box {
    padding-left: 17px;
    padding-top: 24px; }
    .portfolio-style-three .single-portfolio-style-three .text-box a.cat {
      font-family: 'Roboto';
      color: #BFBFBF;
      font-size: 16px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 8px; }
    .portfolio-style-three .single-portfolio-style-three .text-box h3 {
      margin: 0;
      color: #212121;
      font-size: 30px;
      font-weight: normal; }

.portfolio-style-three .more-box .thm-btn {
  border-color: #C3C3C3;
  color: #212121; }
  .portfolio-style-three .more-box .thm-btn:hover {
    border-color: #212121;
    color: #ffffff;
    background: #212121; }

/************************** 
* 13. client styles 
***************************/
.client-icon-wrapper {
  position: relative; }
  .client-icon-wrapper .divider {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    position: absolute; }
    .client-icon-wrapper .divider.hor {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .client-icon-wrapper .divider.ver {
      width: 1px;
      height: 100%;
      top: 0; }
      .client-icon-wrapper .divider.ver.ver-1 {
        left: 33.333333%; }
      .client-icon-wrapper .divider.ver.ver-2 {
        left: 66.666666%; }
  .client-icon-wrapper .single-client {
    text-align: center; }
    .client-icon-wrapper .single-client i {
      color: #646475;
      font-size: 125px; }

ul.client-tab-title,
ul.client-tab-title li {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.client-tab-title li {
  padding: 30px; }

.single-client-tab-box {
  background: #F8F8F8;
  padding: 30px;
  border: 2px solid #F8F8F8;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: relative; }
  .single-client-tab-box + .single-client-tab-box {
    margin-top: 10px; }
  .single-client-tab-box:before {
    content: '';
    width: 4px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #222222;
    display: block;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
  .single-client-tab-box.active, .single-client-tab-box:hover {
    border-color: #F8F8F8;
    background: #FFFFFF; }
    .single-client-tab-box.active:before, .single-client-tab-box:hover:before {
      height: 100%; }
  .single-client-tab-box .client-name-box .img-box,
  .single-client-tab-box .client-name-box .text-box {
    display: table-cell;
    vertical-align: middle; }
  .single-client-tab-box .client-name-box .img-box {
    width: 70px; }
    .single-client-tab-box .client-name-box .img-box img {
      border-radius: 50%;
      width: 100%; }
  .single-client-tab-box .client-name-box .text-box {
    padding-left: 20px; }
    .single-client-tab-box .client-name-box .text-box h3,
    .single-client-tab-box .client-name-box .text-box p {
      margin: 0; }
    .single-client-tab-box .client-name-box .text-box h3 {
      font-size: 20px;
      color: #212121;
      font-family: 'Roboto Slab'; }
    .single-client-tab-box .client-name-box .text-box span {
      font-size: 12px;
      color: #767676;
      text-transform: uppercase; }
  .single-client-tab-box .client-logo-box {
    position: relative;
    height: 60px; }
    .single-client-tab-box .client-logo-box i {
      font-size: 115px;
      color: #686868;
      line-height: 70px;
      position: absolute;
      top: 50%;
      right: 0px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.client-message-box {
  text-align: center; }
  .client-message-box .img-box {
    display: inline-block;
    position: relative; }
    .client-message-box .img-box:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      background: rgba(6, 24, 41, 0);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6, 24, 41, 0)), color-stop(100%, white));
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 24, 41, 0)), to(white));
      background: -webkit-linear-gradient(top, rgba(6, 24, 41, 0) 0%, white 100%);
      background: -o-linear-gradient(top, rgba(6, 24, 41, 0) 0%, white 100%);
      background: linear-gradient(to bottom, rgba(6, 24, 41, 0) 0%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061829', endColorstr='#ffffff', GradientType=0); }
    .client-message-box .img-box p {
      position: absolute;
      bottom: 0;
      left: 55%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-family: 'Roboto Slab';
      color: #212121;
      font-size: 20px;
      line-height: 30px;
      margin: 0;
      width: 100%;
      z-index: 5; }

/************************** 
* 14. blog styles 
***************************/
.blog-style-one {
  padding: 115px 0 120px 0; }
  .blog-style-one.home-page-thirteen {
    padding: 120px 0 120px 0; }
  .blog-style-one .single-blog-style-one .img-box > img {
    width: 100%; }
  .blog-style-one .single-blog-style-one .text-box {
    border: 2px solid #E8E8E8;
    border-top: 0;
    padding-top: 13px;
    padding-left: 28px;
    padding-right: 28px;
    background: #fff; }
    .blog-style-one .single-blog-style-one .text-box span.category {
      color: #AEAEAE;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      line-height: 1em; }
    .blog-style-one .single-blog-style-one .text-box h3 {
      margin: 0; }
    .blog-style-one .single-blog-style-one .text-box h3 {
      color: #212121;
      font-size: 20px;
      line-height: 30px;
      font-weight: 500;
      margin-top: 4px;
      margin-bottom: 26px; }
    .blog-style-one .single-blog-style-one .text-box .meta-info {
      border-top: 2px solid #E8E8E8;
      margin-left: -28px;
      margin-right: -28px;
      padding-left: 28px;
      padding-right: 28px; }
      .blog-style-one .single-blog-style-one .text-box .meta-info a {
        color: #767676;
        text-transform: uppercase;
        font-size: 14px;
        float: left;
        display: inline-block;
        padding: 11px 0; }
        .blog-style-one .single-blog-style-one .text-box .meta-info a i {
          margin-right: 4px; }
      .blog-style-one .single-blog-style-one .text-box .meta-info a:last-child {
        float: right;
        padding-left: 30px;
        border-left: 2px solid #E8E8E8; }
  .blog-style-one .single-blog-style-one.trending-post .img-box {
    position: relative; }
    .blog-style-one .single-blog-style-one.trending-post .img-box .trend-tag {
      width: 50px;
      height: 55px;
      background: #858584;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      position: absolute;
      top: 0;
      right: 10px;
      text-align: center; }
      .blog-style-one .single-blog-style-one.trending-post .img-box .trend-tag i {
        color: #fff;
        font-size: 20px;
        line-height: 55px; }
  .blog-style-one .single-blog-style-one.video-post .img-box {
    position: relative; }
    .blog-style-one .single-blog-style-one.video-post .img-box a.video-link {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      background: rgba(34, 34, 34, 0.2);
      border-radius: 50%;
      padding: 10px;
      text-align: center;
      display: inline-block; }
      .blog-style-one .single-blog-style-one.video-post .img-box a.video-link i {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #222222;
        line-height: 60px;
        color: #fff;
        font-size: 16px; }
  .blog-style-one.home-page-thirteen {
    background: #fff; }
    .blog-style-one.home-page-thirteen .single-blog-style-one {
      margin-bottom: 30px; }

.blog-style-two {
  padding: 115px 0 120px 0; }
  .blog-style-two .sec-title-style-two {
    margin-bottom: 75px; }
  .blog-style-two .single-blog-style-two {
    text-align: center; }
    .blog-style-two .single-blog-style-two .text-box {
      background: #fff;
      padding: 23.5px 20px; }
      .blog-style-two .single-blog-style-two .text-box a.date {
        color: #3683DC;
        font-size: 14px;
        text-transform: uppercase; }
      .blog-style-two .single-blog-style-two .text-box h3 {
        color: #212121;
        font-size: 16px;
        line-height: 26px;
        margin: 0;
        font-weight: bold;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        margin-bottom: 20px;
        margin-top: 6px; }
        .blog-style-two .single-blog-style-two .text-box h3:hover {
          color: #3683DC; }
      .blog-style-two .single-blog-style-two .text-box p {
        color: #767676;
        margin: 0; }
    .blog-style-two .single-blog-style-two.trending-post .img-box {
      position: relative; }
      .blog-style-two .single-blog-style-two.trending-post .img-box .trend-tag {
        width: 50px;
        height: 55px;
        background: #3683dc;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        position: absolute;
        top: 0;
        right: 10px;
        text-align: center; }
        .blog-style-two .single-blog-style-two.trending-post .img-box .trend-tag i {
          color: #fff;
          font-size: 20px;
          line-height: 55px; }
    .blog-style-two .single-blog-style-two.video-post .img-box {
      position: relative; }
      .blog-style-two .single-blog-style-two.video-post .img-box a.video-link {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background: rgba(54, 131, 220, 0.2);
        border-radius: 50%;
        padding: 10px;
        text-align: center;
        display: inline-block; }
        .blog-style-two .single-blog-style-two.video-post .img-box a.video-link i {
          display: inline-block;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background: #3683dc;
          line-height: 60px;
          color: #fff;
          font-size: 16px; }

.blog-style-three .single-blog-style-three .text-box {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 35px;
  padding-bottom: 30px;
  background: #FFFFFF; }
  .blog-style-three .single-blog-style-three .text-box a.cat {
    color: #989898;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1em;
    display: inline-block; }
  .blog-style-three .single-blog-style-three .text-box h3 {
    color: #212121;
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    margin-top: 9px;
    margin-bottom: 25px; }
  .blog-style-three .single-blog-style-three .text-box p {
    font-size: 767676;
    font-size: 14px;
    line-height: 26px; }

.blog-style-three .more-btn-box {
  margin-top: 70px; }
  .blog-style-three .more-btn-box .more-btn {
    padding: 10px 48px; }

.blog-featured {
  padding: 30px 0; }
  .blog-featured .single-blog-featured-post + .single-blog-featured-post {
    margin-top: 30px; }
  .blog-featured .single-blog-featured-post .img-box {
    position: relative; }
    .blog-featured .single-blog-featured-post .img-box .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 50px; }
      .blog-featured .single-blog-featured-post .img-box .overlay .box {
        display: table;
        width: 100%;
        height: 100%; }
        .blog-featured .single-blog-featured-post .img-box .overlay .box .content {
          display: table-cell;
          vertical-align: bottom; }
          .blog-featured .single-blog-featured-post .img-box .overlay .box .content h3 {
            margin: 0;
            color: #fff;
            font-weight: 300;
            font-size: 26px;
            margin-top: 5px; }
          .blog-featured .single-blog-featured-post .img-box .overlay .box .content a.tags {
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle; }

.blog-post-pagination {
  margin-top: 20px; }
  .blog-post-pagination ul,
  .blog-post-pagination li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .blog-post-pagination ul {
    margin-left: -5px;
    margin-right: -5px; }
  .blog-post-pagination ul li {
    padding-left: 5px;
    padding-right: 5px; }
    .blog-post-pagination ul li.active a {
      color: #fff;
      background: #8EC84B;
      border-color: #8EC84B; }
  .blog-post-pagination ul li a {
    border: 2px solid #CFCFCF;
    color: #D1D1D1;
    font-weight: bold;
    font-size: 20px;
    display: block;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .blog-post-pagination ul li a:hover {
      color: #fff;
      background: #8EC84B;
      border-color: #8EC84B; }
  .blog-post-pagination ul li a .fa {
    color: #8EC84B;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
  .blog-post-pagination ul li a:hover .fa {
    color: #fff; }

.single-blog-page .single-blog-style-one .text-box .meta-info {
  border-bottom: 2px solid #E8E8E8;
  margin-bottom: 30px; }

.single-blog-page .single-blog-style-one .text-box h3 {
  font-size: 30px;
  margin-top: 10px; }

.single-blog-page .single-blog-post .text-box {
  padding-bottom: 30px;
  padding-top: 25px; }

.single-blog-page .single-blog-post .blockqoute {
  background: #F5F5F5;
  border-radius: 10px;
  color: #888888;
  font-size: 14px;
  line-height: 26px;
  font-style: italic;
  padding: 30px; }

.single-blog-page .single-blog-post .share-box {
  margin-top: 30px; }
  .single-blog-page .single-blog-post .share-box span {
    color: #888888;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px; }
  .single-blog-page .single-blog-post .share-box a {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff; }
    .single-blog-page .single-blog-post .share-box a.fa-facebook {
      background: #1071FB; }
    .single-blog-page .single-blog-post .share-box a.fa-twitter {
      background: #09BEFB; }
    .single-blog-page .single-blog-post .share-box a.fa-dribbble {
      background: #FC0435; }
    .single-blog-page .single-blog-post .share-box a.fa-behance {
      background: #0E47E3; }
    .single-blog-page .single-blog-post .share-box a.fa-pinterest {
      background: #FC0302; }
    .single-blog-page .single-blog-post .share-box a.fa-linkedin {
      background: #114EFB; }
    .single-blog-page .single-blog-post .share-box a + a {
      margin-left: 10px; }

.single-blog-page .leave-a-comment {
  margin-top: 50px; }
  .single-blog-page .leave-a-comment .title {
    margin-bottom: 30px; }
    .single-blog-page .leave-a-comment .title h3 {
      color: #212121;
      text-transform: capitalize;
      font-size: 36px;
      font-weight: bold;
      margin: 0; }

.single-blog-page .comment-box {
  margin-top: 54px; }
  .single-blog-page .comment-box .title {
    margin-bottom: 30px; }
    .single-blog-page .comment-box .title h3 {
      color: #212121;
      text-transform: capitalize;
      font-size: 36px;
      font-weight: bold;
      margin: 0; }
  .single-blog-page .comment-box .single-comment + .single-comment {
    margin-top: 37px; }
  .single-blog-page .comment-box .single-comment.level-2 {
    padding-left: 110px; }
  .single-blog-page .comment-box .single-comment .img-box,
  .single-blog-page .comment-box .single-comment .text-box {
    display: table-cell;
    vertical-align: top; }
  .single-blog-page .comment-box .single-comment .img-box {
    width: 85px; }
    .single-blog-page .comment-box .single-comment .img-box img {
      width: 100%; }
  .single-blog-page .comment-box .single-comment .text-box {
    padding-left: 25px; }
    .single-blog-page .comment-box .single-comment .text-box h3,
    .single-blog-page .comment-box .single-comment .text-box p {
      margin: 0; }
    .single-blog-page .comment-box .single-comment .text-box h3 {
      color: #212121;
      font-size: 18px;
      line-height: 1em;
      margin-bottom: 5px; }
    .single-blog-page .comment-box .single-comment .text-box span {
      font-size: 13px;
      line-height: 1em; }
    .single-blog-page .comment-box .single-comment .text-box p {
      font-size: 15px;
      line-height: 26px;
      margin-top: 0px; }

.single-blog-page .leave-a-comment form label.error {
  display: none !important; }

.single-blog-page .leave-a-comment form input,
.single-blog-page .leave-a-comment form textarea {
  border: 1px solid #E5E5E5;
  outline: none;
  width: 100%;
  height: 50px;
  border-radius: 7px;
  padding-left: 20px;
  margin-bottom: 30px;
  display: block; }

.single-blog-page .leave-a-comment form input.error,
.single-blog-page .leave-a-comment form textarea.error {
  background: rgba(255, 0, 0, 0.3);
  border-color: rgba(255, 0, 0, 0.3); }

.single-blog-page .leave-a-comment form textarea {
  height: 160px;
  padding-top: 10px; }

/************************** 
* 15. testimonials styles 
***************************/
.testimonials-carousel-wrapper {
  padding-left: 100px; }

.client-testimonials-section {
  padding: 115px 0 120px 0; }

.testimonials-carousel-one .owl-nav {
  margin-top: 0;
  text-align: left;
  position: absolute;
  top: -30px;
  left: 0; }

.testimonials-carousel-one .owl-nav [class*=owl-] {
  background-color: transparent !important;
  padding: 0; }

.single-testimonials {
  position: relative;
  padding-top: 10px; }
  .single-testimonials img.testi-icon {
    position: absolute;
    top: 0px;
    left: 0;
    width: auto;
    max-width: none; }
  .single-testimonials p {
    margin: 0;
    color: #767676;
    letter-spacing: .1em;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    z-index: 9; }
  .single-testimonials .name-box-wrapper {
    margin-top: 20px; }
    .single-testimonials .name-box-wrapper .img-box,
    .single-testimonials .name-box-wrapper .text-box {
      display: table-cell;
      vertical-align: middle; }
    .single-testimonials .name-box-wrapper .img-box {
      width: 70px; }
      .single-testimonials .name-box-wrapper .img-box img {
        width: auto;
        max-width: none;
        width: 100%;
        border-radius: 50%; }
    .single-testimonials .name-box-wrapper .text-box {
      padding-left: 20px; }
      .single-testimonials .name-box-wrapper .text-box h4,
      .single-testimonials .name-box-wrapper .text-box span {
        margin: 0; }
      .single-testimonials .name-box-wrapper .text-box h4 {
        font-size: 20px;
        color: #212121;
        font-size: 20px;
        font-weight: bold;
        text-transform: capitalize; }
      .single-testimonials .name-box-wrapper .text-box span {
        font-size: 12px;
        text-transform: uppercase;
        color: #989898;
        font-weight: 500;
        font-style: italic; }

.testimonials-style-two {
  padding: 120px 0; }
  .testimonials-style-two .thm-container {
    max-width: 1000px; }

.testimonials-style-two-carousel {
  -webkit-box-shadow: 0px 3px 12px rgba(121, 121, 121, 0.5);
  box-shadow: 0px 3px 12px rgba(121, 121, 121, 0.5); }
  .testimonials-style-two-carousel .img-box img {
    width: auto;
    max-width: none; }
  .testimonials-style-two-carousel .img-box,
  .testimonials-style-two-carousel .text-box {
    display: table-cell;
    vertical-align: middle; }
  .testimonials-style-two-carousel .text-box {
    padding: 0 55.5px;
    position: relative;
    padding-top: 45px; }
    .testimonials-style-two-carousel .text-box img.qoute-icon {
      width: auto;
      max-width: none;
      position: absolute;
      top: 115px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .testimonials-style-two-carousel .text-box h3,
    .testimonials-style-two-carousel .text-box p {
      margin: 0; }
    .testimonials-style-two-carousel .text-box p {
      font-size: 20px;
      line-height: 30px;
      color: #767676;
      font-style: italic;
      margin-bottom: 30px; }
    .testimonials-style-two-carousel .text-box h3 {
      color: #212121;
      font-size: 20px;
      margin-bottom: 5px; }
    .testimonials-style-two-carousel .text-box span.position {
      color: #3683DC;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      font-style: italic; }
    .testimonials-style-two-carousel .text-box .social {
      margin-top: 20px; }
      .testimonials-style-two-carousel .text-box .social a {
        color: #767676;
        font-size: 20px;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease; }
        .testimonials-style-two-carousel .text-box .social a:hover {
          color: #0E65EC; }
        .testimonials-style-two-carousel .text-box .social a + a {
          margin-left: 25px; }
  .testimonials-style-two-carousel .owl-nav {
    display: none; }
  .testimonials-style-two-carousel .owl-dots {
    width: 529px;
    position: absolute;
    top: 108px;
    right: 0; }
    .testimonials-style-two-carousel .owl-dots .owl-dot span {
      background: #C7C7C7;
      margin: 0 5px; }
    .testimonials-style-two-carousel .owl-dots .owl-dot.active span {
      background: #3683DC; }

.client-testimonials-section.testimonials-page {
  padding: 120px 0 70px 0; }

.client-testimonials-section.home-page-five {
  background: #0F3570; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-] {
    width: 19px;
    height: 13px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-] img {
      display: none; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-prev] {
    background: transparent url(../img/testi-2-arrow-l.png) 0 0 no-repeat; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-next] {
    background: transparent url(../img/testi-2-arrow-r.png) 0 0 no-repeat; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-prev]:hover {
    background: transparent url(../img/testi-2-arrow-l-h.png) 0 0 no-repeat; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .owl-nav [class*=owl-next]:hover {
    background: transparent url(../img/testi-2-arrow-r-h.png) 0 0 no-repeat; }
  .client-testimonials-section.home-page-five .client-icon-wrapper .single-client i,
  .client-testimonials-section.home-page-five .testimonials-carousel-one .single-testimonials p,
  .client-testimonials-section.home-page-five .testimonials-carousel-one .single-testimonials .name-box-wrapper .text-box h4 {
    color: #FFFFFF; }
  .client-testimonials-section.home-page-five .testimonials-carousel-one .single-testimonials .name-box-wrapper .text-box span {
    color: #9DDD53; }

.testimonials-page {
  padding-bottom: 100px; }
  .testimonials-page .testimonials-carousel-wrapper {
    padding-left: 0; }
  .testimonials-page .single-testimonials {
    margin-bottom: 50px; }

/************************** 
* 16. fun fact styles 
***************************/
.fun-fact-style-one {
  background:#f9e0ff;
  padding: 100px 0; }
  .fun-fact-style-one .single-fun-fact-style-one .icon-box {
    width: 100px;
    height: 100px;
    border: 2px solid #8EC84B;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto; }
    .fun-fact-style-one .single-fun-fact-style-one .icon-box i {
      line-height: 96px;
      color: #8EC84B;
      font-size: 60px; }
  .fun-fact-style-one .single-fun-fact-style-one h3 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    font-size: 60px;
    display: inline-block;
    position: relative;
    margin-top: 22px; }
    .fun-fact-style-one .single-fun-fact-style-one h3 span.plus {
      position: absolute;
      top: 0px;
      left: 100%;
      font-size: 30px; }
  .fun-fact-style-one .single-fun-fact-style-one p {
    margin: 0;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: capitalize; }

.fun-fact-style-two {
  background: #000 url(../img/fun-fact-bg-2.jpg) left top no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 115px;
  padding-bottom: 114px; }
  .fun-fact-style-two:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); }
  .fun-fact-style-two .thm-contianer {
    position: relative; }
  .fun-fact-style-two .single-fun-fact-style-two {
    text-align: center; }
    .fun-fact-style-two .single-fun-fact-style-two h3 {
      font-weight: 400;
      font-size: 40px;
      position: relative;
      display: inline-block;
      color: #fff;
      margin: 0; }
      .fun-fact-style-two .single-fun-fact-style-two h3 span.plus {
        position: absolute;
        top: 0px;
        left: 100%;
        font-size: 25px; }
    .fun-fact-style-two .single-fun-fact-style-two p {
      color: #FFFFFF;
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase;
      margin: 0;
      margin-top: 11px; }

.fun-fact-style-three {
  padding-top: 95px;
  padding-bottom: 96px; }
  .fun-fact-style-three .single-fun-fact-style-three h3 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 40px;
    position: relative;
    display: inline-block;
    color: #0F3570;
    margin: 0;
    padding-right: 10px; }
    .fun-fact-style-three .single-fun-fact-style-three h3 span.plus {
      position: absolute;
      top: 0px;
      left: 100%;
      font-size: 25px;
      color: #9DDD53; }
  .fun-fact-style-three .single-fun-fact-style-three p {
    color: #989898;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    margin-top: 11px; }

/************************** 
* 17. why choose us styles 
***************************/
.why-choose-us-style-one {
  overflow: hidden;
  padding: 113px 0 115px 0; }
  .why-choose-us-style-one .single-why-choose-us-style-one .icon-box,
  .why-choose-us-style-one .single-why-choose-us-style-one .text-box {
    display: table-cell;
    vertical-align: top; }
  .why-choose-us-style-one .single-why-choose-us-style-one .icon-box .inner {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #8EC84B;
    text-align: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .why-choose-us-style-one .single-why-choose-us-style-one .icon-box .inner i {
      color: #8EC84B;
      font-size: 40px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      line-height: 66px; }
  .why-choose-us-style-one .single-why-choose-us-style-one .text-box {
    padding-left: 30px; }
    .why-choose-us-style-one .single-why-choose-us-style-one .text-box h3 {
      margin: 0;
      text-transform: uppercase;
      color: #212121;
      font-size: 20px;
      font-weight: bold;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      margin-bottom: 10px; }
    .why-choose-us-style-one .single-why-choose-us-style-one .text-box p {
      color: #767676;
      font-size: 14px;
      line-height: 26px;
      margin: 0; }
  .why-choose-us-style-one .single-why-choose-us-style-one:hover .icon-box .inner {
    background: #8EC84B; }
    .why-choose-us-style-one .single-why-choose-us-style-one:hover .icon-box .inner i {
      color: #fff; }
  .why-choose-us-style-one .single-why-choose-us-style-one:hover .text-box h3 {
    color: #8EC84B; }
  .why-choose-us-style-one .single-why-choose-us-style-one + .single-why-choose-us-style-one {
    margin-top: 37px; }

.why-choose-us-style-two {
  padding: 120px 0; }
  .why-choose-us-style-two .title {
    margin-bottom: 54px; }
    .why-choose-us-style-two .title h3,
    .why-choose-us-style-two .title p {
      margin: 0; }
    .why-choose-us-style-two .title h3 {
      font-size: 40px;
      line-height: 50px;
      color: #212121;
      font-weight: 700;
      margin-bottom: 28px; }
  .why-choose-us-style-two .featured-image {
    margin-right: 50px; }
  .why-choose-us-style-two .single-why-choose-us-style-two + .single-why-choose-us-style-two {
    margin-top: 34px; }
  .why-choose-us-style-two .single-why-choose-us-style-two .icon-box,
  .why-choose-us-style-two .single-why-choose-us-style-two .text-box {
    display: table-cell;
    vertical-align: top; }
  .why-choose-us-style-two .single-why-choose-us-style-two .icon-box .inner {
    background: #0AAFEE;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #0AAFEE;
    text-align: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    .why-choose-us-style-two .single-why-choose-us-style-two .icon-box .inner i {
      color: #fff;
      font-size: 30px;
      line-height: 66px;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
  .why-choose-us-style-two .single-why-choose-us-style-two .text-box {
    padding-left: 30px; }
    .why-choose-us-style-two .single-why-choose-us-style-two .text-box h3,
    .why-choose-us-style-two .single-why-choose-us-style-two .text-box p {
      margin: 0; }
    .why-choose-us-style-two .single-why-choose-us-style-two .text-box h3 {
      font-size: 20px;
      color: #0AAFEE;
      font-weight: 500;
      margin-bottom: 14px; }
    .why-choose-us-style-two .single-why-choose-us-style-two .text-box p {
      font-size: 14px;
      line-height: 26px;
      color: #767676; }
  .why-choose-us-style-two .single-why-choose-us-style-two:hover .icon-box .inner {
    background: #fff;
    color: #0AAFEE; }
    .why-choose-us-style-two .single-why-choose-us-style-two:hover .icon-box .inner i {
      color: #0AAFEE; }

/************************** 
* 18. team styles 
***************************/
.team-style-one {
  padding: 115px 0 115px 0; }
  .team-style-one .single-team-stye-one .img-box {
    position: relative; }
    .team-style-one .single-team-stye-one .img-box > img {
      width: 100%; }
    .team-style-one .single-team-stye-one .img-box .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-bottom: 30px;
      opacity: 0;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .team-style-one .single-team-stye-one .img-box .overlay .box {
        display: table;
        width: 100%;
        height: 100%;
        text-align: center; }
        .team-style-one .single-team-stye-one .img-box .overlay .box .content {
          display: table-cell;
          vertical-align: bottom; }
          .team-style-one .single-team-stye-one .img-box .overlay .box .content .social a {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            line-height: 40px;
            background: rgba(142, 200, 75, 0.7);
            color: #fff;
            font-size: 16px;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease; }
            .team-style-one .single-team-stye-one .img-box .overlay .box .content .social a + a {
              margin-left: 10px; }
            .team-style-one .single-team-stye-one .img-box .overlay .box .content .social a:hover {
              background: #8EC84B; }
    .team-style-one .single-team-stye-one .img-box:hover .overlay {
      opacity: 1; }
  .team-style-one .single-team-stye-one .text-box {
    text-align: center;
    padding-top: 30px; }
    .team-style-one .single-team-stye-one .text-box h3 {
      color: #212121;
      margin: 0;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 20px; }
    .team-style-one .single-team-stye-one .text-box .line {
      width: 70px;
      height: 1px;
      background: #DEDEDE;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 15px;
      margin-bottom: 10px; }
    .team-style-one .single-team-stye-one .text-box p {
      font-size: 14px;
      font-style: italic;
      color: #8EC84B;
      margin: 0; }
  .team-style-one.team-page {
    padding: 120px 0 80px 0; }
    .team-style-one.team-page .single-team-stye-one {
      margin-bottom: 35px; }

.team-style-two {
  padding: 110px 0 120px 0; }
  .team-style-two .section-title-04 {
    margin-bottom: 74px; }
  .team-style-two .single-team-stye-two .img-box {
    position: relative; }
    .team-style-two .single-team-stye-two .img-box > img {
      width: 100%; }
    .team-style-two .single-team-stye-two .img-box .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-top: 20px;
      opacity: 0;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .team-style-two .single-team-stye-two .img-box .overlay .box {
        display: table;
        width: 100%;
        height: 100%;
        text-align: right; }
        .team-style-two .single-team-stye-two .img-box .overlay .box .content {
          display: table-cell;
          vertical-align: top;
          padding-right: 20px; }
          .team-style-two .single-team-stye-two .img-box .overlay .box .content .social {
            float: right; }
            .team-style-two .single-team-stye-two .img-box .overlay .box .content .social a {
              display: block;
              vertical-align: middle;
              width: 50px;
              height: 50px;
              border-radius: 50%;
              line-height: 50px;
              background: rgba(12, 111, 146, 0.7);
              color: #fff;
              font-size: 16px;
              text-align: center;
              -webkit-transition: all .4s ease;
              -o-transition: all .4s ease;
              transition: all .4s ease; }
              .team-style-two .single-team-stye-two .img-box .overlay .box .content .social a + a {
                margin-top: 10px; }
              .team-style-two .single-team-stye-two .img-box .overlay .box .content .social a:nth-child(even) {
                background: rgba(9, 174, 238, 0.7); }
              .team-style-two .single-team-stye-two .img-box .overlay .box .content .social a:hover {
                background: #0C6F92; }
    .team-style-two .single-team-stye-two .img-box:hover .overlay {
      opacity: 1; }
  .team-style-two .single-team-stye-two .text-box {
    padding: 25px 0 20px 0;
    background: #fff;
    text-align: center; }
    .team-style-two .single-team-stye-two .text-box h3, .team-style-two .single-team-stye-two .text-box p {
      margin: 0; }
    .team-style-two .single-team-stye-two .text-box h3 {
      font-weight: 500;
      color: #212121;
      font-size: 20px;
      text-transform: uppercase; }
    .team-style-two .single-team-stye-two .text-box p {
      color: #EF5405;
      font-size: 12px;
      text-transform: uppercase;
      margin-top: 5px; }
  .team-style-two.team-page {
    padding-bottom: 120px; }
    .team-style-two.team-page .single-team-stye-two {
      margin-bottom: 30px; }

/************************** 
* 19. faq styles 
***************************/
.faq-style-one {
  overflow: hidden;
  padding: 115px 0 110px 0; }
  .faq-style-one.faq-page {
    padding: 120px 0 100px; }
  .faq-style-one .panel-group .panel + .panel {
    margin-top: 0px; }
  .faq-style-one .panel-group .panel {
    margin-bottom: 20px;
    border-radius: 0;
    border: 2px solid #EEEEEE;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 15px;
    padding-bottom: 15px; }
    .faq-style-one .panel-group .panel > a {
      color: #767676;
      font-size: 16px;
      display: block;
      position: relative;
      padding: 0;
      background-color: transparent;
      padding-left: 55px;
      padding-right: 20px; }
      .faq-style-one .panel-group .panel > a i {
        font-size: 20px;
        color: #212121;
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .faq-style-one .panel-group .panel.active {
      border-color: #8EC84B; }
      .faq-style-one .panel-group .panel.active > a {
        color: #212121; }
        .faq-style-one .panel-group .panel.active > a i {
          color: #8EC84B; }
    .faq-style-one .panel-group .panel .panel-collapse {
      padding-left: 55px;
      padding-right: 35px; }
      .faq-style-one .panel-group .panel .panel-collapse p {
        margin: 0;
        color: #989898;
        font-size: 14px;
        line-height: 26px;
        padding-top: 10px;
        padding-bottom: 5px; }

.faq-skill-area .title h3 {
  margin: 0;
  color: #3683DC;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 55px; }

.faq-skill-area .title p {
  color: #767676;
  margin: 0;
  margin-bottom: 15px;
  margin-top: -5px; }

.faq-style-two .panel-group .panel {
  border-radius: 4px;
  border: 2px solid #EAEAEA;
  -webkit-box-shadow: none;
  box-shadow: none; }

.faq-style-two .panel-group .panel + .panel {
  margin-top: 6px; }

.faq-style-two .panel-default > .panel-heading {
  background: #F7F7F7;
  display: block;
  font-size: 14px;
  color: #767676;
  font-weight: 500;
  padding: 17px 28px;
  position: relative; }
  .faq-style-two .panel-default > .panel-heading:before {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #767676;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.faq-style-two .panel-default.active > .panel-heading {
  color: #3683DC; }
  .faq-style-two .panel-default.active > .panel-heading:before {
    content: "\f106";
    color: #3683DC; }

.faq-style-two .panel-collapse .inner-box {
  background: #F7F7F7;
  padding: 0 30px 17px; }
  .faq-style-two .panel-collapse .inner-box p {
    margin: 0;
    color: #767676;
    font-size: 14px; }

/************************** 
* 20. brand styles 
***************************/
.brand-carousel-wrapper {
  padding: 100px 0 100px 0; }
  .brand-carousel-wrapper .brand-carousel {
    text-align: center; }
    .brand-carousel-wrapper .brand-carousel .owl-nav {
      display: none; }
    .brand-carousel-wrapper .brand-carousel .item {
      border: 1px solid #e5e5e5;
      padding: 0 20px; }
      .brand-carousel-wrapper .brand-carousel .item img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition: -webkit-filter .3s ease-in-out;
        transition: -webkit-filter .3s ease-in-out;
        -o-transition: filter .3s ease-in-out;
        transition: filter .3s ease-in-out;
        transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out; }
        .brand-carousel-wrapper .brand-carousel .item img:hover {
          -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

/************************** 
* 21. gallery styles 
***************************/
.gallery-style-one {
  padding: 108px 0 90px 0; }
  .gallery-style-one .section-title-04 {
    margin-bottom: 74px; }
  .gallery-style-one .sec-title-style-three {
    margin-bottom: 73px; }
  .gallery-style-one .single-gallery-style-one {
    margin-bottom: 30px; }
    .gallery-style-one .single-gallery-style-one .img-box {
      position: relative; }
      .gallery-style-one .single-gallery-style-one .img-box > img {
        width: 100%; }
      .gallery-style-one .single-gallery-style-one .img-box .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        background: rgba(239, 84, 5, 0.7); }
        .gallery-style-one .single-gallery-style-one .img-box .overlay .box {
          display: table;
          width: 100%;
          height: 100%; }
          .gallery-style-one .single-gallery-style-one .img-box .overlay .box .content {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
            .gallery-style-one .single-gallery-style-one .img-box .overlay .box .content a {
              width: 50px;
              height: 50px;
              border: 2px solid #fff;
              line-height: 46px;
              border-radius: 50%;
              font-size: 16px;
              color: #fff;
              display: inline-block;
              -webkit-transition: all .4s ease;
              -o-transition: all .4s ease;
              transition: all .4s ease; }
              .gallery-style-one .single-gallery-style-one .img-box .overlay .box .content a + a {
                margin-left: 20px; }
              .gallery-style-one .single-gallery-style-one .img-box .overlay .box .content a:hover {
                background: #fff;
                color: #EF5405; }
    .gallery-style-one .single-gallery-style-one:hover .img-box .overlay {
      opacity: 1; }

/************************** 
* 22. pricing styles 
***************************/
.pricing-style-one {
  padding: 108px 0 120px 0; }
  .pricing-style-one .section-title-04 {
    margin-bottom: 73px; }
  .pricing-style-one.pricing-page {
    padding-top: 113px; }
    .pricing-style-one.pricing-page .sec-title {
      margin-bottom: 73px; }
  .pricing-style-one .sec-title-style-three {
    margin-bottom: 73px; }
  .pricing-style-one .tab-title-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 40px;
    padding: 0; }
    .pricing-style-one .tab-title-list li {
      display: inline-block;
      vertical-align: middle; }
      .pricing-style-one .tab-title-list li a {
        display: block;
        color: #989898;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid #CBCBCB;
        padding: 10px 47.5px; }
      .pricing-style-one .tab-title-list li.active a {
        background: #09AEEE;
        border-color: #09AEEE;
        color: #fff; }
  .pricing-style-one .single-pricing-style-one {
    padding-top: 56px;
    padding-bottom: 60px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 12px rgba(186, 186, 186, 0.5);
    box-shadow: 0px 6px 12px rgba(186, 186, 186, 0.5); }
    .pricing-style-one .single-pricing-style-one .title {
      margin-bottom: 25px; }
      .pricing-style-one .single-pricing-style-one .title h3 {
        text-transform: uppercase;
        color: #EF5405;
        font-weight: bold;
        font-size: 20px;
        margin: 0; }
    .pricing-style-one .single-pricing-style-one .price {
      margin-bottom: 28px; }
      .pricing-style-one .single-pricing-style-one .price span {
        color: #0AAFEE;
        font-weight: 300;
        font-size: 60px;
        line-height: 1em; }
      .pricing-style-one .single-pricing-style-one .price p {
        text-transform: uppercase;
        color: #989898;
        font-size: 14px;
        margin: 0;
        margin-top: 5px; }
    .pricing-style-one .single-pricing-style-one .content p {
      margin: 0;
      color: #989898;
      font-size: 14px;
      text-transform: uppercase; }
      .pricing-style-one .single-pricing-style-one .content p span {
        color: #212121; }
      .pricing-style-one .single-pricing-style-one .content p + p {
        margin-top: 15px; }
    .pricing-style-one .single-pricing-style-one .btn-box {
      margin-top: 32px; }
      .pricing-style-one .single-pricing-style-one .btn-box .thm-btn {
        padding: 10px 38px; }
        .pricing-style-one .single-pricing-style-one .btn-box .thm-btn:hover {
          background: #222222;
          color: #fff;
          border-color: #222222; }

/************************** 
* 23. inner banner styles 
***************************/
.inner-banner-style-one {
  background: #000 url(../img/inner-banner-bg-1-23.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 130px;
  padding-bottom: 130px;
  border-top: 10px solid #f6f6f6;
  border-bottom: 10px solid #f6f6f6; }
  .inner-banner-style-one.extra {
    padding-bottom: 135px; }
  .inner-banner-style-one:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34, 34, 34, 0.7); }
  .inner-banner-style-one .thm-container {
    position: relative; }
  .inner-banner-style-one .title-box h3,
  .inner-banner-style-one .title-box h2 {
    margin: 0; }
  .inner-banner-style-one .title-box h2 {
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF;
    font-weight: 500;
    text-transform: uppercase; }
  .inner-banner-style-one .breadcumb {
    margin-top: 15px; }
    .inner-banner-style-one .breadcumb a,
    .inner-banner-style-one .breadcumb span {
      color: #FFFFFF;
      font-size: 16px;
      font-family: 'Roboto';
      display: inline-block;
      vertical-align: middle; }
    .inner-banner-style-one .breadcumb span.sep {
      margin-left: 10px;
      margin-right: 10px; }
    .inner-banner-style-one .breadcumb span.page-name {
      color: #8EC84B; }
  .inner-banner-style-one .btn-box .thm-btn {
    width: 180px;
    text-align: center;
    border-radius: 0px;
    margin: 0;
    margin-top: 20px;
    background: #8EC84B;
    border-color: #8EC84B; }
    .inner-banner-style-one .btn-box .thm-btn:hover {
      background: #fff;
      border-color: #8EC84B;
      color: #8EC84B; }

/************************** 
* 24. subscribe styles 
***************************/
.subscribe-style-one {
  background: #222 url(../img/subscribe-bg.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 200px;
  padding-bottom: 210px; }
  .subscribe-style-one:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222;
    opacity: .6; }
  .subscribe-style-one .thm-container {
    position: relative; }
  .subscribe-style-one h3 {
    color: #fff;
    font-family: 'Roboto Slab';
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0; }
  .subscribe-style-one .subscribe-form {
    margin-top: 50px; }
    .subscribe-style-one .subscribe-form input {
      border: none;
      outline: none;
      display: inline-block;
      text-align: left;
      width: 570px;
      height: 60px;
      border: 2px solid #7E7E7E;
      background: rgba(34, 34, 34, 0.5);
      vertical-align: middle;
      text-transform: uppercase;
      color: #959595;
      font-size: 14px;
      padding-left: 30px; }
      .subscribe-style-one .subscribe-form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #959595; }
      .subscribe-style-one .subscribe-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #959595; }
      .subscribe-style-one .subscribe-form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #959595; }
      .subscribe-style-one .subscribe-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #959595; }
    .subscribe-style-one .subscribe-form button {
      border: none;
      outline: none;
      height: 60px;
      width: 180px;
      background: #212121;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      font-size: 14px;
      color: #FFFFFF;
      font-weight: bold;
      text-transform: uppercase;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
      .subscribe-style-one .subscribe-form button:hover {
        background: #fff;
        color: #212121; }

/************************** 
* 25. sidebar styles 
***************************/
.sidebar .single-sidebar + .single-sidebar {
  margin-top: 50px; }
  .sidebar .single-sidebar + .single-sidebar.news-sidebar {
    margin-top: 41px; }

.sidebar .single-sidebar .title {
  margin-bottom: 30px; }
  .sidebar .single-sidebar .title h3 {
    margin: 0;
    color: #8EC84B;
    font-weight: bold;
    font-size: 20px; }

.sidebar .single-sidebar p {
  color: #989898;
  letter-spacing: 0;
  margin: 0; }

.sidebar .single-sidebar .search-form {
  position: relative; }
  .sidebar .single-sidebar .search-form input {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    border: 2px solid #E0E0E0;
    padding-left: 20px;
    color: #C0C0C0; }
    .sidebar .single-sidebar .search-form input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #C0C0C0; }
    .sidebar .single-sidebar .search-form input::-moz-placeholder {
      /* Firefox 19+ */
      color: #C0C0C0; }
    .sidebar .single-sidebar .search-form input:-ms-input-placeholder {
      /* IE 10+ */
      color: #C0C0C0; }
    .sidebar .single-sidebar .search-form input:-moz-placeholder {
      /* Firefox 18- */
      color: #C0C0C0; }
  .sidebar .single-sidebar .search-form button {
    border: none;
    outline: none;
    background: #8EC84B;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 50px; }

.sidebar .single-sidebar .social-box a {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff; }
  .sidebar .single-sidebar .social-box a.fa-facebook {
    background: #1071FB; }
  .sidebar .single-sidebar .social-box a.fa-twitter {
    background: #09BEFB; }
  .sidebar .single-sidebar .social-box a.fa-dribbble {
    background: #FC0435; }
  .sidebar .single-sidebar .social-box a.fa-behance {
    background: #0E47E3; }
  .sidebar .single-sidebar .social-box a.fa-pinterest {
    background: #FC0302; }
  .sidebar .single-sidebar .social-box a.fa-linkedin {
    background: #114EFB; }
  .sidebar .single-sidebar .social-box a + a {
    margin-left: 10px; }

.sidebar .single-sidebar .about-content img {
  margin-bottom: 15px; }

.sidebar .single-sidebar .news-post-wrapper .single-news-post + .single-news-post {
  margin-top: 20px; }

.sidebar .single-sidebar .news-post-wrapper .single-news-post .img-box, .sidebar .single-sidebar .news-post-wrapper .single-news-post .text-box {
  display: table-cell;
  vertical-align: middle; }

.sidebar .single-sidebar .news-post-wrapper .single-news-post .img-box {
  width: 100px; }

.sidebar .single-sidebar .news-post-wrapper .single-news-post .text-box {
  padding-left: 20px; }
  .sidebar .single-sidebar .news-post-wrapper .single-news-post .text-box h3 {
    margin: 0;
    color: #212121;
    font-size: 18px;
    line-height: 25px; }

.sidebar .single-sidebar .flicker-post-wrapper {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px; }
  .sidebar .single-sidebar .flicker-post-wrapper .single-flicker-post {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px; }

/************************** 
* 26. contact styles 
***************************/
.google-map {
  width: 100%;
  height: 500px; }
  .google-map.three-grid {
    height: 370px; }

#contact-page-google-map {
  height: 800px; }

.contact-box-wrapper {
  position: relative;
  z-index: 99;
  margin-top: -385px;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1150px) {
    .contact-box-wrapper {
      padding-left: 15px;
      padding-right: 15px; } }
  .contact-box-wrapper .thm-container {
    padding: 0;
    max-width: 1170px;
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 8px 30px rgba(139, 139, 139, 0.2);
    box-shadow: 0px 8px 30px rgba(139, 139, 139, 0.2); }
    .contact-box-wrapper .thm-container .contact-info-wrapper {
      background: #212121;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      padding-top: 73px;
      padding-left: 70px;
      padding-bottom: 78px;
      position: relative; }
      .contact-box-wrapper .thm-container .contact-info-wrapper > i.fa-map-marker {
        font-size: 200px;
        color: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: 30px;
        right: 30px; }
      .contact-box-wrapper .thm-container .contact-info-wrapper .title {
        position: relative;
        z-index: 9;
        margin-bottom: 35px; }
        .contact-box-wrapper .thm-container .contact-info-wrapper .title h2 {
          margin: 0;
          font-size: 40px;
          color: #fff;
          font-weight: bold; }
          .contact-box-wrapper .thm-container .contact-info-wrapper .title h2 span {
            color: #90C948; }
      .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info {
        position: relative;
        z-index: 9; }
        .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info + .single-contact-info {
          margin-top: 25px; }
        .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info .icon-box,
        .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info .text-box {
          display: table-cell;
          vertical-align: top; }
        .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info .icon-box i {
          color: #90C948;
          font-size: 14px;
          position: relative;
          top: 1px; }
        .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info .text-box {
          padding-left: 10px; }
          .contact-box-wrapper .thm-container .contact-info-wrapper .single-contact-info .text-box h3 {
            margin: 0;
            color: #AAAABE;
            font-size: 14px;
            line-height: 24px; }
    .contact-box-wrapper .thm-container .contact-form-wrapper {
      padding-left: 30px;
      padding-right: 60px;
      padding-top: 73px;
      background: #fff; }
      .contact-box-wrapper .thm-container .contact-form-wrapper .title {
        margin-bottom: 40px; }
        .contact-box-wrapper .thm-container .contact-form-wrapper .title h3 {
          margin: 0;
          font-size: 40px;
          color: #212121;
          font-weight: bold; }
          .contact-box-wrapper .thm-container .contact-form-wrapper .title h3 span {
            color: #90C948; }
      .contact-box-wrapper .thm-container .contact-form-wrapper .row {
        margin-left: -10px;
        margin-right: -10px; }
        .contact-box-wrapper .thm-container .contact-form-wrapper .row [class*='col-'] {
          padding: 0 10px; }
      .contact-box-wrapper .thm-container .contact-form-wrapper input,
      .contact-box-wrapper .thm-container .contact-form-wrapper textarea {
        border: none;
        outline: none;
        border: 2px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 50px;
        display: block;
        padding-left: 30px;
        margin-bottom: 20px; }
        .contact-box-wrapper .thm-container .contact-form-wrapper input.error,
        .contact-box-wrapper .thm-container .contact-form-wrapper textarea.error {
          background: rgba(255, 0, 0, 0.4);
          border-color: red; }
      .contact-box-wrapper .thm-container .contact-form-wrapper textarea {
        padding-top: 10px;
        height: 120px; }
      .contact-box-wrapper .thm-container .contact-form-wrapper label.error {
        display: none !important; }
.navbar-brand {
    float: left;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}