/* City Government - City Regulatory HTML Template  */

/***

====================================================================
			Fonts
====================================================================

 ***/

 @import url('https://fonts.googleapis.com/css?family=Manjari:100,400,700|Montserrat+Alternates:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Exo:100,400,700|Montserrat+Alternates:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Kanit:100,400,700|Montserrat+Alternates:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

 /*
     font-family: 'Montserrat Alternates', sans-serif;
     font-family: 'Exo', sans-serif;
 */

 @import url('owl.css');
 @import url('fontawesome-all.css');
 @import url('flaticon.css');
 @import url('animate.css');
 @import url('jquery-ui.css');
 @import url('jquery.fancybox.min.css');
 @import url('scrollbar.css');
 @import url('hover.css');
 @import url('custom-animate.css');

 /***

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

  ***/

 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     font-size: 100%;
     line-height: inherit;
 }

 /***

 ====================================================================
     Global Settings
 ====================================================================

  ***/

 body {

     font-size: 15px;
     color: #757575;
     line-height: 1.6em;
     font-weight: 400;
     background: #ffffff;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     font-family: 'Exo', sans-serif;
 }

 a {
     text-decoration: none;
     cursor: pointer;
     color: #c0392b;
 }

 .theme_color {
     color: #c0392b;
 }

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

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-weight: normal;
     margin: 0px 0px 15px;
     background: none;
     line-height: 1.3em;
     font-family: 'Exo', sans-serif;
 }

 h1 {
     font-size: 72px;
 }

 h2 {
     font-size: 36px;
 }

 h3 {
     font-size: 24px;
 }

 h4 {
     font-size: 20px;
 }

 h5 {
     font-size: 16px;
 }

 h6 {
     font-size: 12px;
 }

 input,
 select,
 button {
     font-family: 'Exo', sans-serif;
 }

 textarea {
     overflow: hidden;
     resize: none;
 }

 button {
     outline: none !important;
     cursor: pointer;
 }

 p {
     font-size: 15px;
     line-height: 1.6em;
     font-weight: 400;
     margin: 0 0 15px;
 }

 .text {
     font-size: 15px;
     line-height: 1.6em;
     font-weight: 400;
     margin: 0 0;
 }

 ::-webkit-input-placeholder {
     color: inherit;
 }

 ::-moz-input-placeholder {
     color: inherit;
 }

 ::-ms-input-placeholder {
     color: inherit;
 }

 .page-wrapper {
     position: relative;
     margin: 0 auto;
     width: 100%;
     min-width: 300px;
     z-index: 9;
     overflow: hidden;
 }

 .auto-container {
     position: static;
     max-width: 1200px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }

 figure {
     margin-bottom: 0;
 }

 .theme-btn {
     display: inline-block;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .theme-btn i {
     position: relative;
     display: inline-block;
     font-size: 14px;
     margin-left: 3px;
 }

 .centered {
     text-align: center !important;
 }

 /*Btn Style One*/

 .btn-style-one {
     position: relative;
     display: inline-block;
     text-transform: capitalize;
     text-align: center;
     border-radius: 0px;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-one .btn-title {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #ffffff;
     font-weight: 700;
     padding: 18px 30px 12px;
     background: #c0392b;
     border-radius: 0px;
     z-index: 1;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-one:hover .btn-title {
     background: #222222;
     color: #ffffff;
 }

 /*Btn Style Two*/

 .btn-style-two {
     position: relative;
     display: inline-block;
     text-transform: capitalize;
     text-align: center;
     border-radius: 0px;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-two .btn-title {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #222222;
     font-weight: 700;
     padding: 18px 30px 12px;
     background: #ffffff;
     border-radius: 0px;
     z-index: 1;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-two .icon {
     position: relative;
     top: -2px;
     display: inline-block;
     vertical-align: top;
     line-height: 27px;
     padding-right: 5px;
     font-size: 12px;
 }

 .btn-style-two:hover .btn-title {
     background: #c0392b;
     color: #ffffff;
 }

 /*Btn Style Three*/

 .btn-style-three {
     position: relative;
     display: inline-block;
     text-transform: capitalize;
     text-align: center;
     border-radius: 0px;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-three .btn-title {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #222222;
     font-weight: 700;
     padding: 16px 35px 12px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     border-radius: 0px;
     z-index: 1;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .btn-style-three .icon {
     position: relative;
     top: -2px;
     display: inline-block;
     vertical-align: top;
     line-height: 27px;
     padding-right: 5px;
     font-size: 12px;
 }

 .btn-style-three:hover .btn-title {
     background: #c0392b;
     color: #ffffff;
 }

 .pull-right {
     float: right;
 }

 .pull-left {
     float: left;
 }

 .preloader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
     background-color: rgba(0, 0, 0, 0);
 }

 .preloader .icon {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 5;
     background-color: rgba(0, 0, 0, 0);
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url(../images/preloader-jogjaprov.svg);
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .page-loaded .preloader .icon {
     opacity: 0;
 }

 .preloader:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 51%;
     height: 100%;
     background: #ffffff;
     z-index: 0;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
     -webkit-transition: all 800ms ease;
     -moz-transition: all 800ms ease;
     -ms-transition: all 800ms ease;
     -o-transition: all 800ms ease;
     transition: all 800ms ease;
 }

 .page-loaded .preloader:before {
     -webkit-transform: translateX(-101%);
     -ms-transform: translateX(-101%);
     transform: translateX(-101%);
 }

 .preloader:after {
     content: '';
     position: absolute;
     right: 0;
     top: 0;
     width: 51%;
     height: 100%;
     background: #ffffff;
     z-index: 2;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
     -webkit-transition: all 800ms ease;
     -moz-transition: all 800ms ease;
     -ms-transition: all 800ms ease;
     -o-transition: all 800ms ease;
     transition: all 800ms ease;
 }

 .page-loaded .preloader:after {
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
 }

 img {
     display: inline-block;
     max-width: 100%;
     height: auto;
 }

 .dropdown-toggle::after {
     display: none;
 }

 .fa {
     line-height: inherit;
 }

 /***

 ====================================================================
     Scroll To Top style
 ====================================================================

 ***/

 .scroll-to-top {
     position: fixed;
     right: 30px;
     bottom: 30px;
     width: 56px;
     height: 56px;
     color: rgba(255,255,255,0.50);
     border: 1px solid rgba(255,255,255,0.20);
     font-size: 20px;
     line-height: 54px;
     text-align: center;
     z-index: 100;
     cursor: pointer;
     background: #C0392B;
     border-radius: 0px;
     display: none;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .scroll-to-top span.icon {
     color: #ffffff;
 }

 /* .scroll-to-top {
     position: fixed;
     right: 15px;
     bottom: 30px;
     width: 56px;
     height: 56px;
     font-size: 20px;
     line-height: 54px;
     text-align: center;
     z-index: 100;
     cursor: pointer;
     border-radius: 0px;
     display: none;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     margin-bottom: 2rem;
 } */

 /* .scroll-to-top:hover {
     border-color: #c0392b;
     background: #c0392b;
 } */

 /* custom scroll first */
 .scroll-to-top .mouse_scroll {
     display: block;
     margin: 0 auto;
     width: 24px;
     height: 100px;
 }


 .scroll-to-top .m_scroll_arrows {
     display: block;
     -ms-transform: rotate(45deg);
     /* IE 9 */
     -webkit-transform: rotate(45deg);
     /* Chrome, Safari, Opera */
     transform: rotate(45deg);
     border-right: 2px solid white;
     border-bottom: 2px solid white;
     margin: 0 0 4px 6px;
     width: 13px;
     height: 13px;
 }

 /* .scroll-to-top .m_scroll_arrows.active {
     border-right: 2px solid red !important;
     border-bottom: 2px solid red !important;
 } */

 .scroll-to-top .unu {
     margin-top: 1px;
 }

 .scroll-to-top .unu,
 .doi,
 .trei {
     -webkit-animation: mouse-scroll 1s infinite;
     -moz-animation: mouse-scroll 1s infinite;
     animation: mouse-scroll 1s infinite;

 }

 .scroll-to-top .unu {
     -webkit-animation-delay: .1s;
     -moz-animation-delay: .1s;
     -webkit-animation-direction: alternate;

     animation-direction: alternate;
     animation-delay: alternate;
 }

 .scroll-to-top .doi {
     -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
     -webkit-animation-direction: alternate;

     animation-delay: .2s;
     animation-direction: alternate;

     margin-top: -6px;
 }

 .scroll-to-top .trei {
     -webkit-animation-delay: .3s;
     -moz-animation-delay: .3s;
     -webkit-animation-direction: alternate;

     animation-delay: .3s;
     animation-direction: alternate;


     margin-top: -6px;
 }

 .scroll-to-top .mouse {
     height: 38px;
     width: 24px;
     border-radius: 14px;
     transform: none;
     border: 2px solid white;
     top: 170px;
 }

 /* .scroll-to-top .mouse.active {
     border: 2px solid red !important;
 } */

 .scroll-to-top .wheel {
     height: 5px;
     width: 2px;
     display: block;
     margin: 5px auto;
     background: white;
     position: relative;

     height: 4px;
     width: 4px;
     border: 2px solid #fff;
     -webkit-border-radius: 8px;
     border-radius: 8px;
 }

 /* .scroll-to-top .wheel.active {
     border: 2px solid red !important;
     background: red !important;
 } */

 .scroll-to-top .wheel {
     -webkit-animation: mouse-wheel 0.6s linear infinite;
     -moz-animation: mouse-wheel 0.6s linear infinite;
     animation: mouse-wheel 0.6s linear infinite;
 }

 @-webkit-keyframes mouse-wheel {
     0% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         -webkit-transform: translateY(6px);
         -ms-transform: translateY(6px);
         transform: translateY(6px);
     }
 }

 @-moz-keyframes mouse-wheel {
     0% {
         top: 1px;
     }

     25% {
         top: 2px;
     }

     50% {
         top: 3px;
     }

     75% {
         top: 2px;
     }

     100% {
         top: 1px;
     }
 }

 @-o-keyframes mouse-wheel {

     0% {
         top: 1px;
     }

     25% {
         top: 2px;
     }

     50% {
         top: 3px;
     }

     75% {
         top: 2px;
     }

     100% {
         top: 1px;
     }
 }

 @keyframes mouse-wheel {

     0% {
         top: 1px;
     }

     25% {
         top: 2px;
     }

     50% {
         top: 3px;
     }

     75% {
         top: 2px;
     }

     100% {
         top: 1px;
     }
 }

 @-webkit-keyframes mouse-scroll {

     0% {
         opacity: 0;
     }

     50% {
         opacity: .5;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes mouse-scroll {

     0% {
         opacity: 0;
     }

     50% {
         opacity: .5;
     }

     100% {
         opacity: 1;
     }
 }

 @-o-keyframes mouse-scroll {

     0% {
         opacity: 0;
     }

     50% {
         opacity: .5;
     }

     100% {
         opacity: 1;
     }
 }

 @keyframes mouse-scroll {

     0% {
         opacity: 0;
     }

     50% {
         opacity: .5;
     }

     100% {
         opacity: 1;
     }
 }

 /* end custom scroll first */


 /***

 ====================================================================
     Main Header style / Header Style One
 ====================================================================

 ***/

 .main-header {
     position: relative;
     display: block;
     width: 100%;
     z-index: 9999;
     background: none;
 }

 .send {
     background: #c0392b !important;
     color: #ffffff !important;
     font-size: 16px !important;
     padding: 9px 2.5rem !important;
 }

 .header-top {
     position: relative;
 }

 .header-top .inner {
     position: relative;
 }

 .main-header .header-top .top-left {
     position: relative;
     float: left;
 }

 .main-header .header-top .top-right {
     position: relative;
     float: right;
 }

 .header-top-one {
     background: none;
     padding: 10px 40px;
     font-size: 14px;
     border-bottom: 1px solid #e2eef2;
     line-height: 30px;
     background: #222222;
     color: #ffffff;
 }

 .header-top-one .auto-container {
     max-width: none;
 }

 .header-top-one .mid-text {
     position: relative;
     float: left;
     margin-left: 50px;
     line-height: 28px;
     color: #a1a1a1;
 }

 .header-top-one .mid-text span {
     font-family: 'Exo', sans-serif;
     color: #ffffff;
     text-transform: uppercase;
 }

 .header-top-one .welcome-text {
     position: relative;
     float: left;
     color: #ffffff;
     font-size: 12px;
     line-height: 30px;
     text-transform: uppercase;
 }

 .header-top-one .welcome-text .flag {
     position: relative;
     top: 4px;
     display: inline-block;
     vertical-align: top;
     width: 20px;
     height: 20px;
     margin-right: 5px;
     background: url(..../images/icons/icon-flag.png) left center no-repeat;
 }

 .header-top-one .welcome-text .arrow {
     position: relative;
     top: 6px;
     display: inline-block;
     vertical-align: top;
     width: 16px;
     height: 16px;
     line-height: 16px;
     text-align: center;
     background: #3e3e3e;
     font-size: 7px;
     margin-left: 5px;
     border-radius: 50%;
 }

 .header-top-one .email {
     position: relative;
     float: left;
     font-weight: 500;
     margin-left: 20px;
     padding-left: 21px;
 }

 .header-top-one .email:before {
     content: '';
     position: absolute;
     left: 0;
     top: 3px;
     height: 24px;
     border-left: 1px solid rgba(255, 255, 255, 0.30);
 }

 .header-top-one .email a {
     color: #ffffff;
 }

 .header-top-one .email .icon {
     position: relative;
     top: 1px;
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     color: #c0392b;
     padding-right: 7px;
 }

 .header-top-one .email a:hover {
     text-decoration: underline;
     color: #c0392b;
 }

 .header-top-one .hours {
     position: relative;
     float: left;
     margin-left: 20px;
     padding-left: 21px;
     z-index: 5;
 }

 .header-top-one .hours:before {
     content: '';
     position: absolute;
     left: 0;
     top: 3px;
     height: 24px;
     border-left: 1px solid rgba(255, 255, 255, 0.30);
 }

 .header-top-one .hours .hours-btn {
     position: relative;
     font-size: 13px;
     font-weight: 500;
     display: block;
     background: #c0392b;
     line-height: 24px;
     padding: 3px 15px;
     border-radius: 15px;
     cursor: pointer;
 }

 .header-top-one .hours .hours-btn .arrow {
     position: relative;
     display: inline-block;
     vertical-align: top;
     font-size: 8px;
     margin-left: 7px;
 }

 .header-top-one .hours .hours-btn:before {
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     height: 10px;
 }

 .header-top-one .hours .hours-dropdown {
     position: absolute;
     right: 0;
     top: 100%;
     margin-top: 10px;
     width: 200px;
     background: #222222;
     border-top: 2px solid #c0392b;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .header-top-one .hours:hover .hours-dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .header-top-one .hours .hours-dropdown li {
     position: relative;
     display: block;
     font-size: 14px;
     line-height: 24px;
     color: #ffffff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .header-top-one .hours .hours-dropdown li:last-child {
     border: none;
 }

 .header-top-one .hours .hours-dropdown li a {
     position: relative;
     display: block;
     padding: 8px 15px;
     font-size: 14px;
     line-height: 24px;
     color: #ffffff;
 }

 .header-top-one .hours .hours-dropdown li a:hover {
     color: #c0392b;
 }

 .header-top-one .phone {
     position: relative;
     float: left;
     font-weight: 500;
     font-size: 14px;
 }

 .header-top-one .phone a {
     color: #ffffff;
 }

 .header-top-one .phone .icon {
     position: relative;
     top: 1px;
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     color: #c0392b;
     padding-right: 7px;
 }

 .header-top-one .phone a:hover {
     text-decoration: underline;
     color: #c0392b;
 }

 /*=== Header Main Box ===*/

 .main-header .header-upper {
     position: relative;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -webkit-transition: top 300ms ease;
     -moz-transition: top 300ms ease;
     -ms-transition: top 300ms ease;
     -o-transition: top 300ms ease;
     transition: top 300ms ease;
     z-index: 1;
 }

 .main-header.header-style-two.fixed-header {
     position: fixed;
     display: flex;
 }

 .fixed-header.header-style-one .header-upper,
 .fixed-header.header-style-two .header-upper,
 .fixed-header .header-upper {
     -webkit-animation-name: slideInDown;
     -webkit-animation-duration: 700ms;
     -webkit-animation-timing-function: ease;

     -moz-animation-name: slideInDown;
     -moz-animation-duration: 700ms;
     -moz-animation-timing-function: ease;

     -ms-animation-name: slideInDown;
     -ms-animation-duration: 700ms;
     -ms-animation-timing-function: ease;

     animation-name: slideInDown;
     animation-duration: 700ms;
     animation-timing-function: ease;
     top: -2rem;
 }

 .header-style-one .header-upper .auto-container {
     max-width: none;
 }

 .header-style-one .header-upper .inner-container {
     position: relative;
     padding: 0px 40px;
 }

 .main-header .header-upper {
     position: relative;
     background: #ffffff;
 }

 .main-header .header-upper .logo-box {
     position: relative;
     float: left;
     padding: 20px 0px;
     z-index: 10;
 }

 .main-header .header-upper .logo-box .logo {
     position: relative;
     float: left;
     display: block;
 }

 .main-header .header-upper .logo-box .logo img {
     position: relative;
     display: inline-block;
     max-width: 100%;
     max-height: 50px;
     z-index: 1;
 }

 .main-header .header-upper .right-nav {
     position: relative;
     float: right;
 }

 .main-header .search-btn-one {
     position: relative;
     float: left;
     margin-left: 25px;
     margin-top: 12px;
     padding-left: 21px;
 }

 .main-header .search-btn-one:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0px;
     height: 30px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .main-header .search-btn-one button {
     position: relative;
     display: block;
     padding: 0;
     margin: 0;
     background: none;
     font-size: 16px;
     line-height: 30px;
     font-family: 'Exo', sans-serif;
     color: #757575;
     cursor: pointer;
 }

 .main-header .search-btn-one button .icon {
     position: relative;
     top: 2px;
     color: #aaaaaa;
     display: inline-block;
     line-height: 30px;
     padding-left: 20px;
 }

 .main-header .nav-outer {
     position: relative;
     float: left;
     z-index: 1;
 }

 .header-style-one .header-upper .nav-outer {
     width: calc(100% - 550px);
     text-align: center;
 }

 .main-header .nav-outer .main-menu {
     position: relative;
 }

 .header-style-one .header-upper .nav-outer .main-menu {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }

 .main-menu .navbar-collapse {
     padding: 0px;
     display: block !important;
 }

 .main-menu .navigation {
     position: relative;
     margin: 0px;
     font-family: 'Exo', sans-serif;
 }

 .main-menu .navigation>li {
     position: relative;
     float: left;
     padding: 15px 0px;
     margin-right: 30px;
     -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;
 }

 .main-menu .navigation>li:last-child:after {
     display: none;
 }

 .main-menu .navigation>li>a {
     position: relative;
     display: block;
     text-align: center;
     font-size: 15px;
     line-height: 30px;
     font-weight: 600;
     text-transform: capitalize;
     color: #222222;
     padding: 15px 0px;
     opacity: 1;
     -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.dropdown>a {
     padding-right: 15px;
 }

 .main-menu .navigation>li.dropdown>a:before {
     font-family: 'Font Awesome 5 Free';
     content: "\f107";
     position: absolute;
     right: 0px;
     line-height: 32px;
     font-size: 9px;
     color: #aaaaaa;
 }

 .sticky-header .main-menu .navigation>li:before,
 .sticky-header .main-menu .navigation>li.dropdown>a:before {
     display: none;
 }

 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li.current>a,
 .header-style-two .header-upper .main-menu .navigation>li:hover>a,
 .header-style-two .header-upper .main-menu .navigation>li.current>a,
 .header-style-two .header-upper .main-menu .navigation>li.current>a:before,
 .header-style-two .header-upper .main-menu .navigation>li:hover>a:before {
     color: #c0392b;
 }

 .sticky-header .main-menu .navigation>li:hover>a,
 .sticky-header .main-menu .navigation>li.current>a {
     color: #c0392b;
 }

 .sticky-header .main-menu .navigation>li.dropdown {
     padding-right: 0px;
 }

 .main-menu .navigation>li>ul {
     position: absolute;
     left: 0px;
     top: 100%;
     margin-top: 10px;
     width: 260px;
     z-index: 100;
     display: none;
     background: #ffffff;
     padding: 5px 0px;
     border: 0;
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
 }

 .main-menu .navigation>li>ul:before {
     content: '';
     position: absolute;
     left: 0;
     top: -10px;
     width: 100%;
     height: 10px;
 }

 .main-menu .navigation>li>ul.from-right {
     left: auto;
     right: 0px;
 }

 .main-menu .navigation>li>ul>li {
     position: relative;
     padding: 0px 30px;
     width: 100%;
 }

 .main-menu .navigation>li>ul>li>a {
     position: relative;
     display: block;
     padding: 12px 0px;
     padding-left: 22px;
     line-height: 26px;
     font-weight: 500;
     font-size: 14px;
     color: #757575;
     text-align: left;
     text-transform: capitalize;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li>a:before,
 .main-menu .navigation>li>ul>li>ul>li>a:before {
     content: '';
     position: absolute;
     left: 0;
     top: 20px;
     width: 10px;
     height: 10px;
     border: 2px solid rgba(0, 0, 0, 0.15);
     border-radius: 50%;
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li>a:after,
 .main-menu .navigation>li>ul>li>ul>li>a:after {
     content: '';
     position: absolute;
     left: -14px;
     top: 24px;
     width: 15px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -ms-transform-origin: right top;
     transform-origin: right top;
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li:hover>a:before,
 .main-menu .navigation>li>ul>li>ul>li:hover>a:before {
     background: #c0392b;
     border-color: #c0392b;
 }

 .main-menu .navigation>li>ul>li:hover>a:after,
 .main-menu .navigation>li>ul>li>ul>li:hover>a:after {
     border-color: #c0392b;
     -ms-transform: scaleX(1);
     transform: scaleX(1);
 }

 .main-menu .navigation>li>ul>li:last-child>a {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li:hover>a {
     color: #c0392b;
 }

 .main-menu .navigation>li>ul>li>ul {
     position: absolute;
     left: 100%;
     margin-left: 10px;
     top: 0;
     width: 260px;
     z-index: 100;
     display: none;
     background: #ffffff;
     padding: 5px 0px;
     border: 0;
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
 }

 .main-menu .navigation>li>ul>li.position-right>ul {
     left: auto;
     right: 100%;
 }

 .main-menu .navigation>li>ul>li>ul:before {
     content: '';
     position: absolute;
     left: -10px;
     top: 0px;
     width: 10px;
     height: 100%;
 }

 .main-menu .navigation>li>ul>li>ul.from-right {
     left: auto;
     right: 0px;
 }

 .main-menu .navigation>li>ul>li>ul>li {
     position: relative;
     padding: 0px 30px;
     width: 100%;
 }

 .main-menu .navigation>li>ul>li>ul>li>a {
     position: relative;
     display: block;
     padding: 12px 0px;
     padding-left: 22px;
     line-height: 26px;
     font-weight: 500;
     font-size: 14px;
     color: #757575;
     text-align: left;
     text-transform: capitalize;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li:hover>a {
     color: #c0392b;
 }

 .main-menu .navigation li ul>li.dropdown:after {
     font-family: 'Exo', sans-serif;
     content: "+";
     position: absolute;
     right: 30px;
     top: 10px;
     display: block;
     line-height: 30px;
     color: #757575;
     font-size: 24px;
     font-weight: 300;
     z-index: 5;
 }

 .main-menu .navigation>li.dropdown:hover>ul {
     visibility: visible;
     opacity: 1;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
     visibility: visible;
     opacity: 1;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation li.dropdown .dropdown-btn {
     position: absolute;
     right: 10px;
     top: 8px;
     width: 34px;
     height: 30px;
     border: 1px solid #ffffff;
     text-align: center;
     font-size: 16px;
     line-height: 26px;
     color: #ffffff;
     cursor: pointer;
     z-index: 5;
     display: none;
 }

 .header-style-one .header-upper {
     position: relative;
 }

 .header-style-one .other-links {
     position: relative;
     float: right;
 }

 .c-tooltip {
     position: absolute;
     left: 50%;
     top: 100%;
     min-width: 86px;
     margin-left: -43px;
     margin-top: 15px;
     text-align: center;
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .c-tooltip .tooltip-inner {
     position: relative;
     display: block;
     margin-bottom: 12px;
     min-width: 86px;
     padding: 3px 10px;
     line-height: 20px;
     font-size: 11px;
     color: #ffffff;
     background: #222222;
     text-transform: uppercase;
     border-radius: 7px;
 }

 .c-tooltip .tooltip-inner:before {
     content: '';
     position: absolute;
     left: 50%;
     margin-left: -5px;
     bottom: 100%;
     border: 5px solid transparent;
     border-bottom: 5px solid #222222;
 }

 .has-tooltip:hover .c-tooltip {
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
     z-index: 1;
 }

 .header-style-one .other-links .social-links-one {
     position: relative;
     float: left;
     margin-left: 25px;
     margin-top: 30px;
     padding-left: 26px;
 }

 .header-style-one .other-links .social-links-one:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0px;
     height: 30px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .social-links-one {
     position: relative;
 }

 .social-links-one li {
     position: relative;
     float: left;
     margin-left: 10px;
 }

 .social-links-one li:first-child {
     margin-left: 0;
 }

 .social-links-one li a {
     position: relative;
     display: block;
     width: 30px;
     height: 30px;
     font-size: 13px;
     line-height: 28px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     text-align: center;
     background: #ffffff;
     color: #aaaaaa;
     border-radius: 50%;
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .social-links-one li a:hover {
     background: #c0392b;
     border-color: #c0392b;
     color: #ffffff;
 }

 .header-style-one .other-links .language {
     position: relative;
     float: left;
     padding-top: 30px;
     z-index: 5;
 }

 .header-style-one .other-links .language .lang-btn {
     position: relative;
     display: block;
     line-height: 30px;
     font-size: 16px;
     text-transform: capitalize;
     color: #757575;
     font-weight: 400;
     font-family: 'Exo', sans-serif;
     cursor: pointer;
 }

 .header-style-one .other-links .language .lang-btn .icon {
     position: relative;
     top: -1px;
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     padding-right: 7px;
 }

 .header-style-one .other-links .language .lang-btn .txt {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }

 .header-style-one .other-links .language .lang-btn .arrow {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding-left: 5px;
     font-size: 14px;
 }

 .header-style-one .other-links .language .lang-btn:before {
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     height: 26px;
 }

 .header-style-one .other-links .language .lang-dropdown {
     position: absolute;
     right: 0;
     top: 100%;
     margin-top: 26px;
     width: 180px;
     background: #222222;
     border-top: 2px solid #c0392b;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .header-style-one .other-links .language:hover .lang-dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .header-style-one .other-links .language .lang-dropdown li {
     position: relative;
     display: block;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .header-style-one .other-links .language .lang-dropdown li:last-child {
     border: none;
 }

 .header-style-one .other-links .language .lang-dropdown li a {
     position: relative;
     display: block;
     padding: 7px 15px;
     font-size: 14px;
     line-height: 24px;
     color: #ffffff;
 }

 .header-style-one .other-links .language .lang-dropdown li a:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
     Header Style Two
 ====================================================================

 ***/

 .header-style-two {
     position: absolute;
     width: 100vw;
     display: flex;
     margin-top: 3rem;
 }

 .header-top-two {
     background: none;
     padding: 10px 0px;
     font-size: 14px;
     line-height: 30px;
     background: #f1f1f1;
     color: #757575;
 }

 .header-top-two .left-text {
     position: relative;
     top: 4px;
     float: left;
     color: #222222;
     font-size: 13px;
     font-weight: 700;
     line-height: 30px;
     text-transform: uppercase;
     font-family: 'Exo', sans-serif;
 }

 .header-top-two .left-text .icon {
     position: relative;
     top: -1px;
     color: #c0392b;
     display: inline-block;
     vertical-align: top;
     padding-right: 7px;
 }

 .header-top-two .info {
     position: relative;
     float: left;
     margin-left: 25px;
 }

 .header-top-two .info li {
     position: relative;
     float: left;
     font-weight: 500;
     margin-right: 45px;
 }

 .header-top-two .info li:before {
     content: '';
     position: absolute;
     right: -23px;
     top: 5px;
     height: 20px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .header-top-two .info li:last-child {
     margin-right: 0;
 }

 .header-top-two .info li:last-child:before {
     display: none;
 }

 .header-top-two .info li a {
     color: #757575;
 }

 .header-top-two .info li .icon {
     position: relative;
     top: 2px;
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     color: #c0392b;
     padding-right: 10px;
 }

 .header-top-two .info li a:hover {
     text-decoration: underline;
     color: #c0392b;
 }

 .header-top-two .language {
     position: relative;
     float: left;
     z-index: 5;
 }

 .header-top-two .language .lang-btn {
     position: relative;
     top: 2px;
     display: block;
     line-height: 30px;
     font-size: 14px;
     text-transform: uppercase;
     color: #222222;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     cursor: pointer;
 }

 .header-top-two .language .lang-btn .icon {
     position: relative;
     top: -1px;
     font-size: 16px;
     color: #c0392b;
     font-weight: 400;
     display: inline-block;
     vertical-align: middle;
     padding-right: 7px;
 }

 .header-top-two .language .lang-btn .txt {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }

 .header-top-two .language .lang-btn .arrow {
     position: relative;
     top: -1px;
     color: #757575;
     display: inline-block;
     vertical-align: middle;
     padding-left: 5px;
     font-size: 14px;
 }

 .header-top-two .language .lang-btn:before {
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     height: 10px;
 }

 .header-top-two .language .lang-dropdown {
     position: absolute;
     right: 0;
     top: 100%;
     margin-top: 10px;
     width: 180px;
     background: #222222;
     border-top: 2px solid #c0392b;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .header-top-two .language:hover .lang-dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .header-top-two .language .lang-dropdown li {
     position: relative;
     display: block;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .header-top-two .language .lang-dropdown li:last-child {
     border: none;
 }

 .header-top-two .language .lang-dropdown li a {
     position: relative;
     display: block;
     padding: 7px 15px;
     font-size: 14px;
     line-height: 24px;
     color: #ffffff;
 }

 .header-top-two .language .lang-dropdown li a:hover {
     color: #c0392b;
 }

 .header-top-two .social-links-two {
     position: relative;
     float: left;
     margin-left: 20px;
 }

 .social-links-two {
     position: relative;
 }

 .social-links-two li {
     position: relative;
     float: left;
     margin-left: 8px;
 }

 .social-links-two li:first-child {
     margin-left: 0;
 }

 .social-links-two li a {
     position: relative;
     display: block;
     width: 30px;
     height: 30px;
     font-size: 12px;
     line-height: 28px;
     border: 1px solid #ffffff;
     text-align: center;
     background: #ffffff;
     color: #000000;
     border-radius: 50%;
     -webkit-transition: all 300ms linear;
     -ms-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 .social-links-two li a:hover {
     background: #c0392b;
     border-color: #c0392b;
     color: #ffffff;
 }

 .header-style-two .header-upper {
     background: #fff;
     border-radius: 10px;
     width: 95%;
     margin-left: auto;
     margin-right: auto;
 }

 .header-style-two .header-upper .logo-box {
     position: relative;
     float: left;
     padding: 15px 0px;
     min-width: 200px;
     background: #fff;
 }

 .header-style-two .header-upper .nav-outer {
     float: left;
     margin-left: 60px;
 }

 .header-style-two .header-upper .search-btn-one {
     position: relative;
     float: right;
     margin-left: 0px;
     margin-top: 26px;
 }

 .header-style-two .header-upper .search-btn-one:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0px;
     height: 30px;
     border-left: 1px solid rgba(255, 255, 255, 0.40);
 }

 .header-style-two .header-upper .search-btn-one button {
     color: #ffffff;
 }

 .header-style-two .header-upper .search-btn-one button .icon,
 .mobile-nav-toggler .icon {
     color: #cdcdcd;
 }

 .mobile-nav-toggler .icon {
     margin-right: 0.5rem;
 }

 .header-style-two .header-upper .main-menu .navigation>li {
     padding: 10px 0px;
 }

 .header-style-two .header-upper .main-menu .navigation>li>a {
     color: #333;
     font-size: 15px;
 }

 /***

 ====================================================================
                 Sticky Header
 ====================================================================

 ***/

 .sticky-header {
     display: none;
     position: fixed;
     visibility: hidden;
     opacity: 0;
     left: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     z-index: -1;
     background: #ffffff;
     border-bottom: 1px solid #f0f0f0;
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     -webkit-transition: top 300ms ease;
     -moz-transition: top 300ms ease;
     -ms-transition: top 300ms ease;
     -o-transition: top 300ms ease;
     transition: top 300ms ease;
 }

 .fixed-header .sticky-header {
     opacity: 1;
     z-index: 99901;
     visibility: visible;
 }

 .fixed-header .sticky-header .logo {
     padding: 10px 0px;
 }

 .sticky-header .main-menu .navigation>li {
     margin-left: 40px !important;
     padding: 0;
     margin-right: 0;
     background-color: transparent;
 }

 .sticky-header .main-menu .navigation>li.dropdown>a:after,
 .sticky-header .main-menu .navigation>li:before {
     display: none;
 }

 .sticky-header .main-menu .navigation>li>a {
     padding: 21px 0px !important;
     line-height: 30px;
     font-size: 16px;
     font-weight: 600;
     color: #25283a;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .sticky-header .main-menu .navigation>li>ul>li>ul {
     left: auto;
     right: 100%;
 }

 .sticky-header .main-menu .navigation>li:hover>a,
 .sticky-header .main-menu .navigation>li.current>a,
 .sticky-header .main-menu .navigation>li.current-menu-item>a {
     opacity: 1;
 }

 /***

 ====================================================================
     Search Popup
 ====================================================================

 ***/

 .search-popup {
     position: fixed;
     left: 0;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 99999;
     visibility: hidden;
     opacity: 0;
     overflow: auto;
     background: rgba(0, 0, 0, 0.0);
     transition: all 100ms ease;
     -moz-transition: all 100ms ease;
     -webkit-transition: all 100ms ease;
     -ms-transition: all 100ms ease;
     -o-transition: all 100ms ease;
 }

 .search-popup:before {
     content: '';
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
     -webkit-transform: translateY(101%);
     -ms-transform: translateY(101%);
     transform: translateY(101%);
 }

 .search-popup.popup-visible:before {
     transition: all 500ms ease 100ms;
     -moz-transition: all 500ms ease 100ms;
     -webkit-transition: all 500ms ease 100ms;
     -ms-transition: all 500ms ease 100ms;
     -o-transition: all 500ms ease 100ms;
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
 }

 .search-popup.popup-visible {
     opacity: 1;
     visibility: visible;
 }

 body.search-visible {
     overflow: hidden;
 }

 .search-popup .overlay-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     display: block;
 }

 .search-popup .close-search {
     position: absolute;
     right: 25px;
     top: 25px;
     font-size: 22px;
     color: #ffffff;
     cursor: pointer;
     z-index: 5;
 }

 .search-popup .close-search:hover {
     opacity: 0.70;
 }

 .search-popup .search-form {
     position: relative;
     padding: 0px 15px 0px;
     max-width: 1024px;
     margin: 0 auto;
     margin-top: 150px;
     margin-bottom: 100px;
     opacity: 0;
     -webkit-transform: translateY(50px);
     -ms-transform: translateY(50px);
     transform: translateY(50px);
     z-index: 10;
 }

 .search-popup.popup-visible .search-form {
     opacity: 1;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     transition: all 500ms ease 500ms;
     -moz-transition: all 900ms ease 500ms;
     -webkit-transition: all 900ms ease 500ms;
     -ms-transition: all 900ms ease 500ms;
     -o-transition: all 900ms ease 500ms;
 }

 .search-popup .search-form fieldset {
     position: relative;
     border: 7px solid rgba(255, 255, 255, 0.50);
     border-radius: 12px;
 }

 .search-popup .search-form fieldset input[type="search"] {
     position: relative;
     height: 70px;
     padding: 20px 235px 20px 30px;
     background: #ffffff;
     line-height: 30px;
     font-size: 24px;
     color: #233145;
     border-radius: 7px;
 }

 .search-popup .search-form fieldset input[type="submit"] {
     position: absolute;
     display: block;
     right: 0px;
     top: 0px;
     text-align: center;
     width: 220px;
     height: 70px;
     padding: 20px 10px 20px 10px;
     color: #ffffff !important;
     background: #c0392b;
     line-height: 30px;
     font-size: 20px;
     cursor: pointer;
     text-transform: uppercase;
     border-radius: 0px 7px 7px 0px;
 }

 .search-popup .search-form fieldset input[type="submit"]:hover {
     background: #c0392b;
 }

 .search-popup h3 {
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 20px;
     letter-spacing: 1px;
     text-align: center;
 }

 .search-popup .recent-searches {
     font-size: 16px;
     color: #ffffff;
     text-align: center;
 }

 .search-popup .recent-searches li {
     display: inline-block;
     margin: 0px 10px 10px 0px;
 }

 .search-popup .recent-searches li a {
     display: block;
     line-height: 24px;
     border: 1px solid #ffffff;
     padding: 7px 15px;
     color: #ffffff;
     border-radius: 3px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .search-popup .recent-searches li a:hover {
     color: #c0392b;
     border-color: #c0392b;
 }



 /***

 ====================================================================
             Mobile Menu
 ====================================================================

 ***/

 .nav-outer .mobile-nav-toggler {
     position: relative;
     float: right;
     font-size: 32px;
     line-height: 40px;
     cursor: pointer;
     margin-left: 0px;
     color: #222222;
     margin: 28px 0px 0px;
     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;
 }

 .mobile-menu .mCSB_inside>.mCSB_container {
     margin-right: 5px;
 }

 .mobile-menu .navbar-collapse {
     display: block !important;
 }

 .mobile-menu .nav-logo {
     position: relative;
     padding: 30px 25px;
     text-align: left;
 }

 .mobile-menu-visible {
     overflow: hidden;
 }

 .mobile-menu-visible .mobile-menu {
     opacity: 1;
     visibility: visible;
 }

 .mobile-menu .menu-backdrop {
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: rgba(0, 0, 0, 0.70);
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
     opacity: 0.70;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
     -ms-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 .menu-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     max-height: 100%;
     overflow-y: auto;
     background: #202020;
     padding: 0px 0px;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
     border-radius: 0px;
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
 }

 .mobile-menu-visible .mobile-menu .menu-box {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
     -ms-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: 10px;
     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>a:hover {
     color: #c0392b;
 }

 .mobile-menu .navigation li ul li>a:hover {
     color: #c0392b;
 }

 .mobile-menu .navigation li ul li>a {
     font-size: 15px;
     margin-left: 20px;
     text-transform: capitalize;
 }

 .mobile-menu .navigation li>a:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 0;
     border-left: 3px solid #c0392b;
     -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.dropdown .dropdown-btn {
     position: absolute;
     right: 10px;
     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.dropdown>a {
     padding-right: 30px;
 }

 .mobile-menu .navigation li.dropdown .dropdown-btn.open {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul {
     display: none;
 }

 .mobile-menu .social-links {
     position: relative;
     text-align: center;
     padding: 30px 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;
 }

 /***

 ====================================================================
         Lazy Load Settings
 ====================================================================

 ***/

 img.lazy-image {
     background: url(..../images/icons/image-bg.svg) center center no-repeat;
 }

 img.lazy-image.loaded {
     background-image: none;
 }

 .owl-theme img.lazy-image.loaded {
     height: auto;
     opacity: 1;
 }


 /***

 ====================================================================
         Banner Section
 ====================================================================

 ***/

 .banner-section {
     position: relative;
     z-index: 1;
 }

 .banner-one {
     position: relative;
 }

 .banner-carousel {
     position: relative;
     z-index: 1;
 }

 .banner-carousel .slide-item {
     position: relative;
     display: block;
     color: #ffffff;
     padding: 30px 0px;
     overflow: hidden;
 }

 .banner-carousel .slide-item .image-layer,
 .banner-carousel .slide-item .video-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 @media only screen and (max-width: 599px){
     .banner-carousel .slide-item .image-layer {
         background-position: bottom center;
         background-size: contain;
         max-height: 265px;
     }

     .banner-carousel .slide-item {
         padding: 10px 0px;
     }

     .services-section {
         padding: 30px 0px 80px !important;
     }
 }


 .banner-carousel .slide-item .video-layer video {
     width: 100%;
 }

 /* .banner-carousel .active .slide-item .image-layer {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
     -webkit-transition: all 7000ms linear;
     -moz-transition: all 7000ms linear;
     -ms-transition: all 7000ms linear;
     -o-transition: all 7000ms linear;
     transition: all 7000ms linear;
 } */

 .banner-carousel .content-box {
     position: relative;
     display: table;
     vertical-align: middle;
     width: 100%;
     height: 750px;
     padding: 20px 0px;
     z-index: 5;
 }

 @media only screen and (min-device-width: 1441px) {
     .banner-carousel .content-box {
         height: 700px;
     }
 }


 .banner-carousel .content-box .content {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     padding: 50px 0px;
 }

 .banner-carousel .content-box .inner {
     position: relative;
     display: block;
     width: 100%;
     max-width: 600px;
 }

 .banner-carousel .content-box .subtitle {
     display: block;
     font-size: 18px;
     line-height: 1.6em;
     color: #ffffff;
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: uppercase;
     opacity: 0;
     -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -o-transform: translateY(-50px);
     transform: translateY(-50px);
 }

 .banner-carousel .active .content-box .subtitle {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-carousel .content-box h1 {
     display: block;
     font-size: 72px;
     line-height: 1.05em;
     color: #ffffff;
     font-weight: 700;
     opacity: 0;
     margin-bottom: 10px;
     text-transform: uppercase !important;
     letter-spacing: 0;
     -webkit-transform: translateY(80px);
     -moz-transform: translateY(80px);
     -ms-transform: translateY(80px);
     -o-transform: translateY(80px);
     transform: translateY(80px);
     text-transform: capitalize;
 }

 .banner-carousel .active .content-box h1 {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-carousel .content-box .text {
     display: block;
     font-size: 16px;
     line-height: 1.7em;
     color: #ffffff;
     font-weight: 400;
     opacity: 0;
     margin-bottom: 35px;
     max-width: 450px;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
 }

 .banner-carousel .active .content-box .text {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel .content-box .links-box {
     position: relative;
     opacity: 0;
     z-index: 5;
     -webkit-transform: translateY(80px);
     -moz-transform: translateY(80px);
     -ms-transform: translateY(80px);
     -o-transform: translateY(80px);
     transform: translateY(80px);
 }

 .banner-carousel .active .content-box .links-box {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 1100ms;
     -moz-transition-delay: 1100ms;
     -ms-transition-delay: 1100ms;
     -o-transition-delay: 1100ms;
     transition-delay: 1100ms;
 }

 .banner-carousel .links-box .theme-btn {
     vertical-align: top;
     display: inline-block;
     margin-right: 15px;
     margin-bottom: 10px;
     min-width: 180px;
 }

 .banner-carousel .next-slide {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 100%;
     max-width: 650px;
     padding: 30px 80px 30px 50px;
     color: #ffffff;
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     -webkit-transform: translateX(120px);
     -moz-transform: translateX(120px);
     -ms-transform: translateX(120px);
     -o-transform: translateX(120px);
     transform: translateX(120px);
 }

 .banner-carousel .active .next-slide {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 1500ms;
     -moz-transition-delay: 1500ms;
     -ms-transition-delay: 1500ms;
     -o-transition-delay: 1500ms;
     transition-delay: 1500ms;
 }

 .banner-carousel .next-slide .inner {
     position: relative;
     display: block;
     padding-left: 100px;
     padding-right: 30px;
 }

 .banner-carousel .next-slide .count {
     position: absolute;
     left: 0;
     top: 0;
     width: 70px;
     font-size: 36px;
     color: #c0392b;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     line-height: 60px;
 }

 .banner-carousel .next-slide .count:after {
     content: '';
     position: absolute;
     right: 0;
     top: 5px;
     height: 50px;
     border-right: 1px solid rgba(255, 255, 255, 0.10);
 }

 .banner-carousel .next-slide .text {
     position: relative;
     font-size: 20px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     line-height: 30px;
     padding: 15px 0px;
 }

 .banner-carousel .next-slide .arrow {
     position: absolute;
     right: 0;
     top: 0;
     font-size: 24px;
     font-weight: 400;
     line-height: 60px;
 }

 .banner-section .owl-theme .owl-nav {
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -56.5px;
     width: 113px;
     background: rgba(95%, 95%, 95%, 90%);
     height: 56px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section .owl-theme .owl-nav:before {
     content: '';
     position: absolute;
     left: 50%;
     top: 12px;
     margin-left: -0.5px;
     height: 32px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .banner-section .owl-theme .owl-nav .owl-prev {
     position: absolute;
     left: 0px;
     background: none;
     height: 56px;
     width: 56px;
     border: none;
     text-align: center;
     line-height: 56px;
     color: #bcbcbc;
     font-size: 20px;
     border-radius: 0;
     opacity: 1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section .owl-theme .owl-nav .owl-next {
     position: absolute;
     right: 0px;
     background: none;
     height: 56px;
     width: 56px;
     border: none;
     text-align: center;
     line-height: 56px;
     color: #bcbcbc;
     font-size: 20px;
     border-radius: 0;
     opacity: 1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section .owl-nav .owl-prev:hover,
 .banner-section .owl-nav .owl-next:hover {
     color: #c0392b;
     background: none;
 }

 .banner-section .owl-theme .owl-dots {
     display: none;
 }

 /***

 ====================================================================
         Banner Section
 ====================================================================

 ***/

 .banner-section-two {
     position: relative;
     z-index: 1;
 }

 .banner-section-two .main-image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: right top;
     background-size: cover;
 }

 .banner-section-two .main-pattern-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .banner-carousel-two {
     position: relative;
     z-index: 1;
 }

 .banner-carousel-two .slide-item {
     position: relative;
     display: block;
     color: #ffffff;
     padding: 30px 0px;
     overflow: hidden;
 }

 .banner-carousel-two .slide-item .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .banner-carousel-two .content-box {
     position: relative;
     display: table;
     vertical-align: middle;
     width: 100%;
     height: 700px;
     padding: 20px 0px;
     z-index: 5;
 }

 .banner-carousel-two .content-box .content {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     padding: 60px 0px 0px;
 }

 .banner-carousel-two .content-box .inner {
     position: relative;
     display: block;
     width: 100%;
     max-width: 600px;
 }

 .banner-carousel-two .content-box h1 {
     display: block;
     font-size: 60px;
     line-height: 1.25em;
     color: #ffffff;
     font-weight: 700;
     opacity: 0;
     margin-bottom: 10px;
     text-transform: capitalize !important;
     letter-spacing: 0;
     -webkit-transform: translateY(80px);
     -moz-transform: translateY(80px);
     -ms-transform: translateY(80px);
     -o-transform: translateY(80px);
     transform: translateY(80px);
     text-transform: capitalize;
 }

 .banner-carousel-two .active .content-box h1 {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }

 .banner-carousel-two .content-box .text {
     display: block;
     font-size: 16px;
     line-height: 1.7em;
     color: #ffffff;
     font-weight: 400;
     opacity: 0;
     margin-bottom: 30px;
     max-width: 480px;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
 }

 .banner-carousel-two .active .content-box .text {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel-two .content-box .links-box {
     position: relative;
     opacity: 0;
     z-index: 5;
     -webkit-transform: translateY(80px);
     -moz-transform: translateY(80px);
     -ms-transform: translateY(80px);
     -o-transform: translateY(80px);
     transform: translateY(80px);
 }

 .banner-carousel-two .active .content-box .links-box {
     opacity: 1;
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
     -webkit-transition-delay: 1100ms;
     -moz-transition-delay: 1100ms;
     -ms-transition-delay: 1100ms;
     -o-transition-delay: 1100ms;
     transition-delay: 1100ms;
 }

 .banner-carousel-two .links-box .theme-btn {
     vertical-align: top;
     display: inline-block;
     margin-right: 15px;
     margin-bottom: 10px;
     min-width: 180px;
 }

 .banner-section-two .owl-theme .owl-nav {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     margin-top: -60px;
     height: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section-two .owl-theme .owl-nav .owl-prev {
     position: absolute;
     left: 30px;
     background: none;
     height: 60px;
     border: none;
     text-align: center;
     line-height: 60px;
     color: #ffffff;
     font-size: 48px;
     opacity: 1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section-two .owl-theme .owl-nav .owl-next {
     position: absolute;
     right: 30px;
     background: none;
     height: 60px;
     border: none;
     text-align: center;
     line-height: 60px;
     color: #ffffff;
     font-size: 48px;
     opacity: 1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .banner-section-two .owl-nav .owl-prev:hover,
 .banner-section-two .owl-nav .owl-next:hover {
     color: #c0392b;
 }

 .banner-section-two .owl-theme .owl-dots {
     display: none;
 }


 /***

 ====================================================================
         Section Title
 ====================================================================

 ***/

 .sec-title {
     position: relative;
     margin-bottom: 60px;
 }

 .sec-title.centered {
     max-width: 600px;
     margin: 0 auto 60px;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 36px;
     line-height: 1.25em;
     color: #222222;
     font-weight: 700;
     margin-bottom: 0px;
 }

 .sec-title.light h2 {
     color: #ffffff;
 }

 .sec-title .lower-text {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 1.6em;
     font-weight: 500;
     color: #757575;
     padding: 20px 0px 0px;
 }

 .sec-title.centered .lower-text {
     max-width: 500px;
     margin: 0 auto;
 }

 .sec-title.with-separator h2 {
     padding-bottom: 27px;
 }

 .sec-title.centered .separator {
     margin: 0 auto;
 }

 .sec-title .separator {
     position: relative;
     width: 26px;
     height: 0;
 }

 .sec-title .separator:before {
     content: '';
     position: absolute;
     top: -7px;
     left: 100%;
     margin-left: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 .sec-title .separator:after {
     content: '';
     position: absolute;
     top: -7px;
     right: 100%;
     margin-right: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 /* custom separator with title */
 .sec-title.title-separator .separator {
     margin-left: 6rem;
 }

 .sec-title.title-separator.with-separator h2 {
     padding-bottom: 27px;
 }

 .sec-title.title-separator.centered .separator {
     margin: 0 auto;
 }

 .sec-title.title-separator .separator {
     position: relative;
     width: 26px;
     height: 0;
 }

 .sec-title.title-separator .separator:before {
     content: '';
     position: absolute;
     top: -7px;
     left: 100%;
     margin-left: 10px;
     width: 80px;
     border-bottom: 2px solid #c0392b;
 }

 .sec-title.title-separator .separator:after {
     content: '';
     position: absolute;
     top: -7px;
     right: 100%;
     margin-right: 10px;
     width: 80px;
     border-bottom: 2px solid #c0392b;
 }

 /* end custom separator with title */

 .sec-title .separator .cir {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 12px;
     height: 12px;
     border: 2px solid #c0392b;
     border-radius: 50%;
 }

 .sec-title .separator .c-1 {
     left: 0;
 }

 .sec-title .separator .c-2 {
     left: 7px;
     background: #c0392b;
 }

 .sec-title .separator .c-3 {
     left: auto;
     right: 0;
 }

 .sec-title.light .separator:before,
 .sec-title.light .separator:after {
     border-color: #ffffff;
 }

 .separator.red:before,
 .separator.red:after {
     border-color: #c0392b !important;
 }

 .sec-title.light .separator .cir {
     border-color: #ffffff;
 }

 .sec-title.light .separator .c-2 {
     background: #ffffff;
 }


 .list-style-one {
     position: relative;
 }

 .list-style-one li {
     position: relative;
     margin-bottom: 7px;
     line-height: 24px;
     padding-left: 25px;
 }

 .list-style-one li:before {
     content: "\f11c";
     position: absolute;
     left: 0;
     top: 0;
     font-family: 'Flaticon';
     color: #c0392b;
 }

 /***

 ====================================================================
     Welcome Section
 ====================================================================

 ***/

 .welcome-section {
     position: relative;
     padding: 80px 0px 80px;
     background: #f1f1f1;
 }

 .welcome-section .sec-title {
     margin-bottom: 40px;
 }

 .featured-block {
     position: relative;
     margin-bottom: 30px;
 }

 .featured-block .inner-box {
     position: relative;
     display: block;
     background: #ffffff;
     overflow: hidden;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
 }

 .featured-block .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .featured-block .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
 }

 .featured-block .content-box {
     position: relative;
     display: block;
     padding: 50px 25px 50px 30px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block .content-box .content {
     position: relative;
     padding-left: 100px;
     min-height: 80px;
 }

 .featured-block .content-box .subtitle {
     font-size: 13px;
     color: #8e8e8e;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.5em;
     margin-bottom: 5px;
     font-family: 'Exo', sans-serif;
 }

 .featured-block .content-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block .content-box h4 a {
     color: #222222;
 }

 .featured-block .content-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block .content-box .icon-box {
     position: absolute;
     left: 30px;
     top: 50px;
     width: 80px;
     height: 80px;
     color: #c0392b;
     font-size: 60px;
     line-height: 80px;
 }

 .featured-block .content-box .icon-box:before {
     content: '';
     position: absolute;
     right: 0;
     top: 5px;
     bottom: 5px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .featured-block .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: block;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .featured-block .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
 }

 .featured-block .hover-box .inner {
     position: relative;
     display: block;
     padding: 35px 30px 15px;
 }

 .featured-block .hover-box h4 {
     color: #ffffff;
     font-weight: 700;
     line-height: 1.30em;
     max-width: 220px;
     margin: 0 0 10px;
 }

 .featured-block .hover-box h4 a {
     color: #ffffff;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block .hover-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block .hover-box .text {
     color: #b2b2b2;
     line-height: 1.6em;
 }

 .featured-block .more-link {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 42px;
     height: 42px;
     line-height: 30px;
     text-align: center;
     color: #c0392b;
     font-size: 18px;
     z-index: 2;
 }

 .featured-block .more-link a {
     position: relative;
     display: block;
     line-height: 42px;
     color: #c0392b;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block .more-link a:before {
     content: '';
     position: absolute;
     right: -85px;
     bottom: -85px;
     width: 140px;
     height: 140px;
     background: #222222;
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block .more-link a span,
 .featured-block .more-link a i {
     position: relative;
     z-index: 1;
 }

 .featured-block .inner-box:hover .more-link a:before {
     background: #c0392b;
 }

 .featured-block .inner-box:hover .more-link a {
     color: #ffffff;
 }

 /***

 ====================================================================
     About Section
 ====================================================================

 ***/

 .about-section {
     position: relative;
     padding: 110px 0px;
     background: #000000;
     text-align: center;
     overflow: hidden;
 }

 /* Custom btn pengumuman */

 .about-section .see-more-all {
     position: relative;
     display: block;
     padding-top: 20px;
     text-align: center;
 }

 .about-section .see-more-all a {
     background: transparent;
     border: 1px solid #FFFFFF;
     box-sizing: border-box;
     border-radius: 10px;
     padding: 0.5rem 2rem;

     font-family: 'Exo', sans-serif;
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     line-height: 18px;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     color: #FFFFFF;
 }

 .about-section .see-more-all a:hover {
     background: #C0392B;
 }

 /* End custom btn */

 .about-section .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .about-section .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: 0.7;
 }

 /* .about-section{
     position:relative;
     background: #161616;
     padding: 110px 0px 190px;
     overflow: hidden;
     text-align: center;
 } */

 .about-section .sec-title {
     margin-bottom: 50px;
 }

 .about-section .content-box {
     position: relative;
 }

 .about-section .content {
     position: relative;
     max-width: 585px;
 }

 /* .about-section .image-layer{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     opacity:1;
     background-repeat: no-repeat;
     background-position: center top;
     background-size: cover;
 } */

 .about-section .pattern-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .about-section .upper-text {
     position: relative;
     margin-bottom: 20px;
     line-height: 1.6em;
 }

 .about-section .upper-text .big-letter {
     position: relative;
     display: block;
     color: #ffffff;
     background: #c0392b;
     float: left;
     font-family: 'Exo', sans-serif;
     font-size: 60px;
     width: 72px;
     height: 72px;
     font-weight: 700;
     line-height: 72px;
     padding-top: 12px;
     text-align: center;
     margin: 0px 30px 10px 0px;
 }

 .about-section .text {
     position: relative;
     margin-bottom: 45px;
     line-height: 1.6em;
 }

 .about-section .signature {
     position: relative;
     margin-bottom: 35px;
 }

 .about-section .info {
     position: relative;
     font-size: 15px;
     color: #a7a7a7;
     line-height: 1.5em;
 }

 .about-section .info .name {
     position: relative;
     font-family: 'Exo', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     color: #ffffff;
 }

 .about-section .quote-box {
     position: absolute;
     right: 100px;
     bottom: 100px;
     width: 60px;
     height: 60px;
 }

 .about-section .quote-box .round-point {
     position: absolute;
     left: 0%;
     top: 0%;
     width: 60px;
     height: 60px;
     font-size: 40px;
     line-height: 60px;
     text-align: center;
     background: #c0392b;
     color: #ffffff;
     font-weight: 300;
     cursor: pointer;
     border-radius: 50%;
 }

 .about-section .quote-box .round-point:before {
     content: '';
     position: absolute;
     left: -8px;
     top: -8px;
     right: -8px;
     bottom: -8px;
     background: #c0392b;
     opacity: 0.30;
     border-radius: 50%;
 }

 .about-section .quote-box .inner {
     position: absolute;
     right: 0px;
     bottom: 100%;
     margin-bottom: 60px;
     width: 350px;
     padding: 35px 30px 30px;
     line-height: 24px;
     color: #ffffff;
     background: #c0392b;
     -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05), 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05), 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
     -ms-transform: translateY(10px);
     transform: translateY(10px);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .about-section .quote-box .inner:before {
     content: '';
     position: absolute;
     right: 30px;
     top: 100%;
     border: 20px solid transparent;
     border-top: 20px solid #c0392b;
     border-right: 20px solid #c0392b;
 }

 .about-section .quote-box:hover .inner {
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
     z-index: 1;
 }

 .about-section .quote-box .icon-one {
     position: absolute;
     right: -20px;
     top: 0px;
     line-height: 1em;
     font-size: 224px;
     color: rgba(0, 0, 0, 0.07);
 }

 .about-section .quote-box .icon-two {
     position: relative;
     line-height: 1em;
     font-size: 48px;
     color: #ffffff;
     margin-bottom: 15px;
 }

 .about-section .quote-box .text {
     position: relative;
     font-family: 'Exo', sans-serif;
     font-size: 24px;
     font-weight: 700;
     line-height: 1.4em;
     margin: 0;
 }

 .about-section .wayang {
     filter: brightness(0) invert(1);
 }

 /***

 ====================================================================
     Services Section
 ====================================================================

 ***/

 .services-section {
     position: relative;
     padding: 110px 0px 80px;
     background: #f1f1f1;
 }
 .kepala-section {
    position: relative;
    padding: 20px 0px 20px;
    background: #f1f1f1;
}
 /* custom jelajah */
 .row-layanan {
     justify-content: center;
 }

 .layanan-menu {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .services-section .column .featured-block-two .inner-box .content-box .box-icon {
     width: 106.53px;
     height: 106.53px;
     background: #C0392B;
     border-radius: 50%;
     position: relative;
     display: block;
     color: #FFFFFF;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
     cursor: pointer;
 }

 .layanan-title {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 1.25rem;
     color: #221F1F;
     margin: 0.8rem;
     word-wrap: none;
 }

 .services-section .column .featured-block-two .inner-box .content-box .box-icon img {

 }

 .layanan-menu-item {
     display: none;
     position: absolute;
     bottom: 138px;
     left: 50%;
     background: #fff;
     border-radius: 10px;
     z-index: 50;
     min-width: 223px;
     transform: translate(-50%, 0%);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
     padding-bottom: 8px;
 }

 .layanan-menu-item::before {
     content: '';
     background: #C0392B;
     ;
     border-radius: 50%;
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
     margin: 10px;
     height: 20px;
     width: 20px;
     transform: scale(1);
     animation: pulse-red 2s infinite;
     display: inline-block;
     position: absolute;
     bottom: -40px;
     left: 40%;
 }

 @keyframes pulse-red {
     0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 #FBBABA;
         ;
     }

     70% {
         transform: scale(1);
         box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
     }

     100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
     }
 }

 .layanan-menu-item::after {
     content: '';
     position: absolute;
     bottom: -1px;
     left: 0;
     right: 0;
     margin: auto;
     width: 17px;
     height: 10px;
     background: #fff;
     transform: rotate(135deg);
     box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.10);
 }

 .layanan-menu-item .clip {
     position: absolute;
     bottom: 0;
     background: inherit;
     height: 8px;
     left: 0;
     right: 0;
     z-index: 9;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }

 .layanan-menu-item .layanan-menu-title {
     background: #C0392B;
     display: flex;
     color: #fff;
     font-weight: 600;
     font-size: 18px;
     align-items: center;
     padding: 0.5rem 1rem;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     text-transform: uppercase;
     text-align: left;
 }

 .layanan-menu-item .layanan-menu-title img {
     max-height: 28px !important;
 }

 .layanan-menu-item.active {
     display: block !important;
 }

 .layanan-menu-body a {
     display: block;
     border-bottom: 1px solid #F8F8F8;
     padding: 0.3rem 0.8rem;
     color: #909090 !important;
 }

 .layanan-menu-body a:last-child {
     border-bottom: none;
 }

 .layanan-menu-body a:hover {
     font-weight: 600;
 }

 .layanan-menu-body a::before {
     content: '\2BC8';
     color: #C0392B;
     margin-right: 0.4rem;
     vertical-align: top;
 }

 @media only screen and (max-device-width: 767px) {
     .layanan-title {
         font-size: 1rem;
     }
     .services-section .column .featured-block-two .inner-box .content-box .box-icon {
         width: 100px;
         height: 100px;
     }
     .services-section .column .featured-block-two .inner-box .content-box .box-icon img {

     }
     .featured-block-two .inner-box {
         padding: 50px 20px 50px;
     }
 }

 /* endcustom */

 .services-section .image-left {
     position: absolute;
     left: 0;
     top: 0;
     width: 50%;
     height: 100%;
 }

 .services-section .image-left .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     right: 390px;
     bottom: 0px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .services-section .image-left .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     /* background: #c0392b; */
     background: #C0392B;
     opacity: 0.65;
 }

 .featured-service-block {
     position: relative;
     margin-bottom: 30px;
 }

 .featured-service-block .inner-box {
     position: relative;
     display: block;
     text-align: center;
     margin-right: 10px;
 }

 .featured-service-block .image-box {
     position: relative;
     display: block;
 }

 .featured-service-block .image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .featured-service-block .lower-box {
     position: relative;
     display: block;
     padding: 35px 20px;
     color: #ffffff;
     /* background: #c0392b; */
     background: #C0392B;
 }

 .featured-service-block .lower-box a {
     color: #ffffff;
 }

 .featured-service-block h3 {
     font-weight: 700;
     margin-bottom: 15px;
     line-height: 1.35em;
 }

 .featured-service-block .more-link {
     position: relative;
     display: block;
 }

 .featured-service-block .more-link a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     font-family: 'Exo', sans-serif;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 700;
     color: #ffffff;
     line-height: 20px;
     border-bottom: 2px solid #ffffff;
 }

 .featured-service-block .more-link a:hover {
     color: #222222;
     border-color: #222222;
 }

 .services-section .column .col-inner {
     position: relative;
     margin-right: -320px;
 }

 .featured-block-two {
     position: relative;
     margin-bottom: 30px;
 }

 .featured-block-two .inner-box {
     position: relative;
     display: block;
     background: #ffffff;
     padding: 50px 45px 50px;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     background-image: url('../images/awan-merah.svg');
     background-repeat: no-repeat;
     background-size: 221px 125px;
     background-position: right top;
 }

 .featured-block-two .content-box {
     position: relative;
     display: block;
     padding-left: 10px;
     min-height: 162px;
 }

 .featured-block-two .content-box .icon-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 71px;
     height: 162px;
     color: #c0392b;
     text-align: center;
 }

 .featured-block-two .content-box .icon-box:before {
     content: '';
     position: absolute;
     left: 0px;
     top: 46px;
     bottom: 46px;
     width: 70px;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .featured-block-two .inner-box:hover .content-box .icon-box {
     color: #ffffff;
 }

 .featured-block-two .inner-box:hover .content-box .icon-box:before {
     top: 0;
     bottom: 0;
     background: #c0392b;
 }

 .featured-block-two .content-box .icon-box:after {
     content: '';
     position: absolute;
     left: 35px;
     top: 0px;
     height: 100%;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .featured-block-two .content-box .icon-box .icon {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -35px;
     width: 70px;
     height: 70px;
     line-height: 70px;
     font-size: 42px;
     z-index: 3;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

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

 .featured-block-two .content-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0 0 15px;
 }

 .featured-block-two .content-box h4 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-two .content-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block-two .content-box .text {
     margin-bottom: 25px;
 }

 .featured-block-two .read-more {
     position: relative;
     display: block;
 }

 .featured-block-two .read-more a {
     position: relative;
     display: block;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .featured-block-two .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 0;
     top: -3px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .featured-block-two .read-more a:hover,
 .featured-block-two .inner-box:hover .read-more a {
     color: #c0392b;
     padding-left: 20px;
 }

 .featured-block-two .read-more a:hover:before,
 .featured-block-two .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }


 /***

 ====================================================================
     Events Section
 ====================================================================

 ***/

 .events-section {
     position: relative;
     padding: 110px 0px 70px;
     background: #ffffff;
 }

 /* custom awan pengumuman */
 .events-section.all-announcement .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.85;
     background-image: url('../images/awan-detail.png');
     background-repeat: no-repeat;
     background-size: 256px 142px;
     background-position: 0px 25px;
 }

 /* end custom awan pengumuman */

 /* custom awan pengumuman */
 .events-section.all-result h4 {
     color: #221F1F;
     font-style: normal;
     font-weight: 600;
     line-height: 29px;
     letter-spacing: 0.02em;
 }

 .events-section.all-result h4 .count-result {
     border: 1px solid #AAAAAA;
     box-sizing: border-box;
     border-radius: 10px;
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 19px;
     text-align: center;
     letter-spacing: 0.02em;
     color: #AAAAAA;
     padding: 1px 13px;
 }

 .events-section.all-result .title-result {
     background: #D9EDF7;
     border: 1px solid #BCE8F1;
     box-sizing: border-box;
     border-radius: 7px;
 }

 .events-section.all-result .title-result h5 {
     font-style: normal;
     font-weight: normal;
     line-height: 24px;
     letter-spacing: 0.02em;
     color: #3184BB;
     margin: 1rem;
 }

 .events-section.all-result .show-all {
     font-style: normal;
     font-weight: normal;
     line-height: 24px;
     letter-spacing: 0.02em;
     text-transform: capitalize;
     color: #C0392B;
 }

 /* end custom awan pengumuman */

 /* seperator list pengumuman */
 .events-section.all-result .separator {
     margin: 0 auto;
     margin-top: 4rem;
 }

 .events-section.all-result .separator {
     position: relative;
     width: 26px;
     height: 0;
 }

 .events-section.all-result .separator:before {
     content: '';
     position: absolute;
     top: -7px;
     left: 100%;
     margin-left: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 .events-section.all-result .separator:after {
     content: '';
     position: absolute;
     top: -7px;
     right: 100%;
     margin-right: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 /* end seperator list pengumuman */

 /* Custom btn pengumuman */

 .events-section .event-block h5 a {
     color: #000;
     font-weight: 600;
 }

 .events-section .see-more-all {
     position: relative;
     display: block;
     padding-top: 20px;
     text-align: center;
 }

 .events-section .see-more-all a {
     background: #FFFFFF;
     border: 1px solid #C0392B;
     box-sizing: border-box;
     border-radius: 10px;
     padding: 0.5rem 2rem;

     font-family: 'Exo', sans-serif;
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     line-height: 18px;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     color: #C0392B;
 }

 .events-section .see-more-all a:hover {
     background: #C0392B;
     color: #ffffff;
 }

 /* End custom btn */

 .events-section .sec-title {
     margin-bottom: 20px;
 }

 .events-section .left-column {
     position: relative;
 }

 .events-section .left-column .col-inner {
     position: relative;
     display: block;
 }

 .events-section .carousel-box {
     position: relative;
 }

 .event-block {
     position: relative;
     /* margin-bottom: 30px; */
     margin: 1rem 0;
 }

 .events-section .carousel-box .event-block {
     margin-bottom: 1px;
 }

 .event-block .inner-box {
     position: relative;
     display: block;
     padding: 0px 2rem;
     /* background: #FFFFFF;
     box-shadow: 1px 6px 15px rgba(69, 69, 69, 0.1); */
     border-radius: 10px;
 }

 .event-block .inner-box:before {
     content: '';
     position: absolute;
     right: 0px;
     top: 0px;
     left: 0px;
     bottom: 0px;
     display: block;
     background: #ffffff;
     opacity: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block .inner-box:hover {
     z-index: 5;
 }

 .event-block .inner-box:hover:before {
     opacity: 1;
     box-shadow: 1px 6px 15px rgb(69 69 69 / 10%);
     border-radius: 20px;
 }

 .event-block .inner-box:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 140px;
     right: 0;
     bottom: 0px;
     display: block;
     /* border-bottom: 1px solid rgba(0,0,0,0.10); */
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .events-section .left-column .event-block:last-child .inner-box:after {
     display: none;
 }

 .event-block .inner-box:hover:after {
     opacity: 0;
 }

 .event-block .content-box {
     position: relative;
     display: block;
     padding-left: 140px;
     min-height: 160px;
     padding-top: 25px;
 }

 .event-block .content-box .date-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 101px;
     height: 160px;
     color: #222222;
     text-align: center;
     font-family: 'Exo', sans-serif;
 }

 .event-block .inner-box:hover .content-box .date-box {
     color: #c0392b;
 }

 .event-block .content-box .date-box:before {
     content: '';
     position: absolute;
     left: 50px;
     top: 0px;
     height: 100%;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .event-block .content-box .date-box .date {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -50px;
     width: 100px;
     height: 100px;
     padding-top: 25px;
     font-size: 30px;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
     z-index: 3;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block .content-box .date-box .date .day {
     position: relative;
     display: block;
     line-height: 30px;
 }

 .event-block .content-box .date-box .date .month {
     position: relative;
     display: block;
     font-size: 12px;
     text-transform: uppercase;
     color: #757575;
     line-height: 20px;
 }

 .event-block .content-box .content {
     position: relative;
     display: block;
     padding-right: 160px;
 }

 .event-block .content-box .cat-info {
     position: relative;
     margin-bottom: 20px;
 }

 .event-block .content-box .cat-info a {
     position: relative;
     display: inline-block;
     font-size: 13px;
     text-transform: capitalize;
     line-height: 20px;
     color: #ffffff;
     background: #c0392b;
     padding: 3px 10px;
     border-radius: 13px;
 }

 .event-block .content-box h3 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0 0 5px;
 }

 .event-block .content-box h3 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block .content-box h3 a:hover {
     color: #c0392b;
 }

 .event-block .content-box .text {
     margin-bottom: 25px;
 }

 .event-block .read-more {
     position: absolute;
     right: 0;
     top: 7px;
     height: 100px;
     padding-top: 40px;
     width: 150px;
     display: block;
     text-align: right;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .event-block .read-more a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .event-block .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 115px;
     top: 3px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .event-block .read-more a:hover,
 .event-block .inner-box:hover .read-more a {
     color: #c0392b;
     padding-right: 25px;
 }

 .event-block .read-more a:hover:before,
 .event-block .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .events-section .right-column {
     position: relative;
     margin-bottom: 40px;
 }

 .events-section .right-column .col-inner {
     position: relative;
     display: block;
     padding-left: 20px;
 }

 .newsletter-box {
     position: relative;
     display: block;
     text-align: center;
 }

 .newsletter-box .image-box {
     position: relative;
     display: block;
     padding: 90px 20px;
     color: #ffffff;
     z-index: 1;
 }

 .newsletter-box .image-box .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .newsletter-box .image-box .icon-box {
     position: relative;
     display: block;
     margin-bottom: 25px;
 }

 .newsletter-box .image-box h3 {
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .newsletter-box .image-box .text {
     position: relative;
     color: #ffffff;
 }

 .newsletter-box .form-box {
     position: relative;
     display: block;
     background: #ffffff;
     padding: 30px 30px;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
 }

 .newsletter-box .form-box form {
     position: relative;
 }

 .newsletter-box .form-box .form-group {
     position: relative;
     margin: 0 0 10px;
 }

 .newsletter-box .form-box .form-group input[type="text"],
 .newsletter-box .form-box .form-group input[type="tel"],
 .newsletter-box .form-box .form-group input[type="email"],
 .newsletter-box .form-box .form-group textarea {
     position: relative;
     width: 100%;
     line-height: 24px;
     padding: 5px 10px 10px;
     height: 40px;
     display: block;
     font-size: 15px;
     background: #ffffff;
     font-weight: 400;
     color: #222222;
     text-align: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.20);
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .newsletter-box .form-box .form-group input[type="text"]:focus,
 .newsletter-box .form-box .form-group input[type="email"]:focus,
 .newsletter-box .form-box .form-group input[type="tel"]:focus {
     border-color: #c0392b;
 }

 .newsletter-box .form-box .form-group input::-webkit-input-placeholder {
     color: #757575;
 }

 .newsletter-box .form-box .form-group .theme-btn {
     position: relative;
     display: block;
     width: 100%;
     margin-top: 25px;
     text-align: center;
 }

 .newsletter-box .form-box .instruction {
     font-size: 12px;
     color: #757575;
     line-height: 20px;
 }

 .events-section .see-all {
     position: relative;
     display: block;
     margin-top: 50px;
 }

 .events-section .see-all .arrow {
     padding-right: 5px;
     vertical-align: middle;
 }

 .events-section .see-all a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .events-section .see-all a:hover {
     color: #222222;
 }

 /***

 ====================================================================
     Services Section Two
 ====================================================================

 ***/

 .services-section-two {
     position: relative;
     padding: 100px 0px 80px;
     background: #f1f1f1;
 }

 .services-section-two .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     background-attachment: fixed;
 }

 .services-section-two .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: 0.85;
 }

 .services-section-two .outer {
     position: relative;
     margin: 0px -15px;
 }

 .services-section-two .nav-column {
     position: relative;
     float: left;
     width: 26.5%;
     padding: 0px 15px;
     margin-bottom: 30px;
 }

 .services-section-two .nav-column .inner {
     padding: 15px 0px 12px;
     background: #c0392b;
     color: #ffffff;
 }

 .services-section-two .nav-column ul li {
     position: relative;
     display: block;
     border-bottom: 1px solid rgba(255, 255, 255, 0.20);
 }

 .services-section-two .nav-column ul li:last-child {
     border-bottom: none;
 }

 .services-section-two .nav-column ul li a {
     position: relative;
     display: block;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     color: #ffffff;
     padding: 13px 28px;
     line-height: 30px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .services-section-two .nav-column ul li a:after {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: relative;
     display: inline-block;
     vertical-align: middle;
     left: 0;
     top: 0;
     padding-left: 5px;
     font-size: 18px;
     font-weight: 400;
 }

 .services-section-two .nav-column ul li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     background: #03934b;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .services-section-two .nav-column ul li:hover:before {
     opacity: 1;
     left: -10px;
     right: -10px;
     top: -1px;
     bottom: -1px;
 }

 .services-section-two .image-column {
     position: relative;
     float: left;
     width: 47%;
     padding: 0px 15px;
     margin-bottom: 30px;
 }

 .services-section-two .image-column .inner {
     position: relative;
     display: block;
 }

 .services-section-two .image-box {
     position: relative;
     display: block;
     text-align: center;
     color: #ffffff;
     background: #c0392b;
 }

 .services-section-two .image-box img {
     display: block;
     width: 100%;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .services-section-two .image-box .over-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     padding: 100px 20px 20px;
 }

 .services-section-two .image-box .icon-box {
     position: relative;
     display: block;
     width: 80px;
     height: 80px;
     line-height: 76px;
     border: 2px solid #ffffff;
     margin: 0 auto 20px;
     border-radius: 50%;
 }

 .services-section-two .image-box .over-link {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .services-section-two .image-box:hover .image img {
     opacity: 0.50;
 }

 /***

 ====================================================================
     Team Section
 ====================================================================

 ***/

 .team-section {
     position: relative;
     padding: 100px 0px 110px;
     background: #f1f1f1;
 }

 .team-section.alternate {
     background: none;
 }

 .team-section .sec-title {
     margin-bottom: 50px;
 }

 .team-block {
     position: relative;
     margin-bottom: 30px;
 }

 .owl-theme .team-block {
     padding: 0;
     margin-bottom: 0;
 }

 .team-block .inner-box {
     position: relative;
     display: block;
     text-align: center;
 }

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

 .team-block .image,
 .team-block .image img {
     display: block;
     width: 100%;
 }

 .team-block .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     color: #dedede;
     opacity: 0;
     visibility: hidden;
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .team-section.alternate .hover-box {
     background: rgba(255, 255, 255, 0.95);
 }

 .team-block .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .team-block .hover-box .hover-inner {
     position: relative;
     display: block;
     padding: 60px 20px 20px;
 }

 .team-block .hover-box .icon-box {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 1em;
     color: #c0392b;
     margin: 0 0 20px;
 }

 .alternate .team-block .hover-box .icon-box {
     color: #c0392b;
 }

 .alternate .team-block .hover-upper h6 {
     color: #222222;
 }

 .alternate .team-block .hover-upper {
     border-bottom-color: rgba(0, 0, 0, 0.10);
 }

 .team-block .hover-upper {
     position: relative;
     display: block;
     margin: 0 20px 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.30);
 }

 .team-block .hover-upper h6 {
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
     margin: 0 0 10px;
 }

 .team-block .hover-lower {
     position: relative;
     display: block;
 }

 .team-block .info {
     position: relative;
     font-size: 15px;
     line-height: 24px;
 }

 .team-block .info li {
     position: relative;
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .team-block .info li a {
     color: #dedede;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .alternate .team-block .info li,
 .alternate .team-block .info li a {
     color: #757575;
 }

 .team-block .info li a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .team-block .social-links {
     position: relative;
     padding-top: 20px;
 }

 .team-block .social-links li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 0px 8px;
 }

 .team-block .social-links li a {
     color: #dedede;
     font-size: 14px;
     line-height: 24px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .alternate .social-links li a {
     color: #aaaaaa;
 }

 .team-block .social-links li a:hover {
     color: #c0392b;
 }

 .team-block .lower-box {
     position: relative;
     display: block;
     padding: 25px 20px 18px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     border-top: none;
     overflow: hidden;
 }

 .team-block .lower-box:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #c0392b;
     opacity: 0;
     visibility: hidden;
     -ms-transform: translateY(30px);
     transform: translateY(30px);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .team-block .inner-box:hover .lower-box:before {
     opacity: 1;
     visibility: visible;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .team-block .lower-box h4 {
     position: relative;
     margin-bottom: 5px;
     font-weight: 700;
     z-index: 1;
 }

 .team-block .lower-box h4 a {
     color: #222222;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .team-block .inner-box:hover .lower-box h4 a {
     color: #ffffff;
 }

 .team-block .lower-box h4 a:hover {
     text-decoration: underline;
 }

 .team-block .lower-box .designation {
     position: relative;
     color: #c0392b;
     font-weight: 500;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 1;
 }

 .team-block .inner-box:hover .lower-box .designation {
     color: #ffffff;
 }

 .team-carousel .owl-nav {
     display: none;
 }

 .team-carousel .owl-dots {
     position: relative;
     display: block;
     padding-top: 40px;
     width: 100%;
     text-align: center;
 }

 .team-carousel .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 .team-carousel .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 3px;
     height: 3px;
     background: #aaaaaa;
     outline: 2px solid rgba(0, 0, 0, 0);
     outline-offset: 4px;
 }

 .team-carousel .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: #c0392b;
 }

 /***

 ====================================================================
     News Section
 ====================================================================

 ***/

 .news-section {
     position: relative;
     padding: 110px 0px;
     background: #ffffff;
     overflow: hidden;
 }

 /* Custom btn pengumuman */

 .news-section .see-more-all {
     position: relative;
     display: block;
     padding-top: 20px;
     text-align: center;
 }

 .news-section .see-more-all a {
     background: #C0392B;
     box-sizing: border-box;
     border-radius: 10px;
     padding: 0.5rem 2rem;

     font-family: 'Exo', sans-serif;
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     line-height: 18px;
     letter-spacing: 0.02em;
     text-transform: uppercase;
     color: #FFFFFF;
 }

 .news-section .see-more-all a:hover {
     background: transparent;
     border: 1px solid #FFFFFF;
 }

 /* End custom btn */

 /* carausel custom */
 .news-section .owl-next,
 .news-section .owl-prev {
     background: #ffffff !important;
     color: #909090 !important;
 }

 .news-section .owl-next:hover,
 .news-section .owl-prev:hover {
     color: #ffffff !important;
     background: #c0392b !important;
 }

 /* end carausel custom */

 .news-section .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000000;
     opacity: 0.85;
     background-image: url('../images/awan.svg');
     background-repeat: no-repeat;
     background-size: 365px 208px;
     background-position: 0px 25px;
 }

 .gallery {
     position: relative;
     margin-bottom: 30px;
 }

 .gallery p {
     color: #FFFFFF;
     font-style: normal;
     font-weight: 600;
     font-size: 17px;
     line-height: 32px;
     text-align: center;
     letter-spacing: 0.02em;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
 }

 .news-block {
     position: relative;
     margin-bottom: 30px;
     background: #ffffff;
 }

 .owl-theme .news-block {
     margin-bottom: 0;
 }

 .news-section .news-carousel .owl-stage-outer {
     overflow: visible;
 }

 .news-section .news-carousel .news-block {
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-section .news-carousel .active .news-block {
     opacity: 1;
     visibility: visible;
 }

 .news-block .inner-box {
     position: relative;
     display: block;
 }

 .news-block .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
 }

 .news-block .image,
 .news-block .image img {
     display: block;
     width: 100%;
     height: 252px;
     object-fit: cover;
 }

 .news-block .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.0);
     color: #dedede;
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
 }

 .news-block .hover-box .link {
     position: absolute;
     left: 0;
     top: 0;
     width: 50%;
     height: 100%;
     background: rgba(0, 0, 0, 0.0);
     color: #ffffff;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 /* custom detial post */
 .post-detail .news-block .hover-box .link {
     position: absolute;
     left: 0;
     top: 0;
     width: 100% !important;
     height: 100%;
     background: rgba(0, 0, 0, 0.0);
     color: #ffffff;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }
 /* end custom detial post */

 .news-block .hover-box .link a {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     color: #ffffff;
     text-align: center;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block .hover-box .link a .icon {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 30px;
     line-height: 30px;
     width: 30px;
     text-align: center;
     margin: -15px 0px 0px -15px;
 }

 .news-block .hover-box .single-link {
     left: auto;
     right: 0;
 }

 .news-block .hover-box .single-link a {
     background: #c0392b;
 }

 .news-block .lower-box {
     position: relative;
     display: block;
     padding: 30px 30px 20px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: none;
     font-family: 'Exo', sans-serif;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
 }

 .news-block .lower-box .upper-info {
     position: relative;
     padding-bottom: 20px;
 }

 .news-block .lower-box h4 {
     position: relative;
     margin-bottom: 12px;
     font-weight: 700;
     z-index: 1;
 }

 .news-block .lower-box h4 a {
     color: #222222;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-block .lower-box h4 a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .news-block .lower-box .cat-info {
     position: relative;
     color: #757575;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 1;
 }

 .news-block .lower-box .cat-info a {
     color: #757575;
 }

 .news-block .lower-box .cat-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #c0392b;
 }

 .news-block .lower-box .meta-info {
     position: relative;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
     padding-top: 20px;
 }

 .news-block .author-info {
     position: relative;
     float: left;
     padding-left: 65px;
     min-height: 50px;
     padding-top: 8px;
 }

 .news-block .author-info .author-icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
     color: #959595;
     background: #f1f1f1;
     border-radius: 50%;
 }

 .news-block .author-info .author-title {
     font-size: 12px;
     line-height: 20px;
     color: #222222;
     text-transform: uppercase;
 }

 .news-block .author-info .date {
     font-size: 14px;
     line-height: 20px;
     color: #757575;
     text-transform: uppercase;
 }

 .news-block .comments-info {
     position: relative;
     float: right;
     padding: 13px 0px;
     line-height: 24px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
     padding-left: 15px;
 }

 .news-block .comments-info a {
     font-size: 14px;
     color: #757575;
     display: block;
 }

 .news-block .comments-info a .fa {
     padding-right: 3px;
     color: #aaaaaa;
 }

 .news-carousel .owl-nav {
     position: absolute;
     right: 0;
     top: -122px;
 }

 .news-carousel .owl-nav button.owl-next,
 .news-carousel .owl-nav button.owl-prev {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     width: 62px;
     height: 62px;
     line-height: 60px;
     color: #cccccc;
     font-size: 24px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     /* border: 1px solid rgb(205 205 205); */
     text-align: center;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-carousel .owl-nav .owl-next:hover,
 .news-carousel .owl-nav .owl-prev:hover {
     border-color: #c0392b;
     color: #c0392b;
 }

 /* custom carousel detail post */
 .post-detail .news-carousel .owl-next,
 .post-detail .news-carousel .owl-prev {
     background: #ffffff !important;
     color: #909090 !important;
 }

 .post-detail .news-carousel .owl-next:hover,
 .post-detail .news-carousel .owl-prev:hover {
     color: #ffffff !important;
     background: #c0392b !important;
 }
 /* end custom carousel detail post */

 .news-carousel .owl-dots {
     position: relative;
     display: block;
     padding-top: 40px;
     width: 100%;
     text-align: center;
     display: none;
 }

 /* news caraousel custom */
 #news-update.news-carousel .owl-dots {
     position: relative;
     display: block;
     padding-top: 40px;
     width: 100%;
     text-align: center;
 }

 #news-update.news-carousel .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 #news-update.news-carousel .owl-dots .owl-dot span {
     position: absolute;
     display: inline-block;
     width: 25px;
     height: 8px;
     background: #E7E7E7;
     border-radius: 6px;
 }

 #news-update.news-carousel .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: transparent;
 }


 /* end news caraousel custom */


 .news-carousel .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 .news-carousel .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 3px;
     height: 3px;
     background: #aaaaaa;
     outline: 2px solid rgba(0, 0, 0, 0);
     outline-offset: 4px;
 }

 .news-carousel .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: #c0392b;
 }

 .news-block .read-more {
     position: relative;
     display: block;
     text-align: center;
 }

 .news-block .read-more a {
     position: relative;
     display: block;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .news-block .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: relative;
     left: 170px;
     top: 1px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .news-block .read-more a:hover,
 .news-block .inner-box:hover .read-more a {
     color: #c0392b;
     padding-right: 20px;
 }

 .news-block .read-more a:hover:before,
 .news-block .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 /***

 ====================================================================
     News Section
 ====================================================================

 ***/

 .contact-info-section {
     position: relative;
     padding: 110px 0px 80px;
     background: #ffffff;
     text-align: center;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
 }

 .contact-info-section .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .contact-info-section .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #FBFBFB;
 }

 .contact-info-section .sec-title {
     margin-bottom: 50px;
 }

 .contact-info-section .info-outer {
     position: relative;
 }

 .contact-info-section .info-box {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: 350px;
     margin: 0px 14px 30px;
     font-family: 'Exo', sans-serif;
     border: 1px solid #C0392B;
     box-sizing: border-box;
     border-radius: 1rem;
     background: #ffffff;
 }

 .contact-info-section .info-box .inner {
     position: relative;
     display: block;
     padding: 40px 20px 35px;
     /* background: #ffffff; */
     text-align: center;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
 }

 .contact-info-section .info-box .inner:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     border-bottom: 2px solid #c0392b;
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .contact-info-section .info-box:hover .inner:before {
     -ms-transform: scaleX(0.7);
     transform: scaleX(0.7);
 }

 /* custom */
 .contact-info-section .info-box .inner .box-icon {
     width: 100%;
     height: 100px;
     background: #C0392B;
     border-radius: 2rem;

     position: relative;
     display: inline-block;
     color: #FFFFFF;
     margin: 0 0 20px;
 }

 .contact-info-section .owl-carousel .owl-item img {
     width: auto;
     display: inline-block;
 }

 .contact-info-section .info-box .inner .box-icon img {

     /* padding-left: 0.3rem; */
     width: 200px;
     height: 100px;
 }


 .contact-info-section .info-box .inner .action-plus {
     background: #C0392B;
     /* opacity: 0.2; */
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: relative;
     display: block;
     top: 0.7rem;
     left: 8.5rem;
     border: 3px solid rgb(255, 190, 190);
 }

 .contact-info-section .info-box .inner .action-plus .action-icon {
     color: #FFFFFF;
     font-weight: bold;
 }

 .contact-info-section .info-box .inner .action-plus .action-icon a {
     color: #FFFFFF;
     font-weight: bold;
 }

 .contact-info-section .info-box .inner .action-plus .action-icon a:hover {
     color: yellow;
 }

 /* endcustom */

 .contact-info-section .info-box .icon {
     position: relative;
     display: block;
     line-height: 1em;
     font-size: 42px;
     color: #c0392b;
     margin: 0 0 20px;
 }

 .contact-info-section .info-box strong {
     position: relative;
     display: block;
     line-height: 1.4em;
     font-size: 18px;
     color: #222222;
     margin: 0 0 7px;
 }

 .contact-info-section .info-box .info,
 .contact-info-section .info-box .info a {
     color: #757575;
     font-size: 15px;
     line-height: 24px;
 }

 .contact-info-section .info-box .info a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 /***

 ====================================================================
     Testimonilas Section
 ====================================================================

 ***/

 .testimonials-section {
     position: relative;
     padding: 0px 0px;
 }

 .testimonials-section .carousel-box {
     position: relative;
     display: block;
     margin-top: -110px;
     padding: 90px 20px;
     background: #ffffff;
     text-align: center;
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.10);
     z-index: 1;
 }

 .testimonials-section .slide-item {
     position: relative;
     display: block;
 }

 .testimonials-section .slide-item .inner {
     position: relative;
     display: block;
     max-width: 580px;
     margin: 0 auto;
 }

 .testimonials-section .carousel-box .icon-box {
     position: absolute;
     left: 70px;
     top: 50px;
     display: block;
     color: #f1f1f1;
     font-size: 400px;
     line-height: 1em;
     font-family: 'Exo', sans-serif;
 }

 .testimonials-section .slide-item .text {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 1.8em;
     color: #757575;
 }

 .testimonials-section .slide-item .info {
     position: relative;
     display: inline-block;
     vertical-align: top;
     text-align: left;
     padding-top: 30px;
     padding-left: 120px;
     min-height: 100px;
     margin: 0 0 35px;
 }

 .testimonials-section .slide-item .author-thumb {
     position: absolute;
     left: 0;
     top: 0;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .testimonials-section .slide-item .author-thumb img {
     position: relative;
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .testimonials-section .slide-item .info .name {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 1.5em;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
 }

 .testimonials-section .slide-item .info .designation {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 1.5em;
     color: #c0392b;
     font-weight: 500;
     text-transform: capitalize;
 }

 .testimonials-section .owl-theme .owl-nav {
     display: none;
 }

 .testimonials-section .owl-nav {
     display: none;
 }

 .testimonials-section .owl-dots {
     position: relative;
     display: block;
     padding-top: 30px;
     width: 100%;
     text-align: center;
 }

 .testimonials-section .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 .testimonials-section .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 3px;
     height: 3px;
     background: #aaaaaa;
     outline: 2px solid rgba(0, 0, 0, 0);
     outline-offset: 4px;
 }

 .testimonials-section .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: #c0392b;
 }

 /***

 ====================================================================
     Facts Section
 ====================================================================

 ***/

 .facts-section {
     position: relative;
     padding: 90px 0px 40px;
 }

 .facts-section .row {
     margin: 0px -20px;
 }

 .facts-section .fact-column {
     position: relative;
     padding: 0px 20px;
     margin-bottom: 50px;
 }

 .facts-section .fact-column .inner {
     position: relative;
     display: block;
     min-height: 50px;
 }

 .facts-section .fact-column .fact-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 110px;
     line-height: 30px;
     padding: 8px 10px;
     min-height: 50px;
     font-size: 30px;
     font-weight: 700;
     color: #c0392b;
     font-family: 'Exo', sans-serif;
     text-align: center;
     border: 2px solid #c0392b;
 }

 .facts-section .fact-column .fact-box span {
     position: relative;
     top: 5px;
 }

 .facts-section .fact-column .fact-box:before {
     content: '';
     position: absolute;
     left: 100%;
     margin-left: -10px;
     width: 40px;
     top: 24px;
     border-bottom: 1px solid #c0392b;
 }

 .facts-section .fact-title {
     position: relative;
     color: #222222;
     font-weight: 700;
     line-height: 25px;
     padding-left: 160px;
     margin-bottom: 30px;
 }

 /***

 ====================================================================
     Main Footer
 ====================================================================

 ***/

 .main-footer {
     position: relative;
     background: #222222;
     color: #999999;
     font-family: 'Kanit', sans-serif;
 }

 .main-footer .footer-widget span {
     color: #ffffff;
 }

 .main-footer .widgets-section {
     position: relative;
     padding: 100px 0px 20px;
 }

 .main-footer .footer-widget {
     position: relative;
     margin-bottom: 40px;
 }

 .main-footer .widget-title {
     position: relative;
     margin-bottom: 20px;
 }

 .main-footer .widget-content {
     position: relative;
 }

 .main-footer .widget-title h4 {
     position: relative;
     color: #ffffff;
     text-transform: capitalize;
     font-weight: 700;
     margin: 0 0;
 }

 .main-footer .about-widget .logo {
     position: relative;
     display: block;
     margin-bottom: 20px;
 }

 .main-footer .about-widget h5 {
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 5px;
 }

 .main-footer .about-widget .address {
     position: relative;
     margin-bottom: 20px;
 }

 .main-footer .links-widget {
     position: relative;
 }

 .main-footer .links-widget .column {
     position: relative;
     margin-bottom: 30px;
 }

 .main-footer .links-widget .links li {
     position: relative;
     margin-bottom: 8px;
     line-height: 24px;
     font-size: 15px;
 }

 .main-footer .links-widget .links li:last-child {
     margin-bottom: 0;
 }

 .main-footer .links-widget .links li a {
     position: relative;
     display: block;
     color: #FFFFFF;
     line-height: 24px;
     font-size: 15px;
     text-transform: none;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer .links-widget .links li a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -1px;
     width: 0px;
     border-bottom: 2px solid #c0392b;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .main-footer .links-widget .links li:hover a:before {
     opacity: 1;
     width: 15px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .main-footer .links-widget .links li a:hover {
     color: #ffffff;
     padding-left: 20px;
 }

 .main-footer .num-links li {
     position: relative;
     margin-bottom: 7px;
     line-height: 24px;
     font-size: 15px;
 }

 .main-footer .num-links li:last-child {
     margin-bottom: 0;
 }

 .main-footer .num-links li a {
     position: relative;
     display: block;
     color: #999999;
     line-height: 24px;
     font-size: 15px;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer .num-links li .hvr-info {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding-left: 20px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .main-footer .num-links li a:hover .hvr-info {
     opacity: 1;
     visibility: visible;
     margin-left: 5px;
 }

 .main-footer .num-links li a .hvr-info:before {
     content: "\f1be";
     font-family: "Flaticon";
     position: absolute;
     left: 0;
     top: 0;
     color: #c0392b;
 }

 .main-footer .num-links li:hover a:before {
     opacity: 1;
     width: 15px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .main-footer .num-links li a:hover {
     color: #ffffff;
 }

 .main-footer .footer-bottom {
     position: relative;
     line-height: 24px;
 }

 .main-footer .footer-bottom .inner {
     position: relative;
     display: block;
     text-align: center;
     padding: 40px 0px;
     border-top: 1px solid #e2eef2;
 }

 .main-footer .footer-bottom .inner {
     position: relative;
     padding: 30px 0px;
     border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .main-footer .footer-bottom .copyright {
     position: relative;
     color: #ffffff;
 }

 .main-footer .footer-bottom .copyright strong {
     color: #222222;
 }

 .main-footer .footer-bottom .copyright a {
     text-transform: capitalize;
     text-decoration: underline;
     color: #ffffff;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer .footer-bottom .copyright a:hover {
     text-decoration: underline;
 }

 .main-footer .social-links {
     position: relative;
     padding-top: 20px;
     text-align: center;
 }

 .main-footer .social-links ul {
     position: relative;
 }

 .main-footer .social-links li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 0px 7px;
     line-height: 24px;
 }

 .main-footer .social-links li a {
     color: #999999;
     font-size: 14px;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer .social-links li a:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
     Welcome Section
 ====================================================================

 ***/

 .welcome-section-two {
     position: relative;
     padding: 0px 0px 80px;
     background: #f1f1f1;
     z-index: 2;
 }

 .welcome-section-two.alternate {
     padding-top: 110px;
     background: #ffffff;
 }

 .welcome-section-two .sec-title {
     margin-bottom: 50px;
 }

 .welcome-section-two .upper-row {
     position: relative;
     margin-bottom: 20px;
 }

 .welcome-section-two .upper-row .auto-container {
     max-width: 1280px;
 }

 .welcome-section-two .upper-row .row {
     margin: 0 0;
 }

 .welcome-section-two .upper-container {
     position: relative;
     top: -90px;
     display: block;
     background: #ffffff;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
 }

 .featured-block-three {
     position: relative;
     padding: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.07);
 }

 .welcome-section-two .upper-container .featured-block-three:last-child {
     border-right: none;
 }

 .featured-block-three .inner-box {
     position: relative;
     display: block;
     background: #ffffff;
     overflow: hidden;
 }

 .featured-block-three .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .featured-block-three .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
 }

 .featured-block-three .content-box {
     position: relative;
     display: block;
     padding: 50px 25px 50px 30px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-three .content-box .content {
     position: relative;
     padding-left: 100px;
     min-height: 80px;
 }

 .featured-block-three .content-box .subtitle {
     font-size: 13px;
     color: #8e8e8e;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.5em;
     margin-bottom: 5px;
     font-family: 'Exo', sans-serif;
 }

 .featured-block-three .content-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     max-width: 200px;
     margin: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-three .content-box h4 a {
     color: #222222;
 }

 .featured-block-three .content-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block-three .content-box .icon-box {
     position: absolute;
     left: 30px;
     top: 50px;
     width: 80px;
     height: 80px;
     color: #c0392b;
     font-size: 60px;
     line-height: 80px;
 }

 .featured-block-three .content-box .icon-box:before {
     content: '';
     position: absolute;
     right: 0;
     top: 5px;
     bottom: 5px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .featured-block-three .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #ffffff;
     display: block;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .featured-block-three .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
 }

 .featured-block-three .hover-box .inner {
     position: relative;
     display: block;
     padding: 35px 40px 15px;
 }

 .featured-block-three .hover-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.30em;
     max-width: 220px;
     margin: 0 0 10px;
 }

 .featured-block-three .hover-box h4 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-three .hover-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block-three .hover-box .text {
     color: #757575;
     line-height: 1.6em;
 }

 .featured-block-three .more-link {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 42px;
     height: 42px;
     line-height: 30px;
     text-align: center;
     color: #c0392b;
     font-size: 18px;
     opacity: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 2;
 }

 .featured-block-three:hover .more-link {
     opacity: 1;
 }

 .featured-block-three .more-link a {
     position: relative;
     display: block;
     line-height: 42px;
     color: #ffffff;
 }

 .featured-block-three .more-link a:before {
     content: '';
     position: absolute;
     right: -85px;
     bottom: -85px;
     width: 140px;
     height: 140px;
     background: #c0392b;
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .featured-block-three .more-link a span,
 .featured-block-three .more-link a i {
     position: relative;
     top: 0px;
     z-index: 1;
 }

 .contact-links-box {
     position: relative;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .welcome-section-two .upper-row .contact-links-box {
     position: absolute;
     right: 40px;
     bottom: 100%;
     margin-bottom: 25px;
     width: 300px;
     background: #ffffff;
 }

 .contact-links-box .inner {
     position: relative;
 }

 .contact-links-box .info-header {
     position: relative;
     padding: 20px 30px 15px;
     background: #c0392b;
     color: #ffffff;
 }

 .contact-links-box .info-header h4 {
     font-weight: 700;
     margin: 0;
 }

 .contact-links-box .info {
     position: relative;
     padding: 10px 30px;
     background: #ffffff;
 }

 .contact-links-box .info li {
     position: relative;
     padding: 25px 0px 15px 62px;
     min-height: 90px;
     line-height: 24px;
     font-size: 15px;
     color: #757575;
     font-family: 'Exo', sans-serif;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }

 .sidebar-widget .contact-links-box .info li {
     padding-top: 27px;
 }

 .contact-links-box .info li a {
     color: #757575;
 }

 .contact-links-box .info li a:hover {
     text-decoration: underline;
     color: #c0392b;
 }

 .contact-links-box .info li:last-child {
     border-bottom: 0;
 }

 .contact-links-box .info li strong {
     display: block;
     position: relative;
     color: #222222;
     font-size: 18px;
     font-weight: 700;
 }

 .contact-links-box .info li .icon {
     position: absolute;
     left: 0;
     top: 15px;
     line-height: 60px;
     font-size: 42px;
     color: #c0392b;
 }

 .welcome-section-two .lower-row {
     position: relative;
 }

 .welcome-section-two .lower-row .sec-title {
     margin-bottom: 40px;
 }

 .welcome-section-two .text-col {
     position: relative;
     margin-bottom: 30px;
 }

 .welcome-section-two .text-col .inner {
     display: block;
     padding-right: 40px;
 }

 .welcome-section-two .text-col .text {
     position: relative;
     margin-bottom: 30px;
 }

 .welcome-section-two .text-col .info {
     position: relative;
     margin-bottom: 40px;
     line-height: 20px;
 }

 .welcome-section-two .text-col .info strong {
     position: relative;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #222222;
     text-transform: uppercase;
     font-family: 'Exo', sans-serif;
 }

 .welcome-section-two .text-col .info .desigantion {
     position: relative;
     display: block;
     font-size: 15px;
     font-weight: 400;
     color: #757575;
 }

 .welcome-section-two .video-link {
     position: relative;
 }

 .welcome-section-two .video-link .link {
     position: relative;
     display: block;
     min-height: 60px;
     color: #222222;
     padding: 10px 0px 0px 80px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .welcome-section-two .video-link .link .icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 60px;
     height: 60px;
     line-height: 56px;
     text-align: center;
     color: #c0392b;
     border: 2px solid #c0392b;
     border-radius: 50%;
 }

 .welcome-section-two .video-link .link .txt {
     position: relative;
     display: block;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
 }

 .welcome-section-two .video-link .link:hover {
     color: #c0392b;
 }

 .welcome-section-two .image-col {
     position: relative;
 }

 .welcome-section-two .image-col .row {
     margin: 0px -5px;
 }

 .welcome-section-two .image-col .image {
     padding: 0px 5px;
     margin-bottom: 10px;
 }

 .welcome-section-two .image-col img {
     display: block;
     width: 100%;
 }

 /***

 ====================================================================
     Fluid Section
 ====================================================================

 ***/

 .fluid-section {
     position: relative;
     padding: 0;
 }

 .fluid-section .top-icon-box {
     position: absolute;
     left: 50%;
     margin-left: -65px;
     top: -65px;
     width: 130px;
     height: 130px;
     font-size: 60px;
     line-height: 140px;
     background: #f1f1f1;
     color: #c0392b;
     text-align: center;
     border-radius: 50%;
     z-index: 2;
 }

 .alternate-icon .top-icon-box {
     background: #ffffff;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .fluid-section .row {
     margin: 0;
 }

 .fluid-section .column {
     position: relative;
     padding: 0;
     color: #ffffff;
 }

 .fluid-section .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .fluid-section .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.0);
 }

 .fluid-section .column:nth-child(2) .image-layer:before {
     background: #c0392b;
     opacity: 0.90;
 }

 .fluid-section .column .inner {
     position: relative;
     float: right;
     width: 100%;
     max-width: 600px;
     padding-right: 100px;
 }

 .fluid-section .column:nth-child(2) .inner {
     float: left;
     padding-right: 0;
     padding-left: 100px;
 }

 .fluid-section .column .content {
     position: relative;
     display: block;
     padding: 110px 15px 100px;
 }

 .fluid-section .column .upper-title {
     position: relative;
     display: block;
     padding: 12px 0 0 84px;
     min-height: 60px;
     margin-bottom: 35px;
 }

 .fluid-section .column .icon-box {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 60px;
     line-height: 1em;
 }

 .fluid-section .column .upper-title h4 {
     font-weight: 700;
     margin: 0;
 }

 .fluid-section .column .upper-title h2 {
     font-weight: 700;
     margin: 0;
 }

 /***

 ====================================================================
     Departmetns Section
 ====================================================================

 ***/

 .departments-section {
     position: relative;
     background: #ffffff;
 }

 .pattern-container .departments-section,
 .pattern-container .get-info-section {
     position: relative;
     background: none;
 }

 .departments-section .upper-row {
     position: relative;
     padding: 110px 0px 80px;
 }

 .departments-section .bg-layer {
     position: absolute;
     left: 50%;
     top: 0;
     right: 0px;
     bottom: -110px;
     margin-left: -585px;
     width: 5000px;
     background: #f1f1f1;
 }

 .departments-section .upper-row .sec-title {
     margin-bottom: 50px;
 }

 .departments-section .image-column {
     position: relative;
     margin-bottom: 30px;
 }

 .departments-section .image-column .inner {
     position: relative;
     display: block;
     padding-right: 20px;
     margin-left: -350px;
 }

 .departments-section .image-column img {
     position: relative;
     display: block;
     width: 100%;
 }

 .departments-section .right-column {
     position: relative;
     margin-bottom: 30px;
 }

 .departments-section .right-column .inner {
     position: relative;
     display: block;
 }

 .departments-section .right-column .bottom-text {
     position: relative;
     display: block;
     padding-top: 35px;
     font-size: 16px;
     color: #222222;
     font-weight: 500;
     text-align: center;
 }

 .departments-section .right-column .bottom-text a {
     text-decoration: underline;
     color: #c0392b;
 }

 .featured-block-four {
     position: relative;
     margin-bottom: 30px;
 }

 .owl-theme .featured-block-four {
     margin: 0;
 }

 .departments-carousel .owl-stage-outer {
     overflow: visible;
 }

 .departments-carousel .featured-block-four {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .departments-carousel .active .featured-block-four {
     opacity: 1;
     visibility: visible;
 }

 .featured-block-four .inner-box {
     position: relative;
     display: block;
     background: #ffffff;
     padding: 40px 30px 25px;
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-four .inner-box:hover {
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07), 0px 15px 30px 0px rgba(0, 0, 0, 0.07);
 }

 .featured-block-four .count-box {
     position: absolute;
     right: 0;
     top: 0;
     width: 70px;
     height: 90px;
     padding: 25px 10px 20px;
     text-align: center;
     font-size: 30px;
     line-height: 50px;
     font-weight: 700;
     color: #c7c7c7;
     font-family: 'Exo', sans-serif;
     background: url(..../images/icons/line-pattern-1.png) right top repeat;
 }

 .featured-block-four .icon-box {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 1em;
     color: #c0392b;
     margin-bottom: 30px;
 }

 .featured-block-four .content {
     position: relative;
     display: block;
 }

 .featured-block-four h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.3em;
     margin: 0 0 20px;
 }

 .featured-block-four h4 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-four h4 a:hover {
     color: #c0392b;
 }

 .featured-block-four .text {
     margin-bottom: 20px;
 }

 .featured-block-four .read-more {
     position: relative;
     display: block;
     padding: 15px 0px 0px;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
 }

 .featured-block-four .read-more a {
     position: relative;
     display: block;
     color: #757575;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .featured-block-four .read-more a span {
     position: relative;
     display: inline-block;
     vertical-align: top;
 }

 .featured-block-four .read-more a span:after {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 100%;
     margin-left: 10px;
     top: 0;
     line-height: 20px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     -ms-transform: translateX(20px);
     transform: translateX(20px);
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .featured-block-four .read-more a:hover span:after,
 .featured-block-four .inner-box:hover .read-more a span:after {
     opacity: 1;
     -ms-transform: translateX(0px);
     transform: translateX(0px);
 }

 .featured-block-four .read-more a:after {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     right: 0;
     top: 0;
     line-height: 20px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 1;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .featured-block-four .read-more a:hover,
 .featured-block-four .inner-box:hover .read-more a {
     color: #c0392b;
 }

 .featured-block-four .read-more a:hover:after,
 .featured-block-four .inner-box:hover .read-more a:after {
     opacity: 0;
     -ms-transform: translateX(-100px);
     transform: translateX(-100px);
 }

 .departments-carousel .owl-nav {
     position: absolute;
     right: 0;
     top: -110px;
 }

 .departments-carousel .owl-nav button.owl-next,
 .departments-carousel .owl-nav button.owl-prev {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     width: 60px;
     height: 60px;
     line-height: 58px;
     color: #cccccc;
     font-size: 24px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     text-align: center;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .departments-carousel .owl-nav .owl-next:hover,
 .departments-carousel .owl-nav .owl-prev:hover {
     border-color: #c0392b;
     color: #c0392b;
 }

 .departments-carousel .owl-dots {
     position: relative;
     display: block;
     padding-top: 40px;
     width: 100%;
     text-align: center;
     display: none;
 }

 .departments-carousel .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 .departments-carousel .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 3px;
     height: 3px;
     background: #aaaaaa;
     outline: 2px solid rgba(0, 0, 0, 0);
     outline-offset: 4px;
 }

 .departments-carousel .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: #c0392b;
 }

 .departments-section .services-row {
     position: relative;
 }

 .departments-section .services-row .auto-container {
     max-width: 1400px;
 }

 .departments-section .services-row .auto-container {
     max-width: 1400px;
 }

 .departments-section .services-row .outer-container {
     position: relative;
     padding: 100px 100px 80px;
     color: #ffffff;
 }

 .departments-section .services-row .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .departments-section .services-row .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #c0392b;
     opacity: 0.93;
 }

 .departments-section .services-row .sec-title {
     margin-bottom: 50px;
 }

 .departments-section .services-row ul li {
     position: relative;
     padding-left: 20px;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     margin-bottom: 15px;
 }

 .departments-section .services-row ul li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 8px;
     width: 8px;
     height: 8px;
     border: 2px solid rgba(255, 255, 255, 0.70);
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .departments-section .services-row ul li:hover:before {
     background: #ffffff;
     border-color: #ffffff;
 }

 .departments-section .services-row ul li a {
     position: relative;
     display: inline-block;
     color: #ffffff;
 }

 .departments-section .services-row ul li a:after {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding-left: 7px;
     font-size: 16px;
     font-weight: 400;
 }

 /***

 ====================================================================
     Highlights Section
 ====================================================================

 ***/

 .highlights-section {
     position: relative;
     padding: 100px 0px 0px;
     margin-bottom: -110px;
     z-index: 1;
 }

 .highlights-section .sec-title {
     margin-bottom: 50px;
 }

 .highlights-section .carousel-outer {
     max-width: 730px;
     margin: 0 auto;
 }

 .highlights-section .owl-stage-outer {
     overflow: visible;
 }

 .hi-block {
     position: relative;
 }

 .hi-block .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
 }

 .hi-block .upper-info {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     display: block;
     text-align: left;
     margin-bottom: 30px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .active .hi-block .upper-info {
     opacity: 0;
 }

 .hi-block .upper-info .count {
     position: relative;
     font-size: 36px;
     display: block;
     color: #c7c7c7;
     font-weight: 700;
     line-height: 1.1em;
     margin-bottom: 10px;
 }

 .hi-block .upper-info h3 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     padding-left: 22px;
     margin: 0;
 }

 .hi-block .upper-info h3:after {
     content: '';
     position: absolute;
     left: 0;
     top: 3px;
     bottom: 9px;
     border-right: 2px solid #c0392b;
 }

 .hi-block .upper-info h3 a {
     color: #222222;
 }

 .hi-block .upper-info h3 a:hover {
     color: #c0392b;
 }

 .hi-block .image-box {
     position: relative;
     display: block;
     top: 140px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .active .hi-block .image-box {
     top: 0;
 }

 .hi-block .image,
 .hi-block .image img {
     position: relative;
     display: block;
     width: 100%;
     margin: 0;
 }

 .hi-block .image-cap {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     color: #ffffff;
     padding: 30px 30px 20px;
 }

 .hi-block .image-cap h2 {
     position: relative;
     float: left;
     color: #ffffff;
     font-size: 30px;
     line-height: 40px;
     font-weight: 700;
     margin: 0;
 }

 .hi-block .image-cap h2 a {
     color: #ffffff;
 }

 .hi-block .image-cap h2 .num {
     position: relative;
     top: 2px;
     display: inline-block;
     vertical-align: middle;
     font-size: 36px;
     padding-right: 20px;
     margin-right: 15px;
 }

 .hi-block .image-cap h2 .num:after {
     content: '';
     position: absolute;
     right: 0;
     top: -5px;
     height: 40px;
     border-right: 2px solid #ffffff;
 }

 .hi-block .image-cap .video-link {
     position: relative;
     float: right;
     padding-top: 2px;
 }

 .hi-block .image-cap .video-link .link {
     position: relative;
     display: block;
     min-height: 36px;
     line-height: 24px;
     color: #ffffff;
     padding: 8px 0px 0px 50px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .hi-block .image-cap .video-link .link .icon {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 12px;
     padding-left: 2px;
     width: 36px;
     height: 36px;
     line-height: 32px;
     text-align: center;
     border: 2px solid;
     border-radius: 50%;
 }

 .hi-block .image-cap .video-link .link .txt {
     position: relative;
     display: block;
     font-size: 16px;
     font-weight: 700;
 }

 .hi-block .image-cap .video-link .link:hover {
     color: #c0392b;
 }

 .highlights-section .owl-nav {
     position: absolute;
     left: -300px;
     right: -300px;
     top: 60px;
     color: #bbbbbb;
 }

 .highlights-section .owl-theme .owl-nav .owl-prev,
 .highlights-section .owl-theme .owl-nav .owl-next {
     line-height: 36px;
     font-size: 36px;
 }

 .highlights-section .owl-theme .owl-nav .owl-prev {
     position: absolute;
     left: 0;
     top: 0;
 }

 .highlights-section .owl-theme .owl-nav .owl-next {
     position: absolute;
     right: 0;
     top: 0;
 }

 .highlights-section .owl-theme .owl-nav .owl-prev:hover,
 .highlights-section .owl-theme .owl-nav .owl-next:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
     Team Section
 ====================================================================

 ***/

 .team-section-two {
     position: relative;
     padding: 220px 0px 70px;
 }

 .team-section-two .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: left top;
     background-size: cover;
 }

 .team-section-two .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.0);
 }

 .team-section-two .sec-title {
     margin-bottom: 30px;
 }

 .team-section-two .title-col {
     position: relative;
     margin-bottom: 40px;
 }

 .team-section-two .title-col .inner {
     position: relative;
     display: block;
 }

 .team-section-two .title-col .text {
     font-size: 15px;
     color: #e0e0e0;
     margin-bottom: 40px;
 }

 .team-section-two .members-col {
     position: relative;
 }

 .team-section-two .members-col .inner {
     position: relative;
     display: block;
 }

 .team-block-two {
     position: relative;
     margin-bottom: 40px;
 }

 .team-block-two .inner-box {
     position: relative;
     display: block;
     padding-left: 160px;
     min-height: 170px;
 }

 .team-block-two .image-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 130px;
     height: 170px;
     display: block;
     overflow: hidden;
 }

 .team-block-two .image,
 .team-block-two .image img {
     display: block;
     width: 100%;
 }

 .team-block-two .info {
     position: relative;
     margin-bottom: 30px;
 }

 .team-block-two .info h4 {
     font-size: 18px;
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 5px;
 }

 .team-block-two .info h4 a {
     color: #ffffff;
 }

 .team-block-two .info .designation {
     font-size: 15px;
     font-weight: 500;
     color: #c0392b;
 }

 .team-block-two .share-it {
     position: absolute;
     left: 160px;
     bottom: 0;
     width: 38px;
     height: 38px;
     margin: 0 0;
 }

 .team-block-two .share-it .share-btn {
     position: relative;
     display: block;
     width: 38px;
     height: 38px;
     line-height: 30px;
     padding: 4px 0px;
     color: #aaaaaa;
     background: #2d2d2d;
     text-align: center;
     border-radius: 19px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .team-block-two .share-it .share-btn:hover {
     color: #ffffff;
     background: #c0392b;
     border-color: #c0392b;
 }

 .team-block-two .share-it .share-list {
     position: absolute;
     left: 0;
     top: 0;
     height: 38px;
     width: 110px;
     color: #aaaaaa;
     background: #2d2d2d;
     text-align: center;
     border-radius: 19px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .team-block-two .share-it:hover .share-list {
     opacity: 1;
     visibility: visible;
 }

 .team-block-two .share-it .share-list li {
     position: relative;
     display: block;
     float: left;
     width: 36px;
     padding: 4px 0px;
     line-height: 30px;
     border-right: 1px solid rgba(255, 255, 255, 0.10);
 }

 .team-block-two .share-it .share-list li:last-child {
     border: none;
 }

 .team-block-two .share-it .share-list li a {
     position: relative;
     display: block;
     text-align: center;
     font-size: 13px;
     line-height: 30px;
     color: #999999;
 }

 .team-block-two .share-it .share-list li a:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
     News Section Two
 ====================================================================

 ***/

 .news-section-two {
     position: relative;
     padding: 100px 0px 70px;
     background: #ffffff;
 }

 .news-block-two {
     position: relative;
     margin-bottom: 30px;
 }

 .news-block-two .inner-box {
     position: relative;
     display: block;
 }

 .news-block-two .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
 }

 .news-block-two .image-box:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 160px;
     background: rgba(0, 0, 0, 0.30);
     background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.0));
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     z-index: 1;
 }

 .news-block-two .inner-box:hover .image-box:before {
     opacity: 0;
 }

 .news-block-two .image-box:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 160px;
     background: rgba(0, 0, 0, 0.0);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     z-index: 1;
 }

 .news-block-two .inner-box:hover .image-box:after {
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
 }

 .news-block-two .image,
 .news-block-two .image img {
     display: block;
     width: 100%;
 }

 .news-block-two .image-box .cat-info {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 0px 30px 15px;
     color: #ffffff;
     font-family: 'Exo', sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
     opacity: 1;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 2;
 }

 .news-block-two .inner-box:hover .image-box .cat-info {
     opacity: 0;
     visibility: hidden;
 }

 .news-block-two .image-box .cat-info a {
     color: #ffffff;
 }

 .news-block-two .image-box .cat-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #c0392b;
 }

 .news-block-two .image-box .hover-link {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 0px 30px 15px;
     color: #ffffff;
     font-family: 'Exo', sans-serif;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 3;
 }

 .news-block-two .inner-box:hover .image-box .hover-link {
     opacity: 1;
     visibility: visible;
 }

 .news-block-two .image-box .hover-link a {
     font-size: 16px;
     color: #ffffff;
     font-weight: 400;
     text-transform: capitalize;
     line-height: 24px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-block-two .image-box .hover-link .arrow {
     font-size: 14px;
     font-weight: 400;
     padding-right: 7px;
 }

 .news-block-two .image-box .hover-link a:hover {
     color: #c0392b;
 }

 .news-block-two .lower-box {
     position: relative;
     display: block;
     padding: 40px 30px 30px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: none;
     font-family: 'Exo', sans-serif;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
 }

 .news-block-two .lower-box .upper-info {
     position: relative;
     padding-bottom: 20px;
 }

 .news-block-two .upper-title {
     position: relative;
     margin-bottom: 20px;
     padding-bottom: 10px;
 }

 .news-block-two .upper-title:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 50px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
 }

 .news-block-two .lower-box h4 {
     position: relative;
     margin-bottom: 0px;
     font-weight: 700;
     z-index: 1;
 }

 .news-block-two .lower-box h4 a {
     color: #222222;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-block-two .lower-box h4 a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .news-block-two .lower-box .post-info {
     position: relative;
     font-size: 12px;
     color: #555555;
     text-transform: uppercase;
     line-height: 20px;
 }

 .news-block-two .text {
     position: relative;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .news-block-two .more-link {
     position: relative;
     font-family: 'Exo', sans-serif;
 }

 .news-block-two .more-link a {
     font-size: 16px;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     line-height: 24px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block-two .more-link a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 0;
     top: -3px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .news-block-two .more-link a:hover,
 .news-block-two .inner-box:hover .more-link a {
     color: #c0392b;
     padding-left: 20px;
 }

 .news-block-two .more-link a:hover:before,
 .news-block-two .inner-box:hover .more-link a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block-three {
     position: relative;
     margin-bottom: 30px;
 }

 .news-block-three .inner-box {
     position: relative;
     display: block;
     text-align: center;
     padding: 45px 30px;
     background: #c0392b;
     color: #ffffff;
 }

 .news-block-three .over-link {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .news-block-three .cat-info {
     position: relative;
     display: block;
     margin-bottom: 20px;
     color: #ffffff;
     font-family: 'Exo', sans-serif;
     font-weight: 400;
     text-transform: uppercase;
     font-size: 12px;
 }

 .news-block-three .cat-info a {
     color: #ffffff;
 }

 .news-block-three .cat-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #ffffff;
 }

 .news-block-three .post-info {
     position: relative;
     font-size: 12px;
     color: #ffffff;
     font-family: 'Exo', sans-serif;
     text-transform: uppercase;
     line-height: 20px;
 }

 .news-block-three .text {
     position: relative;
     font-size: 18px;
     line-height: 1.6em;
     margin-bottom: 20px;
     padding: 0px 30px;
     padding-bottom: 20px;
 }

 .news-block-three .text:before {
     content: '';
     position: absolute;
     left: 70px;
     right: 70px;
     bottom: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.20);
 }

 .news-block-four {
     position: relative;
     margin-bottom: 50px;
 }

 .owl-theme .news-block-four {
     margin-bottom: 0;
 }

 .news-block-four .inner-box {
     position: relative;
     display: block;
 }

 .news-block-four .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
 }

 .news-block-four .image,
 .news-block-four .image img {
     display: block;
     width: 100%;
 }

 .news-block-four .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     color: #dedede;
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     z-index: 2;
 }

 .news-block-four .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
 }

 .news-block-four .image-box .date {
     position: absolute;
     right: 30px;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block-four .inner-box:hover .date {
     opacity: 0;
     visibility: hidden;
 }

 .news-block-four .hover-box .more-link {
     position: absolute;
     right: 30px;
     bottom: 30px;
     font-family: 'Exo', sans-serif;
 }

 .news-block-four .hover-box .more-link a {
     position: relative;
     display: block;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 16px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     text-transform: capitalize;
 }

 .news-block-four .lower-box {
     position: relative;
     display: block;
     padding: 40px 30px 20px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: none;
     font-family: 'Exo', sans-serif;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .news-block-four .lower-box .upper-info {
     position: relative;
     padding-bottom: 15px;
 }

 .news-block-four .lower-box h2 {
     position: relative;
     font-size: 30px;
     margin-bottom: 7px;
     font-weight: 700;
     z-index: 1;
 }

 .news-block-four .lower-box h2 a {
     color: #222222;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-block-four .lower-box h2 a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .news-block-four .lower-box .cat-info {
     position: relative;
     color: #757575;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 1;
 }

 .news-block-four .lower-box .cat-info a {
     color: #757575;
 }

 .news-block-four .lower-box .cat-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #c0392b;
 }

 .news-block-four .lower-box .text {
     position: relative;
     margin-bottom: 25px;
 }

 .news-block-four .lower-box .meta-info {
     position: relative;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
     padding-top: 20px;
 }

 .news-block-four .author-info {
     position: relative;
     float: left;
     padding-left: 65px;
     min-height: 50px;
     padding-top: 20px;
 }

 .news-block-four .author-info .author-icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
     color: #959595;
     background: #f1f1f1;
     border-radius: 50%;
 }

 .news-block-four .author-info .author-title {
     font-size: 12px;
     line-height: 20px;
     color: #222222;
     text-transform: uppercase;
 }

 .news-block-four .author-info .date {
     font-size: 14px;
     line-height: 20px;
     color: #757575;
     text-transform: uppercase;
 }

 .news-block-four .share-it {
     position: relative;
     float: right;
     margin-top: 5px;
 }

 .news-block-four .share-it .share-btn {
     position: relative;
     display: block;
     width: 30px;
     height: 38px;
     line-height: 30px;
     padding: 4px 0px;
     color: #aaaaaa;
     background: none;
     text-align: right;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .news-block-four .share-it .share-btn:before {
     content: '';
     position: absolute;
     left: 0px;
     top: 0;
     bottom: 0;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .news-block-four .share-it:hover .share-btn {
     color: #c0392b;
 }

 .news-block-four .share-it:hover .share-btn:before {
     display: none;
 }

 .news-block-four .share-it .share-list {
     position: absolute;
     right: 100%;
     top: 0;
     height: 38px;
     width: 110px;
     color: #757575;
     background: #f1f1f1;
     text-align: center;
     border-radius: 19px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .news-block-four .share-it:hover .share-list {
     opacity: 1;
     visibility: visible;
 }

 .news-block-four .share-it .share-list li {
     position: relative;
     display: block;
     float: left;
     width: 36px;
     padding: 4px 0px;
     line-height: 30px;
     border-right: 1px solid rgba(0, 0, 0, 0.07);
 }

 .news-block-four .share-it .share-list li:last-child {
     border: none;
 }

 .news-block-four .share-it .share-list li a {
     position: relative;
     display: block;
     text-align: center;
     font-size: 13px;
     height: 30px;
     line-height: 32px;
     color: #aaaaaa;
 }

 .news-block-four .share-it .share-list li a:hover {
     color: #c0392b;
 }

 .news-block-five {
     position: relative;
     margin-bottom: 40px;
 }

 .owl-theme .news-block-five {
     margin-bottom: 0;
 }

 .news-block-five .inner-box {
     position: relative;
     display: block;
 }

 .news-block-five .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     z-index: 1;
 }

 .news-block-five .image,
 .news-block-five .image img {
     display: block;
     width: 100%;
 }

 .news-block-five .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     color: #dedede;
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     z-index: 2;
 }

 .news-block-five .inner-box:hover .hover-box {
     opacity: 1;
     visibility: visible;
 }

 .news-block-five .image-box .date {
     position: absolute;
     right: 20px;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .news-block-five .inner-box:hover .date {
     opacity: 0;
     visibility: hidden;
 }

 .news-block-five .hover-box .more-link {
     position: absolute;
     right: 20px;
     bottom: 20px;
     font-family: 'Exo', sans-serif;
 }

 .news-block-five .hover-box .more-link a {
     position: relative;
     display: block;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 16px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     text-transform: capitalize;
 }

 .news-block-five .lower-box {
     position: relative;
     display: block;
     padding: 35px 30px 20px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: none;
     font-family: 'Exo', sans-serif;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .news-block-five .lower-box .upper-info {
     position: relative;
     padding-bottom: 15px;
 }

 .news-block-five .lower-box h4 {
     position: relative;
     margin-bottom: 10px;
     font-weight: 700;
     z-index: 1;
 }

 .news-block-five .lower-box h4 a {
     color: #222222;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .news-block-five .lower-box h4 a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .news-block-five .lower-box .cat-info {
     position: relative;
     color: #757575;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 1;
 }

 .news-block-five .lower-box .cat-info a {
     color: #757575;
 }

 .news-block-five .lower-box .cat-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #c0392b;
 }

 .news-block-five .lower-box .text {
     position: relative;
     margin-bottom: 25px;
 }

 .news-block-five .lower-box .meta-info {
     position: relative;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
     padding-top: 20px;
 }

 .news-block-five .author-info {
     position: relative;
     float: left;
     padding-left: 55px;
     min-height: 40px;
 }

 .news-block-five .author-info .author-icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 14px;
     color: #959595;
     background: #f1f1f1;
     border-radius: 50%;
 }

 .news-block-five .author-info .author-title {
     font-size: 12px;
     line-height: 24px;
     color: #222222;
     text-transform: uppercase;
 }

 .news-block-five .author-info .date {
     font-size: 14px;
     line-height: 20px;
     color: #757575;
     text-transform: uppercase;
 }

 .news-block-five .comments-info {
     position: relative;
     float: right;
     padding: 8px 0px;
     line-height: 24px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
     padding-left: 15px;
 }

 .news-block-five .comments-info a {
     font-size: 14px;
     color: #757575;
     display: block;
 }

 .news-block-five .comments-info a .fa {
     padding-right: 3px;
     color: #aaaaaa;
 }


 /* custom read more */
 .news-block-five .read-more {
     position: relative;
     display: block;
     text-align: center;
 }

 .news-block-five .read-more a {
     position: relative;
     display: block;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .news-block-five .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: relative;
     left: 170px;
     top: 1px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .news-block-five .read-more a:hover,
 .news-block-five .inner-box:hover .read-more a {
     color: #c0392b;
     padding-right: 20px;
 }

 .news-block-five .read-more a:hover:before,
 .news-block-five .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 /***

 ====================================================================
     Reviews Section
 ====================================================================

 ***/

 .reviews-section {
     position: relative;
     padding: 100px 0px 100px;
     background: #f1f1f1;
 }

 .reviews-section .pattern-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .reviews-section .review-block {
     position: relative;
 }

 .reviews-section .review-block .inner {
     position: relative;
     display: block;
     padding-left: 100px;
     overflow: hidden;
 }

 .reviews-section .review-block .author-thumb {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -35px;
     width: 70px;
     height: 70px;
     border-radius: 50%;
 }

 .reviews-section .review-block .author-thumb:before {
     content: '';
     position: absolute;
     left: 50%;
     bottom: 100%;
     margin-bottom: 10px;
     height: 100px;
     border-left: 1px solid rgba(0, 0, 0, 0.20);
 }

 .reviews-section .review-block .author-thumb:after {
     content: '';
     position: absolute;
     left: 50%;
     top: 100%;
     margin-top: 12px;
     height: 100px;
     border-left: 1px solid rgba(0, 0, 0, 0.20);
 }

 .reviews-section .review-block:hover .author-thumb:before,
 .reviews-section .review-block:hover .author-thumb:after {
     border-color: #c0392b;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .reviews-section .review-block .author-thumb img {
     display: block;
     width: 100%;
     border-radius: 50%;
 }

 .reviews-section .review-block .text {
     line-height: 1.7em;
 }

 .reviews-section .review-block .info {
     position: relative;
     margin-top: 25px;
 }

 .reviews-section .review-block .info .name {
     position: relative;
     display: block;
     font-family: 'Exo', sans-serif;
     font-size: 18px;
     font-weight: 700;
     text-transform: capitalize;
     color: #222222;
 }

 .reviews-section .review-block .info .designation {
     position: relative;
     display: block;
     font-size: 15px;
     font-weight: 500;
     text-transform: capitalize;
     color: #c0392b;
 }

 .reviews-section .review-block .icon-box {
     position: relative;
     color: #c0392b;
     font-size: 48px;
     line-height: 1em;
     margin-bottom: 20px;
 }

 .reviews-carousel .owl-nav {
     position: absolute;
     right: 0;
     top: -120px;
 }

 .reviews-carousel .owl-nav button.owl-next,
 .reviews-carousel .owl-nav button.owl-prev {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     width: 60px;
     height: 60px;
     line-height: 58px;
     color: #cccccc;
     font-size: 24px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     text-align: center;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .reviews-carousel .owl-nav .owl-next:hover,
 .reviews-carousel .owl-nav .owl-prev:hover {
     border-color: #c0392b;
     color: #c0392b;
 }

 .reviews-carousel .owl-dots {
     display: none;
 }

 /***

 ====================================================================
     Accordion
 ====================================================================

 ***/


 .accordion-box {
     position: relative;
 }

 .accordion-box .block {
     position: relative;
     margin-bottom: 15px;
 }

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

 .accordion-box .block .acc-btn {
     position: relative;
     font-size: 16px;
     line-height: 28px;
     font-weight: 700;
     cursor: pointer;
     padding: 19px 50px 11px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     color: #222222;
     background-color: #ffffff;
     font-family: 'Exo', sans-serif;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn.active {
     color: #c0392b;
     border-color: rgba(0, 0, 0, 0.05);
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .accordion-box .block:before {
     content: '';
     position: absolute;
     left: 30px;
     top: 20px;
     bottom: 20px;
     border-left: 2px solid #c0392b;
     -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: 1;
 }

 .accordion-box .block.active-block:before {
     bottom: 5px;
 }

 .accordion-box .block .icon {
     position: absolute;
     right: 30px;
     top: 15px;
     font-size: 12px;
     font-weight: 700;
     color: #061138;
     height: 30px;
     line-height: 30px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .accordion-box .block .acc-btn.active .icon:before {
     content: "\f123";
     color: #c0392b;
 }

 .accordion-box .block.active-block {
     display: block;
 }

 .accordion-box .block .acc-content {
     position: relative;
     padding-left: 50px;
     display: none;
 }

 .accordion-box .block .content {
     position: relative;
     padding: 28px 0px 0px;
 }

 .accordion-box .block.current .acc-content {
     display: block;
 }

 .accordion-box .block .content .text {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 1.6em;
 }


 /***

 ====================================================================
     Default Form
 ====================================================================

 ***/

 .default-form {
     position: relative;
 }

 .default-form .row {
     margin: 0 -10px;
 }

 .default-form .form-group {
     position: relative;
     margin-bottom: 10px;
 }

 .default-form .row .form-group {
     padding: 0 5px;
 }

 .default-form .form-group .field-label {
     position: relative;
     display: block;
     color: #7f8a99;
     font-size: 13px;
     line-height: 24px;
     text-align: left;
     font-family: 'Exo', sans-serif;
     text-transform: uppercase;
     margin-bottom: 5px;
 }


 /* Feedback Contact */

 .default-form .form-group input[type="text"].input-feedback,
 .default-form .form-group input[type="email"].input-feedback,
 .default-form .form-group textarea.input-feedback {
     background: #565656;
     opacity: 0.5;
     border-radius: 5px;
     color: #ffffff !important;
 }


 .default-form .form-group .input-feedback::placeholder {
     /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #b4abab;
     font-style: normal;
     font-weight: 500;
     line-height: 21px;
 }

 .default-form .form-group .input-feedback:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #b4abab;
 }

 .default-form .form-group .input-feedback::-ms-input-placeholder {
     /* Microsoft Edge */
     color: #b4abab;
 }

 /* End Feedback */


 .default-form .form-group input[type="text"],
 .default-form .form-group input[type="email"],
 .default-form .form-group input[type="password"],
 .default-form .form-group input[type="tel"],
 .default-form .form-group input[type="url"],
 .default-form .form-group input[type="file"],
 .default-form .form-group input[type="number"],
 .default-form .form-group textarea,
 .default-form .form-group select {
     position: relative;
     display: block;
     height: 50px;
     width: 100%;
     font-size: 15px;
     color: #222222;
     line-height: 28px;
     font-weight: 400;
     padding: 12px 20px 8px;
     background-color: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
     border-radius: 0px;
     font-family: 'Exo', sans-serif;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .default-form .form-group textarea {
     height: 105px;
     padding-top: 12px;
     resize: none;
 }

 .default-form .form-group input[type="text"]:focus,
 .default-form .form-group input[type="email"]:focus,
 .default-form .form-group input[type="password"]:focus,
 .default-form .form-group input[type="tel"]:focus,
 .default-form .form-group input[type="url"]:focus,
 .default-form .form-group input[type="file"]:focus,
 .default-form .form-group input[type="number"]:focus,
 .default-form .form-group textarea:focus,
 .default-form .form-group select:focus,
 .form-group .ui-selectmenu-button.ui-button:focus,
 .form-group .ui-selectmenu-button.ui-button:active {
     border-color: #c0392b;
 }

 .default-form ::-webkit-input-placeholder {
     color: #757575;
 }

 .default-form ::-moz-input-placeholder {
     color: #757575;
 }

 .default-form ::-ms-input-placeholder {
     color: #757575;
 }

 .default-form label.error {
     color: #ff0000;
     font-size: 14px;
     text-transform: capitalize;
     text-align: left;
     display: block;
     font-family: 'Exo', sans-serif;
     padding-top: 5px;
 }

 .default-form .check-block {
     position: relative;
     display: block;
     margin-bottom: 5px;
 }

 .default-form .check-block input {
     position: absolute;
     left: 0;
     top: 0;
     padding: 0;
     opacity: 0;
     visibility: hidden;
     cursor: pointer;
 }

 .default-form .check-block label {
     position: relative;
     display: block;
     padding-left: 30px;
     line-height: 26px;
     font-size: 13px;
     font-weight: 500;
     text-transform: uppercase;
     cursor: pointer;
 }

 .default-form .check-block label:before {
     content: '';
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     top: 3px;
     width: 18px;
     height: 18px;
     color: #c0392b;
     line-height: 16px;
     font-size: 10px;
     text-align: center;
     border: 1px solid #d0d0d0;
     font-weight: 800;
 }

 .default-form .check-block input:checked+label:before {
     content: '\f00c';
     border-color: #c0392b;
 }


 .content-box .default-form label.error {
     color: #ffffff;
     font-size: 16px;
     padding-top: 10px;
 }

 /*Custom Select*/

 .form-group .ui-selectmenu-button.ui-button {
     width: 100%;
     font-size: 15px;
     font-style: normal;
     height: 52px;
     padding: 10px 20px;
     line-height: 28px;
     font-family: 'Exo', sans-serif;
     color: #222222;
     border-radius: 0px;
     background-color: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
 }

 .form-group .ui-button .ui-icon {
     background: none;
     position: relative;
     top: 3px;
     right: -5px;
     text-indent: 0px;
     color: #333333;
 }

 .form-group .ui-button .ui-icon:before {
     font-family: 'Font Awesome 5 Free';
     content: "\f107";
     position: absolute;
     right: 0px;
     top: 2px !important;
     top: 13px;
     width: 10px;
     height: 20px;
     display: block;
     font-style: normal;
     color: #aaaaaa;
     line-height: 20px;
     font-size: 16px;
     font-weight: 700;
     text-align: center;
     z-index: 5;
 }

 .ui-widget.ui-widget-content {
     border: 1px solid #e0e0e0;
     font-family: 'Exo', sans-serif;
 }

 .ui-menu .ui-menu-item {
     font-size: 14px;
     border-bottom: 1px solid #e0e0e0;
 }

 .ui-menu .ui-menu-item:last-child {
     border: none;
 }

 .ui-menu .ui-menu-item-wrapper {
     position: relative;
     display: block;
     padding: 9px 25px !important;
     font-size: 14px;
     line-height: 24px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .ui-menu .ui-menu-item-wrapper:hover,
 .ui-menu .ui-menu-item-wrapper.ui-state-active {
     background: #c0392b;
 }

 .quantity-spinner {
     position: relative;
     display: block;
 }

 .quantity-spinner .inner-box {
     position: relative;
     display: block;
 }

 .quantity-spinner input {
     position: relative;
     display: block;
     font-size: 15px;
     color: #7f8a99;
     line-height: 30px;
     height: 52px;
     width: 100%;
     padding: 10px 40px;
     border: 1px solid #e5e5e5;
     background: none;
     margin: 0px;
     font-weight: 400;
     text-align: center;
 }

 .quantity-spinner .minus {
     position: absolute;
     left: 0px;
     top: 1px;
     width: 53px;
     height: 50px;
     font-size: 20px;
     line-height: 30px;
     padding: 10px 0;
     text-align: center;
     background: none;
     font-weight: 400;
     color: #7f8a99;
     border-right: 1px solid #e5e5e5;
     z-index: 1;
     cursor: pointer;
 }

 .quantity-spinner .plus {
     position: absolute;
     right: 0px;
     top: 1px;
     width: 53px;
     height: 50px;
     font-size: 20px;
     line-height: 30px;
     padding: 10px 0;
     text-align: center;
     background: none;
     font-weight: 400;
     color: #7f8a99;
     border-left: 1px solid #e5e5e5;
     z-index: 1;
     cursor: pointer;
 }

 #ui-datepicker-div {
     z-index: 10 !important;
 }

 /***

 ====================================================================
     Get Info Section
 ====================================================================

 ***/

 .get-info-section {
     position: relative;
     padding: 110px 0px;
     background: #ffffff;
 }

 .get-info-section .sec-title {
     margin-bottom: 50px;
 }

 .get-info-section .left-col,
 .get-info-section .right-col {
     position: relative;
     margin-bottom: 30px;
 }

 .get-info-section .left-col .inner,
 .get-info-section .right-col .inner {
     position: relative;
     display: block;
 }

 .get-info-section .form-box {
     position: relative;
     padding: 30px 30px 20px;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
 }

 .get-info-section .form-box button {
     display: block;
     width: 100%;
 }

 .get-info-section .form-box button .btn-title {
     padding: 13px 20px 8px;
 }

 .get-info-section .see-more {
     position: relative;
     display: block;
     padding-top: 20px;
     text-align: center;
 }

 /***

 ====================================================================
     Main Footer Two
 ====================================================================

 ***/

 .main-footer-two {
     position: relative;
     background: #222222;
     padding: 50px 0px 0px;
     color: #999999;
 }

 .main-footer-two .upper-logo-box {
     position: relative;
     padding: 25px 0px 30px;
     text-align: center;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .main-footer-two .widgets-section {
     position: relative;
     padding: 50px 0px 40px;
 }

 .main-footer-two .widgets-section .row {
     margin: 0px -40px;
 }

 .main-footer-two .widgets-section .row .column {
     position: relative;
     padding: 0px 40px;
     border-right: 1px solid rgba(255, 255, 255, 0.10);
     margin-bottom: 40px;
 }

 .main-footer-two .widgets-section .row .column:last-child {
     border: none;
 }

 .main-footer-two .footer-widget {
     position: relative;
 }

 .main-footer-two .widget-title {
     position: relative;
     margin-bottom: 20px;
 }

 .main-footer-two .widget-content {
     position: relative;
 }

 .main-footer-two .widget-title h4 {
     position: relative;
     color: #ffffff;
     text-transform: capitalize;
     font-weight: 700;
     margin: 0 0;
 }

 .main-footer-two .about-widget .logo {
     position: relative;
     display: block;
     margin-bottom: 20px;
 }

 .main-footer-two .about-widget h5 {
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 5px;
 }

 .main-footer-two .about-widget .address {
     position: relative;
     margin-bottom: 20px;
 }

 .main-footer-two .links-widget {
     position: relative;
 }

 .main-footer-two .links-widget .column {
     position: relative;
     margin-bottom: 30px;
 }

 .main-footer-two .links-widget .links li {
     position: relative;
     margin-bottom: 10px;
     line-height: 24px;
     font-size: 15px;
 }

 .main-footer-two .links-widget .links li:last-child {
     margin-bottom: 0;
 }

 .main-footer-two .links-widget .links li a {
     position: relative;
     display: block;
     color: #999999;
     line-height: 24px;
     font-size: 15px;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer-two .links-widget .links li a:hover {
     color: #ffffff;
     text-decoration: underline;
 }

 .main-footer-two .twitter-widget .feed {
     position: relative;
 }

 .main-footer-two .twitter-widget .feed .text {
     position: relative;
     line-height: 1.6em;
     margin-bottom: 20px;
 }

 .main-footer-two .twitter-widget .feed a {
     position: relative;
     color: #c0392b;
 }

 .main-footer-two .twitter-widget .info {
     position: relative;
     padding-left: 45px;
     min-height: 50px;
 }

 .main-footer-two .twitter-widget .info .name {
     position: relative;
     display: block;
     font-family: 'Kanit', sans-serif;
     color: #ffffff;
     font-size: 18px;
     line-height: 1.4em;
     text-transform: capitalize;
 }

 .main-footer-two .twitter-widget .info .icon {
     position: absolute;
     left: 0;
     top: 10px;
     line-height: 30px;
     color: #c0392b;
     font-size: 26px;
 }

 .main-footer-two .newsletter-form {
     position: relative;
     display: block;
 }

 .main-footer-two .newsletter-form .instruction {
     position: relative;
     display: block;
     line-height: 1.5em;
     margin-bottom: 20px;
 }

 .main-footer-two .newsletter-form form {
     position: relative;
 }

 .main-footer-two .newsletter-form .form-group {
     position: relative;
     margin: 0 0;
 }

 .main-footer-two .newsletter-form .form-group input[type="text"],
 .main-footer-two .newsletter-form .form-group input[type="tel"],
 .main-footer-two .newsletter-form .form-group input[type="email"],
 .main-footer-two .newsletter-form .form-group textarea {
     position: relative;
     width: 100%;
     line-height: 24px;
     padding: 0px 0px 6px;
     height: 30px;
     display: block;
     font-size: 15px;
     background: none;
     font-weight: 400;
     color: #ffffff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-footer-two .newsletter-form .form-group input[type="text"]:focus,
 .main-footer-two .newsletter-form .form-group input[type="email"]:focus,
 .main-footer-two .newsletter-form .form-group input[type="tel"]:focus {
     border-color: #c0392b;
 }

 .main-footer-two .newsletter-form .form-group input::-webkit-input-placeholder {
     color: #757575;
 }

 .main-footer-two .newsletter-form .theme-btn {
     position: relative;
     display: block;
     background: none;
     color: #ffffff;
     margin-top: 15px;
     text-align: center;
 }

 .main-footer-two .newsletter-form .theme-btn .arrow {
     padding-right: 7px;
 }

 .main-footer-two .footer-bottom {
     position: relative;
     line-height: 24px;
     background: #1d1d1d;
 }

 .main-footer-two .footer-bottom .inner {
     position: relative;
     display: block;
     padding: 25px 0px;
 }

 .main-footer-two .footer-bottom .copyright {
     position: relative;
     float: left;
     width: 50%;
     line-height: 24px;
     text-align: center;
 }

 .main-footer-two .footer-bottom .copyright strong {
     color: #222222;
 }

 .main-footer-two .footer-bottom .copyright a {
     text-transform: capitalize;
     color: #c0392b;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer-two .footer-bottom .copyright a:hover {
     text-decoration: underline;
 }

 .main-footer-two .social-links {
     position: relative;
     float: left;
     width: 25%;
 }

 .main-footer-two .social-links ul {
     position: relative;
 }

 .main-footer-two .social-links li {
     position: relative;
     float: left;
     margin-right: 15px;
     line-height: 24px;
 }

 .main-footer-two .social-links li a {
     color: #999999;
     font-size: 14px;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer-two .social-links li a:hover {
     color: #c0392b;
 }

 .main-footer-two .footer-links {
     position: relative;
     float: right;
 }

 .main-footer-two .footer-links ul {
     position: relative;
 }

 .main-footer-two .footer-links li {
     position: relative;
     float: left;
     margin-left: 25px;
     line-height: 24px;
 }

 .main-footer-two .footer-links li:first-child {
     margin-left: 0px;
 }

 .main-footer-two .footer-links li a {
     color: #999999;
     font-size: 14px;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .main-footer-two .footer-links li a:hover {
     color: #c0392b;
 }


 /***

 ====================================================================
     Error Section
 ====================================================================

 ***/

 .error-section {
     position: relative;
     background: #ffffff;
     padding: 170px 0px 120px;
 }

 .error-section .content {
     position: relative;
     max-width: 580px;
     text-align: center;
     margin: 0 auto;
 }

 .error-section .big-text {
     position: relative;
     line-height: 0.7em;
     font-size: 240px;
     color: #222222;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
 }

 .error-section .med-text {
     position: absolute;
     left: 0;
     top: 20px;
     width: 100%;
     padding: 10px 10px 0px;
     line-height: 40px;
     font-size: 30px;
     color: #c0392b;
     background: #ffffff;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
 }

 .error-section h2 {
     font-weight: 700;
     color: #222222;
     line-height: 1.1em;
     margin-bottom: 10px;
 }

 .error-section .text {
     position: relative;
     line-height: 1.7em;
     margin-bottom: 30px;
 }

 .error-section .link-box {
     position: relative;
 }

 .error-section .link-box .theme-btn {
     position: relative;
     min-width: 200px;
 }


 /***

 ====================================================================
     Coming Soon
 ====================================================================

 ***/

 .comming-soon {
     position: fixed;
     width: 100%;
     left: 0;
     top: 0;
     height: 100%;
     display: block;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     text-align: center;
 }

 .comming-soon .outer-container {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow-y: auto;
 }

 .comming-soon .content {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: table;
     vertical-align: middle;
 }

 .comming-soon .content-inner {
     position: relative;
     width: 100%;
     padding: 50px 5px;
     display: table-cell;
     vertical-align: middle;
 }

 .comming-soon:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     display: block;
     background: #000000;
     opacity: 0.60;
 }

 .comming-soon .logo-box {
     position: relative;
     display: block;
     margin-bottom: 50px;
 }

 .comming-soon .logo-box img {
     height: 42px;
 }

 .comming-soon h1 {
     position: relative;
     color: #ffffff;
     font-size: 48px;
     font-weight: 700;
     line-height: 1.2em;
     text-transform: capitalize;
     margin-bottom: 40px;
 }

 .comming-soon .social-links {
     position: relative;
     padding-top: 10px;
     text-align: center;
 }

 .comming-soon .social-links li {
     position: relative;
     display: inline-block;
     margin: 0px 7px;
 }

 .comming-soon .social-links li a {
     position: relative;
     display: block;
     color: #757575;
     width: 40px;
     height: 40px;
     font-size: 14px;
     line-height: 40px;
     text-align: center;
     background: #ffffff;
     border-radius: 50%;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .comming-soon .social-links li a:hover,
 .comming-soon .social-links li a:hover {
     color: #ffffff;
     background: #c0392b;
     border-color: #c0392b;
 }

 .comming-soon .newsletter-form {
     position: relative;
     display: block;
     max-width: 550px;
     margin: 0 auto;
     margin-bottom: 50px;
 }

 .comming-soon .newsletter-form .instruction {
     position: relative;
     display: block;
     color: #ffffff;
     line-height: 1.5em;
     padding-top: 25px;
 }

 .comming-soon .newsletter-form .instruction span {
     color: #c0392b;
 }

 .comming-soon .newsletter-form form {
     position: relative;
 }

 .comming-soon .newsletter-form .form-group {
     position: relative;
     margin: 0 0;
     padding-right: 200px;
 }

 .comming-soon .newsletter-form .form-group input[type="text"],
 .comming-soon .newsletter-form .form-group input[type="tel"],
 .comming-soon .newsletter-form .form-group input[type="email"],
 .comming-soon .newsletter-form .form-group textarea {
     position: relative;
     width: 100%;
     line-height: 30px;
     padding: 12px 20px;
     height: 54px;
     display: block;
     font-size: 15px;
     background: rgba(255, 255, 255, 0.40);
     font-weight: 400;
     color: #ffffff;
     border: none;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .comming-soon .newsletter-form .form-group input::-webkit-input-placeholder {
     color: #ffffff;
 }

 .comming-soon .newsletter-form .theme-btn {
     position: absolute;
     right: 0;
     top: 0;
     width: 180px;
     display: block;
     line-height: 30px;
     padding: 12px 20px;
     text-align: center;
     background: #c0392b;
     color: #ffffff;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-align: center;
 }

 .comming-soon .newsletter-form .theme-btn:hover {
     background: #ffffff;
     color: #c0392b;
 }

 /***

 ====================================================================
     Countdown style
 ====================================================================

 ***/

 .time-counter {
     position: relative;
 }

 .time-counter .time-countdown {
     position: relative;
     margin-bottom: 10px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
 }

 .time-counter .time-countdown .counter-column {
     position: relative;
     display: inline-block;
     vertical-align: top;
     min-width: 120px;
     color: #ffffff;
     font-size: 20px;
     text-transform: capitalize;
     font-weight: 700;
     margin: 0px 35px 50px;
 }

 .time-counter .time-countdown .counter-column:after {
     content: ':';
     position: absolute;
     right: -65px;
     top: 5px;
     width: 60px;
     font-size: 60px;
     color: #c0392b;
     line-height: 1em;
 }

 .time-counter .time-countdown .counter-column:last-child:after {
     display: none;
 }

 .time-counter .time-countdown .counter-column .count {
     position: relative;
     display: block;
     font-size: 72px;
     line-height: 1em;
     color: #ffffff;
     font-weight: 700;
 }

 /***

 ====================================================================
         Page Banner
 ====================================================================

 ***/

 .page-banner {
     position: relative;
     padding: 0;
     color: #ffffff;
     background: #061138;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .page-banner .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .page-banner .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.40);
 }

 .page-banner .banner-inner {
     position: relative;
     display: block;
     text-align: center;
     z-index: 2;
 }

 .page-banner .inner-container {
     position: relative;
     padding: 140px 0px;
 }

 .page-banner h1 {
     position: relative;
     font-size: 40px;
     color: #ffffff;
     line-height: 1.2em;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: capitalize;
     margin: 0;
     text-transform: uppercase;
 }

 .page-banner .page-nav {
     position: absolute;
     left: 0;
     bottom: 0;
     padding-bottom: 15px;
     text-align: left;
     font-weight: 700;
     font-family: 'Kanit', sans-serif;
 }

 .page-banner .bread-crumb {
     position: relative;
     display: inline-block;
 }

 .page-banner .bread-crumb li {
     position: relative;
     float: left;
     font-size: 13px;
     line-height: 24px;
     color: #bababa;
     font-weight: 700;
     text-transform: uppercase;
     cursor: default;
     padding-right: 15px;
     margin-right: 15px;
 }

 .page-banner .bread-crumb li:before {
     position: absolute;
     right: -15px;
     width: 30px;
     text-align: center;
     font-size: 30px;
     line-height: 24px;
     color: #bababa;
     font-weight: 400;
     top: -1px;
     content: "-";
 }

 .page-banner .bread-crumb li:last-child {
     padding-right: 0;
     margin-right: 0;
 }

 .page-banner .bread-crumb li:last-child:before {
     display: none;
 }

 .page-banner .bread-crumb li a {
     color: #bababa;
     font-weight: 500;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .page-banner .bread-crumb li a:hover,
 .page-banner .bread-crumb li.active {
     color: #ffffff;
 }

 /***

 ====================================================================
     FAQs Section
 ====================================================================

 ***/

 .faqs-section {
     position: relative;
     padding: 110px 0px 100px;
     background: #ffffff;
 }

 .faqs-section .sec-title {
     margin-bottom: 50px;
 }

 .faqs-section .tab-col {
     position: relative;
 }

 .faqs-section .tab-col .inner {
     position: relative;
     display: block;
 }

 .tabs-box {
     position: relative;
 }

 .tabs-box .tab-buttons {
     position: relative;
 }

 .tabs-box .tab-buttons .tab-btn {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
 }

 .tabs-box .tabs-content {
     position: relative;
 }

 .tabs-box .tabs-content .tab {
     position: relative;
     display: none;
 }

 .tabs-box .tabs-content .active-tab {
     display: block;
 }

 .faq-tabs {
     position: relative;
 }

 .faq-tabs .tab-buttons {
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 20px;
 }

 .faq-tabs .tab-buttons .tab-btn {
     position: relative;
     display: block;
     padding: 30px 10px 25px;
     text-align: center;
     background: #f1f1f1;
     font-size: 18px;
     color: #222222;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     border: 1px solid #f1f1f1;
     margin-bottom: 30px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .faq-tabs .tab-buttons .tab-btn.active-btn {
     background: none;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .faq-tabs .tab-buttons .tab-btn .icon {
     position: relative;
     display: block;
     font-size: 42px;
     line-height: 1em;
     color: #c0392b;
     font-weight: 400;
     margin-bottom: 10px;
 }

 /***

 ====================================================================
     Highlights Section
 ====================================================================

 ***/

 .highlights-section-two {
     position: relative;
     padding: 0px 0px;
     z-index: 1;
 }

 .highlights-section-two .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .highlights-section-two .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.70);
 }

 .highlights-section-two .image-layer:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 70px;
     background: rgba(0, 0, 0, 0.40);
 }

 .highlights-section-two .carousel-outer {
     position: relative;
 }

 .featured-block-five {
     position: relative;
 }

 .owl-theme .featured-block-five {
     margin: 0;
 }

 .featured-block-five .inner-box {
     position: relative;
     display: block;
     padding: 110px 40px 130px;
 }

 .featured-block-five .inner-box:after {
     content: '';
     position: absolute;
     right: -1px;
     top: 0;
     height: 150%;
     border-right: 1px solid rgba(255, 255, 255, 0.20);
     z-index: 1;
 }

 .featured-block-five .content {
     position: relative;
     display: block;
     opacity: 0;
     visibility: hidden;
     -ms-transform: translateY(-200px);
     transform: translateY(-200px);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
 }

 .featured-block-five .inner-box:hover .content,
 .center .featured-block-five .inner-box .content {
     opacity: 1;
     visibility: visible;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .featured-block-five .count-box {
     position: absolute;
     right: 40px;
     top: 40px;
     font-size: 100px;
     line-height: 1em;
     font-weight: 700;
     color: #ffffff;
     opacity: 0.10;
     font-family: 'Exo', sans-serif;
     visibility: hidden;
     -ms-transform: translateY(-100px);
     transform: translateY(-100px);
 }

 .featured-block-five .inner-box:hover .count-box,
 .center .featured-block-five .inner-box .count-box {
     visibility: visible;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: all 500ms ease 500ms;
     -moz-transition: all 500ms ease 500ms;
     -ms-transition: all 500ms ease 500ms;
     -o-transition: all 500ms ease 500ms;
     transition: all 500ms ease 500ms;
 }

 .featured-block-five .icon-box {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 1em;
     color: #ffffff;
     margin-bottom: 25px;
 }

 .featured-block-five .content {
     position: relative;
     display: block;
 }

 .featured-block-five h3 {
     color: #ffffff;
     font-weight: 700;
     line-height: 1.2em;
     margin: 0 0 20px;
 }

 .featured-block-five h3 a {
     color: #ffffff;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-five h3 a:hover {
     color: #c0392b;
 }

 .featured-block-five .text {
     color: #bababa;
     margin-bottom: 30px;
 }

 .featured-block-five .read-more {
     position: relative;
     display: block;
 }

 .featured-block-five .read-more a {
     position: relative;
     display: block;
     color: #c0392b;
     background: #ffffff;
     font-size: 16px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     border-radius: 50%;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .featured-block-five .read-more a:hover {
     background: #c0392b;
     color: #ffffff;
 }

 .featured-block-five .bottom-text {
     position: absolute;
     left: 0px;
     bottom: 0px;
     font-size: 20px;
     line-height: 1.5em;
     font-weight: 700;
     color: #ffffff;
     font-family: 'Exo', sans-serif;
     padding: 0px 40px 16px;
     opacity: 1;
     visibility: visible;
     -ms-transform: translateY(-0px);
     transform: translateY(0px);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .featured-block-five .inner-box:hover .bottom-text,
 .center .featured-block-five .inner-box .bottom-text {
     opacity: 0;
     visibility: hidden;
     -ms-transform: translateY(80px);
     transform: translateY(80px);
 }

 .highlights-section-two .owl-theme .owl-nav {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     margin-top: -60px;
     height: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .highlights-section-two .owl-theme .owl-nav .owl-prev {
     position: absolute;
     left: -100px;
     background: none;
     height: 60px;
     border: none;
     text-align: center;
     line-height: 60px;
     color: #ffffff;
     font-size: 48px;
     opacity: 0.30;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .highlights-section-two .owl-theme .owl-nav .owl-next {
     position: absolute;
     right: -100px;
     background: none;
     height: 60px;
     border: none;
     text-align: center;
     line-height: 60px;
     color: #ffffff;
     font-size: 48px;
     opacity: 0.30;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .highlights-section-two .owl-nav .owl-prev:hover,
 .highlights-section-two .owl-nav .owl-next:hover {
     color: #c0392b;
     opacity: 1;
 }

 /***

 ====================================================================
     Extended Info Section
 ====================================================================

 ***/

 .ext-info-section {
     position: relative;
     padding: 0px 0px 110px;
 }

 .ext-info-section .pattern-layer {
     position: absolute;
     left: 0;
     top: 220px;
     bottom: 0;
     width: 100%;
     background-color: #f1f1f1;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .ext-info-section .awards-row {
     position: relative;
 }

 .ext-info-section .awards-row .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .ext-info-section .awards-row .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #c0392b;
     opacity: 0.93;
 }

 .ext-info-section .awards-row .auto-container {
     max-width: 1400px;
 }

 .ext-info-section .awards-row .outer-container {
     position: relative;
     padding: 100px 100px 50px;
     color: #ffffff;
 }

 .ext-info-section .awards-row .outer-container:before {
     content: '';
     position: absolute;
     left: 50%;
     top: 100px;
     bottom: 100px;
     border-left: 1px solid rgba(255, 255, 255, 0.50);
     z-index: 3;
 }

 .ext-info-section .awards-row .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .ext-info-section .awards-row .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #c0392b;
     opacity: 0.93;
 }

 .ext-info-section .awards-row .row {
     margin: 0px -50px;
 }

 .ext-info-section .awards-row .column {
     position: relative;
     padding: 0px 50px;
 }

 .ext-info-section .award-block {
     position: relative;
     margin-bottom: 50px;
 }

 .ext-info-section .award-block .inner {
     position: relative;
     display: block;
     padding-left: 100px;
 }

 .ext-info-section .award-block .slash {
     position: absolute;
     left: 0;
     top: -2px;
     font-weight: 700;
     color: #ffffff;
     font-size: 14px;
     font-family: 'Exo', sans-serif;
 }

 .ext-info-section .award-block h4 {
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 10px;
 }

 .ext-info-section .award-block h4 a {
     color: #ffffff;
 }

 .ext-info-section .content-row {
     position: relative;
     padding: 100px 0px 0px;
 }

 .ext-info-section .content-row .content {
     position: relative;
     max-width: 540px;
     margin: 0 auto;
     text-align: center;
 }

 .ext-info-section .content-row h4 {
     font-weight: 700;
     color: #222222;
     margin-bottom: 15px;
 }

 .ext-info-section .content-row h2 {
     font-weight: 700;
     color: #222222;
     margin-bottom: 30px;
 }

 .ext-info-section .content-row .theme-btn {
     min-width: 180px;
 }

 .ext-info-section .content-row .theme-btn .btn-title {
     padding: 14px 25px 10px;
 }


 /***

 ====================================================================
         Portfolio Section
 ====================================================================

  ***/

 .portfolio-section {
     position: relative;
     padding: 100px 0px;
 }

 /* custom awan gallery */
 .portfolio-section.gallery .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.85;
     background-image: url('../images/awan-detail.png');
     background-repeat: no-repeat;
     background-size: 256px 142px;
     background-position: 0px 25px;
 }

 .lb-nav a.lb-prev {
     opacity: 1 !important;
 }

 .lb-nav a.lb-next {
     opacity: 1 !important;
 }

 /* end custom awan pengumuman */

 .portfolio-section .sec-title {
     margin-bottom: 50px;
 }

 /*=== Filter Gallery ===*/

 .filter-gallery .filters {
     position: relative;
     text-align: center;
     margin-bottom: 50px;
 }

 .filter-gallery .filters .filter-tabs {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding: 15px 20px;
     background: #f1f1f1;
     font-family: 'Exo', sans-serif;
 }

 /* custom select2 gallery */
 .select2-results__option {
     padding: 6px 20px !important;
 }

 .gallery .select2.select2-container {
     width: 778px !important;
     position: relative;
     min-width: 200px;
     margin: 15px 25%;
 }

 .gallery .select2.select2-container .select2-selection {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     height: 40px;
     margin-bottom: 15px;
     outline: none !important;
     transition: all .15s ease-in-out;
     background: #FFFFFF;
     box-shadow: 1px 6px 15px rgba(69, 69, 69, 0.1);
     border-radius: 15px;
 }

 .gallery .select2.select2-container .select2-selection .select2-selection__rendered {
     color: #909090;
     line-height: 32px;
     padding-right: 33px;
     text-align: left;
     padding-top: 3px;
 }

 .gallery .select2.select2-container .select2-selection .select2-selection__arrow {
     background: #C0392B;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     /* border-radius: 0 3px 3px 0; */
     height: 40px;
     width: 50px;
 }

 .gallery .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
     background: #ffffff;
 }

 .gallery .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
     border-radius: 15px !important;
 }

 .gallery .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
     -webkit-border-radius: 0 3px 0 0;
     -moz-border-radius: 0 3px 0 0;
     border-radius: 0 3px 0 0;
 }

 .gallery .select2-container--default .select2-selection--single {
     border: none !important;
 }

 .gallery .select2-container--default .select2-selection--single .select2-selection__arrow {
     top: 0px !important;
     right: 0px !important;
 }

 .gallery .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: #fff transparent transparent transparent !important;
 }

 .gallery .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #fff transparent transparent transparent !important;
     border-width: 5px 4px 5px 4px !important;
 }

 .gallery .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
     -webkit-border-radius: 15px !important;
     ;
     -moz-border-radius: 15px !important;
     ;
     border-radius: 15px !important;
     ;
 }

 /* end custom select2 gallery */

 /* custom select2 announcement */
 .all-announcement button.btn-search {
     border-radius: 15px;
     position: relative;
     right: 25px;
 }

 .all-announcement button.btn-search span.search {
     padding: 1.5rem 8px;
     font-style: normal;
     font-weight: normal;
     font-size: 15px;
     line-height: 27px;
     text-align: center;
     letter-spacing: 0.02em;
 }

 .all-announcement .select2.select2-container {
     width: 300px !important;
     position: relative;
     min-width: 200px;
 }

 .all-announcement .select2.select2-container .select2-selection {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     height: 40px;
     outline: none !important;
     transition: all .15s ease-in-out;
     background: #FFFFFF;
     box-shadow: 1px 6px 15px rgba(69, 69, 69, 0.1);
     border-radius: 15px;
 }

 .all-announcement .select2.select2-container .select2-selection .select2-selection__rendered {
     color: #909090;
     line-height: 32px;
     text-align: left;
     padding-top: 4px;
     padding-left: 30px;
 }

 .all-announcement .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
     background: #ffffff;
 }

 .all-announcement .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
 .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
     border-radius: 15px !important;
 }

 .all-announcement .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
     -webkit-border-radius: 0 3px 0 0;
     -moz-border-radius: 0 3px 0 0;
     border-radius: 0 3px 0 0;
 }

 .all-announcement .select2-container--default .select2-selection--single {
     border: none !important;
 }

 /* .all-announcement .select2-container--default .select2-selection--single .select2-selection__arrow {
     top: 0px !important;
     right: 0px !important;
 }  */

 .all-announcement .select2-container--default .select2-selection--single .select2-selection__arrow b {
     background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
     background-color: transparent;
     background-size: contain;
     border: none !important;
     height: 20px !important;
     width: 20px !important;
     margin: auto !important;
     top: 10px !important;
     left: auto !important;
     right: 30px !important;
 }

 .all-announcement .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #fff transparent transparent transparent !important;
     border-width: 5px 4px 5px 4px !important;
 }

 .all-announcement .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
     -webkit-border-radius: 15px !important;
     ;
     -moz-border-radius: 15px !important;
     ;
     border-radius: 15px !important;
     ;
 }

 /* custom select2 announcement */

 .select2-dropdown {
     background: #FFFFFF !important;
     box-shadow: 1px 6px 15px rgba(69, 69, 69, 0.1) !important;
     border: none !important;
 }

 .select2-container--open .select2-dropdown--below {
     border-bottom-left-radius: 20px !important;
     border-bottom-right-radius: 20px !important;
 }

 .select2-container--default .select2-search--dropdown .select2-search__field {
     background: #FFFFFF !important;
     border: 1px solid #E7E7E7 !important;
     box-sizing: border-box !important;
     border-radius: 6px !important;
 }

 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
     background: #C0392B !important;
 }

 /* end custom select2 */

 .filter-gallery .filters li {
     position: relative;
     display: block;
     float: left;
     font-size: 13px;
     line-height: 24px;
     padding: 3px 0px;
     cursor: pointer;
     color: #222222;
     font-weight: 700;
     margin: 0 17px 0px 16px;
     text-transform: uppercase;
     background: none;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .filter-gallery .filters li:before {
     content: ':';
     position: absolute;
     top: 0px;
     left: -16px;
     font-family: 'Exo', sans-serif;
 }

 .filter-gallery .filters li:first-child:before {
     display: none;
 }

 .filter-gallery .filters .filter.active,
 .filter-gallery .filters .filter.current {
     color: #c0392b;
 }

 .gallery-block {
     position: relative;
     margin-bottom: 30px;
 }

 .mix {
     display: none;
 }

 .gallery-block .inner-box {
     position: relative;
     display: block;
     text-align: center;
     overflow: hidden;
 }

 .gallery-block .image-box {
     position: relative;
     display: block;
     z-index: 1;
 }

 .gallery-block .image {
     position: relative;
     display: block;
 }

 .gallery-block .image img {
     position: relative;
     display: block;
     width: 100%;
 }

 .gallery-block .cap-box {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 20px 30px 25px;
     color: #ffffff;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -ms-transform: translateY(50px);
     transform: translateY(50px);
     z-index: 2;
 }

 .gallery-block .inner-box:hover .cap-box {
     opacity: 1;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: all 0.5s ease 300ms;
     -moz-transition: all 0.5s ease 300ms;
     -ms-transition: all 0.5s ease 300ms;
     -o-transition: all 0.5s ease 300ms;
     transition: all 0.5s ease 300ms;
 }

 .gallery-block .cap-box h6 {
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 5px;
 }

 .gallery-block .cap-box h6 a {
     color: #ffffff;
 }

 .gallery-block .cap-box h3 {
     position: relative;
     font-weight: 700;
     line-height: 30px;
     margin: 0;
 }

 .gallery-block .cap-box h3 span {
     position: relative;
     top: -3px;
     font-size: 20px;
 }

 .gallery-block .cap-box h3 a {
     color: #ffffff;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block .cap-box h3 a:hover {
     color: #c0392b;
 }

 .gallery-block .cap-box h4 {
     position: relative;
     font-weight: 700;
     line-height: 30px;
     margin: 0;
 }

 .gallery-block .cap-box h4 span {
     position: relative;
     top: -2px;
     font-size: 18px;
 }

 .gallery-block .cap-box h4 a {
     color: #ffffff;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block .cap-box h4 a:hover {
     color: #c0392b;
 }

 .gallery-block .lower-box {
     position: relative;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 20px 20px 0px;
 }

 .gallery-block .lower-box h4 {
     position: relative;
     font-weight: 700;
     line-height: 30px;
     margin: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .gallery-block .inner-box:hover .lower-box h4 {
     opacity: 0;
     -ms-transform: translateY(-50px);
     transform: translateY(-50px);
     -webkit-transition: all 0.5s ease 300ms;
     -moz-transition: all 0.5s ease 300ms;
     -ms-transition: all 0.5s ease 300ms;
     -o-transition: all 0.5s ease 300ms;
     transition: all 0.5s ease 300ms;
 }

 .gallery-block .lower-box h4 a {
     color: #222222;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block .lower-box h4 a:hover {
     color: #c0392b;
 }

 .gallery-block .zoom-btn {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.80);
     z-index: 1;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block .inner-box:hover .zoom-btn {
     opacity: 1;
 }

 .gallery-block .zoom-btn a {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -30px 0px 0px -30px;
     display: block;
     text-align: center;
     width: 60px;
     height: 60px;
     line-height: 60px;
     color: #ffffff;
     border: 1px solid #ffffff;
     border-radius: 50%;
     font-size: 24px;
     font-weight: 700;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -ms-transform: translateY(-30px);
     transform: translateY(-30px);
 }

 .gallery-block .inner-box:hover .zoom-btn a {
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }

 .gallery-block .zoom-btn a:hover {
     color: #ffffff;
     border-color: #c0392b;
     background: #c0392b;
 }

 .gallery-block-two {
     position: relative;
     margin-bottom: 40px;
 }

 .gallery-block-two .inner-box {
     position: relative;
     display: block;
 }

 .gallery-block-two .image-box {
     position: relative;
     display: block;
 }

 .gallery-block-two .image {
     position: relative;
     display: block;
 }

 .gallery-block-two .image img {
     position: relative;
     display: block;
     width: 100%;
 }

 .gallery-block-two .title-box {
     position: relative;
     margin-top: 20px;
 }

 .gallery-block-two .title-box .title {
     position: relative;
 }

 .gallery-block-two .title-box h4 {
     position: relative;
     padding-left: 10px;
     margin: 0;
 }

 .gallery-block-two .title-box h4:before {
     content: '';
     position: absolute;
     left: -5px;
     top: 12px;
     width: 6px;
     height: 6px;
     display: block;
     background: #c0392b;
 }

 .gallery-block-two .title-box a {
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-two .title-box .title a {
     color: #061138;
 }

 .gallery-block-two .title-box .category {
     position: relative;
     color: #7f8a99;
     font-size: 13px;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
 }

 .gallery-block-two .title-box .category a {
     position: relative;
     color: #7f8a99;
 }

 .gallery-block-two .title-box .title a:hover,
 .gallery-block-two .title-box .category a:hover {
     color: #c0392b;
 }

 .gallery-block-two .zoom-btn {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(6, 17, 56, 0.90);
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 1;
 }

 .gallery-block-two .inner-box:hover .zoom-btn {
     opacity: 1;
 }

 .gallery-block-two .zoom-btn a {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     line-height: 64px;
     color: #ffffff;
     font-size: 48px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-two .zoom-btn .icon {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 80px;
     margin-left: -40px;
     margin-top: -40px;
     line-height: 80px;
 }

 .gallery-block-two .link-btn {
     position: absolute;
     right: 0px;
     bottom: 0;
     z-index: 1;
 }

 .gallery-block-two .link-btn a {
     position: relative;
     display: block;
     text-align: center;
     width: 64px;
     height: 64px;
     line-height: 64px;
     color: #7f8a99;
     background: #ffffff;
     overflow: hidden;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-two .link-btn a .icon {
     position: relative;
     display: inline-block;
     font-size: 22px;
     vertical-align: middle;
 }

 .gallery-block-two .link-btn a .txt {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 13px;
     text-transform: uppercase;
     padding-left: 10px;
     -ms-transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -ms-transform-origin: right;
     transform-origin: right;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }

 .gallery-block-two .link-btn a:hover .txt {
     opacity: 1;
     -ms-transform: scaleX(1);
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition: all 0.3s ease 100ms;
     -moz-transition: all 0.3s ease 100ms;
     -ms-transition: all 0.3s ease 100ms;
     -o-transition: all 0.3s ease 100ms;
     transition: all 0.3s ease 100ms;
 }

 .gallery-block-two .link-btn a:hover {
     color: #c0392b;
     width: 160px;
 }

 .gallery-block-three {
     position: relative;
     margin-bottom: 30px;
 }

 .gallery-block-three .inner-box {
     position: relative;
     display: block;
 }

 .gallery-block-three .image-box {
     position: relative;
     display: block;
 }

 .gallery-block-three .image {
     position: relative;
     display: block;
 }

 .gallery-block-three .image img {
     position: relative;
     display: block;
     width: 100%;
 }

 .gallery-block-three .link-btn {
     position: absolute;
     right: 0px;
     bottom: 0;
     z-index: 2;
 }

 .gallery-block-three .link-btn a {
     position: relative;
     display: block;
     text-align: center;
     width: 64px;
     height: 64px;
     line-height: 64px;
     color: #7f8a99;
     background: #ffffff;
     overflow: hidden;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-three .link-btn a .icon {
     position: relative;
     display: inline-block;
     font-size: 22px;
     vertical-align: middle;
 }

 .gallery-block-three .link-btn a:hover {
     color: #ffffff;
     background: #c0392b;
 }

 .gallery-block-three .zoom-btn {
     position: absolute;
     right: 66px;
     bottom: 0;
     z-index: 2;
 }

 .gallery-block-three .zoom-btn a {
     position: relative;
     display: block;
     text-align: center;
     width: 64px;
     height: 64px;
     line-height: 64px;
     color: #7f8a99;
     background: #ffffff;
     overflow: hidden;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-three .zoom-btn a .icon {
     position: relative;
     display: inline-block;
     font-size: 22px;
     vertical-align: middle;
 }

 .gallery-block-three .zoom-btn a:hover {
     color: #ffffff;
     background: #c0392b;
 }

 .gallery-block-three .hover-box {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(6, 17, 56, 0.90);
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 1;
 }

 .gallery-block-three .inner-box:hover .hover-box {
     opacity: 1;
 }

 .gallery-block-three .hover-box .hover-inner {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: table;
     padding: 20px 20px;
     vertical-align: middle;
     color: #ffffff;
     text-align: center;
 }

 .gallery-block-three .hover-box .content {
     position: relative;
     width: 100%;
     display: table-cell;
     vertical-align: middle;
 }

 .gallery-block-three .hover-box h4 {
     color: #ffffff;
     text-transform: capitalize;
     margin: 0;
 }

 .gallery-block-three .hover-box h4 a {
     color: #ffffff;
 }

 .gallery-block-three .hover-box .separator {
     position: relative;
     display: block;
     width: 80px;
     margin: 5px auto;
     overflow: hidden;
 }

 .gallery-block-three .hover-box .separator .dot {
     position: relative;
     display: inline-block;
     width: 5px;
     height: 5px;
     background: #ffffff;
 }

 .gallery-block-three .hover-box .separator .dot:before {
     content: '';
     position: absolute;
     top: 2px;
     left: 100%;
     margin-left: 5px;
     width: 45px;
     border-bottom: 1px solid #ffffff;
 }

 .gallery-block-three .hover-box .separator .dot:after {
     content: '';
     position: absolute;
     top: 2px;
     right: 100%;
     margin-right: 5px;
     width: 45px;
     border-bottom: 1px solid #ffffff;
 }

 .gallery-block-three .hover-box .category {
     font-size: 13px;
     text-transform: uppercase;
     line-height: 1.5em;
 }

 .gallery-block-four {
     position: relative;
     margin-bottom: 40px;
 }

 .gallery-block-four .inner-box {
     position: relative;
     display: block;
 }

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

 .gallery-block-four .image {
     position: relative;
     display: block;
 }

 .gallery-block-four .image img {
     position: relative;
     display: block;
     width: 100%;
 }

 .gallery-block-four .link-btn {
     position: absolute;
     right: 0px;
     bottom: 0px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 2;
 }

 .gallery-block-four .link-btn a {
     position: relative;
     display: block;
     text-align: center;
     width: 64px;
     height: 64px;
     line-height: 64px;
     color: #7f8a99;
     background: #ffffff;
     overflow: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-four .link-btn a .icon {
     position: relative;
     display: inline-block;
     font-size: 22px;
     vertical-align: middle;
 }

 .gallery-block-four .link-btn a:hover {
     color: #ffffff;
     background: #c0392b;
 }

 .gallery-block-four .zoom-btn {
     position: absolute;
     right: 66px;
     bottom: 0px;
     -webkit-transition: all 300ms ease 300ms;
     -moz-transition: all 300ms ease 300ms;
     -ms-transition: all 300ms ease 300ms;
     -o-transition: all 300ms ease 300ms;
     transition: all 300ms ease 300ms;
     z-index: 2;
 }

 .gallery-block-four .zoom-btn a {
     position: relative;
     display: block;
     text-align: center;
     width: 64px;
     height: 64px;
     line-height: 64px;
     color: #7f8a99;
     background: #ffffff;
     overflow: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 .gallery-block-four .zoom-btn a .icon {
     position: relative;
     display: inline-block;
     font-size: 22px;
     vertical-align: middle;
 }

 .gallery-block-four .zoom-btn a:hover {
     color: #ffffff;
     background: #c0392b;
 }

 .gallery-block-four .inner-box:hover .zoom-btn a,
 .gallery-block-four .inner-box:hover .link-btn a {
     opacity: 1;
 }

 .gallery-block-four .lower-box {
     position: relative;
     display: block;
     text-align: center;
     color: #7f8a99;
     padding: 20px 20px 0px;
 }

 .gallery-block-four .lower-box .content {
     position: relative;
     display: block;
 }

 .gallery-block-four .lower-box h4 {
     color: #061138;
     text-transform: capitalize;
     margin: 0;
 }

 .gallery-block-four .lower-box h4 a {
     color: #061138;
 }

 .gallery-block-four .lower-box .separator {
     position: relative;
     display: block;
     width: 80px;
     margin: 5px auto;
     overflow: hidden;
 }

 .gallery-block-four .lower-box .separator .dot {
     position: relative;
     display: inline-block;
     width: 5px;
     height: 5px;
     background: #d1d8e2;
 }

 .gallery-block-four .lower-box .separator .dot:before {
     content: '';
     position: absolute;
     top: 2px;
     left: 100%;
     margin-left: 5px;
     width: 45px;
     border-bottom: 1px solid #d1d8e2;
 }

 .gallery-block-four .lower-box .separator .dot:after {
     content: '';
     position: absolute;
     top: 2px;
     right: 100%;
     margin-right: 5px;
     width: 45px;
     border-bottom: 1px solid #d1d8e2;
 }

 .gallery-block-four .inner-box:hover .lower-box .separator .dot {
     background: #c0392b;
 }

 .gallery-block-four .inner-box:hover .lower-box .separator .dot:before,
 .gallery-block-four .inner-box:hover .lower-box .separator .dot:after {
     border-color: #c0392b;
 }

 .gallery-block-four .lower-box .category {
     font-size: 13px;
     text-transform: uppercase;
     line-height: 1.5em;
 }

 .portfolio-section .see-more {
     position: relative;
     display: block;
     text-align: center;
     padding-top: 10px;
 }

 .portfolio-section .see-more {
     position: relative;
     display: block;
     text-align: center;
     padding-top: 10px;
 }

 .portfolio-section .see-more,
 .portfolio-section .load-more,
 .portfolio-section .pagination-box {
     padding-top: 20px;
 }

 .portfolio-section .see-more a,
 .portfolio-section .load-more a {
     vertical-align: top;
     min-width: 180px;
 }


 /***

 ====================================================================
         Styled Pagination
 ====================================================================

 ***/

 .pagination-box {
     position: relative;
 }

 .styled-pagination {
     position: relative;
     font-family: 'Exo', sans-serif;
 }

 .styled-pagination li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-right: 7px;
     margin-bottom: 10px;
 }

 .styled-pagination li:last-child {
     margin-right: 0;
 }

 .styled-pagination li a {
     position: relative;
     display: block;
     line-height: 24px;
     font-size: 18px;
     height: 40px;
     min-width: 40px;
     padding: 8px 5px;
     text-align: center;
     color: #757575;
     font-weight: 700;
     text-align: center;
     border: 1px solid rgba(0, 0, 0, 0.10);
     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;
 }

 .styled-pagination li.next {
     margin-left: 10px;
 }

 .styled-pagination li.next a {
     font-size: 16px;
     text-transform: capitalize;
     color: #222222 !important;
     border: none !important;
     padding: 10px 0px 0px !important;
     background: none !important;
 }

 .styled-pagination li.next a span {
     font-size: 14px;
     padding-left: 3px;
 }

 .styled-pagination li.prev a span {
     font-size: 14px;
     padding-right: 3px;
 }

 .styled-pagination li.prev {
     margin-right: 17px;
 }

 .styled-pagination li.prev a {
     font-size: 16px;
     text-transform: capitalize;
     color: #222222 !important;
     border: none !important;
     padding: 10px 0px 0px !important;
     background: none !important;
 }

 .styled-pagination li.prev a span {
     font-size: 14px;
 }

 .styled-pagination li.prev a:hover,
 .styled-pagination li.next a:hover {
     color: #c0392b !important;
 }

 .styled-pagination li a:hover,
 .styled-pagination li a.active {
     color: #ffffff;
     background: #c0392b;
     border-color: #c0392b;
 }

 .portfolio-mixitup .pagination-box {
     position: relative;
     padding-top: 10px;
 }

 /***

 ====================================================================
     Contact Section
 ====================================================================

 ***/

 .contact-section {
     position: relative;
     padding: 110px 0px 70px;
     background: #ffffff;
 }

 .contact-section .sec-title {
     margin-bottom: 40px;
 }

 .contact-section .left-col,
 .contact-section .right-col {
     position: relative;
     margin-bottom: 20px;
 }

 .contact-section .right-col .inner {
     position: relative;
     display: block;
 }

 .contact-section .left-col .inner-box {
     position: relative;
     display: block;
 }

 .contact-section .left-col .images {
     position: relative;
     margin-right: 210px;
 }

 .contact-section .left-col .image {
     position: relative;
     display: block;
     margin-bottom: 25px;
 }

 .contact-section .left-col .image img {
     display: block;
     width: 100%;
 }

 .contact-section .left-col .image:last-child {
     margin-left: 70px;
     margin-bottom: 0;
 }

 .contact-section .form-box {
     position: relative;
 }

 .contact-section .form-box .form-group {
     margin-bottom: 20px;
 }

 .contact-section .form-box .form-group input,
 .contact-section .form-box .form-group textarea,
 .contact-section .form-box .form-group .ui-selectmenu-button.ui-button {
     font-size: 14px;
     font-family: 'Exo', sans-serif;
 }

 .contact-section .form-box .form-group textarea {
     height: 140px;
 }

 .contact-section .form-box button {
     display: block;
     width: 100%;
 }

 .contact-section .form-box button .btn-title {
     padding: 11px 20px 8px;
 }

 .map-section {
     position: relative;
 }

 .map-data {
     text-align: center;
     font-size: 15px;
     color: #7f8a99;
     font-weight: 400;
     line-height: 1.7em;
 }

 .map-data h6 {
     font-size: 20px;
     font-weight: 700;
     text-align: center;
     margin-bottom: 10px;
     color: #061138;
 }

 .map-canvas {
     height: 500px;
 }

 .contact-info-box {
     position: relative;
 }

 .contact-section .left-col .contact-info-box {
     position: absolute;
     right: 30px;
     top: 60px;
     width: 300px;
     background: #ffffff;
 }

 .contact-info-box .inner {
     position: relative;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .contact-info-box .info-header {
     position: relative;
     padding: 20px 30px 15px;
     background: #c0392b;
     color: #ffffff;
 }

 .contact-info-box .info-header h4 {
     font-weight: 700;
     margin: 0;
 }

 .contact-info-box .info {
     position: relative;
     padding: 10px 30px;
     background: #ffffff;
 }

 .contact-info-box .info li {
     position: relative;
     padding: 30px 0px 25px;
     line-height: 24px;
     font-size: 15px;
     color: #757575;
     font-family: 'Exo', sans-serif;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }

 .contact-info-box .info li .content {
     position: relative;
     display: block;
     padding-top: 10px;
     padding-left: 62px;
     min-height: 60px;
 }

 .contact-info-box .info li a {
     color: #757575;
 }

 .contact-info-box .info li a:hover {
     text-decoration: underline;
     color: #c0392b;
 }

 .contact-info-box .info li:last-child {
     border-bottom: 0;
 }

 .contact-info-box .info li strong {
     display: block;
     position: relative;
     color: #222222;
     font-size: 18px;
     font-weight: 700;
 }

 .contact-info-box .info li .icon {
     position: absolute;
     left: 0;
     top: 0;
     line-height: 60px;
     font-size: 40px;
     color: #c0392b;
 }

 .contact-info-box .info h4 {
     font-size: 18px;
     color: #222222;
     font-weight: 700;
     margin-bottom: 10px;
 }

 /***

 ====================================================================
     History Section
 ====================================================================

 ***/

 .history-section {
     position: relative;
     padding: 100px 0px 120px;
     background: #f1f1f1;
 }

 .history-section .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: right bottom;
 }

 .history-section .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #f1f1f1;
     opacity: 0.80;
 }

 .history-section .pattern-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .history-section .sec-title {
     margin-bottom: 50px;
 }

 .history-section .history-container {
     position: relative;
     display: block;
     padding: 42px 0px;
     z-index: 1;
 }

 .history-section .center-line {
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .history-section .center-line .dot {
     position: absolute;
     left: -8px;
     top: 0;
     width: 15px;
     height: 15px;
     background: #c0392b;
     border-radius: 50%;
 }

 .history-section .center-line .dot:before {
     content: '';
     position: absolute;
     left: -2px;
     top: -2px;
     right: -2px;
     bottom: -2px;
     background: #c0392b;
     opacity: 0.30;
     border-radius: 50%;
 }

 .history-section .center-line .upper-dot {
     top: 0;
 }

 .history-section .center-line .lower-dot {
     top: auto;
     bottom: 0;
 }

 .history-block {
     position: relative;
     margin-bottom: 40px;
 }

 .history-block .inner {
     position: relative;
     display: block;
 }

 .history-block .image-col {
     position: relative;
     margin-bottom: 30px;
 }

 .history-block .text-col {
     position: relative;
     margin-bottom: 30px;
 }

 .history-block.alternate .image-col {
     order: 12;
 }

 .history-block.alternate .text-col {
     order: 0;
 }

 .history-block .image-box {
     position: relative;
     display: block;
     padding-right: 200px;
 }

 .history-block.alternate .image-box {
     padding-right: 0px;
     padding-left: 200px;
 }

 .history-block .image,
 .history-block .image img {
     display: block;
     width: 100%;
 }

 .history-block .year-box {
     position: absolute;
     right: -75px;
     top: 50%;
     margin-top: -60px;
     width: 120px;
     height: 120px;
 }

 .history-block.alternate .year-box {
     left: -75px;
     right: auto;
 }

 .history-block .year-box .year-inner {
     position: relative;
     display: block;
     width: 120px;
     height: 120px;
     text-align: center;
     background: #ffffff;
     color: #aaaaaa;
     border-radius: 50% 0% 50% 50%;
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .history-block:hover .year-box .year-inner {
     background: #c0392b;
     color: #ffffff;
 }

 .history-block.alternate .year-box .year-inner {
     border-radius: 50% 50% 50% 0%;
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .history-block .year-box span {
     position: relative;
     display: block;
     padding: 45px 10px 30px;
     font-size: 20px;
     font-family: 'Exo', sans-serif;
     font-weight: 700;
     line-height: 40px;
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 .history-block .year-box:before {
     content: '';
     position: absolute;
     right: 100%;
     top: 50%;
     width: 105px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
 }

 .history-block.alternate .year-box:before {
     right: auto;
     left: 100%;
 }

 .history-block .year-box:after {
     content: '';
     position: absolute;
     right: 224px;
     top: 50%;
     margin-top: -8px;
     width: 15px;
     height: 15px;
     border: 1px solid rgba(0, 0, 0, 0.10);
     border-radius: 50%;
 }

 .history-block.alternate .year-box:after {
     right: auto;
     left: 224px;
 }

 .history-block:hover .year-box:before,
 .history-block:hover .year-box:after {
     border-color: #c0392b;
 }

 .history-block .text-col .inner {
     padding-left: 100px;
     padding-top: 70px;
 }

 .history-block.alternate .text-col .inner {
     padding-left: 0px;
     padding-right: 100px;
 }

 .history-block .text-col h6 {
     color: #c0392b;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 7px;
 }

 .history-block .text-col h3 {
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 10px;
 }

 .history-block .text-col h3 a {
     color: #222222;
 }

 /***

 ====================================================================
     Services Section Three
 ====================================================================

 ***/

 .pattern-container {
     position: relative;
     display: block;
     background: #ffffff url(..../images/background/pattern-3.jpg) left top repeat;
 }

 .services-section-three {
     position: relative;
     padding: 100px 0px 140px;
     background: #ffffff;
 }

 .featured-block-six {
     position: relative;
     margin-bottom: 30px;
     z-index: 3;
 }

 .featured-block-six:hover {
     z-index: 5;
 }

 .featured-block-six .inner-box {
     position: relative;
     display: block;
 }

 .featured-block-six .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-six .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.75);
 }

 .featured-block-six .inner-box:hover .image-layer {
     opacity: 1;
 }

 .featured-block-six .content-box {
     position: relative;
     display: block;
     padding: 35px 30px;
     background: #f1f1f1;
     z-index: 2;
 }

 .featured-block-six .content-box .content {
     position: relative;
     padding-top: 15px;
     padding-left: 95px;
     min-height: 70px;
     z-index: 1;
 }

 .featured-block-six .content-box .subtitle {
     font-size: 13px;
     color: #8e8e8e;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.5em;
     margin-bottom: 5px;
     font-family: 'Exo', sans-serif;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-six .content-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0;
 }

 .featured-block-six .content-box h4 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-six .content-box h4 a:hover {
     color: #c0392b;
 }

 .featured-block-six .inner-box:hover .content-box h4 a,
 .featured-block-six .inner-box:hover .content-box .subtitle {
     color: #ffffff;
 }

 .featured-block-six .content-box .text {
     position: relative;
     margin-top: 15px;
     line-height: 1.65em;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .featured-block-six .inner-box:hover .content-box .text {
     color: #b2b2b2;
 }

 .featured-block-six .content-box .icon-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 75px;
     height: 70px;
     color: #c0392b;
     font-size: 54px;
     line-height: 70px;
 }

 .featured-block-six .content-box .icon-box:before {
     content: '';
     position: absolute;
     right: 0;
     top: 5px;
     bottom: 5px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .featured-block-six .inner-box:hover .content-box .icon-box:before {
     border-color: rgba(255, 255, 255, 0.30);
 }

 .featured-block-six .hvr-dropdown {
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     padding: 10px 30px;
     background: #ffffff;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
     opacity: 0;
     visibility: hidden;
     transform: translateY(-50px);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     z-index: 1;
 }

 .featured-block-six .inner-box:hover .hvr-dropdown {
     transform: translateY(0px);
     opacity: 1;
     visibility: visible;
 }

 .featured-block-six .hvr-dropdown ul {
     position: relative;
     display: block;
 }

 .featured-block-six .hvr-dropdown ul li {
     position: relative;
     display: block;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     padding: 10px 0px;
     line-height: 24px;
 }

 .featured-block-six .hvr-dropdown ul li:last-child {
     border-bottom: none;
 }

 .featured-block-six .hvr-dropdown ul li a {
     position: relative;
     display: block;
     color: #757575;
     font-size: 14px;
     text-transform: capitalize;
 }

 .featured-block-six .hvr-dropdown ul li a:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
     Sidebar Page Container
 ====================================================================

 ***/

 .sidebar-page-container {
     position: relative;
     background: #ffffff;
     padding: 110px 0px 80px;
     overflow: hidden;
 }

 /* custom detail post */
 .sidebar-page-container .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.85;
     background-image: url('../images/awan-detail.png');
     background-repeat: no-repeat;
     background-size: 256px 142px;
     background-position: 0px 25px;
 }

 /* end custom detail post */

 .sidebar-page-container .content-side {
     position: relative;
     margin-bottom: 30px;
 }

 .sidebar-page-container .content-inner {
     position: relative;
     display: block;
     margin-right: -30px;
     padding-right: 35px;
 }

 /* Sidebar */

 /* tags content */
 .sidebar-page-container .tags-list li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 0px 1px 6px 0px;
 }

 .sidebar-page-container .tags-list li a {
     position: relative;
     display: block;
     line-height: 24px;
     padding: 5px 12px;
     background: #f1f1f1;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     color: #757575;
     text-transform: capitalize;
     border-radius: 0px;
     transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
 }

 .sidebar-page-container .tags-list li a:hover {
     background-color: #c0392b;
     border-color: #c0392b;
     color: #ffffff;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
 }

 /* tags content */

 .sidebar-page-container .sidebar-side {
     position: relative;
 }

 .sidebar-page-container .sidebar {
     position: relative;
     display: block;
     padding-left: 90px;
 }

 .sidebar-page-container .sidebar .bg-layer {
     position: absolute;
     left: 30px;
     top: -120px;
     width: 3000px;
     min-width: 100%;
     height: 5000px;
     min-height: 120%;
 }

 .sidebar-page-container .sidebar .bg-layer .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     background-repeat: no-repeat;
     background-position: left top;
 }

 .sidebar-page-container .sidebar .bg-layer .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #f1f1f1;
     opacity: 0.90;
 }

 .featured-block-six .inner-box:hover .image-layer {
     opacity: 1;
 }

 .sidebar-page-container .blog-sidebar {
     padding-left: 30px;
 }

 .sidebar .sidebar-widget {
     position: relative;
     display: block;
     margin-bottom: 50px;
 }

 .sidebar-widget .widget-inner {
     position: relative;
     display: block;
 }

 .sidebar-title {
     position: relative;
     margin-bottom: 20px;
 }

 .sidebar-title h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 1.30em;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 0px;
 }

 .sidebar .search-box .form-group {
     position: relative;
     margin: 0px;
 }

 .sidebar .search-box .form-group input[type="text"],
 .sidebar .search-box .form-group input[type="search"] {
     position: relative;
     line-height: 30px;
     padding: 12px 50px 12px 20px;
     border: 1px solid #d0d0d0;
     background: #ffffff;
     color: #061138;
     display: block;
     font-size: 14px;
     width: 100%;
     height: 56px;
     border-radius: 5px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
 }

 .sidebar .search-box .form-group input:focus {
     border-color: #c0392b;
 }

 .sidebar .search-box .form-group button {
     position: absolute;
     right: 0px;
     top: 0px;
     height: 56px;
     width: 60px;
     line-height: 56px;
     display: block;
     font-size: 18px;
     color: #aaaaaa;
     background: none;
     font-weight: normal;
 }

 .sidebar .search-box .form-group input:focus+button,
 .sidebar .search-box .form-group button:hover {
     color: #c0392b;
 }

 .sidebar .services-widget {
     position: relative;
 }

 .sidebar .services-widget .links {
     position: relative;
     background: #ffffff;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .sidebar .services-widget .links li {
     position: relative;
     display: block;
     font-size: 17px;
     color: #222222;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }

 .sidebar .services-widget .links li:last-child {
     border-bottom: 0;
 }

 .sidebar .services-widget .links li a {
     position: relative;
     display: block;
     padding: 28px 0px 22px;
     line-height: 30px;
     padding-left: 80px;
     min-height: 80px;
     color: #222222;
     font-weight: 700;
     box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.07);
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .sidebar .services-widget .links li a:hover,
 .sidebar .services-widget .links li.current a {
     background: #00a352;
     color: #ffffff;
 }

 .sidebar .services-widget .links li .icon {
     position: absolute;
     left: 20px;
     top: 10px;
     line-height: 60px;
     font-size: 40px;
     color: #c0392b;
     font-weight: 400;
 }

 .sidebar .services-widget .links li a:hover .icon,
 .sidebar .services-widget .links li.current a .icon {
     color: #ffffff;
 }

 .sidebar .cat-widget {
     position: relative;
 }

 /* custom announcement sidebar */
 .sidebar-widget .widget-content .date{
     font-style: normal;
     font-weight: normal;
     line-height: 25px;
     letter-spacing: 0.02em;
     color: #C0392B;
 }
 .sidebar-widget .widget-content p.title a{
     font-style: normal;
     font-weight: normal;
     line-height: 27px;
     letter-spacing: 0.02em;
     color: #909090;
 }

 .sidebar-widget .widget-content ul li p.title a:hover{
     color: #C0392B;
 }
 /* end custom announcement sidebar */

 .sidebar .cat-links {
     position: relative;
     background: #ffffff;
     padding: 20px 20px 12px;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
     border-radius: 10px;
 }

 .sidebar .cat-links li {
     position: relative;
     display: block;
     font-size: 16px;
     color: #222222;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }

 .sidebar .cat-links li:last-child {
     border-bottom: 0;
 }

 .sidebar .cat-links li a {
     position: relative;
     display: block;
     padding: 11px 0px 11px;
     padding-left: 30px;
     line-height: 20px;
     min-height: 30px;
     color: #909090;
     letter-spacing: 0.02em;
     font-weight: 700;
     font-size: 15px;
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 /* .sidebar .cat-links li a:before {
     content: "\f04b";
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     top: 11px;
     font-size: 10px;
     color: #00a352;
     font-weight: 400;
 } */

 .sidebar .cat-links li a:after {
     content: "\f04b";
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     top: 11px;
     font-size: 10px;
     color: #c0392b;
     /* opacity: 0; */
 }

 .sidebar .cat-links li a:hover,
 .sidebar .cat-links li.current a {
     /* color: #00a352; */
     color: #BF392B;
 }

 .sidebar .cat-links li a:hover:after,
 .sidebar .cat-links li.current a:after {
     opacity: 1;
 }

 .sidebar .cat-links .count {
     color: red;
 }

 .sidebar .popular-tags {
     margin-bottom: 40px;
 }

 .sidebar .popular-tags .tags-list li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 0px 1px 6px 0px;
 }

 .sidebar .popular-tags .tags-list li a {
     position: relative;
     display: block;
     line-height: 24px;
     padding: 5px 12px;
     background: #ffffff;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     color: #757575;
     text-transform: capitalize;
     border-radius: 0px;
     transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
 }

 .sidebar .popular-tags .tags-list li a:hover {
     background-color: #c0392b;
     border-color: #c0392b;
     color: #ffffff;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
 }

 .newsletter-box-two {
     position: relative;
     display: block;
     text-align: center;
 }

 .newsletter-box-two .image-box {
     position: relative;
     display: block;
     background: #000000;
     padding: 35px 20px;
     color: #ffffff;
     z-index: 1;
 }

 .newsletter-box-two .image-box .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.40;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .newsletter-box-two .image-box .text {
     position: relative;
     color: #ffffff;
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 15px;
 }

 .newsletter-box-two form {
     position: relative;
 }

 .newsletter-box-two .form-group {
     position: relative;
     margin: 0 0 5px;
 }

 .newsletter-box-two .form-group input[type="text"],
 .newsletter-box-two .form-group input[type="tel"],
 .newsletter-box-two .form-group input[type="email"],
 .newsletter-box-two .form-group textarea {
     position: relative;
     width: 100%;
     line-height: 28px;
     padding: 10px 10px;
     height: 50px;
     display: block;
     font-size: 14px;
     background: rgba(0, 0, 0, 0.50);
     font-weight: 400;
     color: #ffffff;
     text-align: center;
     border: 1px solid rgba(255, 255, 255, 0.30);
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .newsletter-box-two .form-group input[type="text"]:focus,
 .newsletter-box-two .form-group input[type="email"]:focus,
 .newsletter-box-two .form-group input[type="tel"]:focus {
     border-color: #c0392b;
 }

 .newsletter-box-two .form-group input::-webkit-input-placeholder {
     color: #eeeeee;
 }

 .newsletter-box-two .form-group .theme-btn {
     position: relative;
     display: block;
     width: 100%;
     margin-top: 12px;
     text-align: center;
 }

 .newsletter-box-two .form-group .theme-btn .btn-title {
     padding: 13px 10px 9px;
 }

 .sidebar .recent-posts {
     position: relative;
 }

 .sidebar .recent-posts-box {
     position: relative;
     background: #ffffff;
     padding: 20px 32px;
 }

 .sidebar .recent-posts-box .post {
     position: relative;
     /* margin-bottom: 5px; */
 }

 .sidebar .recent-posts-box .post:last-child {
     margin-bottom: 0px;
 }

 .sidebar .recent-posts .post .inner {
     position: relative;
     display: block;
 }

 .sidebar .recent-posts .post-thumb {
     position: relative;
     display: block;
     width: 100%;
     overflow: hidden;
     margin-bottom: 16px;
 }

 .sidebar .recent-posts .post-thumb .overlink {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     padding: 20px 10px;
     line-height: 40px;
     color: #ffffff;
     font-weight: 700;
     font-size: 20px;
     background: rgba(0, 0, 0, 0.80);
     opacity: 0;
     transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
 }

 .sidebar .recent-news img {
    width: 80px;
    float: left;
  }

 .sidebar .recent-news h4 {
    font-size: 12px;
    margin-left: 95px;
    font-weight: bold;
  }

  .sidebar .recent-news h4 a {

    transition: 0.3s;
  }



  .sidebar .recent-news time {
    display: block;
    margin-left: 95px;
    font-style: italic;
    font-size: 11px;
    color: #aaaaaa;
    margin-top: -15px;
  }
 .sidebar .recent-posts .post:hover .post-thumb .overlink {
     opacity: 1;
 }

 .sidebar .recent-posts .post-thumb .icon {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -15px 0px 0px -15px;
     line-height: 30px;
     width: 30px;
     height: 30px;
 }

 .sidebar .recent-posts .post-thumb img {
     position: relative;
     display: block;
     width: 100%;
 }

 .sidebar .recent-posts .title {
     font-size: 16px;
     line-height: 1.3em;
     color: #222222;
     font-family: 'Exo', sans-serif;
     font-weight: 700;
     text-transform: capitalize;
     margin: 0;
 }

 .sidebar .recent-posts .title a {
     color: #222222;
 }

 .sidebar .recent-posts .title a:hover {
     color: #c0392b;
 }

 .sidebar .recent-posts .post-date {
     position: relative;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Exo', sans-serif;
     color: #757575;
     margin-bottom: 5px;
 }

 /***

 ====================================================================
     Services Details
 ====================================================================

 ***/

 .service-details {
     position: relative;
     color: #757575;
 }

 .service-details h2 {
     font-weight: 700;
     color: #222222;
     font-size: 30px;
     margin-bottom: 20px;
 }

 .service-details h3 {
     position: relative;
     display: block;
     padding-bottom: 7px;
     font-weight: 700;
     color: #222222;
     font-size: 24px;
     text-transform: capitalize;
     margin-bottom: 30px;
 }

 .service-details h3:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 50px;
     border-bottom: 2px solid #c0392b;
 }

 .service-details p {
     margin-bottom: 25px;
 }

 .service-details .text-block {
     position: relative;
     padding-bottom: 20px;
 }

 .service-details .two-col {
     position: relative;
     margin-bottom: 20px;
 }

 .service-details .two-col .image-col {
     position: relative;
     margin-bottom: 30px;
 }

 .service-details .two-col .image-col img {
     position: relative;
     display: block;
     width: 100%;
 }

 .service-details .two-col .owl-theme .owl-dots {
     display: none;
 }

 .service-details .two-col .owl-theme .owl-nav {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -30px;
     width: 100%;
     height: 0;
 }

 .service-details .two-col .owl-theme .owl-nav .owl-next,
 .service-details .two-col .owl-theme .owl-nav .owl-prev {
     position: absolute;
     top: 0;
     left: 20px;
     width: 60px;
     height: 60px;
     font-size: 20px;
     color: #aaaaaa;
     background: #ffffff;
     line-height: 60px;
     text-align: center;
     border-radius: 50%;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .service-details .two-col .owl-theme .owl-nav .owl-next {
     right: 20px;
     left: auto;
 }

 .service-details .two-col .owl-theme .owl-nav .owl-next:hover,
 .service-details .two-col .owl-theme .owl-nav .owl-prev:hover {
     background: #c0392b;
     color: #ffffff;
 }

 .service-details .two-col .text-col {
     position: relative;
     margin-bottom: 30px;
 }

 .service-details .service-list {
     position: relative;
 }

 .service-details .service-list li {
     position: relative;
     display: block;
     font-size: 15px;
     text-transform: capitalize;
     padding-left: 30px;
     line-height: 30px;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }

 .service-details .service-list li:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: none;
 }

 .service-details .service-list li a {
     color: #757575;
 }

 .service-details .service-list li:hover,
 .service-details .service-list li a:hover {
     color: #c0392b;
 }

 .service-details .service-list li:before {
     font-family: 'Flaticon';
     content: "\f134";
     position: absolute;
     left: 0px;
     line-height: 30px;
     font-size: 14px;
     color: #c0392b;
 }

 .service-details .service-list li:after {
     font-family: 'Flaticon';
     content: "\f134";
     position: absolute;
     left: 4px;
     margin-top: 0px;
     line-height: 30px;
     font-size: 14px;
     color: #c0392b;
 }

 .service-details .infra-structure {
     position: relative;
     margin-bottom: 40px;
 }

 .service-details .infra-structure .row {
     margin: 0px -5px;
 }

 .infra-block {
     position: relative;
     margin-bottom: 30px;
 }

 .service-details .infra-structure .row .infra-block {
     padding: 0px 5px;
     margin-bottom: 10px;
 }

 .infra-block .inner-box {
     position: relative;
     display: block;
     text-align: center;
     padding: 40px 40px;
     min-height: 100%;
     background: #f1f1f1;
     transition: all 300ms ease;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
 }

 .infra-block .inner-box:hover {
     background: #ffffff;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
 }

 .infra-block .icon-box {
     position: relative;
     display: block;
     color: #c0392b;
     line-height: 1em;
     font-size: 48px;
     margin-bottom: 15px;
 }

 .infra-block h4 {
     position: relative;
     display: block;
     color: #222222;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .infra-block h4 a {
     color: #222222;
 }

 .service-details .download-links {
     position: relative;
 }

 .service-details .download-links ul {
     position: relative;
     display: block;
     background: #c0392b;
     padding: 20px 35px 5px;
 }

 .service-details .download-links ul li {
     position: relative;
     line-height: 24px;
     color: #ffffff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.30);
     padding-bottom: 5px;
     margin-bottom: 5px;
 }

 .service-details .download-links ul li:last-child {
     border-bottom: 0;
 }

 .service-details .download-links ul li a {
     position: relative;
     display: block;
     line-height: 24px;
     padding: 10px 0px;
     padding-left: 30px;
     color: #ffffff;
 }

 .service-details .download-links ul li .icon {
     position: absolute;
     left: 0;
     top: 9px;
     line-height: 24px;
     font-size: 20px;
 }

 .service-details .download-links ul li .ttl {
     position: relative;
     float: left;
 }

 .service-details .download-links ul li .info {
     position: relative;
     float: right;
 }

 /***

 ====================================================================
         Blog Banner
 ====================================================================

 ***/

 .blog-banner {
     position: relative;
     padding: 0;
     color: #ffffff;
     background: #061138;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .blog-banner .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .blog-banner .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.58);
 }

 .blog-banner .banner-inner {
     position: relative;
     display: block;
     text-align: center;
     z-index: 2;
 }

 .blog-banner .meta-info {
     position: relative;
     color: #ffffff;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 12px;
     margin-bottom: 20px;
     font-family: 'Exo', sans-serif;
     z-index: 1;
 }

 .blog-banner .meta-info a {
     color: #ffffff;
 }

 .blog-banner .meta-info .fa {
     padding-right: 5px;
     font-size: 12px;
     color: #c0392b;
 }

 .blog-banner .inner-container {
     position: relative;
     padding: 110px 0px;
 }

 .blog-banner h1 {
     position: relative;
     font-size: 48px;
     color: #ffffff;
     line-height: 1.2em;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: capitalize;
     margin: 0 0 25px;
 }

 .blog-banner .author-info {
     position: relative;
     display: block;
 }

 .blog-banner .author-info .image {
     position: relative;
     display: block;
     width: 70px;
     height: 70px;
     margin: 0 auto 15px;
     border-radius: 50%;
     overflow: hidden;
 }

 .blog-banner .author-info .image img {
     position: relative;
     display: block;
     width: 70px;
     height: 70px;
     border-radius: 50%;
 }

 .blog-banner .author-info h6 {
     text-transform: uppercase;
     text-decoration: underline;
 }

 .blog-banner .other-info {
     position: absolute;
     left: 0;
     bottom: 0;
     text-align: left;
 }

 .blog-banner .other-info .date {
     position: relative;
     float: left;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .blog-banner .other-info .tags {
     position: relative;
     float: left;
     font-size: 14px;
     line-height: 24px;
     margin-left: 30px;
     padding: 10px 0px;
     padding-left: 30px;
 }

 .blog-banner .other-info .tags:before {
     position: absolute;
     left: 0px;
     top: 9px;
     font-size: 14px;
     color: #c0392b;
     font-weight: 700;
     content: "\f02c";
     font-family: 'Font Awesome 5 Free';
 }

 .blog-banner .other-info .tags a {
     color: #ffffff;
     font-weight: 400;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .blog-banner .bread-crumb li a:hover,
 .blog-banner .bread-crumb li.active {
     color: #ffffff;
 }

 /***

 ====================================================================
         Post Details
 ====================================================================

 ***/

 .single-post {
     position: relative;
 }

 .single-post .related-posts {
     margin-top: 6rem;
 }

 .post-details {
     position: relative;
     padding-bottom: 20px;
 }

 .post-details .main-image-box {
     position: relative;
     margin-bottom: 35px;
 }

 .post-details .main-image-box img {
     position: relative;
     display: block;
     width: 100%;
 }

 .post-details.events .main-image-box img {
     width: 50%;
 }

 /* custom date image-box */

 .separator.red {
     margin-left: 7rem;
 }

 .post-details .main-image-box .date {
     position: absolute;
     right: 20px;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .post-details .cat-info .date {
     position: absolute;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .post-details .cat-info .user {
     position: absolute;
     left: 140px;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 25px;
     display: block;
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     transition: all 0.5s ease;
     letter-spacing: 0.02em;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     color: #909090;
 }

 .post-details .cat-info .user span.fa{
     font-size: 17px;
 }

 /* .post-details .inner-box:hover .date {
     opacity: 0;
     visibility: hidden;
 } */
 /* end custom date image-box */

 /* custom user and tags */
 .post-details .cat-info {
     position: relative;
     color: #757575;
     font-weight: 500;
     font-size: 14px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     z-index: 1;
 }

 .post-details .cat-info a {
     color: #757575;
 }

 .post-details .cat-info .fa.fa-tags {
     padding-right: 5px;
     font-size: 14px;
     color: #c0392b;
 }

 /* end custom user and tags */

 /* seperator detail post */
 .single-post .separator {
     margin: 0 auto;
 }

 .single-post .separator {
     position: relative;
     width: 26px;
     height: 0;
 }

 .single-post .separator:before {
     content: '';
     position: absolute;
     top: -7px;
     left: 100%;
     margin-left: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 .single-post .separator:after {
     content: '';
     position: absolute;
     top: -7px;
     right: 100%;
     margin-right: 10px;
     width: 100px;
     border-bottom: 2px solid #c0392b;
 }

 /* end seperator detail post */


 .post-details p {
     margin-bottom: 25px;
 }

 .post-details h2 {
     font-size: 20px;
     font-weight: 700;
     color: #222222;
     text-transform: capitalize;
     padding-top: 10px;
     margin-bottom: 10px;
 }

 .post-details blockquote {
     position: relative;
     padding-left: 82px;
     min-height: 60px;
     font-size: 20px;
     color: #222222;
     font-weight: 500;
     line-height: 1.5em;
     margin-bottom: 40px;
     margin-top: 30px;
 }

 .post-details blockquote:before {
     font-family: 'Flaticon';
     content: "\f1c4";
     position: absolute;
     left: 0;
     top: 7px;
     width: 50px;
     height: 50px;
     background: #c0392b;
     line-height: 50px;
     font-size: 30px;
     text-align: center;
     color: #ffffff;
 }

 .post-details blockquote p {
     position: relative;
     font-size: 20px;
     color: #222222;
     font-weight: 500;
     line-height: 1.5em;
     margin-bottom: 20px;
 }

 .post-details blockquote .author-title {
     position: relative;
     font-size: 13px;
     color: #c0392b;
     line-height: 1.5em;
     text-transform: uppercase;
     font-family: 'Exo', sans-serif;
     font-weight: 700;
 }

 .post-details .images {
     position: relative;
     padding: 10px 0px;
 }

 .post-details .images .image {
     margin-bottom: 30px;
 }

 .post-details .images img {
     display: block;
     width: 100%;
 }

 .share-post {
     position: relative;
     padding: 50px 10px 40px;
     text-align: center;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
     margin-bottom: 30px;
 }

 .share-post strong {
     position: relative;
     display: block;
     font-weight: 700;
     color: #222222;
     font-size: 18px;
     font-family: 'Exo', sans-serif;
     margin-bottom: 20px;
 }

 .share-post ul {
     position: relative;
     display: block;
 }

 .share-post ul li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 0px 5px 10px;
 }

 .share-post ul li a {
     position: relative;
     display: block;
     text-align: center;
     min-width: 140px;
     font-size: 14px;
     padding: 10px 25px;
     line-height: 24px;
     color: #ffffff;
     background: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .share-post ul li a .icon {
     position: relative;
     font-size: 12px;
     vertical-align: middle;
     padding-right: 10px;
 }

 .share-post ul .facebook a {
     background: #3b5998;
 }

 .share-post ul .twitter a {
     background: #55acee;
 }

 .share-post ul .linkedin a {
     background: #dc4e41;
 }

 .share-post ul .pinterest a {
     background: #bd081c;
 }

 .share-post ul li a:hover {
     background: #c0392b;
 }

 .single-post .author-box {
     position: relative;
     display: block;
     padding: 40px;
     background: #c0392b;
     color: #ffffff;
     margin-bottom: 50px;
 }

 .single-post .author-box .inner-box {
     position: relative;
     display: block;
     padding-left: 140px;
     min-height: 100px;
 }

 .single-post .author-box .thumb {
     position: absolute;
     left: 0;
     top: 0;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .single-post .author-box .thumb img {
     display: block;
     width: 100%;
     border-radius: 50%;
 }

 .single-post .author-box h4 {
     position: relative;
     display: block;
     line-height: 1.25em;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 5px;
 }

 .single-post .author-box h4 span {
     font-family: 'Exo', sans-serif;
     font-weight: 500;
     font-size: 15px;
 }

 .single-post .author-box .link {
     line-height: 24px;
     margin-bottom: 15px;
 }

 .single-post .author-box .link a {
     color: #ffffff;
 }

 .single-post .author-box .text {
     font-size: 14px;
     margin-bottom: 25px;
 }

 .single-post .author-box .follow-me {
     position: relative;
     display: block;
     font-size: 13px;
     text-transform: uppercase;
     font-family: 'Exo', sans-serif;
     font-weight: 700;
 }

 .single-post .author-box .follow-me a {
     color: #ffffff;
 }

 .author-box .follow-me .icon {
     position: relative;
     font-weight: 400;
     padding-right: 5px;
 }

 /***

 ====================================================================
         Post Controls
 ====================================================================

  ***/

 .post-controls {
     position: relative;
     padding-bottom: 60px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     margin-bottom: 60px;
 }

 .post-controls .inner {
     position: relative;
     display: block;
 }

 .post-controls .prev-post {
     position: relative;
     float: left;
     text-align: left;
 }

 .post-controls .prev-post a {
     position: relative;
     display: block;
     padding-left: 70px;
     padding-top: 5px;
     font-size: 18px;
     line-height: 25px;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
 }

 .post-controls .prev-post .icon {
     position: absolute;
     left: 0;
     top: 0;
     width: 50px;
     height: 50px;
     line-height: 48px;
     text-align: center;
     border: 1px solid rgba(0, 0, 0, 0.10);
     color: rgba(0, 0, 0, 0.10);
     font-size: 24px;
     font-weight: 400;
 }

 .post-controls .prev-post:hover .icon {
     color: #c0392b;
     border-color: #c0392b;
 }

 .post-controls .prev-post .icon:after {
     content: 'Prev';
     position: absolute;
     left: -1px;
     right: -1px;
     min-width: 100%;
     top: 100%;
     line-height: 20px;
     height: 20px;
     padding-top: 2px;
     font-size: 12px;
     background: #c0392b;
     color: #ffffff;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
     opacity: 0;
 }

 .post-controls .next-post {
     position: relative;
     float: right;
     text-align: right;
 }

 .post-controls .next-post a {
     position: relative;
     display: block;
     padding-right: 70px;
     padding-top: 5px;
     font-size: 18px;
     line-height: 25px;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
 }

 .post-controls .next-post .icon {
     position: absolute;
     right: 0;
     top: 0;
     width: 50px;
     height: 50px;
     line-height: 48px;
     text-align: center;
     border: 1px solid rgba(0, 0, 0, 0.10);
     color: rgba(0, 0, 0, 0.10);
     font-size: 24px;
     font-weight: 400;
 }

 .post-controls .next-post:hover .icon {
     color: #c0392b;
     border-color: #c0392b;
 }

 .post-controls .next-post .icon:after {
     content: 'Next';
     position: absolute;
     left: -1px;
     right: -1px;
     min-width: 100%;
     top: 100%;
     line-height: 20px;
     height: 20px;
     padding-top: 2px;
     font-size: 12px;
     background: #c0392b;
     color: #ffffff;
     text-transform: capitalize;
     font-family: 'Exo', sans-serif;
     opacity: 0;
 }

 .post-controls .prev-post:hover .icon:after,
 .post-controls .next-post:hover .icon:after {
     opacity: 1;
 }

 /***

 ====================================================================
         Comment Area
 ====================================================================

  ***/

 .comments-area {
     position: relative;
     margin-bottom: 70px;
 }

 .group-title {
     position: relative;
     margin-bottom: 30px;
 }

 .group-title h2 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 1.30em;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 0px;
 }

 .group-title h2 span {
     color: #c0392b;
 }

 .comments-area .comment-box {
     position: relative;
     margin-bottom: 30px;
 }

 .comments-area .comment-box:last-child {
     margin-bottom: 0;
 }

 .comments-area .comment {
     position: relative;
     min-height: 70px;
     padding-left: 100px;
 }

 .comments-area .comment.reply-comment {
     margin-left: 100px;
 }

 .comments-area .comment-box .author-thumb {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 70px;
     margin-bottom: 20px;
     overflow: hidden;
 }

 .comments-area .comment-box .author-thumb img {
     width: 100%;
     display: block;
 }

 .comments-area .comment-box .info {
     position: relative;
     top: -2px;
     margin-bottom: 5px;
 }

 .comments-area .comment-box .info .name {
     position: relative;
     font-family: 'Exo', sans-serif;
     font-weight: 700;
     display: inline-block;
     vertical-align: top;
     font-size: 20px;
     color: #222222;
     line-height: 30px;
     text-transform: capitalize;
 }

 .comments-area .comment-box .info .date {
     position: relative;
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     line-height: 30px;
     font-weight: 500;
     color: #c0392b;
     text-transform: uppercase;
 }

 .comments-area .comment-box .text {
     font-size: 15px;
     line-height: 1.7em;
 }

 .comments-area .comment-box .reply-link {
     position: relative;
     display: block;
     font-family: 'Exo', sans-serif;
     padding-top: 15px;
 }

 .comments-area .comment-box .reply-link a {
     font-size: 16px;
     line-height: 1.5em;
     color: #222222;
     font-weight: 700;
     text-transform: capitalize;
 }

 .comments-area .comment-box .reply-link a:hover {
     color: #c0392b;
 }

 /***

 ====================================================================
         Leave Comments Form
 ====================================================================

  ***/

 .leave-comments {
     position: relative;
     margin-bottom: 60px;
 }

 .leave-comments .instruction {
     position: relative;
     padding-top: 5px;
     font-weight: 400;
 }

 .leave-comments .default-form .row {
     margin: 0px -10px;
 }

 .leave-comments .default-form .form-group {
     padding: 0px 10px;
     margin-bottom: 20px;
 }

 .leave-comments .default-form button {
     background: none;
 }

 .leave-comments .default-form button .btn-title {
     padding: 13px 40px 10px;
 }

 .leave-comments form .form-group textarea {
     height: 140px;
 }

 /***

 ====================================================================
     Events Section
 ====================================================================

 ***/

 .events-section-two {
     position: relative;
     padding: 100px 0px;
     background: #ffffff;
 }

 .events-section-two .image-box .date {
     position: absolute;
     right: 20px;
     bottom: 0;
     padding: 12px 30px 8px;
     line-height: 24px;
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     background: #c0392b;
     font-family: 'Exo', sans-serif;
     z-index: 5;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .events-section-two .inner-box:hover .date {
     opacity: 0;
     visibility: hidden;
 }

 .events-section-two .load-more {
     position: relative;
     padding-top: 20px;
 }

 .events-section-two .load-more .theme-btn {
     min-width: 180px;
 }

 .events-section-two .upper-info {
     position: relative;
     margin-bottom: 30px;
 }

 .events-section-two .upper-info .items-label {
     position: relative;
     float: right;
     text-transform: capitalize;
     font-weight: 400;
     font-size: 14px;
     line-height: 24px;
     color: #222222;
     padding: 10px 0;
     margin-bottom: 20px;
 }

 .events-section-two .upper-info .items-label span {
     color: #222222;
     font-weight: 600;
 }

 .events-section-two .upper-info .sort-by {
     position: relative;
     float: left;
     width: 250px;
     max-width: 100%;
     margin-bottom: 20px;
 }

 .drop-list-one {
     position: relative;
     display: block;
     width: 100%;
 }

 .drop-list-one .dropdown-outer {
     position: relative;
 }

 .drop-list-one .btn-box {
     position: relative;
     display: block;
     width: 100%;
     line-height: 25px;
     color: #757575;
     font-weight: 500;
     font-size: 14px;
     text-transform: capitalize;
     padding: 10px 0px 12px;
     background: #ffffff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
 }

 .drop-list-one .btn-box:before {
     content: "\f107";
     font-family: 'Flaticon';
     position: absolute;
     right: 0px;
     top: 11px;
     height: 24px;
     display: block;
     color: #999999;
     line-height: 24px;
     font-size: 12px;
     font-weight: 400;
     z-index: 5;
 }

 .drop-list-one .dropdown-menu {
     width: 100%;
     padding: 8px 20px;
     margin: 0px;
     background: #ffffff;
     border-radius: 0px;
     border-top: none;
     border: 1px solid rgba(0, 0, 0, 0.10);
     border-top: none;
 }

 .drop-list-one .dropdown-menu li {
     position: relative;
     display: block;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     padding: 8px 0px;
     line-height: 24px;
 }

 .drop-list-one .dropdown-menu li:last-child {
     border-bottom: none;
 }

 .drop-list-one .dropdown-menu li a {
     position: relative;
     display: block;
     color: #757575;
     font-size: 14px;
     text-transform: capitalize;
 }

 .drop-list-one .dropdown-menu li a:hover {
     color: #c0392b;
 }

 .event-block-two {
     position: relative;
     margin-bottom: 30px;
 }

 .event-block-two .inner-box {
     position: relative;
     display: block;
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
 }

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

 .event-block-two .image-box img {
     display: block;
     width: 100%;
     height: 300px;
     -webkit-transition: all 2000ms ease;
     -moz-transition: all 2000ms ease;
     -ms-transition: all 2000ms ease;
     -o-transition: all 2000ms ease;
     transition: all 2000ms ease;
 }

 .event-block-two .inner-box:hover .image-box img {
     -ms-transform: scale(1.1) rotate(1deg);
     transform: scale(1.1) rotate(1deg);
 }

 .event-block-two .lower-box {
     position: relative;
     display: block;
     padding: 35px 30px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 /* .event-block-two .inner-box:hover .lower-box {
     background: #222222;
 } */

 .event-block-two .content-box {
     position: relative;
     display: block;
     padding-left: 130px;
     min-height: 160px;
 }

 .event-block-two .content-box .date-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 101px;
     height: 160px;
     color: #222222;
     text-align: center;
     font-family: 'Exo', sans-serif;
 }

 .event-block-two .inner-box:hover .content-box .date-box {
     color: #c0392b;
 }

 .event-block-two .content-box .date-box:before {
     content: '';
     position: absolute;
     left: 50px;
     top: 0px;
     height: 100%;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }

 .event-block-two .inner-box:hover .date-box:before {
     border-color: rgba(255, 255, 255, 0.20);
 }

 .event-block-two .content-box .date-box .date {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -50px;
     width: 100px;
     height: 100px;
     padding-top: 25px;
     font-size: 30px;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
     z-index: 3;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block-two .inner-box:hover .lower-box .date {
     background: #222222;
     border-color: rgba(255, 255, 255, 0.20);
 }

 .event-block-two .content-box .date-box .date .day {
     position: relative;
     display: block;
     line-height: 30px;
 }

 .event-block-two .content-box .date-box .date .month {
     position: relative;
     display: block;
     font-size: 12px;
     text-transform: uppercase;
     color: #757575;
     line-height: 20px;
 }

 .event-block-two .inner-box:hover .lower-box .date .month {
     color: rgba(255, 255, 255, 0.50);
 }

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

 .event-block-two .content-box .cat-info {
     position: relative;
     margin-bottom: 20px;
 }

 .event-block-two .content-box .cat-info a {
     position: relative;
     display: inline-block;
     font-size: 13px;
     text-transform: capitalize;
     line-height: 20px;
     color: #ffffff;
     background: #c0392b;
     padding: 3px 10px;
     border-radius: 13px;
 }

 .event-block-two .content-box h5 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0 0 5px;
 }

 .event-block-two .content-box h5 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block-two .content-box h5 a:hover {
     color: #c0392b;
 }

 /* .event-block-two .inner-box:hover h5 a {
     color: #c0392b;
 } */

 .event-block-two .content-box .location {
     position: relative;
 }

 /* .event-block-two .inner-box:hover .location {
     color: #aaaaaa;
 } */

 .event-block-two .read-more {
     position: relative;
     display: block;
     padding-top: 20px;
 }

 .event-block-two .read-more a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .event-block-two .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 0;
     top: 2px;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .event-block-two .read-more a:hover,
 .event-block-two .inner-box:hover .read-more a {
     color: #c0392b;
     padding-left: 20px;
 }

 .event-block-two .read-more a:hover:before,
 .event-block-two .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 .event-block-three {
     position: relative;
     margin-bottom: 30px;
 }

 .event-block-three .inner-box {
     position: relative;
     display: block;
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
 }

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

 .event-block-three .image-box img {
     display: block;
     width: 100%;
     -webkit-transition: all 2000ms ease;
     -moz-transition: all 2000ms ease;
     -ms-transition: all 2000ms ease;
     -o-transition: all 2000ms ease;
     transition: all 2000ms ease;
 }

 .event-block-three .inner-box:hover .image-box img {
     -ms-transform: scale(1.1) rotate(1deg);
     transform: scale(1.1) rotate(1deg);
 }

 .event-block-three .lower-box {
     position: relative;
     display: block;
     padding: 60px 30px 25px;
     min-height: 70px;
     background: #ffffff;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block-three .inner-box:hover .lower-box {
     background: #222222;
 }

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

 .event-block-three .content-box .date-box {
     position: absolute;
     left: 0px;
     top: -80px;
     width: 70px;
     height: 70px;
     color: #222222;
     text-align: center;
     font-family: 'Exo', sans-serif;
 }

 .event-block-three .inner-box:hover .content-box .date-box {
     color: #c0392b;
 }

 .event-block-three .content-box .date-box .date {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -50px;
     width: 70px;
     height: 70px;
     padding-top: 10px;
     font-size: 20px;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.10);
     z-index: 3;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block-three .inner-box:hover .lower-box .date {
     background: #222222;
     border-color: rgba(255, 255, 255, 0.20);
 }

 .event-block-three .content-box .date-box .date .day {
     position: relative;
     display: block;
     line-height: 24px;
 }

 .event-block-three .content-box .date-box .date .month {
     position: relative;
     display: block;
     font-size: 12px;
     text-transform: uppercase;
     color: #757575;
     line-height: 20px;
 }

 .event-block-three .inner-box:hover .lower-box .date .month {
     color: rgba(255, 255, 255, 0.50);
 }

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

 .event-block-three .content-box .cat-info {
     position: absolute;
     left: 90px;
     top: -75px;
 }

 .event-block-three .content-box .cat-info a {
     position: relative;
     display: inline-block;
     font-size: 13px;
     text-transform: capitalize;
     line-height: 20px;
     color: #ffffff;
     background: #c0392b;
     padding: 3px 10px;
     border-radius: 13px;
 }

 .event-block-three .content-box h4 {
     color: #222222;
     font-weight: 700;
     line-height: 1.25em;
     margin: 0 0 5px;
 }

 .event-block-three .content-box h4 a {
     color: #222222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .event-block-three .content-box h4 a:hover {
     color: #c0392b;
 }

 .event-block-three .inner-box:hover h4 a {
     color: #ffffff;
 }

 .event-block-three .content-box .location {
     position: relative;
     font-size: 14px;
 }

 .event-block-three .inner-box:hover .location {
     color: #aaaaaa;
 }

 .event-block-three .read-more {
     position: relative;
     display: block;
     padding-top: 15px;
 }

 .event-block-three .read-more a {
     position: relative;
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     color: #222222;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Exo', sans-serif;
     text-transform: capitalize;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .event-block-three .read-more a:before {
     content: "\f1bd";
     font-family: 'Flaticon';
     position: absolute;
     left: 0;
     top: 0;
     width: 15px;
     line-height: 24px;
     color: #c0392b;
     font-size: 16px;
     font-weight: 700;
     opacity: 0;
     transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
 }

 .event-block-three .read-more a:hover,
 .event-block-three .inner-box:hover .read-more a {
     color: #c0392b;
     padding-left: 20px;
 }

 .event-block-three .read-more a:hover:before,
 .event-block-three .inner-box:hover .read-more a:before {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
 }

 /***

 ====================================================================
     Events List
 ====================================================================

 ***/

 .events-list {
     position: relative;
 }

 .events-list .event-block {
     margin-bottom: 0;
 }

 .events-list .event-block:last-child {
     margin-bottom: 50px;
 }

 .event-filters-box {
     position: relative;
     margin-bottom: 30px;
 }

 .event-filters-box .outer {
     position: relative;
     display: block;
     background: #ffffff;
     padding-right: 160px;
     min-height: 60px;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
 }

 .event-filters-box .outer .form-group {
     position: relative;
     float: left;
     width: 40%;
     margin: 0;
 }

 .event-filters-box .outer .form-group .ui-selectmenu-button.ui-button {
     width: 100%;
     font-size: 14px;
     font-style: normal;
     height: 60px;
     padding: 15px 30px;
     line-height: 30px;
     font-family: 'Exo', sans-serif;
     color: #757575;
     border-radius: 0px;
     background-color: #ffffff;
     border: none;
 }

 .event-filters-box .outer .location {
     width: 60%;
 }

 .event-filters-box .outer .category:after {
     content: '';
     position: absolute;
     right: 0;
     top: 10px;
     bottom: 10px;
     border-right: 1px solid rgba(0, 0, 0, 0.15);
 }

 .event-filters-box .outer .theme-btn {
     position: absolute;
     right: 0;
     top: 0;
     width: 160px;
 }

 .event-filters-box .outer .theme-btn .btn-title {
     padding: 15px 0px 13px;
     line-height: 32px;
     height: 60px;
 }

 .event-filters-box .outer .theme-btn .icon {
     position: relative;
     top: 1px;
     vertical-align: top;
     padding-left: 10px;
 }

 /***

 ====================================================================
         Event Banner
 ====================================================================

 ***/

 .event-banner {
     position: relative;
     padding: 0;
     color: #ffffff;
     background: #061138;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .event-banner .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .event-banner .image-layer:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.58);
 }

 .event-banner .banner-inner {
     position: relative;
     display: block;
     text-align: center;
     z-index: 2;
 }

 .event-banner .cat-info {
     position: relative;
     display: block;
     margin-bottom: 20px;
     z-index: 1;
 }

 .event-banner .cat-info a {
     position: relative;
     display: inline-block;
     font-size: 13px;
     text-transform: capitalize;
     line-height: 24px;
     padding: 10px 25px;
     border-radius: 22px;
     background: #c0392b;
     color: #ffffff;
 }

 .event-banner .inner-container {
     position: relative;
     padding: 130px 0px 200px;
 }

 .event-banner h1 {
     position: relative;
     font-size: 48px;
     color: #ffffff;
     line-height: 1.2em;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: capitalize;
     margin: 0 0;
 }

 /***

 ====================================================================
         Event Details
 ====================================================================

 ***/

 .event-details-section {
     position: relative;
     padding: 0px 0px 50px;
     background: #f1f1f1;
 }

 .event-details {
     position: relative;
 }

 .event-details .content-column {
     position: relative;
     margin-bottom: 30px;
 }

 .event-details .content-column .content-inner {
     position: relative;
     display: block;
     margin-top: -63px;
     z-index: 2;
 }

 .event-details .info-blocks {
     position: relative;
     padding-bottom: 20px;
 }

 .event-details .info-block {
     position: relative;
     margin-bottom: 30px;
 }

 .event-details .info-block .inner-box {
     position: relative;
     padding: 45px 30px;
     text-align: center;
     background: #c0392b;
     color: #ffffff;
     overflow: hidden;
 }

 .event-details .info-block .icon {
     position: absolute;
     right: -30px;
     top: 20px;
     line-height: 1em;
     font-size: 120px;
     color: rgba(0, 0, 0, 0.07);
 }

 .event-details .info-block h4 {
     position: relative;
     font-weight: 700;
     padding-bottom: 12px;
     margin-bottom: 25px;
 }

 .event-details .info-block h4:before {
     content: '';
     position: absolute;
     left: 50%;
     margin-left: -75px;
     bottom: 0;
     width: 150px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.30);
 }

 .event-details .content-column .main-image {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

 .event-details .content-column .main-image img {
     width: 100%;
     display: block;
 }

 .event-details .content-column .text-block p {
     margin-bottom: 20px;
 }

 .event-details .content-column .text-block {
     padding-bottom: 20px;
 }

 .event-details .content-column h2 {
     font-size: 30px;
     font-weight: 700;
     color: #222222;
     text-transform: capitalize;
     padding-top: 5px;
     margin-bottom: 15px;
 }

 .event-details .related-posts {
     position: relative;
 }

 .event-details .related-posts h2,
 .event-details .special-guest h2 {
     margin-bottom: 20px;
 }

 .event-details .special-guest {
     position: relative;
     margin-bottom: 60px;
 }

 .guest-carousel .owl-nav {
     display: none;
 }

 .guest-carousel .owl-dots {
     position: relative;
     display: block;
     padding-top: 30px;
     width: 100%;
     text-align: center;
 }

 .guest-carousel .owl-dots .owl-dot {
     position: relative;
     display: inline-block;
     margin: 0px 10px;
 }

 .guest-carousel .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 3px;
     height: 3px;
     background: #aaaaaa;
     outline: 2px solid rgba(0, 0, 0, 0);
     outline-offset: 4px;
 }

 .guest-carousel .owl-dots .owl-dot.active span {
     background: #c0392b;
     outline-color: #c0392b;
 }

 .guest-block {
     position: relative;
 }

 .guest-block .inner-box {
     position: relative;
     display: block;
     padding: 30px 35px;
     border: 1px solid rgba(0, 0, 0, 0.10);
 }

 .guest-block .inner-box .inner {
     position: relative;
     padding-left: 130px;
     min-height: 100px;
     padding-top: 15px;
 }

 .guest-block .inner-box .image {
     position: absolute;
     left: 0;
     top: 0;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     overflow: hidden;
 }

 .guest-block .inner-box .image img {
     position: relative;
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50%;
 }

 .guest-block h4 {
     font-size: 18px;
     font-weight: 700;
     color: #222222;
     margin-bottom: 10px;
 }

 .guest-block .designation {
     font-size: 15px;
     font-weight: 400;
     color: #c0392b;
 }

 .event-details .info-column {
     position: relative;
     margin-bottom: 50px;
 }

 .event-details .info-column .info-inner {
     position: relative;
     display: block;
     padding-left: 30px;
     margin-top: -63px;
     z-index: 2;
 }

 .event-details .info-column .title {
     position: relative;
     padding: 22px 30px 16px;
     background: #c0392b;
     color: #ffffff;
 }

 .event-details .info-column .title h4 {
     margin: 0;
 }

 .event-details .info-column .content {
     position: relative;
     display: block;
     padding: 30px 30px;
     background: #ffffff;
 }

 .event-details .contact-box {
     position: relative;
     display: block;
 }

 .event-details .contact-box .info {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

 .event-details .contact-box .info li {
     position: relative;
     line-height: 24px;
     margin-bottom: 15px;
 }

 .event-details .contact-box .info li .ttl {
     position: relative;
     top: 2px;
     display: block;
     float: left;
     font-size: 15px;
     font-weight: 700;
     color: #222222;
     font-family: 'Exo', sans-serif;
 }

 .event-details .contact-box .info li .dtl {
     position: relative;
     display: block;
     float: right;
     font-size: 13px;
 }

 .event-details .contact-box .info li a {
     color: #757575;
 }

 .event-details .contact-box .info li a:hover {
     color: #c0392b;
     text-decoration: underline;
 }

 .event-details .location-box {
     position: relative;
     margin-bottom: 50px;
 }

 .event-details .location-box .map-canvas {
     height: 350px;
 }

 .event-details .booking-form {
     position: relative;
 }

 .event-details .booking-form h4 {
     font-weight: 700;
     color: #222222;
     margin-bottom: 20px;
 }

 .event-details .booking-form .form-group {
     margin-bottom: 20px;
 }

 .event-details .booking-form input[type="text"],
 .event-details .booking-form input[type="email"],
 .event-details .booking-form input[type="tel"],
 .event-details .booking-form select,
 .event-details .booking-form textarea {
     font-family: 'Exo', sans-serif;
     background: #f1f1f1;
     border-color: #f1f1f1;
     font-size: 14px;
     height: 48px;
     line-height: 30px;
     padding: 8px 20px;
 }

 .event-details .booking-form textarea {
     height: 100px;
 }

 .event-details .booking-form .theme-btn,
 .event-details .booking-form button {
     display: block;
     width: 100%;
 }

 .event-details .booking-form .theme-btn .btn-title {
     padding: 13px 0px 10px;
 }

 .event-details .more-info-box {
     position: relative;
     margin-bottom: 50px;
 }

 .event-details .more-info-box .inner-box {
     position: relative;
     display: block;
     min-height: 350px;
     padding-left: 200px;
 }

 .event-details .more-info-box .timings {
     position: absolute;
     left: 0;
     top: 0;
     width: 170px;
     padding-top: 20px;
     overflow: hidden;
 }

 .event-details .more-info-box .timings .curve {
     position: absolute;
     top: 0px;
     height: 20px;
     width: 100%;
     overflow: hidden;
 }

 .event-details .more-info-box .timings .curve:before {
     content: '';
     position: absolute;
     left: -5px;
     top: 10px;
     width: 60%;
     height: 20px;
     background: #c0392b;
     -ms-transform: rotate(10deg);
     transform: rotate(10deg);
 }

 .event-details .more-info-box .timings .curve:after {
     content: '';
     position: absolute;
     right: -5px;
     top: 10px;
     width: 60%;
     height: 20px;
     background: #c0392b;
     -ms-transform: rotate(-10deg);
     transform: rotate(-10deg);
 }

 .event-details .more-info-box .timings .inner {
     position: relative;
     display: block;
     padding: 0px 20px;
     text-align: center;
     color: #ffffff;
     background: #c0392b;
 }

 .event-details .more-info-box .timings ul li {
     position: relative;
     display: block;
     padding: 40px 0px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.30);
 }

 .event-details .more-info-box .toggle-box {
     position: relative;
     display: block;
     border-top: 1px solid rgba(0, 0, 0, 0.10);
 }

 .toggle-box .accordion {
     position: relative;
     padding: 33px 0px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     background: none;
     box-shadow: none;
 }

 .toggle-box .accordion .acc-btn {
     position: relative;
     background: none;
     border: none;
     box-shadow: none !important;
     font-size: 20px;
     padding: 0 50px 0 0;
 }

 .toggle-box .accordion .acc-btn .icon {
     top: 0px;
 }

 .toggle-box .accordion-box .block:before {
     display: none;
 }

 .toggle-box .accordion-box .block .acc-content {
     padding-left: 0;
 }

 .toggle-box .accordion-box .block .content {
     padding-top: 0;
 }

 .load-more-item {
     display: none;
 }

 .loadmore {
     position: relative;
     text-align: center;
 }

 .loadmore .loadmore-button,
 .loadmore .loadmore-less {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-top: 20px;
     min-width: 180px;
     text-transform: capitalize;
     text-align: center;
     font-size: 16px;
     line-height: 30px;
     color: #ffffff;
     font-weight: 700;
     padding: 18px 30px 12px;
     background: #c0392b;
     border-radius: 0px;
     border-radius: 0px;
     overflow: hidden;
     font-family: 'Exo', sans-serif;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }

 .loadmore .loadmore-button:hover,
 .loadmore .loadmore-less:hover {
     background: #222222;
     color: #ffffff;
 }

 .loadmore .loadmore-less,
 .loadmore .loadmore-button[disabled="disabled"] {
     display: none;
 }

 .slider-button-url {
     font-size: 1.4rem !important;
     border-radius: 13.2px !important;
     padding: 1.125rem 1.5rem !important;
 }

 .slider-button-url:after {
     content: '';
     display: inline-block;
     margin-left: 0.5rem;
     background: url('../images/main-slider/icon.svg');
     background-size: 17.16px 17.16px;
     width: 17.16px;
     height: 17.16px;
 }

 .gallery-slider-item {
     width: 100%;
     height: 330px;
     object-fit: cover;
 }

 .gallery-youtube::after {
     background-image: url('../images/video-icon.svg');
     background-repeat: no-repeat;
     background-position: center;
     content: '';
     width: 87px;
     height: 88px;
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .separator .wayang {
     background-image: url('../images/wayang-icon.svg');
     background-repeat: no-repeat;
     width: 23.6px;
     height: 40px;
     display: inline-block;
     background-position: center;
     position: absolute;
     top: -27px;
     left: 3px;
 }

 #global-search-results:empty {
     display: none;
 }

 #global-search-results {
     background: #fff;
     padding: 1rem 0;
     border-radius: 20px;
     margin-top: 20px;
 }

 #global-search-results a.item {
     background: #fff;
     padding: 0.9rem 1.3rem;
     color: #909090;
     font-size: 1rem;
     display: block;
 }

 #global-search-results a.item:hover {
     background: #C0392B;
     color: #fff;
 }

 .layanan-menu-item.active .ghost {
     position: absolute;
     top: 95%;
     height: 50px;
     width: 100%;
 }

 /* CUSTOM CSS */

 .entry-content ul li {
     list-style: disc;
     padding: 0px;
     margin-left: 2em;
     margin-bottom: 1em;
 }

 .entry-content ol li {
     list-style: decimal !important;
     padding: 0px;
     margin-left: 2em;
     margin-bottom: 1em;
 }

 .post-details ul li {
     list-style: disc;
     padding: 0px;
     margin-left: 2em;
     margin-bottom: 1em;
 }

 .post-details ol li {
     list-style: decimal !important;
     padding: 0px;
     margin-left: 2em;
     margin-bottom: 1em;
 }

 /* Navigation slider for mobile device */
 @media (max-width: 576px) {
     .banner-section .owl-theme .owl-nav {
         position: absolute;
         bottom: 0;
         left: 50%;
         margin-left: -45px;
         width: 80px;
         background: rgba(95%, 95%, 95%, 90%);
         height: 30px;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .banner-section .owl-theme .owl-nav:before {
         content: '';
         position: absolute;
         left: 50%;
         top: 10px;
         margin-left: -0.5px;
         height: 15px;
         border-left: 1px solid rgba(0, 0, 0, 0.10);
     }

     .banner-section .owl-theme .owl-nav .owl-prev {
         position: absolute;
         left: -10px;
         background: none;
         height: 36px;
         width: 56px;
         border: none;
         text-align: center;
         line-height: 36px;
         color: #bcbcbc;
         font-size: 14px;
         border-radius: 0;
         opacity: 1;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }

     .banner-section .owl-theme .owl-nav .owl-next {
         position: absolute;
         right: -10px;
         background: none;
         height: 36px;
         width: 56px;
         border: none;
         text-align: center;
         line-height: 36px;
         color: #bcbcbc;
         font-size: 14px;
         border-radius: 0;
         opacity: 1;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 300ms ease;
         -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;
         transition: all 300ms ease;
     }
 }
 .blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all 0.3s;
  }
  @media screen and (max-width: 992px) {
    .blog-slider {
      max-width: 680px;
      height: 400px;
    }
  }
  @media screen and (max-width: 768px) {
    .blog-slider {
      min-height: 500px;
      height: auto;
      margin: 180px auto;
    }
  }
  @media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
      height: 350px;
    }
  }
  .blog-slider__item {
    display: flex !important;
    align-items: center !important;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__item {
      flex-direction: column;
    }
  }
  .blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__img2 img {
    opacity: 1;
    transition-delay: 0.3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
    transition-delay: 0.3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
    transition-delay: 0.4s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
    transition-delay: 0.5s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
    transition-delay: 0.6s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
    transition-delay: 0.7s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
    transition-delay: 0.8s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
    transition-delay: 0.9s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
    transition-delay: 1s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
    transition-delay: 1.1s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
    transition-delay: 1.2s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
    transition-delay: 1.3s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
    transition-delay: 1.4s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
    transition-delay: 1.5s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
    transition-delay: 1.6s;
  }
  .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
    transition-delay: 1.7s;
  }
  .blog-slider__img {

    flex-shrink: 0;
    height: 300px;

    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
  }
  .blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    border-radius: 20px;
    opacity: 0.8;
  }
  .blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all 0.3s;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__img {
      transform: translateY(-50%);
      width: 90%;
    }
  }
  @media screen and (max-width: 576px) {
    .blog-slider__img {
      width: 95%;
    }
  }
  @media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
      height: 270px;
    }
  }
  .blog-slider__content {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__content {
      margin-top: -80px;
      text-align: center;
      padding: 0 30px;
    }
  }
  @media screen and (max-width: 576px) {
    .blog-slider__content {
      padding: 0;
    }
  }
  .blog-slider__content > * {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
  }
  .blog-slider__code {
    color: #0d0925;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
  }
  .blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
  }
  .blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  .blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
  }
  @media screen and (max-width: 576px) {
    .blog-slider__button {
      width: 100%;
    }
  }
  .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 768px) {
    .blog-slider__pagination {
      transform: translateX(-50%);
      left: 50% !important;
      top: 205px !important;
      width: 100% !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 5px;
    }
  }
  .blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
  }
  .blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
  }
  @media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
      height: 11px;
      width: 30px;
    }
  }

  .blog-slider__item2 {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__item2 {
      flex-direction: column;
    }
  }

  .blog-slider__item2.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(1) {
    transition-delay: 0.3s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(2) {
    transition-delay: 0.4s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(3) {
    transition-delay: 0.5s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(4) {
    transition-delay: 0.6s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(5) {
    transition-delay: 0.7s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(6) {
    transition-delay: 0.8s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(7) {
    transition-delay: 0.9s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(8) {
    transition-delay: 1s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(9) {
    transition-delay: 1.1s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(10) {
    transition-delay: 1.2s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(11) {
    transition-delay: 1.3s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(12) {
    transition-delay: 1.4s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(13) {
    transition-delay: 1.5s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(14) {
    transition-delay: 1.6s;
  }
  .blog-slider__item2.swiper-slide-active .blog-slider__content > *:nth-child(15) {
    transition-delay: 1.7s;
  }
  .blog-slider__img2 {

    flex-shrink: 0;
    height: 300px;

    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 20px;
    transform: translateX(80px);
    overflow: hidden;
  }
  .blog-slider__img2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    border-radius: 20px;
    opacity: 0.8;
  }
  .blog-slider__img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all 0.3s;
  }
  @media screen and (max-width: 768px) {
    .blog-slider__img2 {
      transform: translateY(-50%);
      width: 90%;
    }
  }
  @media screen and (max-width: 576px) {
    .blog-slider__img2 {
      width: 95%;
    }
  }
  @media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img2 {
      height: 270px;
    }
  }