/*!
Theme Name: Polpress
Theme URI: https://polpress.smartdemowp.com/
Author: SmartDataSoft
Author URI: http://smartdatasoft.com
Description: Polpress is built as a clean and modern responsive psychological and the mental treatment WordPress theme. This theme is perfectly designed and organized for any kind of psychological related or mental treatment related business etc. You can easily modify and extend the theme layouts. Theme included with three clean homepage layouts with five different header styles and 10+ variant inner pages.
Version: 1.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: polpress
Tags: counseling, counseling theme, counseling therapy, group therapy, health, health theme, medical, medical theme, mental health, mental health care, psychologist, psychology, psychology counseling, psychology theme, therapy
*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
 * {
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
  }
  
  
  /*** 
  
  ====================================================================
    Global Settings
  ====================================================================
  
   ***/
  
  
  body {
    font-size:14px;
    color:#83838b;
    line-height:28px;
    font-weight:400;
    background:#ffffff;
    font-family: 'Open Sans', sans-serif;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-font-smoothing: antialiased;
  }
  
    @media (min-width:1200px) {
    .container {
      max-width: 1200px;
      padding: 0px 15px;
    }
  }
  
  .large-container{
    max-width: 1550px;
    padding: 0px 15px;
    margin: 0 auto;
  }
  
  .container-fluid{
    padding: 0px;
  }
  
  .auto-container{
    position:static;
    max-width:1200px;
    padding:0px 15px;
    margin:0 auto;
  }
  
  .small-container{
    max-width:680px;
    margin:0 auto;
  }
  
  .boxed_wrapper{
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;
    width: 100%;
    min-width: 300px;
  }
  
  
  a{
    text-decoration:none;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  a:hover{
    text-decoration:none;
    outline:none;
  }
  
  input,button,select,textarea{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    background: transparent;
  }
  
  ::-webkit-input-placeholder {
    color: inherit;
  }
  
  ::-moz-input-placeholder {
    color: inherit;
  }
  
  ::-ms-input-placeholder {
    color: inherit;
  }
  
  ul,li{
    list-style:none;
    padding:0px;
    margin:0px; 
  }
  
  input{
    transition: all 500ms ease;
  }
  
  button:focus,
  input:focus,
  textarea:focus{
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
  }
  
  p{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    color: #83838b;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
  }
  
  h1,h2,h3,h4,h5,h6{
    position:relative;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #52547c;
    margin: 0px;
    transition: all 500ms ease;
  }
  
  
  /* Preloader */
  
  .handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #1c1d31;
    z-index: 9999999;
  }
  
  .preloader-close{
    position: fixed;
    z-index: 99999999;
    font-size: 26px;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    right: 30px;
    top: 30px;
  }
  
  .handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
  }
  
  .handle-preloader .animation-preloader .spinner{
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    height: 150px;
    margin: 0 auto 45px auto;
    width: 150px;
  }
  
  .handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    animation: letters-loading 4s infinite;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top:0;
    position: absolute;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    letter-spacing: 15px;
    display: inline-block;
    position: relative;
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
  .handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
  }
  
  .preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .spinner{
    border: 3px solid #ffffff;
    border-top-color: rgba(255, 255, 255, 0.5); 
  }
  
  /* Animación del preloader */
  @keyframes spinner {
    to {
      transform: rotateZ(360deg);
    }
  }
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      transform: rotateY(-90deg);
    }
  
    25%,
    50% {
      opacity: 1;
      transform: rotateY(0deg);
    }
  }
  
  @media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em;
    }
  }
  @media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em;
    }
    .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
  }
  
  
  .centred{
    text-align: center;
  }
  
  .pull-left{
    float: left;
  }
  
  .pull-right{
    float: right;
  }
  
  
  figure{
    margin: 0px;
  }
  
  img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
  }
  
  /** button **/
  
  
  .theme-btn{
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 17px 33px;
    z-index: 1;
    text-transform: uppercase;
    transition: all 500ms ease;
  }
  
  .theme-btn:before{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 0;
    opacity: 0;
    content: "";
    z-index: -1;
    background-color: #52547c;
    transform: scale(1.0) rotateX(45deg);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
  
  .theme-btn:hover:before{
    opacity: 1.0;
    width: 100%;
    transform: scale(1.0) rotateX(0deg);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;    
  }
  
  .theme-btn.btn-two{
    color: #83838b !important;
    border: 1px solid #edeef2;
    padding: 16px 33px;
  }
  
  .theme-btn.btn-two:hover{
    color: #ffffff !important;
  }
  
  .theme-btn.btn-three{
    background-color: #202135;
  }
  
  
  
  .pagination{
    position: relative;
    display: block;
  }
  
  .pagination li{
    position: relative;
    display: inline-block;
    margin: 0px 7px;
  }
  
  .pagination li a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: #ffffff;
    text-align: center;
    color: #222;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    transition: all 500ms ease;
  }
  
  .pagination li a:hover,
  .pagination li a.current{
    box-shadow: none;
  }
  
  .pagination li:first-child a{
    color: #ffffff;
  }
  
  .pagination li:last-child a{
    color: #ffffff;
  }
  
  .sec-pad{
    padding: 113px 0px 120px 0px;
  }
  
  .mr-0{
    margin: 0px !important;
  }
  
  .scroll-top{
    width: 55px;
    height: 55px;
    line-height: 55px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    color: #ffffff;
    font-size: 40px;
    z-index: 99;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
  }
  
  .scroll-top.open {
    bottom: 50px;
  }
  
  .scroll-top:after, 
  .scroll-top:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  
  .scroll-top:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  
  .sec-title{
    position: relative;
    display: block;
    margin-bottom: 30px;
  }
  
  .sec-title h2{
    display: block;
    font-size: 60px;
    line-height: 72px;
    font-weight: 400;
  }
  
  
  .sec-title.centred h2{
    font-size: 50px;
  }
  
  .sec-title h6{
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    letter-spacing: 5px;
  }
  
  .sec-title.light h2{
    color: #ffffff !important;
  }
  
  .sec-title.light h6{
    color: rgba(255,255,255,0.6);
  }
  
  
  .sec-title i{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -21px;
    font-size: 50px;
    line-height: 50px;
    color: #e8e8ea;
  }
  
  .sec-title.light i{
    color: rgba(255,255,255,0.1);
  }
  
  .sec-title h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin: 10px;
    text-transform: uppercase;
  }
  
  
  
  
  /*** 
  
  ====================================================================
                          Home-Page-One
  ====================================================================
  
  ***/
  
  
  /** main-header **/
  
  .main-header{
    position:relative;
    left:0px;
    top:0px;
    right: 0px;
    z-index:999;
    width:100%;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .sticky-header{
    position:fixed;
    opacity:0;
    visibility:hidden;
    left:0px;
    top:0px;
    width:100%;
    z-index:0;
    background-color: #52547c;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .fixed-header .sticky-header{
    z-index:999;
    opacity:1;
    visibility:visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  
  
  /** header-top **/
  
  .header-top{
    position: relative;
    width: 100%;
    background-color: #fdf6f3;
    padding: 17px 0px;
  }
  
  .header-top .right-column .language{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 20px;
    padding-left: 25px;
    padding-right: 13px;
    font-size: 14px;
    line-height: 26px;
  }
  
  .header-top .right-column .language:after {
    position: absolute;
    content: "\f101";
    font-family: 'Flaticon';
    font-size: 8px;
    color: #52547c;
    top: 1px;
    right: 0px;
  }
  
  .header-top .right-column .language span{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    color: #52547c;
    cursor: pointer;
  }
  
  .header-top .right-column .language img{
    position: absolute;
    left: 0px;
    top: 7px;
  }
  
  .header-top .right-column .language i{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
  }
  
  .header-top .right-column .currency{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
    line-height: 26px;
  }
  
  .header-top .right-column .currency i{
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: 15px;
    color: #52547c;
  }
  
  .header-top .right-column .currency:after {
    position: absolute;
    content: "\f101";
    font-family: 'Flaticon';
    font-size: 8px;
    color: #52547c;
    top: 1px;
    right: 0px;
  }
  
  .header-top .right-column .currency span{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    color: #52547c;
    cursor: pointer;
  }
  
  .header-top .right-column .option-box ul{
    position: absolute;
    left: 0px;
    top: 35px;
    width: 120px;
    padding: 10px 0px;
    border-radius: 5px;
    background-color: #202135;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
  }
  
  .header-top .right-column .option-box .language:hover ul,
  .header-top .right-column .option-box .currency:hover ul{
    opacity: 1;
    top: 25px;
    visibility: visible;
  }
  
  .header-top .right-column .option-box ul li{
    position: relative;
    display: block;
  }
  
  .header-top .right-column .option-box ul li a{
    position: relative;
    display: block;
    padding: 2px 10px;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    color: #fff;
  }
  
  
  .header-top .right-column .option-box{
    position: relative;
    margin-right: 90px;
  }
  
  .header-top .right-column .login-info{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    color: #52547c;
    padding-left: 20px;
  }
  
  .header-top .right-column .login-info i{
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: 12px;
    color: #52547c;
  }
  
  .header-top .right-column .login-info a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Playfair Display', serif;
    color: #52547c;
  }
  
  /** header-upper **/
  
  .header-upper{
    position: relative;
    background-color: #ffffff;
    padding: 30px 0px;
  }
  
  .header-upper .logo-box{
    position: relative;
    padding: 8px 0px;
  }
  
  .main-header .logo-box .logo{
    position: relative;
    max-width: 173px;
    width: 100%;
  }
  
  .main-header .logo-box .logo img{
    width: 100%;
  }
  
  .header-upper .info-list{
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .header-upper .info-list li{
    position: relative;
    margin-right: 50px;
  }
  
  .header-upper .info-list li:last-child{
    margin: 0px !important;
  }
  
  .header-upper .info-list li.place-box{
    padding-left: 45px;
    margin-right: 100px;
  }
  
  .header-upper .info-list li.place-box i{
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
  }
  
  .header-upper .info-list li.place-box p{
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #8687ac;
  }
  
  .header-upper .info-list li.place-box h6{
    display: block;
    font-size: 16px;
    line-height: 24px;
  }
  
  .header-upper .info-list li h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
  
  .main-header .nav-right{
    position: relative;
    display: flex;
    align-items: center;
    padding: 32px 0px;
    padding-left: 35px;
  }
  
  .main-header .nav-right:before{
    position: absolute;
    content: '';
    background-color: #202135;
    width: 5000px;
    height: 100%;
    left: 0px;
    top: 0px;
  }
  
  .main-header .social-links li{
    position: relative;
    display: inline-block;
    margin-right: 25px;
  }
  
  .main-header .social-links li:last-child{
    margin: 0px !important;
  }
  
  .main-header .social-links li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: rgba(255,255,255,0.5);
  }
  
  .main-header .social-links li a:hover{
    color: #ffffff;
  }
  
  .main-header .nav-right .social-links{
    position: relative;
    margin-right: 0px;
  }
  
  .main-header .nav-right .shop-cart{
    position: relative;
    top: 5px;
  }
  
  .main-header .nav-right .shop-cart a{
    position: relative;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
  }
  
  .main-header .nav-right .shop-cart a span{
    position: absolute;
    top: -7px;
    right: -5px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
  }
  
  
  /** header-lower **/
  
  .header-lower{
    background-color: #52547c;
  }
  
  
  /** main-menu **/
  
  .main-menu{
    float: left;
  }
  
  .main-menu .navbar-collapse{
    padding:0px;
    display:block !important;
  }
  
  .main-menu .navigation{
    margin:0px;
  }
  
  .main-menu .navigation > li{
    position:inherit;
    float:left;
    z-index:2;
    margin: 0px 17px;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
  }
  
  .main-menu .navigation > li:last-child{
    margin-right:0px !important;
  }
  
  .main-menu .navigation > li:first-child{
    margin-left: 0px !important;
  }
  
  .main-menu .navigation > li > a{
    position:relative;
    display:block;
    text-align:center;
    font-size:16px;
    line-height:30px;
    padding: 30px 0px;
    font-family: 'Playfair Display', serif;
    font-weight:400;
    opacity:1;
    color: #fff;
    text-transform: uppercase;
    z-index:1;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
  }
  

  .main-menu .navigation > li > a:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    left: 0px;
    bottom: -2px;
    transform: scale(0,0);
    transition: all 500ms ease;
  }
  
  .main-menu .navigation > li.current > a:before,
  .main-menu .navigation > li > a:hover:before{
    transform: scale(1,1);
  }
  
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > .megamenu{
    position:absolute;
    left: inherit;
    top:100%;
    width:230px;
    margin-top: 0px;
    z-index:100;
    display:none;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    background-color: #202135;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .main-menu .navigation > li > ul.from-right{
    left:auto;
    right:0px;  
  }
  
  .main-menu .navigation > li > ul > li{
    position:relative;
    width:100%;
  }
  
  .main-menu .navigation > li > ul > li > a,
  .main-menu .navigation > li > .megamenu li > a{
    position:relative;
    display:block;
    padding: 10px 30px;
    line-height:24px;
    font-weight:400;
    font-size:16px;
    text-transform:capitalize;
    font-family: "Playfair Display", serif;
    color:#fff;
    text-align: left;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > a{
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  .main-menu .navigation > li > .megamenu li > a{
    padding-left: 0px;
  }
  
  .main-menu .navigation > li > .megamenu h4{
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
  }
  
  .main-menu .navigation > li > ul > li:last-child > a,
  .main-menu .navigation > li > .megamenu li:last-child > a{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li.menu-item-has-children > a:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position:absolute;
    right:20px;
    top:10px;
    display:block;
    line-height:24px;
    font-size:16px;
    font-weight:800;
    text-align:center;
    z-index:5;  
  }
  
  .main-menu .navigation > li > ul > li > ul{
    position:absolute;
    right:100%;
    top:0%;
    margin-top: 15px;
    width:230px;
    z-index:100;
    display:none;
    border-radius: 0px;
    background-color: #202135;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > ul.from-right{
    left:auto;
    right:0px;  
  }
  
  .main-menu .navigation > li > ul > li > ul > li{
    position:relative;
    width:100%;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom:none; 
  }
  
  .main-menu .navigation > li > ul > li > ul > li > a{
    position:relative;
    display:block;
    padding:10px 30px;
    line-height:24px;
    font-weight:400;
    font-size:16px;
    text-transform:capitalize;
    font-family: "Playfair Display", serif;
    color:#fff;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-align: left;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:last-child > a{
    border-bottom: none;
  }
  
  
  .main-menu .navigation > li > ul > li > ul > li.menu-item-has-children > a:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position:absolute;
    right:20px;
    top:12px;
    display:block;
    line-height:24px;
    font-size:16px;
    font-weight:900;
    z-index:5;  
  }
  
  .main-menu .navigation > li.menu-item-has-children:hover > ul,
  .main-menu .navigation > li.menu-item-has-children:hover > .megamenu{
    visibility:visible;
    opacity:1;
    margin-top: 0px;
    top: 100%;
  }
  
  .main-menu .navigation li > ul > li.menu-item-has-children:hover > ul{
    visibility:visible;
    opacity:1;
    top: 0%; 
    margin-top: 0px;
  }
  
  .main-menu .navigation li.menu-item-has-children .dropdown-btn{
    position:absolute;
    right:-32px;
    top:66px;
    width:34px;
    height:30px;
    text-align:center;
    font-size:18px;
    line-height:26px;
    color:#3b3b3b;
    cursor:pointer;
    display: none;
    z-index:5;
    transition: all 500ms ease;
  }
  

  
  .main-menu .navigation li.menu-item-has-children ul li.menu-item-has-children .dropdown-btn{
    display: none;
  }
  
  .menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
  }
  
  .menu-area .mobile-nav-toggler .icon-bar{
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  
  .main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
    background-color: #222;
  }
  
  .main-header.style-three .menu-area .mobile-nav-toggler .icon-bar{
    background-color: #fff;
  }
  
  .menu-area .mobile-nav-toggler .icon-bar:last-child{
    margin-bottom: 0px;
  }
  
  
  /** megamenu-style **/
  
  .main-menu .navigation > li.menu-item-has-children > .megamenu{
    position: absolute;
    width: 100%;
    padding: 30px 50px;
    left: 0px;
  }
  
  .main-menu .navigation li.menu-item-has-children .megamenu li h4{
    font-weight: 700;
    padding: 3px 0px;
    margin-bottom: 10px;
  }
  
  
  /** mobile-menu **/
  
  .nav-outer .mobile-nav-toggler{
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color:#3786ff;
    display: none;
  }
  
  .mobile-menu{
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right:30px;
    max-width:100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    transition: all 900ms ease;
  }
  
  .mobile-menu .navbar-collapse{
    display:block !important; 
  }
  
  .mobile-menu .nav-logo{
    position:relative;
    padding:50px 25px;
    text-align:left;  
    padding-bottom: 100px;
  }
  
  .mobile-menu-visible{
    overflow: hidden;
  }
  
  .mobile-menu-visible .mobile-menu{
    opacity: 1;
    visibility: visible;
  }
  
  .mobile-menu .menu-backdrop{
    position: fixed;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 900ms ease;
    background-color: #000;
  }
  
  .mobile-menu-visible .mobile-menu .menu-backdrop{
    opacity: 0.70;
    visibility: visible;
    right: 100%;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s
  }
  
  .mobile-menu .menu-box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #202135;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 900ms ease !important;
  }
  
  .mobile-menu-visible .mobile-menu .menu-box{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  
  .mobile-menu .close-btn{
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition:all 0.9s ease;
    -moz-transition:all 0.9s ease;
    -ms-transition:all 0.9s ease;
    -o-transition:all 0.9s ease;
    transition:all 0.9s ease;
  }
  
  .mobile-menu-visible .mobile-menu .close-btn{
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }
  
  .mobile-menu .close-btn:hover{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
  }
  
  .mobile-menu .navigation{
    position: relative;
    display: block;
    width: 100%;
    float: none;
  }
  
  .mobile-menu .navigation li{
    position: relative;
    display: block;
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation:last-child{
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation li > ul > li:first-child{
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation li > a{
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
  }
  
  .mobile-menu .navigation li ul li > a{
    font-size: 16px;
    margin-left: 20px;
    text-transform: capitalize;
  }
  
  .mobile-menu .navigation li > a:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:0;
    border-left:5px solid #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
  }
  
  .mobile-menu .navigation li.current > a:before{
    height:100%;
  }
  
  .mobile-menu .navigation li.menu-item-has-children .dropdown-btn{
    position:absolute;
    right:6px;
    top:6px;
    width:32px;
    height:32px;
    text-align:center;
    font-size:16px;
    line-height:32px;
    color:#ffffff;
    background:rgba(255,255,255,0.10);
    cursor:pointer;
    border-radius:2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
    z-index:5;
  }
  
  .mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open{
    color: #ffffff;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);  
  }
  
  .mobile-menu .navigation li > ul,
  .mobile-menu .navigation li > ul > li > ul,
  .mobile-menu .navigation > li.dropdown > .megamenu{
    display: none;
  }
  
  .mobile-menu .social-links{
    position:relative;
    padding:0px 25px;
  }
  
  .mobile-menu .social-links li{
    position:relative;
    display:inline-block;
    margin:0px 10px 10px;
  }
  
  .mobile-menu .social-links li a{
    position:relative;
    line-height:32px;
    font-size:16px;
    color:#ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
  }
  
  
  div#mCSB_1_container{
    top: 0px !important;
  }
  
  .mobile-menu .contact-info {
    position: relative;
    padding: 120px 30px 20px 30px;
  }
  
  .mobile-menu .contact-info h4 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
  }
  
  .mobile-menu .contact-info ul li {
    position: relative;
    display: block;
    font-size: 15px;
    color: rgba(255,255,255,0.80);
    margin-bottom: 3px;
  }
  
  .mobile-menu .contact-info ul li a{
    color: rgba(255,255,255,0.80);
  }
  

  
  .mobile-menu .contact-info ul li:last-child{
    margin-bottom: 0px;
  }
  
  .main-header .outer-box{
    position: relative;
  }
  
  
  .nice-select:after{
    position: absolute;
    content: "\f101";
    font-family: 'Flaticon';
    font-size: 8px;
    color: #52547c;
    top: 0px;
    right: 9px;
    margin: 0px;
    font-weight: 400;
    border: none !important;
    transform: rotate(0deg) !important;
  }
  
  .nice-select{
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 50px;
    border: none !important;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    font-family: 'Playfair Display', serif;
    color: #52547c;
    font-weight: 400;
    background: transparent;
    padding: 0px 20px 0px 0px;
  }
  
  .nice-select .option{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    color: #222;
  }
  
  .nice-select .list{
    min-width: 170px;
  }
  
  
  
  @-webkit-keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }
  @keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }
  
  
  
  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  
  @keyframes shine {
    100% {
      left: 125%;
    }
  }
  
  .bg-color-1{
    background-color: #fefaf9;
  }
  
  .bg-color-2{
    background-color: #52547c;
  }
  
  
  /** main-footer **/
  
  .main-footer{
    position: relative;
    background-color: #202135;
  }
  
  .footer-top{
    position: relative;
    padding: 68px 0px 50px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  .footer-top .text{
    position: relative;
    padding-left: 205px;
  }
  
  .footer-top .text i{
    position: absolute;
    left: 40px;
    top: 24px;
    font-size: 50px;
    line-height: 50px;
  }
  
  .footer-top .text h3{
    position: relative;
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
  }
  
  .footer-top .text .shape{
    position: absolute;
    width: 132px;
    height: 132px;
    left: 0px;
    top: -16px;
    background-repeat: no-repeat;
  }
  
  .footer-widget{
    position: relative;
    padding-top: 70px;
  }
  
  .footer-widget.logo-widget{
    position: relative;
    display: block;
    margin-right: 50px;
  }
  
  .footer-widget.logo-widget .footer-logo{
    position: relative;
    margin-bottom: 20px;
  }
  
  .footer-widget.logo-widget .text{
    position: relative;
    display: block;
    margin-bottom: 55px;
  }
  
  .footer-widget.logo-widget .text p{
    font-size: 16px;
    line-height: 28px;
    color: #9d9ead;
  }
  
  .footer-widget.logo-widget .social-links li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 50px;
  }
  
  .footer-widget.logo-widget .social-links li:last-child{
    margin: 0px !important;
  }
  
  .footer-widget.logo-widget .social-links li a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #52547c;
  }
  
  .footer-widget.logo-widget .social-links li a:hover{
    color: #ffffff;
  }
  
  .footer-widget .widget-title{
    position: relative;
    display: block;
    margin-bottom: 37px;
  }
  
  .footer-widget .widget-title h3{
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .footer-widget.links-widget .links-list li{
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
  }
  
  .footer-widget.links-widget .links-list li:last-child{
    margin-bottom: 0px;
  }
  
  .footer-widget.links-widget .links-list li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    font-family: 'Playfair Display', serif;
    color: #fff;
  }
  
  
  .footer-widget.contact-widget{
    position: relative;
    display: block;
    padding-top: 130px;
  }
  
  .footer-widget.contact-widget .info-list li{
    position: relative;
    display: block;
    padding-left: 100px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 30px;
  }
  
  .footer-widget.contact-widget .info-list li:last-child{
    margin-bottom: 0px;
  }
  
  .footer-widget.contact-widget .info-list li a{
    display: inline-block;
    color: #fff;
  }
  
  .footer-widget.contact-widget .info-list li h6{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
  }
  
  
  .footer-widget.contact-widget .info-list li:first-child h6{
    top: 10px;
  }
  
  .footer-bottom{
    position: relative;
    padding: 30px 0px;
    width: 100%;
    background-color: #1c1d31;
  }
  
  .footer-bottom p{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Playfair Display', serif;
    color: #a3a4b3;
  }
  
  .footer-bottom p a:hover{
    text-decoration: underline;
  }
  
  
  
  /*** 
  
  ====================================================================
                          Home-Page-Two
  ====================================================================
  
  ***/
  
.main-header.style-two .social-links li a{
  color: #c9c5cf;
}
 
.case-block-one .inner-box {
  margin-bottom: 0;
}

.case-block-one {
  margin-bottom: 30px;
}
.main-header.style-two .header-top .select-box{
  margin-right: 100px;
}

.main-header.style-two .header-lower{
  position: relative;
  width: 100%;
  background-color: #ffffff;
}

.main-header.style-two .header-lower .outer-box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
  
.main-header .menu-right-content .shop-cart,
.main-header .menu-right-content .btn-box{
  position: relative;
  display: inline-block;
  float: left;
}

.main-header .menu-right-content .shop-cart a{
  position: relative;
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  color: #52547c;
  width: 60px;
  height: 60px;
  line-height: 68px;
  border: 1px solid #edeef2;
  text-align: center;
}
  
.main-header .menu-right-content .shop-cart a:hover{
  color: #ffffff;
}

.main-header .menu-right-content .shop-cart a span{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #52547c;
  color: #ffffff;
}

.main-header .menu-right-content .shop-cart{
  margin-right: 10px;
}
  
.main-header.style-two .header-lower .main-menu .navigation > li > a{
  color: #52547c;
  padding: 45px 0px;
}

.main-header.style-two .header-lower .main-menu .navigation > li > a:before{
  display: none;
}

.main-header.style-two .logo-box{
  position: relative;
  padding: 38px 0px;
}

.main-header .menu-right-content{
  padding: 30px 0px;
}

.pt-40{
  padding-top: 40px;
}

/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/
  
  .main-header.style-three{
    position: relative;
  }
  
  .main-header.style-three .header-lower{
    position: relative;
  }
  
  .main-header.style-three .header-lower .header-lower-inner{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .main-header.style-three .header-top{
    background-color: #52547c;
  }
  
  .main-header.style-three .header-top .nice-select{
    color: #fff;
  }
  
  .main-header.style-three .header-top .nice-select:after{
    color: #fff;
  }
  
  .main-header.style-three .header-top .right-column .language span{
    color: #fff;
  }
  
  .main-header.style-three .header-top .right-column .language:after{
    color: #fff;
  }
  
  .main-header.style-three .header-top .right-column .currency span{
    color: #fff;
  }
  
  .main-header.style-three .header-top .right-column .currency:after{
    color: #fff;
  }
  
  .main-header.style-three  .header-top .right-column .login-info a{
    color: #fff;
  }
  
  .main-header.style-three  .header-top .right-column .login-info i{
    color: #fff;
  }
  
  .main-header.style-three  .header-top .right-column .login-info{
    color: #fff;
  }
  
  .main-header.style-three .header-lower .main-menu .navigation > li > a{
    color: #fff;
  }
  
  .main-header.style-three .menu-right-content .shop-cart a{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .main-header.style-three .menu-right-content .theme-btn.btn-two{
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .main-header.style-three .menu-right-content .theme-btn.btn-two:hover{
    border-color: #52547c;
  }
  
  .pt-0{
    padding-top: 0px;
  }
  
  .owl-dots-none .owl-dots,
  .owl-nav-none .owl-nav{
    display: none !important;
  }
  
  
  .pt-120{
    padding-top: 120px;
  }
  
  .pb-120{
    padding-bottom: 120px;
  }
  
  
  .owl-carousel .service-block-one .inner-box .icon-box img{
    display: inline-block;
  }
  
  .owl-carousel .service-block-two .inner-box .icon-box .icon img{
    display: inline-block;
  }

 

  /** faq-section **/

.faq-section{
  position: relative;
  padding-top: 115px;
}
.accordion-box .block .acc-btn .icon-outer i.far {
  font-family: 'Font Awesome 5 Pro';
}
.content_block_6 .content-box .sec-title i{
  left: 0px;
  transform: translateX(0);
}

.content_block_6 .content-box .sec-title{
  margin-right: 0px;
}

.content_block_6 .content-box .sec-title h2{
  font-size: 50px;
  line-height: 60px;
}

.content_block_6 .content-box .sec-title h6{
  margin-bottom: 6px;
}

.content_block_6 .content-box{
  position: relative;
  display: block;
}

.faq-section .content_block_6 .content-box{
  margin-right: 100px;
}

.content_block_6 .content-box .text{
  position: relative;
  margin-bottom: 41px;
}

.content_block_6 .content-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.content_block_6 .content-box .image-box img{
  width: 100%;
}

.accordion-box .block{
  position: relative;
  display: block;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}

.accordion-box .block:last-child{
  margin-bottom: 0px;
}

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  border-radius: 3px;
  background-color: #f3f3f6;
  color: #52547c;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer i{
  opacity: 0;
}

.accordion-box .block .acc-btn .icon-outer:before{
  position: absolute;
  content: "\f068";
  font-family: 'Font Awesome 5 Pro';
  top: 0px;
  right: 0px;
  opacity: 0;
  color: #fff;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer:before{
  opacity: 1;
}

.accordion-box .block .acc-btn{
  position: relative;
  display: block;
  padding-left: 50px;
  cursor: pointer;
  border-radius: 5px;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn h5{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin: 0px;
  transition: all 500ms ease;
}

figure.clients-logo-box img {filter: grayscale(1);}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 11px 10px 7px 50px;
}
.google-map-area .gmap_canvas iframe {
  height: 645px;
}
.accordion-box .block .acc-content.current{
  display:block;  
}
.footer-widget.logo-widget .text {
  margin-top: 20px;
  margin-bottom: 24px;
}

.footer-widget.logo-widget .text p {
  color: #fff;
}

.footer-widget.logo-widget .social-links li a {
  color: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
  section.skills-section .col-xl-6.col-lg-12.col-md-12.image-column {
      display: none;
  }

  section.skills-section .col-xl-6.col-lg-12.col-md-12.content-column {
      margin-top: 80px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
  .chooseus-section .tab-btns li {
      font-size: 19px;
  }
  figure.clients-logo-box img {
      margin: 0 auto;
  }
  .clients-section {
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
  .footer-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-widget {
    padding: 30px;
  }

  .footer-widget.contact-widget {
    padding-top: 20px;
  }
}
/** skills-section **/

.skills-section{
  position: relative;
}

.single-progress-box .piechart{
  position: relative;
}

.single-progress-box{
  position: relative;
  text-align: center;
}

.single-progress-box .box{
  position: relative;
  max-width: 170px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 15px;
}

.single-progress-box .piechart span{
  position: absolute;
  display: flex;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 170px;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  line-height: 50px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-align: center;
}

.single-progress-box .piechart span:after{
  content: "%";
}

.single-progress-box h5{
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #83838b;
}

.content_block_4 .content-box{
  position: relative;
  display: block;
}

.content_block_4 .content-box .text{
  position: relative;
  margin-bottom: 61px;
}

.content_block_4 .content-box .text p{
  font-size: 16px;
  line-height: 30px;
}

.image_block_2 .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.skills-section .image_block_2 .image-box{
  margin-right: 0px;
}

.image_block_2 .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
}

.image_block_2 .image-box .image img{
  width: 100%;
}
ul.info.clearfix.no_cat li.cat-me-single + li {
  display: none;
}
.search-list-area .row.clearfix {
  justify-content: center;
}
.image_block_2 .image-box .text{
  position: absolute;
  top: 30px;
  right: -75px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  padding-top: 20px;
  transform: rotate(-90deg);
}
.blog-details-content .blog-text-main dl + h2 + ul {
    margin-bottom: 16px;
}

.blog-details-content .blog-text-main dl + h2 + ul + h2 {
    margin-bottom: 19px !important;
}
.blog-details-content .comment__text_d dl + h2 + ul {
    margin-bottom: 16px;
}

.blog-details-content .comment__text_d dl + h2 + ul + h2 {
    margin-bottom: 19px !important;
}

.page .blog-details-content .blog-text-main dl + h2 + ul + h2 {
    margin-bottom: 19px !important;
}

.image_block_2 .image-box .text h6{
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-align: center;
}

.skills-section.alternat-2 .image_block_2 .image-box{
  margin-right: 0px;
  padding-left: 100px;
}


@media only screen and (min-width: 320px) and (max-width: 1233px) {
  .case-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}


@media only screen and (min-width: 320px) and (max-width: 1199px) {

  section.case-section {
    padding-bottom: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
  .image_block_1 {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 60px;
}
  .col-lg-6.col-md-12.col-sm-12.case-block:last-child {
    display: none;
  }

  .col-lg-6.col-md-12.col-sm-12.case-block .case-block-one {
    margin-bottom: 0;
  }
}
.skills-section.alternat-2 .image_block_2 .image-box:before{
  position: absolute;
  content: '';
  background-color: #fff;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  left: 40px;
  bottom: 0px;
  box-shadow: 0 0px 30px 0px rgb(0 0 0 / 10%);
}
.content_block_3 .content-box p:last-child {
  margin-bottom: 0;
}
.sound-plugs section.service-style-three.service-page {
  padding-top: 0;
}
/** clients-section **/

.clients-section{
  position: relative;
  padding-bottom: 113px;
}

.clients-section .clients-logo-box{
  position: relative;
  display: block;
}

.clients-section .clients-logo-box img{
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.clients-section .clients-logo-box img:hover{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  transform: scale(1.05);
}
.pb-0{
  padding-bottom: 0;
}