/*=================== HEADER NAVIGATION =================== */
body.mobile-menu-active .overlay {
     visibility: visible;
     opacity: 1;
}

.wraper_header {
     position: relative;
     z-index: 9999;
     width: 100%;
     direction: initial;
}

.wraper_header.floating-header {
     position: absolute;
}

.wraper_header > .main-header {
     position: relative;
}

.header_holder .wraper_header_main {
     background-color: rgba(255, 255, 255, 0.01);
     width: 100%;
}

.wraper_header .header_holder .elementor-menu-toggle {
     float: right;
     border: none;
     background-color: transparent;
}

.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
     font-size: 23px;
     color: #000;
}

.header_holder .wraper_header_main > nav {
     float: right;
     margin-top: 3px;
     text-align: right;
     display: block;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: auto;
     height: auto;
     margin-right: 25px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:only-child {
     margin: 0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
     line-height: 35px;
     font-weight: 400;
     font-style: normal;
     color: #000;
     position: relative;
     display: block;
     cursor: pointer;
     /*transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;*/
}


.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
     position: absolute;
     top: 100%;
     left: -40px;
     right: 0;
     z-index: 1;
     width: 265px;
     padding: 40px 0 20px 0;
     transform: translateY(10px);
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
     border-radius: 4px;
     text-align: left;
     background-color: #fff;
     opacity: 0;
     visibility: hidden;
     -webkit-transform-origin: 0% 0%;
     -o-transition: -o-transform 0.3s, opacity 0.3s;
     -ms-transition: -ms-transform 0.3s, opacity 0.3s;
     -moz-transition: -moz-transform 0.3s, opacity 0.3s;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -webkit-transform-style: preserve-3d;
     transform: rotateX(-5deg);
     -o-transform: rotateX(-5deg);
     -moz-transform: rotateX(-5deg);
     -webkit-transform: rotateX(-5deg);
     transition: all 0.2s ease-in-out !important;
     -webkit-transition: all 0.2s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child > ul {
     left: auto;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul {
     opacity: 1;
     visibility: visible;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
     margin-bottom: 20px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li {
     position: relative;
     width: 100%;
     height: auto;
     float: left;
     padding-left: 32px;
     padding-right: 32px;
     margin: 0;
     /*transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li > ul > li > a {
     font-size: 17px;
     line-height: 30px;
     letter-spacing: 0.8px;
     display: inline-block;
     vertical-align: top;
     opacity: inherit !important;
     visibility: inherit !important;
     cursor: pointer;
     transition: all 0.4s ease-in-out !important;
     -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:after {
     position: absolute;
     left: 0;
     top: 11px;
     width: 0;
     height: 2px;
     z-index: 0;
     content: " ";
     background-color: #000;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover:after {
     width: 15px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover {
     padding-left: 20px;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li ul {
     position: absolute;
     top: 0;
     left: auto;
     right: 100%;
     z-index: 1;
     width: 240px;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: left;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li:hover > ul {
     top: -8px;
     opacity: 1;
     transform: translateY(0);
     visibility: visible;
}


/*-----------STICKY HEADER-----------*/
.wraper_header > .sticky-header,
.wraper_header.floating-header > .sticky-header {
     display: none;
     width: 100%;
}

.wraper_header > .sticky-header.delayed-sticky-mode {
     /*transform: translateY(-100%);
-webkit-transform: translateY(-100%);*/
}

.wraper_header:not(.floating-header) > .sticky-header.delayed-sticky-mode {
     display: flex;
}

.wraper_header.floating-header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
     display: flex;
}

.wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
     position: fixed;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky {
     opacity: 1;
     visibility: visible;
     /*transform: translateY(0);
-webkit-transform: translateY(0);*/
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}

/*-----------STICKY HEADER-----------*/



/*-----------MOBILE MENU-----------*/
.header_holder .wraper_header_main.mobile-menu-open {
     transform: translateX(0);
}


.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu {
     display: block;

}

.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
     position: static;
     z-index: 1;
     width: 100%;
     padding: 0;
     box-shadow: none;
     border-radius: 0;
     text-align: left;
     background-color: transparent;
     display: none;
     transition: none;
     opacity: 1;
     visibility: visible;
}

.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu > li.menu-item-has-children a:before,
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li ul li a:after {
     display: none;
}


.mobile-menu-close {
     padding: 25px 20px 15px 15px;
     text-align: right;
     cursor: pointer;
     position: relative;
}

.mobile-menu-close:before {
     color: #fff;
     background-color: #1c1a1a;
     display: inline-block;
     content: "\e646";
     font-family: 'themify';
     text-align: center;
     font-size: 16px;
     line-height: 40px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
}

.mobile-menu-active .mobile-menu-close {
     display: none;
}

/*-----------MOBILE MENU-----------*/



/* LARGE DESKTOP PART */

.wraper_header section.elementor-element {
     left: 0 !important;
}


/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px) {
     .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
          position: static;
          z-index: 1;
          width: 100%;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          text-align: left;
          background-color: transparent;
          display: none;
          transition: opacity 0.4s linear !important;
          opacity: 1;
          visibility: visible;
     }

     .wraper_header {
          z-index: 999999;
     }

     .header_holder .wraper_header_main.mobile-menu-open {
          z-index: 999999;
          transform: translateX(-350px);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
     }

     .wraper_header .sticky-header .header_holder .wraper_header_main,
     .wraper_header .header_holder .wraper_header_main {
          height: 100%;
          max-width: 350px;
          width: 100%;
          position: fixed;
          top: 0;
          right: -350px;
          z-index: 1001;
          background-color: #fff;
          overflow: hidden;
          text-align: left;
          overflow-y: scroll;
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
          padding: 20px !important;
          text-align: left;
          line-height: normal;
     }

     .elementor-nav-menu .menu-item a:hover {
          color: #000000 !important;
     }

     .header_holder .wraper_header_main > nav {
          float: none;
          margin-top: 0;
          text-align: left;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
          position: relative;
          width: 100%;
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
          position: relative;
          display: block;
          width: auto;
          height: auto;
          padding: 10px 22px 10px 15px;
          border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
          color: #000 !important;
          padding-left: 35px !important;
          font-size: 90% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
          padding-left: 45px !important;
          font-size: 80% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
          /*padding: 10px 55px 10px 40px;*/
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
          position: absolute;
          top: 7px;
          right: 0px;
          width: 40px;
          cursor: pointer;
          text-align: left;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
          top: 0;
          position: absolute;
          content: "\e61a";
          font-family: 'themify';
          font-size: 14px;
          line-height: 32px;
          color: #000;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
          content: "\e622";
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px) {
     .wraper_header {
          z-index: 999999;
     }

     .header_holder .wraper_header_main.mobile-menu-open {
          z-index: 999999;
          transform: translateX(-350px);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
     }

     .wraper_header .sticky-header .header_holder .wraper_header_main,
     .wraper_header .header_holder .wraper_header_main {
          height: 100%;
          max-width: 350px;
          width: 100%;
          position: fixed;
          top: 0;
          right: -350px;
          z-index: 1001;
          background-color: #fff;
          overflow: hidden;
          text-align: left;
          overflow-y: scroll;
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
          padding: 20px !important;
          text-align: left;
     }

     .elementor-nav-menu .menu-item a:hover {
          color: #000000 !important;
     }

     .header_holder .wraper_header_main > nav {
          float: none;
          margin-top: 0;
          text-align: left;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
          position: relative;
          width: 100%;
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
          position: relative;
          display: block;
          width: auto;
          height: auto;
          padding: 10px 22px 10px 15px;
          border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
          color: #000 !important;
          padding-left: 35px !important;
          font-size: 90% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
          padding-left: 45px !important;
          font-size: 80% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
          padding: 10px 55px 10px 40px;
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
          position: absolute;
          top: 7px;
          right: 10px;
          width: 40px;
          cursor: pointer;
          text-align: center;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
          top: 0;
          position: absolute;
          content: "\e61a";
          font-family: 'themify';
          font-size: 12px;
          line-height: 32px;
          color: #000;
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
          content: "\e622";
     }

}


/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
     .header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
          position: static;
          z-index: 1;
          width: 100%;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
          text-align: left;
          background-color: transparent;
          display: none;
          transition: opacity 0.4s linear !important;
          opacity: 1;
          visibility: visible;
     }

     .wraper_header {
          z-index: 999999;
     }

     .header_holder .wraper_header_main.mobile-menu-open {
          z-index: 999999;
          transform: translateX(-350px);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
     }

     .wraper_header .sticky-header .header_holder .wraper_header_main,
     .wraper_header .header_holder .wraper_header_main {
          height: 100%;
          max-width: 250px;
          width: 100%;
          position: fixed;
          top: 0;
          right: -350px;
          z-index: 1001;
          background-color: #fff;
          overflow: hidden;
          text-align: left;
          overflow-y: scroll;
          transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
          padding: 10px 20px !important;
          text-align: left;
     }

     .elementor-nav-menu .menu-item a:hover {
          color: #000000 !important;
     }




     .header_holder .wraper_header_main > nav {
          float: none;
          margin-top: 0;
          text-align: left;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li ul li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
          position: relative;
          width: 100%;
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
          position: relative;
          display: block;
          width: auto;
          height: auto;
          padding: 10px 22px 10px 15px;
          border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
          color: #000 !important;
          padding-left: 35px !important;
          font-size: 90% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
          padding-left: 45px !important;
          font-size: 80% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
          padding: 10px 55px 10px 40px;
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
          position: absolute;
          top: 7px;
          right: 0px;
          width: 40px;
          cursor: pointer;
          text-align: left;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
          content: "\e61a";
          font-family: 'themify';
          font-size: 14px;
          line-height: 32px;
          color: #000;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
          content: "\e622";
     }

}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
     .header_holder .wraper_header_main {
          height: 100%;
          max-width: 250px;
          width: 100%;
          position: fixed;
          top: 0;
          right: -350px;
          z-index: 1001;
          background-color: #fff;
          overflow: hidden;
          text-align: left;
          overflow-y: scroll;
          transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
          padding: 20px !important;
          text-align: left;
     }

     .elementor-nav-menu .menu-item a:hover {
          color: #000000 !important;
     }

     .header_holder .wraper_header_main > nav {
          float: none;
          margin-top: 0;
          text-align: left;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
          position: relative;
          width: 100%;
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
          padding: 0;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
          position: relative;
          display: block;
          width: auto;
          height: auto;
          padding: 10px 22px 10px 15px;
          border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
          color: #000 !important;
          padding-left: 35px !important;
          font-size: 90% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
          padding-left: 45px !important;
          font-size: 80% !important;
     }

     .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
          padding: 20px;
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
          position: absolute;
          top: 7px;
          right: 10px;
          width: 40px;
          cursor: pointer;
          text-align: center;
     }

     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
          top: 0;
          position: absolute;
          content: "\e61a";
          font-family: 'themify';
          font-size: 12px;
          line-height: 32px;
          color: #000;
     }


     .wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
     .wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
          content: "\e622";
     }

}

/*=================== HEADER NAVIGATION =================== */

/* ================================== */
/* START OF MEGA MENU CSS*/
/* ================================== */
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
    position: static;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
    position: absolute;
    top: 100%;
    left: 46.9%;
    width: 100vw;
    margin-left: -50.7vw;
    transform: translateY(0) !important;
    border-radius: 0;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    padding: 35px 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-5deg) !important;
    -o-transform: rotateX(-5deg) !important;
    -moz-transform: rotateX(-5deg) !important;
    -webkit-transform: rotateX(-5deg) !important;
    transition: all 0.1s ease-in-out !important;
    -webkit-transition: all 0.1s ease-in-out !important;
}


.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu {
    opacity: 1;
    visibility: visible;

}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li {
    padding: 0;
}



.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li {
    width: 100%;
    height: auto;
    position: relative;
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    margin: 0 0 15px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}


.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li {
    /*padding: 5px 0;*/
    /*margin-bottom: 15px;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child{
    margin-bottom: 0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
    color: #444756;
    font-size: 15px;
    letter-spacing: 0.8px;
    position: relative;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover, .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {
    /*padding-left: 20px;*/
    font-size: 15px;
    letter-spacing: 0.8px;
    color: #4f5ad0;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 0;
    height: 2px;
    z-index: 0;
    background-color: #000;
    /*content: " ";
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;*/
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before {
    width: 15px;
}


.header_holder .elementor-element .elementor-widget-container {
    transition: none !important;
}


.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
    color: #000 !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
    padding-left: 0px !important;
    color: #4f5ad0 !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after {
    content: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover {
    padding-left: 0px !important;
    color: #4f5ad0 !important;
}

/*---------- Responsive View ------------*/

@media screen and (min-width:1920px) and (max-width:2000px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 46.9% !important;
        margin-left: none;
    }
}

@media screen and (min-width:1151px) and (max-width:1260px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -19.1vw;
    }
}

@media screen and (min-width:1031px) and (max-width:1150px) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -13.1vw;
    }
}

@media screen and (min-width:1024px) and (max-width:1300px)and (orientation : landscape) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -13.1vw;
    }
}

@media screen and (min-width:1024px) and (max-width:1300px)and (orientation : portrait) {

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -50vw;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
        margin-right: 18px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        left: 0;
        margin-left: -50vw;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;

    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 5px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
        margin-bottom: 0;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }

    .header_holder .elementor-column.elementor-col-25,
    .elementor-column[data-col="25"] {
        width: 100%;
    }

}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
        border: 1px solid red;
    }


    .mega-child-menu .elementor-column.elementor-col-25 {
        width: 100%;
    }

    .mobile-menu-nav > [class*='menu-'] > ul.menu > li > ul > li a {
        padding-left: 30px;
    }

    .mega-child-menu > li ul > li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
    }

    .mega-child-menu > li ul > li > a {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 14px;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }

}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }

}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px) {
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
        margin-bottom: 0 !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
        transform: none !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
        position: relative;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
        position: static;
        z-index: 1;
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        margin-left: 0;
        background-color: transparent;
        display: none;
        transition: opacity 0.4s linear !important;
        opacity: 1;
        visibility: visible;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
        margin-bottom: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
        padding-left: 35px !important
    }

    .mega-child-menu li ul li {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        color: inherit;
    }

    .mega-child-menu h5 {
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-weight: 400;
        font-style: normal;
        color: #6a7c92;
        font-size: 15px;
        padding: 10px 0 9px 17px;
        border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
        margin: 0px;
    }

    .mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        padding: 0;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
        font-size: 14px !important;
    }

    .header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
        padding-bottom: 2px !important;
    }
}

/* ================================== */
/* END OF MEGA MENU CSS*/
/* ================================== */


/*=================== CART ITEM =================== */
.elementor-widget-radiant-custom-cart .header-cart-bar {
     float: right;
     margin-top: 7px;
     text-align: center;
     font-size: 0;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 30px;
     color: #fff;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > span.ti-shopping-cart {
     font-size: 18px;
     line-height: 1;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > .cart-count {
     position: absolute;
     top: -8px;
     right: -13px;
     width: 18px;
     height: 18px;
     border-radius: 50%;
     font-size: 10px;
     color: #fff;
     background-color: #ff2c54;
     line-height: 18px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
     .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
          right: 0;
          left: 6px;
     }

}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
     .elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
          right: 0;
          left: 6px;
     }

}

/*=================== CART ITEM =================== */

/*=================== HEADER SEARCH =================== */

.elementor-widget-radiant-custom-search .header-slideout-searchbar {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-right: 15px;
     margin-top: 3px;
     cursor: pointer;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder {
     position: relative;
     display: block;

}

.elementor-widget-radiant-custom-search .header-slideout-searchbar span[class*='ti-'] {
     font-size: 18px;
     color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
     position: absolute;
     top: 30px;
     right: -14px;
     z-index: 1;
     width: 30px;
     padding: 5px 5px 4px 12px;
     background-color: #f9f9f9;
     border: 3px rgba(0, 0, 0, 0.1) solid;
     border-radius: 35px;
     box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out 0.2s;
     -webkit-transition: all 0.4s ease-in-out 0.2s;

}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row {
     position: relative;
     display: block;
     padding-right: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search] {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     height: 30px;
     padding: 0;
     margin: 0;
     background-color: transparent;
     border: none;
     font-size: 13px;
     border-radius: 0;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search]::placeholder {
     color: #000;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row button[type=submit] {
     position: absolute;
     top: 0;
     width: 26px;
     height: 30px;
     background-color: transparent;
     border: none;
     display: none;
     border-radius: 0;
     text-align: center;
     font-size: 18px;
     color: #000;
     line-height: 30px;
}

.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder:hover > .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul > li.header-slideout-searchbar > .header-slideout-searchbar-holder:focus > .header-slideout-searchbar-box {
     width: 200px;
     opacity: 1;
     visibility: visible;
}

/*=================== HEADER SEARCH =================== */


/* radiantthemes-accordion element-one */

.radiantthemes-accordion.element-one .radiantthemes-accordion-item {
     border-bottom: 1px rgba(0, 0, 0, 0.07) solid;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child {
     border-bottom: none;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
     position: relative;
     padding-top: 23px;
     padding-right: 50px;
     padding-bottom: 25px;
     cursor: pointer;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
     position: absolute;
     top: 20px;
     right: 0;
     z-index: 1;
     width: 32px;
     height: 32px;
     border: 1px #030712 solid;
     border-radius: 50%;
     text-align: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
     font-family: "themify";
     content: "\e61a";
     font-size: 15px;
     color: #030712;
     line-height: 30px;
     font-style: normal;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
     margin: 0;
     font-weight: 700;
     font-size: 20px;
     color: #1e1e1e;
     line-height: 27px;
     letter-spacing: -0.6px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
     padding-bottom: 25px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
     margin-bottom: 17px;
}

.radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
     content: "\e622";
     color: #fff !important;
}

/* radiantthemes-accordion element-two */

.radiantthemes-accordion.element-two .radiantthemes-accordion-item {
     margin-bottom: 20px;
     padding-top: 16px;
     padding-right: 20px;
     padding-bottom: 18px;
     padding-left: 24px;
     border: 1px #ddd solid;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item:only-child {
     margin-bottom: 0;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active {
     border-color: transparent;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
     position: relative;
     padding-right: 35px;
     cursor: pointer;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
     position: absolute;
     top: 4px;
     right: 0;
     z-index: 1;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
     position: relative;
     display: block;
     width: 20px;
     height: 20px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     position: absolute;
     top: calc(50% - 1px);
     width: 100%;
     height: 2px;
     z-index: 0;
     content: " ";
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
     margin: 0;
     font-weight: 600;
     font-size: 18px;
     color: #3b3b3b;
     line-height: 28px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
     padding-top: 11px;
     padding-right: 35px;
     padding-bottom: 0;
     font-size: 16px;
     color: #fff;
     line-height: 30px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
     margin-bottom: 17px;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before {
     background-color: #fff !important;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     opacity: 0;
}

.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .panel-title {
     color: #fff;
}

/* radiantthemes-accordion element-three */

.radiantthemes-accordion.element-three .radiantthemes-accordion-item {
     margin-bottom: 0;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active {
     border-color: transparent;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
     position: relative;
     padding-top: 15px;
     padding-right: 30px;
     padding-bottom: 15px;
     padding-left: 0;
     border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
     position: absolute;
     top: 24px;
     right: 1px;
     z-index: 1;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
     position: relative;
     display: block;
     width: 10px;
     height: 10px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     position: absolute;
     top: calc(50% - 1px);
     width: 100%;
     height: 2px;
     z-index: 0;
     content: " ";
     background-color: #fff;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
     margin: 0;
     font-weight: 600;
     font-size: 16px;
     color: #fff;
     line-height: 27px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
     padding-top: 20px;
     padding-bottom: 20px;
     border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
     font-size: 16px;
     color: #fff;
     line-height: 30px;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title {
     /*background-color:rgba(255,255,255,0.12);*/
}

.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
     opacity: 0;
}

/* radiantthemes-accordion element-four */

.radiantthemes-accordion.element-four .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-four .radiantthemes-accordion-item:only-child {
     border-bottom: none;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
     position: relative;
     padding-top: 22px;
     padding-right: 30px;
     padding-bottom: 22px;
     border-top: 2px rgba(0, 0, 0, 0.1) dotted;
     cursor: pointer;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
     position: absolute;
     top: 22px;
     right: 0;
     z-index: 1;
     text-align: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
     font-family: "themify";
     content: "\e64b";
     font-size: 15px;
     color: #000;
     line-height: 1;
     font-style: normal;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
     margin: 0;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 17px;
     line-height: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
     border-top: 2px rgba(0, 0, 0, 0.1) dotted;
     padding-top: 25px;
     padding-bottom: 25px;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
     margin-bottom: 17px;
}

.radiantthemes-accordion.element-four .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
     content: "\e648";
}

/** Accordion Five**/

.radiantthemes-accordion.element-five {
     width: 100%;
     margin: 0 auto;
}


.radiantthemes-accordion.element-five .accord_bdy {
     padding: 0;
}

.radiantthemes-accordion.element-five .accord_bx_sec {
     padding: 0;
}

.radiantthemes-accordion.element-five .title {
     height: 40px;
     background: #6bb170;
     color: white;
     text-align: center;
     padding-top: 13px;
}

.radiantthemes-accordion.element-five .ques_bx {
     margin: 0;
     padding: 0;
}

.radiantthemes-accordion.element-five .ques_bx li {

     float: left;
     width: 100%;
}

.radiantthemes-accordion.element-five .ques_bx li:not(.a) {
     font-weight: bold;
     cursor: pointer;
     margin-bottom: 15px;
     border: 1px #DFE0E7 solid;
     border-radius: 30px;
     padding: 14px 25px;
}

.radiantthemes-accordion.element-five .ques_bx li.a {
     padding: 5px 20px 15px 28px;
     display: none;
     color: #555759;
}


.radiantthemes-accordion.element-five .ques_bx li p {
     margin-bottom: 0;
}

.radiantthemes-accordion.element-five .plus {
     opacity: 1;
     font-size: 1.3em;
     position: relative;
     display: inline-block;
     width: 16px;
     height: 16px;
     margin-left: 10px;
     top: 15px;
     float: right;
}


.radiantthemes-accordion.element-five .plus::after,
.radiantthemes-accordion.element-five .plus::before {
     content: "" !important;
     background: currentColor;
     height: 2px;
     width: 16px;
     display: block;
     position: absolute;
     left: 0;
     transition: transform .3s ease-out;
}

.radiantthemes-accordion.element-five .plus::after {
     transform: rotate(90deg);
}

.radiantthemes-accordion.element-five .text {
     color: #555759;
     font-weight: 600;
     margin-right: 10px;
}

.radiantthemes-accordion.element-five .minus {
     opacity: 1;
     font-size: 1.3em;
     position: relative;
     display: inline-block;
     width: 16px;
     height: 16px;
     margin-left: 10px;
     float: right;
}

.radiantthemes-accordion.element-five .minus::before {
     transform: rotate(135deg);
}

.radiantthemes-accordion.element-five .minus::after {
     transform: rotate(45deg);
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
     .radiantthemes-accordion.element-five .minus {
          top: 9px;
          right: 0;
     }

     .radiantthemes-accordion.element-five .plus {
          top: 16px;
          right: 0;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
     .radiantthemes-accordion.element-five .minus {
          top: 22px;
          right: -15px;
     }

     .radiantthemes-accordion.element-five .plus {
          top: 22px;
          right: -15px;
     }
}

/* radiantthemes-alert-box element-one */

.radiantthemes-alert-box.element-one {
     position: relative;
     margin: 0;
     padding: 13px 35px 12px 45px;
     border-width: 1px;
     border-style: solid;
     border-radius: 3px;
     text-align: left;
     font-size: 14px;
     line-height: 26px;
}

.radiantthemes-alert-box.element-one.alert-info {
     background-color: #e8f3fa;
     border-color: #c6dfef;
     color: #3097db;
}

.radiantthemes-alert-box.element-one.alert-success {
     background-color: #e0f2e0;
     border-color: #c4e7c4;
     color: #00a500;
}

.radiantthemes-alert-box.element-one.alert-warning {
     background-color: #f9ebc8;
     border-color: #f4d29c;
     color: #df8c16;
}

.radiantthemes-alert-box.element-one.alert-danger {
     background-color: #fce4e4;
     border-color: #eec1c1;
     color: #fb5455;
}

.radiantthemes-alert-box.element-one > .close {
     position: absolute;
     top: 13px;
     right: 15px;
     z-index: 1;
     opacity: 1;
     color: inherit;
}

.radiantthemes-alert-box.element-one > .close i {
     font-size: 15px;
     line-height: 15px;
}

.radiantthemes-alert-box.element-one > .icon {
     position: absolute;
     top: 50%;
     left: 15px;
     z-index: 1;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
}

.radiantthemes-alert-box.element-one > .icon i {
     width: 16px;
     text-align: center;
     font-size: 16px;
     line-height: 16px;
}

.radiantthemes-alert-box.element-one > strong {
     font-weight: 600;
}

/* radiantthemes-alert-box element-two */

.radiantthemes-alert-box.element-two {
     position: relative;
     margin: 0;
     padding: 13px 35px 12px 45px;
     border-width: 1px;
     border-bottom-width: 6px;
     border-style: solid;
     border-radius: 3px;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     text-align: left;
     font-size: 14px;
     line-height: 26px;
}

.radiantthemes-alert-box.element-two.alert-info {
     background-color: #e8f3fa;
     border-color: #c6dfef;
     color: #3097db;
}

.radiantthemes-alert-box.element-two.alert-success {
     background-color: #e0f2e0;
     border-color: #c4e7c4;
     color: #00a500;
}

.radiantthemes-alert-box.element-two.alert-warning {
     background-color: #f9ebc8;
     border-color: #f4d29c;
     color: #df8c16;
}

.radiantthemes-alert-box.element-two.alert-danger {
     background-color: #fce4e4;
     border-color: #eec1c1;
     color: #fb5455;
}

.radiantthemes-alert-box.element-two > .close {
     position: absolute;
     top: 13px;
     right: 15px;
     z-index: 1;
     opacity: 1;
     color: inherit;
}

.radiantthemes-alert-box.element-two > .close i {
     font-size: 15px;
     line-height: 15px;
}

.radiantthemes-alert-box.element-two > .icon {
     position: absolute;
     top: 50%;
     left: 15px;
     z-index: 1;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
}

.radiantthemes-alert-box.element-two > .icon i {
     width: 16px;
     text-align: center;
     font-size: 16px;
     line-height: 16px;
}

.radiantthemes-alert-box.element-two > strong {
     font-weight: 600;
}

/* rt-animated-link element-one */

.rt-animated-link.element-one {
     text-align: center;
}

.rt-animated-link.element-one > .holder {
     position: relative;
     display: inline-block;
     vertical-align: top;
     border: 2px rgba(0, 0, 0, 0.17) solid;
}

.rt-animated-link.element-one > .holder:before {
     position: absolute;
     top: -2px;
     right: -2px;
     bottom: -2px;
     left: -2px;
     z-index: 0;
     content: " ";
     border-width: 2px;
     border-style: solid;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-animated-link.element-one > .holder:hover:before {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.rt-animated-link.element-one > .holder > .main-link {
     position: relative;
     display: block;
     padding: 8px 20px 9px 20px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

/* rt-animated-link element-two */

.rt-animated-link.element-two > .holder {
     text-align: center;
}

.rt-animated-link.element-two > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-two > .holder > .main-link:before,
.rt-animated-link.element-two > .holder > .main-link:after {
     position: absolute;
     top: -1px;
     z-index: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-two > .holder > .main-link:hover:before,
.rt-animated-link.element-two > .holder > .main-link:hover:after {
     opacity: 1;
     visibility: visible;
}

.rt-animated-link.element-two > .holder > .main-link:before {
     left: 0;
     content: "[";
}

.rt-animated-link.element-two > .holder > .main-link:hover:before {
     left: -20px;
}

.rt-animated-link.element-two > .holder > .main-link:after {
     right: 0;
     content: "]";
}

.rt-animated-link.element-two > .holder > .main-link:hover:after {
     right: -20px;
}

/* rt-animated-link element-three */

.rt-animated-link.element-three > .holder {
     text-align: center;
}

.rt-animated-link.element-three > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding-top: 10px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-three > .holder > .main-link:before {
     position: absolute;
     top: -10px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 1px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-three > .holder > .main-link:hover:before {
     top: 0;
     opacity: 1;
     visibility: visible;
}

/* rt-animated-link element-four */

.rt-animated-link.element-four > .holder {
     text-align: center;
}

.rt-animated-link.element-four > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding-bottom: 10px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-four > .holder > .main-link:before {
     position: absolute;
     bottom: 10px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 1px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-four > .holder > .main-link:hover:before {
     bottom: 0;
     opacity: 1;
     visibility: visible;
}

/* rt-animated-link element-five */

.rt-animated-link.element-five > .holder {
     text-align: center;
}

.rt-animated-link.element-five > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-five > .holder > .main-link:before {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 1px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-five > .holder > .main-link:hover:before {
     top: 0;
     opacity: 1;
     visibility: visible;
}

.rt-animated-link.element-five > .holder > .main-link:after {
     position: absolute;
     bottom: 0;
     left: 15px;
     right: 15px;
     z-index: 0;
     content: " ";
     height: 1px;
     background-color: #1d4fce;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-five > .holder > .main-link:hover:after {
     left: 0;
     right: 0;
}

/* rt-animated-link element-six */

.rt-animated-link.element-six > .holder {
     text-align: center;
}

.rt-animated-link.element-six > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding-bottom: 10px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-six > .holder > .main-link > .dot-holder {
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: 0;
     height: 4px;
     opacity: 0;
     visibility: hidden;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder {
     opacity: 1;
     visibility: visible;
}

.rt-animated-link.element-six > .holder > .main-link > .dot-holder > .dots {
     display: inline-block;
     vertical-align: top;
     width: 4px;
     height: 4px;
     margin-left: 0;
     margin-right: 0;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder > .dots {
     margin-left: 3px;
     margin-right: 3px;
}

/* rt-animated-link element-seven */

.rt-animated-link.element-seven > .holder {
     text-align: center;
}

.rt-animated-link.element-seven > .holder > .main-link {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding-top: 5px;
     padding-bottom: 5px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-seven > .holder > .main-link:before,
.rt-animated-link.element-seven > .holder > .main-link:after {
     position: absolute;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 2px;
     opacity: 0.8;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-animated-link.element-seven > .holder > .main-link:before {
     top: 0;
}

.rt-animated-link.element-seven > .holder > .main-link:after {
     bottom: 0;
}

.rt-animated-link.element-seven > .holder > .main-link:hover:before,
.rt-animated-link.element-seven > .holder > .main-link:hover:after {
     opacity: 0.4;
}

.rt-animated-link.element-seven > .holder > .main-link:hover:before {
     top: 50%;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
}

.rt-animated-link.element-seven > .holder > .main-link:hover:after {
     bottom: 50%;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
}

/* rt-animated-link element-eight */

.rt-animated-link.element-eight {
     text-align: center;
}

.rt-animated-link.element-eight > .holder {
     position: relative;
     display: inline-block;
     vertical-align: top;
     perspective: 800px;
     text-align: center;
}

.rt-animated-link.element-eight > .holder > .main-link-fliper,
.rt-animated-link.element-eight > .holder > .main-link {
     display: block;
     padding: 10px 20px 10px 20px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-animated-link.element-eight > .holder > .main-link-fliper {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     display: block;
     color: #fff;
     transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
     transform: rotateX(268deg);
     -webkit-transform: rotateX(268deg);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-animated-link.element-eight > .holder:hover > .main-link-fliper {
     transform: rotateX(0);
     -webkit-transform: rotateX(0);
}

.rt-animated-link.element-eight > .holder > .main-link {
     background-color: rgba(0, 0, 0, 0.1);
     border-top: 2px rgba(0, 0, 0, 0.7) solid;
}

/* rt-beforeafter element-one */

.rt-beforeafter.element-one {
     position: relative;
     overflow: hidden;
}

.rt-beforeafter.element-one img {
     width: 100%;
     display: block;
     max-width: none;
}

.rt-beforeafter.element-one .resize {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 50%;
     overflow: hidden;
}

.rt-beforeafter.element-one .handle {
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     width: 2px;
     margin-left: -1px;
     background: white;
     cursor: ew-resize;
}

.rt-beforeafter.element-one .handle:after {
     position: absolute;
     top: 50%;
     width: 44px;
     height: 44px;
     margin-top: -22px;
     margin-left: -22px;
     content: " ";
     background: url("../images/beforeafter-element-one-icon.png") 0px 0px no-repeat;
     border: none;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-one .handle.ba-draggable:after {
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
}

/* rt-beforeafter element-two */

.rt-beforeafter.element-two {
     position: relative;
     overflow: hidden;
}

.rt-beforeafter.element-two img {
     width: 100%;
     display: block;
     max-width: none;
}

.rt-beforeafter.element-two .resize {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 50%;
     overflow: hidden;
}

.rt-beforeafter.element-two .handle {
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     width: 2px;
     margin-left: -1px;
     background: white;
     cursor: ew-resize;
}

.rt-beforeafter.element-two .handle:after {
     position: absolute;
     top: 50%;
     width: 24px;
     height: 13px;
     margin-top: -6px;
     margin-left: -11px;
     content: " ";
     background: url("../images/beforeafter-element-two-icon.png") 0px 0px no-repeat;
     border: none;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-two .handle.ba-draggable:after {
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
}

/* rt-beforeafter element-three */

.rt-beforeafter.element-three {
     position: relative;
     overflow: hidden;
}

.rt-beforeafter.element-three img {
     width: 100%;
     display: block;
     max-width: none;
}

.rt-beforeafter.element-three .resize {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 50%;
     overflow: hidden;
}

.rt-beforeafter.element-three .handle {
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     width: 2px;
     margin-left: -1px;
     background: white;
     cursor: ew-resize;
}

.rt-beforeafter.element-three .handle:after {
     position: absolute;
     top: 50%;
     width: 44px;
     height: 44px;
     margin-top: -22px;
     margin-left: -22px;
     content: " ";
     background: url("../images/beforeafter-element-three-icon.png") 0px 0px no-repeat;
     border: none;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-beforeafter.element-three .handle.ba-draggable:after {
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
}

/* radiantthemes-blockquote element-one */

.radiantthemes-blockquote.element-one > blockquote {
     text-align: center;
}

.radiantthemes-blockquote.element-one > blockquote > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-one > blockquote > i.fa {
     display: block;
     margin-bottom: 20px;
     font-size: 80px;
     color: #e7e9ef;
     line-height: 80px;
}

.radiantthemes-blockquote.element-one > blockquote cite {
     display: block;
     margin-top: 20px;
     font-weight: 500;
     font-size: 13px;
     color: #2f2f2f;
     line-height: 25px;
     font-style: normal;
}

/* radiantthemes-blockquote element-two */

.radiantthemes-blockquote.element-two > blockquote {
     font-weight: 500;
}

.radiantthemes-blockquote.element-two > blockquote > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-two > blockquote > i.fa {
     display: none;
}

.radiantthemes-blockquote.element-two > blockquote cite {
     display: block;
     margin-top: 20px;
     font-weight: 400;
     font-size: 14px;
     color: #2f2f2f;
     line-height: 25px;
     font-style: normal;
}

/* radiantthemes-blockquote element-three */

.radiantthemes-blockquote.element-three > blockquote {
     position: relative;
     padding-left: 65px;
}

.radiantthemes-blockquote.element-three > blockquote > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-blockquote.element-three > blockquote > i.fa {
     position: absolute;
     top: 4px;
     left: 0;
     z-index: 1;
     font-size: 45px;
     color: #5d5e64;
     line-height: 45px;
}

.radiantthemes-blockquote.element-three > blockquote cite {
     display: block;
     margin-top: 20px;
     font-weight: 500;
     font-size: 13px;
     color: #2f2f2f;
     line-height: 25px;
     font-style: normal;
}

/*=====================================*/
.blog.element-one:not(.owl-carousel) .blog-item {
     float: left;
     margin-bottom: 30px;
}

.blog.element-one .blog-item {
     padding: 0 15px;
}

.blog.element-one .blog-item > .holder {
     background-color: #fff;
     box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.08);
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}

.blog.element-one .blog-item > .holder > .post-thumbnail {
     transform: scale(1) translateY(0);
     position: relative;
     overflow: hidden;
     backface-visibility: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-one .blog-item > .holder:hover > .post-thumbnail {
     transform: scale(1.1) translateY(-12px);
}

.blog.element-one .blog-item > .holder > .post-thumbnail > img {
     width: 100%;
     float: left;
}

.blog.element-one .blog-item > .holder > .post-thumbnail > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
     background-position: center;
}


.blog.element-one .blog-item > .holder > .post-data {
     position: relative;
     padding: 25px 20px;
}

.blog.element-one .blog-item > .holder > .post-data:before {
     position: absolute;
     top: 0px;
     left: 92px;
     content: "";
     width: 1px;
     height: 100%;
     background-color: #ededed;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main > .date {
     position: absolute;
     left: 4%;
     bottom: 24%;
     text-align: center;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main > .date h5 {
     font-size: 15px;
     line-height: 28px;
     text-transform: uppercase;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main > .date h5 span {
     display: block;
     font-weight: 600;
     font-size: 50px;
     line-height: 50px;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main .entry-header {
     padding-left: 95px;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main .entry-header > .category {
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 15px;
     color: #fb0883;
}

.blog.element-one .blog-item > .holder > .post-data > .entry-main > .entry-header > .entry-title > a {
     text-decoration: none;
     color: #1e1666;
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;
     letter-spacing: -0.7px;
}

.blog.element-one .blog-item > .holder > .post-data > .post-meta > span {
     text-transform: uppercase;
     font-size: 13px;
     color: #999;
     line-height: 1.8;
}

.blog.element-one .blog-item > .holder > .post-data > span.author {
     color: #6a7c92;
}

/* blog element-two */
.blog.element-two .blog-item {
     display: block;
     position: relative;
     padding: 0 15px;
     overflow: hidden;
     float: left;
}


.blog.element-two .blog-item > .holder > .data > .post-meta span.comments {
     float: right;
}

.blog.element-two .blog-item > .holder > .data > .post-meta span.comments i {
     margin-right: 7px;
}

.blog.element-two .blog-item > .holder {
     background-color: #fff;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
}

.blog.element-two .blog-item > .holder > .pic {
     transform: scale(1) translateY(0);
     position: relative;
     overflow: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-two .blog-item > .holder > .pic > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
     background-position: center;
}

.blog.element-two .blog-item > .holder:hover > .pic {
     transform: scale(1.1) translateY(-9px);
}

.blog.element-two .blog-item > .holder > .pic .bg-overlay {
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}

.blog.element-two .blog-item > .holder:hover > .pic .bg-overlay {
     opacity: 1;
}

.blog.element-two .blog-item > .holder > .pic:before {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     content: "";
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.3);
     opacity: 0;
     visibility: hidden;
     transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     -webkit-transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-two .blog-item > .holder:hover > .pic:before {
     opacity: 1;
     visibility: visible;
}

.blog.element-two .blog-item > .holder > .pic > img {
     width: 100%;
     float: left;
     height: 230px;
}


.blog.element-two .blog-item > .holder > .post-btn > .category-list {
     position: absolute;
     top: 19px;
     right: 5px;
     z-index: 2;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-25px);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.blog.element-two .blog-item > .holder:hover > .post-btn > .category-list {
     position: absolute;
     top: 15px;
     right: 5px;
     z-index: 2;
     font-size: 0;
     opacity: 1;
     visibility: visible;
     transform: translateY(0px);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.blog.element-two .blog-item > .holder > .post-btn > .category-list > a {
     display: inline-block;
     vertical-align: top;
     margin-right: 8px;
     margin-bottom: 10px;
     padding: 8px 15px 8px 15px;
     border: 1px solid #fff;
     border-radius: 30px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 11px;
     color: #fff;
     line-height: 1.1;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
     text-decoration: none;

}

.blog.element-two .blog-item > .holder > .post-btn > .category-list > a:hover {
     color: #1A1C26;
     background-color: #fff;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
}


.blog.element-two .blog-item > .holder > .post-btn > .post-button {
     display: block;
     position: absolute;
     top: 25%;
     left: 0px;
     right: 0px;
     width: 35%;
     margin: 0 auto;
     padding: 5px 10px;
     color: #fff;
     text-align: center;
     background: linear-gradient(90deg, #F97D41 0%, #FE6664 100%);
     z-index: 2;
     border-radius: 3px;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     text-decoration: none;
     font-size: 13px;
}

.blog.element-two .blog-item > .holder:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover {
     background-color: #FC6086;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
     color: #ffffff;
}

.blog.element-two .blog-item > .holder > .post-btn > .post-button > .ti-angle-right {
     color: #FC6086;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
}

.blog.element-two .blog-item > .holder > .data {
     padding: 15px 20px 15px 25px;
}

.blog.element-two .blog-item > .holder > .data > .date {
     margin-bottom: 8px;
     width: 100%;
     float: left;
     color: #51565E;
     font-size: 13px;
}

.blog.element-two .blog-item > .holder > .data > .title {
     display: inline-block;
     line-height: 0;
}


.blog.element-two .blog-item > .holder > .data > .title > a {
     text-decoration: none;
     color: #1A1C26;
     font-size: 22px;
     font-weight: 500;
     line-height: 32px;
     letter-spacing: -0.7px;
}

.blog.element-two .blog-item > .holder > .data > .post-meta {
     border-top: 1px solid #CCCCCC;
     padding-top: 12px;
}

.blog.element-two .blog-item > .holder > .data > .post-meta > span {
     font-size: 13px;
     color: #51565E;
     /*line-height: 1.8;*/
}

.blog.element-two .blog-item > .holder > .data > span.author {
     color: #6a7c92;
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
     .blog.element-two .blog-item > .holder > .pic > img {
          height: 100%;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
     .blog.element-two .blog-item > .holder > .pic > img {
          height: 100%;
     }
}

/* blog element-three */
/*.blog.element-three */

.blog.element-three .style-one .category-list {
     position: absolute;
     top: 19px;
     right: 5px;
     z-index: 2;
     font-size: 0;
}


.blog.element-three .style-one .category-list > a {
     display: inline-block;
     vertical-align: top;
     margin-right: 8px;
     margin-bottom: 10px;
     padding: 8px 15px 8px 15px;
     background-color: rgba(255, 255, 255, 0.87);
     border-radius: 30px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 11px;
     color: #181b31;
     line-height: 1.1;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.blog.element-three .style-one .category-list > a:hover {
     color: #ffffff;
     background-color: #190e22;
     opacity: 0.87;
}

.blog.element-three .style-one {
     background-color: #fff;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
}

.blog.element-three .style-one .post-thumbnail {
     transform: scale(1) translateY(0);
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.blog.element-three .style-one .post-thumbnail > img {
     width: 100%;
     float: left;
}

.blog.element-three .style-one .post-thumbnail > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-position-x: center;
     background-position-y: top;
     background-image: none;
     background-size: auto;
     background-size: cover;
     background-position: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.blog.element-three .style-one .post-btn {
     text-align: right;
     top: -42px;
     position: relative;
     right: 25px;
}

.blog.element-three .style-one .post-button {
     display: block;
     float: right;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background-color: #fff;
     z-index: 2;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}



.blog.element-three .style-one:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.blog.element-three .style-one .post-data {
     padding: 15px 20px 25px 25px;
}

.blog.element-three .style-one .entry-main .entry-header h3.entry-title {
     margin-bottom: 13px;
     padding-bottom: 12px;
     line-height: 0;
     border-bottom: 1px #ededed solid;
}

.blog.element-three .style-one .entry-main .entry-header .entry-title a {
     color: inherit;
}

.blog.element-three .style-one .post-button .ti-angle-right {
     color: #1ed5a4;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
     border-radius: 100%;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}


.blog.element-three .style-one .post-button:hover .ti-angle-right {
     color: #ffffff !important;
}

.blog.element-three .style-one.blog-item {
     margin: 0 15px 0 15px;

}

.blog.element-three .owl-stage-outer {
     padding: 0 0 13px 0;
}

.blog.element-three .style-one .post-meta {
     margin-bottom: 0;
     font-size: 0;
}

.blog.element-three .style-one .post-meta span.author {
     color: #6a7c92;
}

.blog.element-three .style-one .post-meta span {
     font-size: 13px;
     color: #999;
     line-height: 1.8;
     text-decoration: none;
}

/* blog owl-nav-style */
.blog[class*='element-'].owl-nav-style-one .owl-nav {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
     font-size: 0;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav {
     font-size: 0;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
     width: 40px;
     height: 40px;
     background-color: initial;
     border: 1px #08276e solid;
     text-align: center;
}

.blog[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
     margin-left: 7px;
     margin-right: 7px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -20px;
     background-color: rgba(255, 255, 255, 0.95);
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
     left: 15px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     right: 15px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before,
.blog[class*='element-'] .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 30px;
     color: #08276e;
     line-height: 36px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before {
     content: "\f104";
}

.blog[class*='element-'] .owl-nav > .owl-next:before {
     content: "\f105";
}

.blog[class*='element-'] .owl-dots {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots {
     text-align: center;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots {
     text-align: right;
}

.blog[class*='element-'] .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
     margin-left: 5px;
     margin-right: 5px;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
     margin-left: 3px;
     margin-right: 3px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
     display: block;
     width: 12px;
     height: 12px;
     background-color: #08276e;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
     background-color: #fde428;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
     display: block;
     width: 15px;
     height: 3px;
     background-color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
     background-color: #fde428;
}

/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
@media screen and (min-width: 768px) and (max-width: 991px) {

     /* blog element-ten */
     .blog.element-ten:not(.owl-carousel) .blog-item {
          width: 50% !important;
     }
}

/* TABLET PROTRAIT PART */
@media screen and (min-width: 480px) and (max-width: 767px) {

     /* blog element-ten */
     .blog.element-ten:not(.owl-carousel) .blog-item {
          width: 100% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {

     /* blog element-ten */
     .blog.element-ten:not(.owl-carousel) .blog-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {

     /* blog element-ten */
     .blog.element-ten:not(.owl-carousel) .blog-item {
          width: 100% !important;
     }
}

/*============================================================================
Responsive Part
========================================================================== */

@media (min-width: 1281px) {}

@media (min-width: 1025px) and (max-width: 1280px) {}

@media (min-width: 768px) and (max-width: 1024px) {}

@media (max-width: 767px) {}

/* blog owl-nav-style */
.blog[class*='element-'].owl-nav-style-one .owl-nav {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
     font-size: 0;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav {
     font-size: 0;
}

.blog[class*='element-'] .owl-nav > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
     width: 40px;
     height: 40px;
     background-color: initial;
     border: 1px #08276e solid;
     text-align: center;
}

.blog[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
     margin-left: 7px;
     margin-right: 7px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -20px;
     background-color: rgba(255, 255, 255, 0.95);
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
     left: 15px;
}

.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     right: 15px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before,
.blog[class*='element-'] .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 30px;
     color: #08276e;
     line-height: 36px;
}

.blog[class*='element-'] .owl-nav > .owl-prev:before {
     content: "\f104";
}

.blog[class*='element-'] .owl-nav > .owl-next:before {
     content: "\f105";
}

.blog[class*='element-'] .owl-dots {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots {
     text-align: center;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots {
     text-align: right;
}

.blog[class*='element-'] .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
     margin-left: 5px;
     margin-right: 5px;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
     margin-left: 3px;
     margin-right: 3px;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
     display: block;
     width: 10px;
     height: 10px;
     background-color: #a8a8a8;
     ;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
     background-color: #6a30f5;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
     display: block;
     width: 15px;
     height: 3px;
     background-color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
     background-color: #fde428;
}

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

/* RadiantThemes Theme Button CSS */

/* TABLE OF INDEX */

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

/* ==================================
# Main CSS
    ## Hover Style One
    ## Hover Style Two
    ## Hover Style Three
    ## Hover Style Four
    ## Hover Style Five
    ## Hover Style Six
    ## Hover Style Seven
================================== */

/* ==================================
# Main CSS
================================== */

.radiantthemes-button {
     width: 100%;
}

.radiantthemes-button[data-button-direction=left] {
     text-align: left;
}

.radiantthemes-button[data-button-direction=center] {
     text-align: center;
}

.radiantthemes-button[data-button-direction=right] {
     text-align: right;
}

.radiantthemes-button .radiantthemes-button-main {
     position: relative;
     display: inline-block;
     vertical-align: top;
     text-align: center;
     transition: all 0.3s ease-in-out !important;
     -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-button[data-button-fullwidth=true] .radiantthemes-button-main {
     width: 100%;
}

.radiantthemes-button[class*='hover-style-'] .radiantthemes-button-main > .overlay {
     position: absolute;
     z-index: 0;
     content: " ";
}

.radiantthemes-button .radiantthemes-button-main > .placeholder {
     position: relative;
}

.radiantthemes-button .radiantthemes-button-main i {
     transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
     -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-button[data-button-icon-position=left] .radiantthemes-button-main i {
     margin-right: 10px;
}

.radiantthemes-button[data-button-icon-position=right] .radiantthemes-button-main i {
     margin-left: 10px;
}

/* ==================================
## Hover Style One
================================== */

/* ==================================
## Hover Style Two
================================== */

.radiantthemes-button.hover-style-two .radiantthemes-button-main {
     overflow: hidden;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main > .overlay {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 0;
     border-radius: inherit;
     transition: width 0.3s ease-in-out;
     -webkit-transition: width 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-two .radiantthemes-button-main:hover > .overlay {
     width: 100%;
}

/* ==================================
## Hover Style Three
================================== */

.radiantthemes-button.hover-style-three .radiantthemes-button-main > .overlay {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border-radius: inherit;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-button.hover-style-three .radiantthemes-button-main:hover > .overlay {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/* ==================================
## Hover Style Four
================================== */

.radiantthemes-button.hover-style-four .radiantthemes-button-main i {
     opacity: 0;
     visibility: hidden;
}

.radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i {
     opacity: 1;
     visibility: visible;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main i {
     margin-right: -3px;
}

.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main:hover i {
     margin-right: 10px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main i {
     margin-left: -3px;
}

.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main:hover i {
     margin-left: 10px;
}

/* ==================================
## Hover Style Five
================================== */

.radiantthemes-button.hover-style-five .radiantthemes-button-main:hover {
     box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
}

/* ==================================
## Hover Style Six
================================== */

.radiantthemes-button.hover-style-six .radiantthemes-button-main {
     backface-visibility: hidden;
}

.radiantthemes-button.hover-style-six .radiantthemes-button-main:hover {
     animation-name: ButtonHoverSixHorizontalShake;
     animation-duration: 1s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: 1;
}

@keyframes ButtonHoverSixHorizontalShake {
     16.65% {
          transform: translateX(8px);
     }

     33.3% {
          transform: translateX(-6px);
     }

     49.95% {
          transform: translateX(4px);
     }

     66.6% {
          transform: translateX(-2px);
     }

     83.25% {
          transform: translateX(1px);
     }

     100% {
          transform: translateX(0);
     }
}

/* ==================================
## Hover Style Seven
================================== */

.radiantthemes-button.hover-style-seven .radiantthemes-button-main {
     backface-visibility: hidden;
}

.radiantthemes-button.hover-style-seven .radiantthemes-button-main:hover {
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

/* rt-call-to-action-wraper element-one */

.rt-call-to-action-wraper.element-one {
     position: relative;
     overflow: hidden;
     padding-left: 30px;
     padding-right: 30px;
     clear: both;
}

.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
     position: absolute;
     top: 0;
     right: -30px;
     z-index: 0;
     width: calc(50% - 165px);
     height: 100%;
     transform: skew(-15deg);
     -webkit-transform: skew(-15deg);
}

.rt-call-to-action-wraper.element-one .rt-call-to-action {
     max-width: 1140px;
     margin: 0 auto;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
     padding: 40px 0px 40px 0px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h3 {
     margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 {
     margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
     display: block;
     margin-top: 3px;
     font-size: 170%;
     line-height: 120%;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item p {
     margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-one .rt-call-to-action-item .btn {
     margin-bottom: 20px;
     padding: 7px 20px 7px 20px;
     border-radius: 0;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

@media screen and (min-width: 1200px) {
     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          background: none !important;
     }
}

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {
     .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
          width: calc(50% - 60px);
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          background: none !important;
     }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {
     .rt-call-to-action-wraper.element-one {
          padding-left: 15px;
          padding-right: 15px;
     }

     .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
          width: calc(50% - 40px);
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          background: none !important;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }

     .wraper_header > .sticky-header,
     .wraper_header.floating-header > .sticky-header {
          display: block;
     }

     .main-header {
          display: none;
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
          margin-left: -30px;
          margin-right: -30px;
     }

     .wraper_header > .sticky-header,
     .wraper_header.floating-header > .sticky-header {
          display: block;
     }

     .main-header {
          display: none;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
          margin-left: -30px;
          margin-right: -30px;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }

     .wraper_header > .sticky-header,
     .wraper_header.floating-header > .sticky-header {
          display: block;
     }

     .main-header {
          display: none;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
          margin-left: -30px;
          margin-right: -30px;
     }

     .rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }

     .wraper_header > .sticky-header,
     .wraper_header.floating-header > .sticky-header {
          display: block;
     }

     .main-header {
          display: none;
     }
}

/* rt-call-to-action-wraper element-two */

.rt-call-to-action-wraper.element-two {
     position: relative;
     overflow: hidden;
     padding-left: 30px;
     padding-right: 30px;
     clear: both;
}

.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 0;
     width: calc(50% - 400px);
     height: 100%;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action {
     max-width: 1140px;
     margin: 0 auto;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
     padding: 15px 0px 15px 0px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(1) .rt-call-to-action-item {
     margin-right: 20px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
     position: relative;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item:before {
     position: absolute;
     top: 0;
     left: -20px;
     z-index: 0;
     content: " ";
     width: 0;
     height: 100%;
     border-left: 10px rgba(255, 255, 255, 0.2) solid;
     border-right: 10px rgba(255, 255, 255, 0.13) solid;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h3 {
     margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 {
     margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
     display: block;
     margin-top: 3px;
     font-size: 140%;
     line-height: 120%;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item p {
     margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-two .rt-call-to-action-item .btn {
     margin-bottom: 20px;
     padding: 7px 20px 7px 20px;
     border-radius: 0;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

@media screen and (min-width: 992px) and (max-width: 1199px) {
     .rt-call-to-action-wraper.element-two {
          padding-left: 15px;
          padding-right: 15px;
     }
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {
     .rt-call-to-action-wraper.element-two {
          padding-left: 15px;
          padding-right: 15px;
     }

     .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
          width: calc(50% - 200px);
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
          margin-left: -10px;
          margin-right: -30px;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
          margin-left: -10px;
          margin-right: -30px;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
          display: none;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item {
          padding: 30px 20px 30px 20px;
          text-align: center;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
          margin-left: -10px;
          margin-right: -30px;
     }

     .rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }
}

/* rt-call-to-action-wraper element-three */

.rt-call-to-action-wraper.element-three {
     clear: both;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action {
     max-width: 1140px;
     margin: 0 auto;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
     padding: 30px 25px 30px 25px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h3 {
     margin-bottom: 10px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 {
     margin-bottom: 15px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
     display: block;
     margin-top: 3px;
     font-size: 170%;
     line-height: 120%;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item p {
     margin-bottom: 20px;
}

.rt-call-to-action-wraper.element-three .rt-call-to-action-item .btn {
     margin-bottom: 20px;
     padding: 7px 20px 7px 20px;
     border-radius: 30px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
          text-align: center;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
          text-align: center;
     }

     .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .rt-call-to-action-wraper.element-three .rt-call-to-action-item {
          text-align: center;
     }

     .rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
          font-size: 140%;
     }
}

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

/* RadiantThemes Circular Progress Bar CSS */

/* TABLE OF INDEX */

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

/* ==================================
# Main CSS
================================== */

/* ==================================
# Main CSS
================================== */

.radiantthemes-circular-progress-bar {
     text-align: center;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: 190px;
     height: 190px;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div {
     position: absolute;
     width: 190px;
     height: 190px;
     border-radius: 50%;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span {
     position: absolute;
     top: 3px;
     left: 3px;
     width: 184px;
     height: 184px;
     border-radius: 50%;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table > .table-cell {
     position: static;
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .background {
     background-color: #b3cef6;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .rotate,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
     clip: rect(0 95px 190px 0);
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left {
     opacity: 1;
}

.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
     transform: rotate(180deg);
     opacity: 0;
}

/* Progress Bar Element Two*/

.rt-progress-bar.element-two .section-title p {
     margin-left: 0;
     margin-right: 0;
     color: #ffffff;
     opacity: .95;
}

.rt-progress-bar.element-two .skills {
     position: relative;
}

.rt-progress-bar.element-two .skills .skill-item {
     position: relative;
     margin-bottom: 25px;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header {
     position: relative;
     margin-bottom: 10px;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 0;
     color: #fff;
}

.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-percentage {
     position: absolute;
     right: 0;
     top: 1px;
     font-size: 18px;
     font-weight: 600;
     color: #fff;
}

.rt-progress-bar.element-two .skills .skill-item:last-child {
     margin-bottom: 0;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar {
     position: relative;
     width: 100%;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner {
     position: relative;
     width: 100%;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.5);
     -webkit-transition: width 1s ease-in-out;
     -o-transition: width 1s ease-in-out;
     transition: width 1s ease-in-out;
}

.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner .bar {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     background: #9548fd;
     background: -moz-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
     background: -webkit-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
     background: linear-gradient(to right, #9548fd 44%, #5626ff 65%, #5626ff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9548fd', endColorstr='#5626ff', GradientType=1);
     border-radius: 10px;
     -webkit-transition: width 1.5s ease-in-out;
     transition: width 1.5s ease-in-out;
}

/* clients element-one */

.clients.element-one {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.clients.element-one:not(.owl-carousel):after {
     display: block;
     content: " ";
     width: 100%;
     height: 0;
     clear: both;
}

.clients.element-one * {
     margin: 0 auto;
}

.clients.element-one .clients-item {
     padding: 5px 15px 10px 15px;
}

.clients.element-one:not(.owl-carousel) .clients-item {
     float: left;
     margin-bottom: 40px;
}

.clients.element-one .clients-item > .holder {
     text-align: center;
}

.clients.element-one .clients-item > .holder > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.clients.element-one .clients-item > .holder > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.clients.element-one .clients-item > .holder .pic {
     display: inline-block;
     vertical-align: top;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .clients.element-one:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .clients.element-one:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .clients.element-one:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* clients element-two */

.clients.element-two {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.clients.element-two:not(.owl-carousel):after {
     display: block;
     content: " ";
     width: 100%;
     height: 0;
     clear: both;
}

.clients.element-two * {
     margin: 0 auto;
}

.clients.element-two .clients-item {
     padding: 5px 15px 10px 15px;
}

.clients.element-two:not(.owl-carousel) .clients-item {
     float: left;
     margin-bottom: 40px;
}

.clients.element-two .clients-item > .holder {
     text-align: center;
}

.clients.element-two .clients-item > .holder > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.clients.element-two .clients-item > .holder > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.clients.element-two .clients-item > .holder .pic {
     display: inline-block;
     vertical-align: top;
     filter: grayscale(1);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.clients.element-two .clients-item > .holder:hover .pic {
     filter: grayscale(0);
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .clients.element-two:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .clients.element-two:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .clients.element-two:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* clients element-three */

.clients.element-three {
     width: auto;
}

.clients.element-three:not(.owl-carousel):after {
     display: block;
     content: " ";
     width: 100%;
     height: 0;
     clear: both;
}

.clients.element-three * {
     margin: 0 auto;
}

.clients.element-three .clients-item {
     padding: 20px 15px 20px 15px;
     border: 1px #f2f2f2 solid;
}

.clients.element-three:not(.owl-carousel) .clients-item {
     float: left;
}

.clients.element-three .owl-stage > .owl-item .clients-item,
.clients.element-three:not(.owl-carousel) .clients-item {
     background-color: #fafafa;
}

.clients.element-three .owl-stage > .owl-item:nth-child(even) .clients-item,
.clients.element-three:not(.owl-carousel) .clients-item:nth-child(even) {
     background-color: #f4f4f4;
}

.clients.element-three .clients-item > .holder {
     text-align: center;
}

.clients.element-three .clients-item > .holder > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.clients.element-three .clients-item > .holder > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.clients.element-three .clients-item > .holder .pic {
     display: inline-block;
     vertical-align: top;
}

.clients.element-three .clients-item > .holder .pic img {
     opacity: 0.5;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.clients.element-three .clients-item > .holder:hover .pic img {
     opacity: 1;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .clients.element-three:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .clients.element-three:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .clients.element-three:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* clients element-four */

.clients.element-four {
     width: auto;
     border-top: 1px #e4e5e9 solid;
     border-left: 1px #e4e5e9 solid;
}

.clients.element-four:not(.owl-carousel):after {
     display: block;
     content: " ";
     width: 100%;
     height: 0;
     clear: both;
}

.clients.element-four * {
     margin: 0 auto;
}

.clients.element-four .clients-item {
     padding: 20px 15px 20px 15px;
     border-right: 1px #e4e5e9 solid;
     border-bottom: 1px #e4e5e9 solid;
}

.clients.element-four:not(.owl-carousel) .clients-item {
     float: left;
}

.clients.element-four .clients-item > .holder {
     text-align: center;
}

.clients.element-four .clients-item > .holder > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.clients.element-four .clients-item > .holder > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.clients.element-four .clients-item > .holder .pic {
     display: inline-block;
     vertical-align: top;
}

.clients.element-four .clients-item > .holder .pic img {
     opacity: 0.75;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.clients.element-four .clients-item > .holder:hover .pic img {
     opacity: 1;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .clients.element-four:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .clients.element-four:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .clients.element-four:not(.owl-carousel) .clients-item {
          width: 100% !important;
     }
}

/* Clients Nav Style One */

.clients[class*='element-'].owl-nav-style-one .owl-nav {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
     font-size: 0;
}

.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
}

.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before,
.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 20px;
     color: #252525;
     line-height: 1;
}

.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before {
     content: "\f104";
}

.clients[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
     content: "\f105";
}

/* Clients Nav Style Two */

.clients[class*='element-'].owl-nav-style-two .owl-nav {
     font-size: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -20px;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
     opacity: 1;
     visibility: visible;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
     left: 15px;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
     left: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     right: 15px;
}

.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
     right: 0;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 25px;
     color: #252525;
     line-height: 1;
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
     content: "\f104";
}

.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
     content: "\f105";
}

/* Clients Dot Style One */

.clients[class*='element-'] .owl-dots {
     margin-left: 15px;
     margin-right: 15px;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots {
     margin-top: 20px;
     text-align: center;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots {
     text-align: right;
}

.clients[class*='element-'] .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
     margin-left: 5px;
     margin-right: 5px;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
     margin-left: 3px;
     margin-right: 3px;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
     display: block;
     width: 12px;
     height: 12px;
     background-color: #08276e;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
     background-color: #fde428;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
     display: block;
     width: 15px;
     height: 3px;
     background-color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
     background-color: #fde428;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-contact-box element-one */

.radiantthemes-contact-box.element-one ul li {
     position: relative;
     margin-bottom: 12px;
     padding-left: 29px;
}

.radiantthemes-contact-box.element-one ul li:last-child {
     margin-bottom: 0;
}

.radiantthemes-contact-box.element-one ul li i,
.radiantthemes-contact-box.element-one ul li span[class*='ti-'] {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;
     width: 15px;
     text-align: center;
     line-height: inherit;
}

.radiantthemes-contact-box.element-one ul li strong {
     display: block;
     font-weight: 500;
}

.radiantthemes-contact-box.element-one ul li ul {
     margin-top: 12px;
}

.radiantthemes-contact-box.element-one ul li.timings span {
     display: block;
}

/* radiantthemes-contact-box element-two */

.radiantthemes-contact-box.element-two ul li {
     position: relative;
     margin-bottom: 12px;
     padding-left: 28px;
}

.radiantthemes-contact-box.element-two ul li:last-child {
     margin-bottom: 0;
}

.radiantthemes-contact-box.element-two ul li i,
.radiantthemes-contact-box.element-two ul li span[class*='ti-'] {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;
     width: 15px;
     text-align: center;
     line-height: inherit;
}

.radiantthemes-contact-box.element-two ul li ul {
     margin-top: 12px;
}

.radiantthemes-contact-box.element-two ul li.timings span {
     display: block;
}

/* radiant-contact-form element-one */

.radiant-contact-form.element-one .row {
     margin-right: 0;
     margin-left: 0;
}

.radiant-contact-form.element-one .row > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}

.radiant-contact-form.element-one .form-row.last {
     margin: 0;
}

.radiant-contact-form.element-one .form-row.button {
     text-align: left;
}

.radiant-contact-form.element-one .form-row > *:last-child {
     margin-bottom: 0 !important;
}

.radiant-contact-form.element-one .form-row label {
     font-weight: 500;
     font-size: 14px;
     margin-bottom: 10px;
}

.radiant-contact-form.element-one .form-row label span {
     color: #bf0000;
}

.radiant-contact-form.element-one .form-row input[type=text],
.radiant-contact-form.element-one .form-row input[type=email],
.radiant-contact-form.element-one .form-row input[type=url],
.radiant-contact-form.element-one .form-row input[type=tel],
.radiant-contact-form.element-one .form-row input[type=number],
.radiant-contact-form.element-one .form-row input[type=password],
.radiant-contact-form.element-one .form-row input[type=date],
.radiant-contact-form.element-one .form-row input[type=time],
.radiant-contact-form.element-one .form-row input[type=file],
.radiant-contact-form.element-one .form-row select,
.radiant-contact-form.element-one .form-row textarea {
     width: 100%;
     font-size: 14px;
     resize: none;
     appearance: none;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiant-contact-form.element-one .form-row select option {
     color: #252525;
}

.radiant-contact-form.element-one .form-row textarea {
     padding-top: 10px;
     padding-bottom: 10px;
}

.radiant-contact-form.element-one .form-row input[type=radio] {
     display: inline-block;
     vertical-align: top;
     margin-top: 5px;
     margin-right: 3px;
}

.radiant-contact-form.element-one .form-row input[type=checkbox] {
     display: inline-block;
     vertical-align: top;
     margin-top: 7px;
     margin-right: 4px;
}

.radiant-contact-form.element-one .form-row input[type=submit],
.radiant-contact-form.element-one .form-row input[type=button],
.radiant-contact-form.element-one .form-row button[type=submit] {
     box-shadow: initial;
     cursor: pointer;
     opacity: 1 !important;
     visibility: visible !important;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiant-contact-form.element-one .form-row .ajax-loader {
     position: absolute;
     margin-top: 15px;
}

/* wpcf7-not-valid-tip */

span.wpcf7-not-valid-tip {
     width: 100%;
     margin-top: 2px;
     padding: 1px 5px 0px 5px;
     background-color: #f8d7da;
     border: 1px #e4c2c5 solid;
     border-radius: 3px;
     font-weight: 400;
     font-size: 11px;
     color: #c01d2b;
     line-height: 18px;
     opacity: 0.7;
}

.wpcf7-response-output {
     margin-top: 5px !important;
     padding: 8px 12px 8px 12px !important;
     border-width: 1px !important;
     border-style: solid !important;
     border-radius: 3px;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     opacity: 0.9;
}

.wpcf7-response-output.wpcf7-validation-errors {
     background-color: #f8d7da;
     border-color: #e4c2c5;
     color: #c01d2b;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
     background-color: #c5ebd4;
     border-color: #b1dac1;
     color: #01742f;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-countdown element-one */

.rt-countdown.element-one {
     clear: both;
     margin-left: -5px;
     margin-right: -5px;
     border-top: 1px rgba(0, 0, 0, 0.2) solid;
     border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}

.rt-countdown.element-one > .time {
     position: relative;
     display: table-cell;
     width: 1%;
     padding: 20px 5px 23px 5px;
     text-transform: uppercase;
     text-align: center;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
}

.rt-countdown.element-one > .time:before {
     position: absolute;
     top: calc(50% - 55px);
     left: -7px;
     z-index: 0;
     content: ":";
     font-weight: 300;
     font-size: 65px;
     line-height: 1;
}

.rt-countdown.element-one > .time:first-child:before,
.rt-countdown.element-one > .time:only-child:before {
     display: none;
}

.rt-countdown.element-one > .time strong {
     display: block;
     margin-bottom: 7px;
     font-weight: 300;
     font-size: 65px;
     line-height: 1;
}

/* rt-counterup element-one */

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

/* RadiantThemes Custom Button CSS */

/* TABLE OF INDEX */

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

/* ==================================
# Main CSS
    ## Style One
    ## Style Two
    ## Style Three
    ## Hover Style One
    ## Hover Style Two
    ## Hover Style Three
    ## Hover Style Four
    ## Hover Style Five
    ## Hover Style Six
    ## Hover Style Seven
================================== */

/* ==================================
# Main CSS
================================== */

/* ==================================
# Style One
================================== */

.radiantthemes-custom-button.element-one {
     width: 100%;
}

.radiantthemes-custom-button.element-one[data-button-direction=left] {
     text-align: left;
}

.radiantthemes-custom-button.element-one[data-button-direction=center] {
     text-align: center;
}

.radiantthemes-custom-button.element-one[data-button-direction=right] {
     text-align: right;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main {
     position: relative;
     display: inline-block;
     vertical-align: top;
     text-align: center;
     transition: all 0.3s ease-in-out !important;
     -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main > .placeholder {
     position: relative;
}

.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
     transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
     -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-custom-button.element-one[data-button-fullwidth=true] .radiantthemes-custom-button-main {
     width: 100%;
}

.radiantthemes-custom-button.element-one[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
     position: absolute;
     z-index: 0;
     content: " ";
}

.radiantthemes-custom-button.element-one[data-button-icon-position=left] .radiantthemes-custom-button-main i {
     margin-right: 10px;
}

.radiantthemes-custom-button.element-one[data-button-icon-position=right] .radiantthemes-custom-button-main i {
     position: relative;
     top: 2px;
     margin-left: 10px;
}

/* ==================================
# Style Two
================================== */
.radiantthemes-custom-button.element-one.hover-style-two .radiantthemes-custom-button-main:hover {
     background-color: transparent !important;
}

.radiantthemes-custom-button.element-two {
     width: 100%;
}

.radiantthemes-custom-button.element-two[data-button-direction=left] {
     text-align: left;
}

.radiantthemes-custom-button.element-two[data-button-direction=center] {
     text-align: center;
}

.radiantthemes-custom-button.element-two[data-button-direction=right] {
     text-align: right;
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main {
     position: relative;
     display: inline-block;
     vertical-align: top;
     text-align: center;
     transform: skewX(15deg);
     -webkit-transform: skewX(15deg);
     transition: all 0.3s ease-in-out !important;
     -webkit-transition: all 0.3s ease-in-out !important;
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main > .placeholder {
     position: relative;
     transform: skewX(-15deg);
     -webkit-transform: skewX(-15deg);
}

.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i {
     transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
     -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.radiantthemes-custom-button.element-two[data-button-fullwidth=true] .radiantthemes-custom-button-main {
     width: 100%;
}

.radiantthemes-custom-button.element-two[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
     position: absolute;
     z-index: 0;
     content: " ";
}

.radiantthemes-custom-button.element-two[data-button-icon-position=left] .radiantthemes-custom-button-main i {
     margin-right: 10px;
}

.radiantthemes-custom-button.element-two[data-button-icon-position=right] .radiantthemes-custom-button-main i {
     margin-left: 10px;
}

.radiantthemes-custom-button.element-two.hover-style-eight .radiant_btn a {
     position: relative;
     z-index: 999;
     padding-left: 30px;
}

/* ==================================
## Hover Style One
================================== */

/* ==================================
## Hover Style Two
================================== */

.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main {
     overflow: hidden;
}

.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main > .overlay {
     top: 0;
     right: 0;
     bottom: 0;
     width: 0;
     border-radius: inherit;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}


.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover > .overlay {
     width: 100%;
     left: 0;
     right: auto;
}

/* ==================================
## Hover Style Three
================================== */

.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main > .overlay {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border-radius: inherit;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main:hover > .overlay {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/* ==================================
## Hover Style Four
================================== */

.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i {
     opacity: 0;
     visibility: hidden;
}

.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i {
     opacity: 1;
     visibility: visible;
}

.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main i {
     margin-right: -3px;
}

.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main:hover i {
     margin-right: 10px;
}

.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main i {
     margin-left: -3px;
}

.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main:hover i {
     margin-left: 10px;
}

/* ==================================
## Hover Style Five
================================== */

.radiantthemes-custom-button.hover-style-five .radiantthemes-custom-button-main:hover {
     box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
}


/* ==================================
## Hover Style Six
================================== */

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main {
     backface-visibility: hidden;

}

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:before {
     position: absolute;
     bottom: 0;
     right: 0;
     top: 0;
     content: " ";
     width: 0;
     height: 100%;
     background-color: #df0909;
     transition: all 0.4s ease-in-out !important;
     -webkit-transition: all 0.4s ease-in-out !important;
}

.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover:before {
     width: 100%;
     left: 0;
     right: auto;
}

/* ==================================
## Hover Style Seven
================================== */

.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main {
     backface-visibility: hidden;
}

.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main:hover {
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

/* radiantthemes-custom-heading element-one */

.radiantthemes-custom-heading.element-one > .radiantthemes-custom-heading-text > * {
     letter-spacing: inherit;
}

/* radiantthemes-custom-heading element-two */

.radiantthemes-custom-heading.element-two {
     overflow: hidden;
}

.radiantthemes-custom-heading.element-two > .radiantthemes-custom-heading-text > * {
     letter-spacing: inherit;
}

/* radiantthemes-custom-heading element-three */

.radiantthemes-custom-heading.element-three {
     position: relative;
     overflow: hidden;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text {
     opacity: 0;
     visibility: hidden;
     transition: all 0.1s ease-in-out 0.7s;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text > * {
     letter-spacing: inherit;
}

.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     transform: translateX(-100%);
     transition: all 1.2s ease-in-out 0.2s;
}

.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-text {
     opacity: 1;
     visibility: visible;
}

.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-overlay {
     transform: translateX(100%);
}

/* radiantthemes-custom-heading element-four */

.radiantthemes-custom-heading.element-four {
     position: relative;
     overflow: hidden;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text {
     opacity: 0;
     visibility: hidden;
     transition: all 0.1s ease-in-out 0.7s;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text > * {
     letter-spacing: inherit;
}

.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     transform: translateX(100%);
     transition: all 1.2s ease-in-out 0.2s;
}

.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-text {
     opacity: 1;
     visibility: visible;
}

.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-overlay {
     transform: translateX(-100%);
}

/* radiantthemes-dropcaps element-one */

.radiantthemes-dropcaps.element-one > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 5px;
     margin-right: 15px;
     margin-bottom: 10px;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #030712;
     line-height: 50px;
}

/* radiantthemes-dropcaps element-two */

.radiantthemes-dropcaps.element-two > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border-width: 1px;
     border-style: solid;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-three */

.radiantthemes-dropcaps.element-three > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #fff;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-four */

.radiantthemes-dropcaps.element-four > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: transparent;
     border-top-color: #acadb1;
     border-left-color: #acadb1;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #acadb1;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-five */

.radiantthemes-dropcaps.element-five > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: transparent;
     border-right-color: #acadb1;
     border-bottom-color: #acadb1;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #acadb1;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-six */

.radiantthemes-dropcaps.element-six > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border: 1px #acadb1 solid;
     border-radius: 5px;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #474849;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-seven */

.radiantthemes-dropcaps.element-seven > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border-radius: 5px;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #fff;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-eight */

.radiantthemes-dropcaps.element-eight > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     border-radius: 50%;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #fff;
     line-height: 70px;
}

/* radiantthemes-dropcaps element-nine */

.radiantthemes-dropcaps.element-nine > .holder > .radiantthemes-dropcap-letter {
     width: 70px;
     height: 70px;
     float: left;
     margin-top: 7px;
     margin-right: 25px;
     margin-bottom: 10px;
     background-color: #474849;
     border-radius: 50%;
     text-align: center;
     font-weight: 700;
     font-size: 50px;
     color: #fff;
     line-height: 70px;
}

/* rt-fancy-text-box element-one */

.rt-fancy-text-box.element-one .holder {
     background: center center no-repeat;
     background-size: cover;
     position: relative;
     padding: 200px 0 0 0;
     border-radius: 8px;
     float: left;
     margin: 0 0px;
     width: 100%;
}

.rt-fancy-text-box.element-one .holder img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
     transition: all .5s ease-in-out;
}

.rt-fancy-text-box.element-one .main-placeholder {
     padding: 30px 30px 40px 30px;
     position: relative;
     z-index: 9999;
     left: 0;
     right: 0;
     bottom: 0;
     display: block;
     margin: 0 auto -80px auto;
     background: #fff;
     border-radius: 8px;
     width: 88%;
     -webkit-box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
     box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
     transition: all 1s ease-in-out;
}

.rt-fancy-text-box.element-one .main-placeholder:hover {
     transform: scale(1.05);
     transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
     transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
}

.rt-fancy-text-box.element-one .main-placeholder h4.title {
     padding-bottom: 10px;
     margin-bottom: 0;
     font-weight: 500;
     font-size: 25px;
     color: #1A1C26;
     line-height: 32px;
     text-align: center;
     letter-spacing: -0.5px;
}

.rt-fancy-text-box.element-one .main-placeholder p.subtitle {
     font-weight: 400;
     font-size: 16px;
     line-height: 28px;
     text-align: center;
     color: #8C8E92;
     margin-bottom: 0;
}

.rt-fancy-text-box.element-one a.radiant-shape-circle span {
     font-size: 20px;
     padding: 14px;
     color: #1BB967;
     background-color: #ffffff;
     border: 2px solid #1BB967;
     border-radius: 50%;
     width: 52px;
     height: 52px;
     position: absolute;
     bottom: -25px;
     left: 0;
     right: 0;
     margin: 0 auto;
     cursor: pointer;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-fancy-text-box.element-one a.radiant-shape-circle span:hover {
     background-color: #1BB967;
     color: #ffffff !important;
     -webkit-box-shadow: 0 10px 18px 10px rgba(0, 0, 0, 0.06);
     box-shadow: 0 10px 18px 10px rgba(0, 0, 0, 0.06);
}

/*============================================================================
Responsive Part
========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
     .rt-fancy-text-box.element-one .holder {
          padding: 280px 0 0 0;
     }

     .rt-fancy-text-box.element-one .main-placeholder {
          padding: 15px 15px 40px 15px;
     }

     .rt-fancy-text-box.element-one .main-placeholder h4.title {
          font-size: 20px;
     }
}

@media (max-width: 767px) {
     .rt-fancy-text-box.element-one .holder {
          margin-bottom: 140px;
          padding: 280px 0 0 0;
     }
}


/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*=================ELEMENT TWO====================*/
.rt-fancy-text-box.element-two > .holder {
     position: relative;
     overflow: hidden;
     width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     padding: 280px 25px 25px 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-two > .holder:hover {
     border-radius: 4px;
}

.rt-fancy-text-box.element-two > .holder > .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     content: "";
     background-color: rgba(0, 0, 0, 0.3);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-two > .holder:hover > .overlay {
     opacity: 1;
     visibility: visible;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder > h4.title {
     visibility: hidden;
     opacity: 0;
     transform: translateY(25px);
     -webkit-transform: translateY(25px);
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder > h4.title a {
     font-size: 22px;
     line-height: 32px;
     font-weight: 600;
     color: #fff;
     display: inline-block;

}

.rt-fancy-text-box.element-two > .holder > .main-placeholder > p.subtitle {
     visibility: hidden;
     opacity: 0;
     transform: translateY(25px);
     -webkit-transform: translateY(25px);
     transition: all 0.2s ease-in-out 0.4s;
     -webkit-transition: all 0.2s ease-in-out 0.4s;
}

.rt-fancy-text-box.element-two > .holder > .main-placeholder > p.subtitle a {
     font-size: 15px;
     line-height: 28px;
     font-weight: 400;
     color: #fff;
     display: inline-block;

}

.rt-fancy-text-box.element-two > .holder:hover > .main-placeholder > h4.title,
.rt-fancy-text-box.element-two > .holder:hover > .main-placeholder > p.subtitle {
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}




/*=================ELEMENT THREE====================*/
.rt-fancy-text-box.element-three > .holder {
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}


.rt-fancy-text-box.element-three > .holder > .pic {
     text-align: center;
     transform: scale(1) translateY(0);
     position: relative;
     overflow: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-fancy-text-box.element-three > .holder > .pic img {
     width: 100%;
}

.rt-fancy-text-box.element-three > .holder:hover > .pic {
     transform: scale(1.1) translateY(-12px);
}


.rt-fancy-text-box.element-three > .holder > .more {
     text-align: right;
     position: relative;
     top: -20px;
     right: 20px;
}

.rt-fancy-text-box.element-three > .holder > .more > span {
     display: inline-block;
     background-color: #ff4512;
     color: #fff;
     padding: 2px 16px;
     border-radius: 3px;
     font-size: 16px;
     line-height: 30px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder {
     background-color: #ffffff;
     padding: 3px 30px 24px 30px;
     text-align: left;
     text-transform: capitalize;

}

.rt-fancy-text-box.element-three > .holder > .main-placeholder > h4.title {
     font-size: 22px;
     line-height: 32px;
     font-weight: 600;
     color: #262321;
     display: inline-block;
     margin-bottom: 15px;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder > h4.title {
     color: inherit;
}

.rt-fancy-text-box.element-three > .holder > .main-placeholder > p.subtitle {
     font-size: 15px;
     line-height: 28px;
     font-weight: 400;
     color: #51565e;
}

/* rt-flip-box element-one */

.rt-flip-box.element-one > .holder {
     position: relative;
}

.rt-flip-box.element-one > .holder .front,
.rt-flip-box.element-one > .holder .backY {
     width: 100%;
}

.rt-flip-box.element-one > .holder .first-card,
.rt-flip-box.element-one > .holder .second-card {
     position: relative;
     display: flex;
     align-items: center;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
     text-align: center;
}

.rt-flip-box.element-one > .holder > .second-card {
     position: absolute !important;
     top: 0;
}

.rt-flip-box.element-one > .holder .first-card > .first-card-main,
.rt-flip-box.element-one > .holder .second-card > .second-card-main {
     width: 100%;
}

.rt-flip-box.element-one > .holder .first-card img,
.rt-flip-box.element-one > .holder .second-card img {
     margin-bottom: 15px;
}

.rt-flip-box.element-one > .holder .first-card h4,
.rt-flip-box.element-one > .holder .second-card h4 {
     margin-bottom: 12px;
     font-weight: 600;
     font-size: 18px;
     color: #000;
     line-height: 28px;
}

.rt-flip-box.element-one > .holder .second-card h4 {
     color: #fff;
}

.rt-flip-box.element-one > .holder .first-card p,
.rt-flip-box.element-one > .holder .second-card p {
     margin-bottom: 15px;
     font-weight: 400;
     font-size: 15px;
     line-height: 26px;
}

.rt-flip-box.element-one > .holder .second-card p {
     color: #fff;
}

.rt-flip-box.element-one > .holder .second-card .btn {
     margin-bottom: 0;
     padding: 0;
     background-color: initial;
     border: none;
     font-weight: 500;
     font-size: 14px;
     color: #fff;
}

.rt-flip-box.element-one > .holder .second-card .btn i {
     margin-left: 8px;
}

/* rt-highlight-box element-one */

.rt-highlight-box.element-one > .holder {
     margin-right: 0;
     margin-left: 0;
}

.rt-highlight-box.element-one > .holder > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}

.rt-highlight-box.element-one > .holder .pic {
     padding-left: 5px;
     padding-right: 5px;
     overflow: hidden;
     text-align: center;
}

.rt-highlight-box.element-one > .holder .pic > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-highlight-box.element-one > .holder .pic > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: bottom;
}

.rt-highlight-box.element-one > .holder .pic img {
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder:hover .pic img {
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
}

.rt-highlight-box.element-one > .holder .data {
     padding: 22px 25px 25px 25px;
     text-align: left;
}

.rt-highlight-box.element-one > .holder .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-highlight-box.element-one > .holder .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-highlight-box.element-one > .holder .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-highlight-box.element-one > .holder .data h4 {
     margin-bottom: 7px;
     font-weight: 300;
     font-size: 40px;
     color: #fff;
     line-height: 50px;
}

.rt-highlight-box.element-one > .holder .data p {
     margin-bottom: 30px;
     font-weight: 400;
     font-size: 16px;
     color: rgba(0, 0, 0, 0.6);
     line-height: 28px;
}

.rt-highlight-box.element-one > .holder .data .btn {
     margin-bottom: 30px;
     padding: 9px 25px 12px 25px;
     background-color: initial;
     border: 1px #fff solid;
     border-radius: 35px;
     font-weight: 400;
     font-size: 18px;
     color: #fff;
     line-height: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder .data .btn:hover {
     background-color: #fff;
     color: #252525;
}

.rt-highlight-box.element-one > .holder .data .btn:after {
     margin-left: 0px;
     content: "\f105";
     font-family: "FontAwesome";
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-one > .holder .data .btn:hover:after {
     margin-left: 12px;
     opacity: 1;
     visibility: visible;
}

/* rt-highlight-box element-two */

.rt-highlight-box.element-two > .holder {
     position: relative;
     overflow: hidden;
}

.rt-highlight-box.element-two > .holder > .pic {
     position: absolute;
     top: 0;
     left: -20%;
     z-index: 1;
     width: 140%;
     opacity: 0.75;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-highlight-box.element-two > .holder:hover > .pic {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-highlight-box.element-two > .holder > .pic img {
     width: 100%;
}

.rt-highlight-box.element-two > .holder > .data {
     position: relative;
     z-index: 2;
     padding: 55px 25px 60px 25px;
     text-align: center;
}

.rt-highlight-box.element-two > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-highlight-box.element-two > .holder .data h4 {
     margin-bottom: 7px;
     font-weight: 300;
     font-size: 35px;
     color: #fff;
     line-height: 45px;
}

.rt-highlight-box.element-two > .holder .data p {
     margin-bottom: 20px;
     font-weight: 400;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.8);
     line-height: 28px;
}

.rt-highlight-box.element-two > .holder .data .btn {
     margin-bottom: 30px;
     padding: 9px 25px 12px 25px;
     background-color: initial;
     border: 1px #fff solid;
     border-radius: 35px;
     font-weight: 400;
     font-size: 18px;
     color: #fff;
     line-height: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-two > .holder .data .btn:hover {
     background-color: #fff;
     color: #252525;
}

.rt-highlight-box.element-two > .holder .data .btn:after {
     margin-left: 0px;
     content: "\f105";
     font-family: "FontAwesome";
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-two > .holder .data .btn:hover:after {
     margin-left: 12px;
     opacity: 1;
     visibility: visible;
}

/* rt-highlight-box element-three */

.rt-highlight-box.element-three > .holder {
     position: relative;
     overflow: hidden;
}

.rt-highlight-box.element-three > .holder > .pic {
     position: absolute;
     top: -20%;
     left: -30%;
     z-index: 1;
     width: 160%;
     opacity: 0.85;
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-highlight-box.element-three > .holder:hover > .pic {
     transform: translateY(40px);
     -webkit-transform: translateY(40px);
}

.rt-highlight-box.element-three > .holder > .pic img {
     width: 100%;
}

.rt-highlight-box.element-three > .holder > .data {
     position: relative;
     z-index: 2;
     padding: 55px 25px 60px 25px;
     text-align: center;
}

.rt-highlight-box.element-three > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-highlight-box.element-three > .holder .data h4 {
     margin-bottom: 7px;
     font-weight: 300;
     font-size: 35px;
     color: #fff;
     line-height: 45px;
}

.rt-highlight-box.element-three > .holder .data p {
     margin-bottom: 20px;
     font-weight: 400;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.8);
     line-height: 28px;
}

.rt-highlight-box.element-three > .holder .data .btn {
     margin-bottom: 30px;
     padding: 9px 25px 12px 25px;
     background-color: initial;
     border: 1px #fff solid;
     border-radius: 35px;
     font-weight: 400;
     font-size: 18px;
     color: #fff;
     line-height: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-three > .holder .data .btn:hover {
     background-color: #fff;
     color: #252525;
}

.rt-highlight-box.element-three > .holder .data .btn:after {
     margin-left: 0px;
     content: "\f105";
     font-family: "FontAwesome";
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-three > .holder .data .btn:hover:after {
     margin-left: 12px;
     opacity: 1;
     visibility: visible;
}

/* rt-highlight-box element-four */

.rt-highlight-box.element-four > .holder {
     position: relative;
     overflow: hidden;
}

.rt-highlight-box.element-four > .holder > .pic {
     position: absolute;
     top: 0;
     left: -30%;
     z-index: 1;
     width: 160%;
     opacity: 0.85;
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-highlight-box.element-four > .holder:hover > .pic {
     transform: translateX(40px);
     -webkit-transform: translateX(40px);
}

.rt-highlight-box.element-four > .holder > .pic img {
     width: 100%;
}

.rt-highlight-box.element-four > .holder > .data {
     position: relative;
     z-index: 2;
     padding: 55px 25px 60px 25px;
     text-align: center;
}

.rt-highlight-box.element-four > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-highlight-box.element-four > .holder .data h4 {
     margin-bottom: 7px;
     font-weight: 300;
     font-size: 35px;
     color: #fff;
     line-height: 45px;
}

.rt-highlight-box.element-four > .holder .data p {
     margin-bottom: 20px;
     font-weight: 400;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.8);
     line-height: 28px;
}

.rt-highlight-box.element-four > .holder .data .btn {
     margin-bottom: 30px;
     padding: 9px 25px 12px 25px;
     background-color: initial;
     border: 1px #fff solid;
     border-radius: 35px;
     font-weight: 400;
     font-size: 18px;
     color: #fff;
     line-height: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-four > .holder .data .btn:hover {
     background-color: #fff;
     color: #252525;
}

.rt-highlight-box.element-four > .holder .data .btn:after {
     margin-left: 0px;
     content: "\f105";
     font-family: "FontAwesome";
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-highlight-box.element-four > .holder .data .btn:hover:after {
     margin-left: 12px;
     opacity: 1;
     visibility: visible;
}

/* radiantthemes-iconbox element-one */

.radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder {
     display: inline-block;
     vertical-align: top;
}

.radiantthemes-iconbox.element-one[data-border-radius=square] > .radiantthemes-iconbox-holder {
     border-radius: 0;
}

.radiantthemes-iconbox.element-one[data-border-radius=rounded] > .radiantthemes-iconbox-holder {
     border-radius: 5px;
}

.radiantthemes-iconbox.element-one[data-border-radius=circle] > .radiantthemes-iconbox-holder {
     border-radius: 50%;
}

.radiantthemes-iconbox.element-one > .radiantthemes-iconbox-holder > i {
     line-height: 1;
}

/* rt-ihover element-one */

.rt-ihover.element-one > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-one > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .pic img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-ihover.element-one > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(219, 127, 8, 0.7);
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-ihover.element-one > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-one > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-one > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-one > .holder > .data h2 {
     margin-bottom: 20px;
     padding: 10px;
     background-color: rgba(0, 0, 0, 0.8);
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-100px);
     -webkit-transform: translateY(-100px);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data h2 {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.rt-ihover.element-one > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(100px);
     -webkit-transform: translateY(100px);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-one > .holder:hover > .data p {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* rt-ihover element-two */

.rt-ihover.element-two > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-two > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .pic img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-ihover.element-two > .holder > .overlay {
     position: absolute;
     top: -30%;
     right: -30%;
     bottom: -30%;
     left: -30%;
     background-color: rgba(219, 127, 8, 0.7);
     transform: skewX(-40deg) translateX(150%);
     -webkit-transform: skewX(-40deg) translateX(150%);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .overlay {
     transform: skewX(-40deg) translateX(0);
     -webkit-transform: skewX(-40deg) translateX(0);
}

.rt-ihover.element-two > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-ihover.element-two > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-two > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-two > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-two > .holder > .data h2 {
     margin-bottom: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 12px;
     border-bottom: 1px rgba(0, 0, 0, 0.4) solid;
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     transform: translate(100%, -150%);
     -webkit-transform: translate(100%, -150%);
     transition: all 0.6s ease-in-out;
     -webkit-transition: all 0.6s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data h2 {
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
}

.rt-ihover.element-two > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     transform: translate(-100%, 150%);
     -webkit-transform: translate(-100%, 150%);
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-ihover.element-two > .holder:hover > .data p {
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
}

/* rt-ihover element-three */

.rt-ihover.element-three > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-three > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .pic img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-ihover.element-three > .holder > .overlay {
     position: absolute;
     top: -30%;
     right: -30%;
     bottom: -30%;
     left: -30%;
     background-color: rgba(219, 127, 8, 0.7);
     transform: translate(100%, -100%) rotate(90deg);
     -webkit-transform: translate(100%, -100%) rotate(90deg);
     transition: all 0.2s 0.4s ease-in-out;
     -webkit-transition: all 0.2s 0.4s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .overlay {
     transition-delay: 0s;
     -webkit-transition-delay: 0s;
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
}

.rt-ihover.element-three > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-ihover.element-three > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-three > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-three > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-three > .holder > .data h2 {
     margin-bottom: 20px;
     padding: 9px 20px 10px 20px;
     background: rgba(0, 0, 0, 0.7);
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     transform: translateY(-200%);
     -webkit-transform: translateY(-200%);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data h2 {
     transform: translateY(0);
     transition-delay: 0.5s;
     -webkit-transform: translateY(0);
     -webkit-transition-delay: 0.5s;
}

.rt-ihover.element-three > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     transform: translateX(100%) rotate(90deg);
     -webkit-transform: translateX(100%) rotate(90deg);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-three > .holder:hover > .data p {
     transform: translateX(0) rotate(0);
     transition-delay: 0.4s;
     -webkit-transform: translateX(0) rotate(0);
     -webkit-transition-delay: 0.4s;
}

/* rt-ihover element-four */

.rt-ihover.element-four > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-four > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .pic img {
     transform: scale(0);
     -webkit-transform: scale(0);
}

.rt-ihover.element-four > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.8);
     opacity: 0;
     visibility: hidden;
     transform: scale(0) rotate(-180deg);
     -webkit-transform: scale(0) rotate(-180deg);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: scale(1) rotate(0);
     -webkit-transform: scale(1) rotate(0);
     transition-delay: 0.2s;
     -webkit-transition-delay: 0.2s;
}

.rt-ihover.element-four > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-four > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-four > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-four > .holder > .data h2 {
     margin-bottom: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     transform: translateY(-200%);
     -webkit-transform: translateY(-200%);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data h2 {
     transform: translateY(0);
     transition-delay: 0.5s;
     -webkit-transform: translateY(0);
     -webkit-transition-delay: 0.5s;
}

.rt-ihover.element-four > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-ihover.element-four > .holder:hover > .data p {
     opacity: 1;
     visibility: visible;
     transition-delay: 0.5s;
     -webkit-transition-delay: 0.5s;
}

/* rt-ihover element-five */

.rt-ihover.element-five > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-five > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-five > .holder:hover > .pic img {
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
}

.rt-ihover.element-five > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(146, 96, 91, 0.3);
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-ihover.element-five > .holder:hover > .data {
     transform: translateX(0);
     -webkit-transform: translateX(0);
}

.rt-ihover.element-five > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-five > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-five > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-five > .holder > .data h2 {
     margin-bottom: 20px;
     padding: 9px 20px 10px 20px;
     background-color: rgba(255, 255, 255, 0.9);
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-transform: uppercase;
     font-size: 17px;
     color: #010101;
     line-height: 28px;
}

.rt-ihover.element-five > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #010101;
     line-height: 22px;
}

/* rt-ihover element-six */

.rt-ihover.element-six > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-six > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transition: all 0.4s ease-in-out 0.5s;
     -webkit-transition: all 0.4s ease-in-out 0.5s;
}

.rt-ihover.element-six > .holder:hover > .pic img {
     transition-delay: 0s;
     -webkit-transition-delay: 0s;
}

.rt-ihover.element-six > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(146, 96, 91, 0.5);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in 0.4s;
     -webkit-transition: all 0.3s ease-in 0.4s;
}

.rt-ihover.element-six > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transition-delay: 0s;
     -webkit-transition-delay: 0s;
}

.rt-ihover.element-six > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-six > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-six > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-six > .holder > .data h2 {
     margin-bottom: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 12px;
     border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     opacity: 0;
     visibility: hidden;
     transform: scale(10);
     -webkit-transform: scale(10);
     transition: all 0.3s ease-in-out 0.1s;
     -webkit-transition: all 0.3s ease-in-out 0.1s;
}

.rt-ihover.element-six > .holder:hover > .data h2 {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     transition-delay: 0.1s;
     -webkit-transition-delay: 0.1s;
}

.rt-ihover.element-six > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     opacity: 0;
     visibility: hidden;
     transform: scale(10);
     -webkit-transform: scale(10);
     transition: all 0.3s ease-in-out 0.2s;
     -webkit-transition: all 0.3s ease-in-out 0.2s;
}

.rt-ihover.element-six > .holder:hover > .data p {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     transition-delay: 0.2s;
     -webkit-transition-delay: 0.2s;
}

/* rt-ihover element-seven */

.rt-ihover.element-seven > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-seven > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     opacity: 1;
     visibility: visible;
     transition: all 0.5s ease-out;
     -webkit-transition: all 0.5s ease-out;
}

.rt-ihover.element-seven > .holder:hover > .pic img {
     opacity: 0;
     visibility: hidden;
     transform: rotate(720deg) scale(0);
     -webkit-transform: rotate(720deg) scale(0);
}

.rt-ihover.element-seven > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(77, 44, 35, 0.5);
     opacity: 0;
     visibility: hidden;
     transform: rotate(0deg) scale(1);
     -webkit-transform: rotate(0deg) scale(1);
     transform: translateY(-200px) rotate(180deg);
     -webkit-transform: translateY(-200px) rotate(180deg);
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
}

.rt-ihover.element-seven > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: translateY(0px) rotate(0deg);
     -webkit-transform: translateY(0px) rotate(0deg);
     transition-delay: 0.4s;
     -webkit-transition-delay: 0.4s;
}

.rt-ihover.element-seven > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-seven > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-seven > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-seven > .holder > .data h2 {
     margin-bottom: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 12px;
     border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     transform: translateY(-200px);
     -webkit-transform: translateY(-200px);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-seven > .holder:hover > .data h2 {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     transition-delay: 0.7s;
     -webkit-transition-delay: 0.7s;
}

.rt-ihover.element-seven > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     transform: translateY(-200px);
     -webkit-transform: translateY(-200px);
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-ihover.element-seven > .holder:hover > .data p {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     transition-delay: 0.6s;
     -webkit-transition-delay: 0.6s;
}

/* rt-ihover element-eight */

.rt-ihover.element-eight > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-eight > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
}

.rt-ihover.element-eight > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(255, 255, 255, 0.7);
     opacity: 0;
     visibility: hidden;
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transition: all 0.3s ease-out 0.5s;
     -webkit-transition: all 0.3s ease-out 0.5s;
}

.rt-ihover.element-eight > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
     transition-delay: 0s;
     -webkit-transition-delay: 0s;
     animation: bounceY 0.9s linear;
     -webkit-animation: bounceY 0.9s linear;
}

.rt-ihover.element-eight > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-eight > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-eight > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-eight > .holder > .data h2 {
     margin-bottom: 20px;
     padding: 9px 20px 10px 20px;
     background-color: rgba(0, 0, 0, 0.3);
     text-transform: uppercase;
     font-size: 17px;
     color: #fff;
     line-height: 28px;
     transform: translateY(-200%);
     -webkit-transform: translateY(-200%);
     transition: all 0.2s ease-in-out 0.1s;
     -webkit-transition: all 0.2s ease-in-out 0.1s;
}

.rt-ihover.element-eight > .holder:hover > .data h2 {
     transform: translateY(0);
     -webkit-transform: translateY(0);
     transition-delay: 0.4s;
     -webkit-transition-delay: 0.4s;
}

.rt-ihover.element-eight > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #333;
     line-height: 22px;
     transform: translateY(-200%);
     -webkit-transform: translateY(-200%);
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}

.rt-ihover.element-eight > .holder:hover > .data p {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     transition-delay: 0.2s;
     -webkit-transition-delay: 0.2s;
}

@keyframes bounceY {
     0% {
          transform: translateY(-205%);
     }

     40% {
          transform: translateY(-100%);
     }

     65% {
          transform: translateY(-52%);
     }

     82% {
          transform: translateY(-25%);
     }

     92% {
          transform: translateY(-12%);
     }

     55%,
     75%,
     87%,
     97%,
     100% {
          transform: translateY(0%);
     }
}

@-webkit-keyframes bounceY {
     0% {
          transform: translateY(-205%);
     }

     40% {
          transform: translateY(-100%);
     }

     65% {
          transform: translateY(-52%);
     }

     82% {
          transform: translateY(-25%);
     }

     92% {
          transform: translateY(-12%);
     }

     55%,
     75%,
     87%,
     97%,
     100% {
          transform: translateY(0%);
     }
}

/* rt-ihover element-nine */

.rt-ihover.element-nine > .holder {
     position: relative;
     overflow: hidden;
     border: 10px #fff solid;
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     text-align: center;
}

.rt-ihover.element-nine > .holder > .pic img {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-ihover.element-nine > .holder:hover > .pic img {
     opacity: 0;
     visibility: hidden;
     transform: scale(10);
     -webkit-transform: scale(10);
}

.rt-ihover.element-nine > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(77, 44, 35, 0.5);
     opacity: 0;
     visibility: hidden;
     background-color: rgba(255, 231, 179, 0.3);
     -webkit-background-color: rgba(255, 231, 179, 0.3);
     transition: all 0.5s linear;
     -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-ihover.element-nine > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-ihover.element-nine > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-ihover.element-nine > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-ihover.element-nine > .holder > .data h2 {
     margin-bottom: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 12px;
     border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
     text-transform: uppercase;
     font-size: 17px;
     color: #333;
     line-height: 28px;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.5s linear;
     -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data h2 {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

.rt-ihover.element-nine > .holder > .data p {
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 12px;
     color: #333;
     line-height: 22px;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.5s linear;
     -webkit-transition: all 0.5s linear;
}

.rt-ihover.element-nine > .holder:hover > .data p {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/* rt-image-gallery element-one */

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder {
     position: relative;
     display: block;
     overflow: hidden;
     text-align: center;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .light-box-content {
     position: relative;
     z-index: 1;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder:hover > .light-box-content {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .light-box-content > img {
     width: 100%;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .overlay {
     position: absolute;
     right: 0;
     left: 0;
     z-index: 2;
     height: 50%;
     background: linear-gradient(to right, rgba(50, 100, 245, 0.7) 2%, rgba(114, 2, 187, 0.71) 82%);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-in-out 0.2s;
     transition: all 0.4s ease-in-out 0.2s;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .overlay.top-half {
     top: 0;
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .overlay.bottom-half {
     bottom: 0;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder:hover > .overlay {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .content {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     backface-visibility: hidden;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
     -webkit-transition: all 0.4s ease-in-out 0.2s;
     transition: all 0.4s ease-in-out 0.2s;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder:hover > .content {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .content > .content-holder > .icon > span {
     font-size: 80px;
     line-height: 80px;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .content h4 {
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 12px;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .pic-fancybox {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 4;
     width: 100%;
     height: 100%;
}

.rt-image-gallery.element-one > .rt-image-gallery-holder .rt-image-gallery-item > .holder > .pic-fancybox > img {
     opacity: 0;
}

/* rt-image-gallery element-two */

.rt-image-gallery.element-two > .rt-image-gallery-holder>.owl-stage-outer {
    margin-bottom: 14px;
}

.rt-image-gallery.element-two > .rt-image-gallery-holder>.owl-thumbs {
    margin-left: -7px;
    margin-right: -7px;
}

.rt-image-gallery.element-two > .rt-image-gallery-holder>.owl-thumbs>.owl-thumb-item {
    padding-left: 7px;
    padding-right: 7px;
    background-color: initial;
    border: none;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-image-gallery.element-two > .rt-image-gallery-holder>.owl-thumbs>.owl-thumb-item.active {
    opacity: 0.6;
}

/*/* rt-image-gallery element-six */

.radiantthemes.element-six code {
     background: #eee;
     padding: 0 5px;
     font-family: 'Josefin Sans', sans-serif;
}

.radiantthemes.element-six iframe {
     border: 1px solid #ccc;
     width: 80vw;
     height: calc(100vh - 100px);
}

.radiantthemes.element-six .rt_imggrid {
     text-align: center;
     display: block;
}

.radiantthemes.element-six .rt_imggrid .col-md-4 {
     margin: 0;
     padding: 15px;
}

.radiantthemes.element-six .rt_imggrid a {
     display: block;
     position: relative;
     overflow: hidden;
     text-align: center;
}

.radiantthemes.element-six .rt_imggrid a img {
     /*height: 160px;*/
     overflow: hidden;
     width: 100%;
     height: 100%;
     transform: scale(1);
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}

.radiantthemes.element-six .rt_imggrid a:hover img {
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
}

.radiantthemes.element-six .rt_lightpop_overlay {
     position: absolute;
     padding: 0;
     top: 0;
     left: 0;
     right: 0;
     color: #fff;
     height: 100%;
     opacity: 0;
     overflow: hidden;
     content: '';
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}

.radiantthemes.element-six .rt_imggrid a:hover .rt_lightpop_overlay {
     opacity: 1;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     background: rgba(0, 0, 0, 0.4);
}

.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay {
     width: 30px;
     height: 30px;
     line-height: 30px;
     border-radius: 20%;
     text-align: center;
     background: rgba(225, 225, 225, 0.80);
     color: #000;
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     top: 50%;
     transform: translate(0, -50%);
}

.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay:hover {
     background: rgba(225, 225, 225, 1.0);
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}

.radiantthemes.element-six .hidden {
     display: none;
}

.radiantthemes.element-six .grid {
     float: left;
     width: 30%;
     padding: 20px;
     background: #eee;
     margin: 0 20px 20px 0;
}

.radiantthemes.element-six body.fancybox-active {
     overflow: hidden
}

.radiantthemes.element-six body.fancybox-iosfix {
     position: fixed;
     left: 0;
     right: 0
}

.radiantthemes.element-six .fancybox-is-hidden {
     position: absolute;
     top: -9999px;
     left: -9999px;
     visibility: hidden
}

.radiant_fancybox-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99992;
     -webkit-tap-highlight-color: transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     font-family: 'Josefin Sans', sans-serif;
}

.radiant_fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
}

.fancybox-outer {
     overflow-y: auto;
     -webkit-overflow-scrolling: touch
}

.radiant_fancybox-bg {
     background: #000;
     opacity: 0;
     transition-duration: inherit;
     transition-property: opacity;
     transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.radiant_fancybox-is-open .radiant_fancybox-bg {
     opacity: 0.8;
     transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}


.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
     position: absolute;
     direction: ltr;
     z-index: 99997;
     padding: 12px;
     opacity: 0;
     visibility: hidden;
     transition: opacity .25s, visibility 0s linear .25s;
     box-sizing: border-box;
     color: #fff;
     font-size: 13px;
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
     opacity: 1;
     visibility: visible;
     transition: opacity .25s, visibility 0s
}

.fancybox-toolbar {
     top: 0;
     right: 0;
     margin: 0;
     padding: 0
}

.fancybox-stage {
     overflow: visible;
     direction: ltr;
     z-index: 99994;
     -webkit-transform: translateZ(0)
}

.radiant_fancybox-is-open .fancybox-stage {
     overflow: hidden
}

.fancybox-slide {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: auto;
     outline: none;
     white-space: normal;
     box-sizing: border-box;
     text-align: center;
     z-index: 99994;
     -webkit-overflow-scrolling: touch;
     display: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform
}

.fancybox-slide:before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     height: 100%;
     width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
     display: block
}

.fancybox-slide--image {
     overflow: visible
}

.fancybox-slide--image:before {
     display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
     background: #000;
     padding: 0
}

.fancybox-slide video {
     vertical-align: top
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
     background: #e5e3df
}

.fancybox-slide--next {
     z-index: 99995
}

.fancybox-slide > * {
     display: inline-block;
     position: relative;
     padding: 24px;
     margin: 44px 0;
     border-width: 0;
     vertical-align: middle;
     text-align: left;
     background-color: #fff;
     overflow: auto;
     box-sizing: border-box
}

.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
     display: none
}

.fancybox-slide .fancybox-image-wrap {
     position: absolute;
     top: 0;
     left: 0;
     margin: 0;
     padding: 0;
     border: 0;
     z-index: 99995;
     background: transparent;
     cursor: default;
     overflow: visible;
     -webkit-transform-origin: top left;
     transform-origin: top left;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
     cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
     cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
     cursor: -webkit-grab;
     cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
     cursor: -webkit-grabbing;
     cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     border: 0;
     max-width: none;
     max-height: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
}

.fancybox-spaceball {
     z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
     padding: 0;
     width: 80%;
     height: 80%;
     max-width: calc(100% - 100px);
     max-height: calc(100% - 88px);
     background: #fff
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--video .fancybox-content {
     overflow: visible
}

.fancybox-button {
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
     width: 44px;
     height: 44px;
     margin: 0;
     padding: 10px;
     border: 0;
     border-radius: 0;
     background: rgba(30, 30, 30, .6);
     transition: color .3s ease;
     cursor: pointer;
     outline: none
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
     color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
     color: #fff
}

.fancybox-button[disabled] {
     color: #ccc;
     cursor: default;
     opacity: .6
}

.fancybox-button svg {
     display: block;
     position: relative;
     overflow: visible;
     shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
     fill: currentColor;
     stroke: currentColor;
     stroke-linejoin: round;
     stroke-width: 1;
}

.fancybox-button--share svg path {
     stroke-width: 1;
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
     display: none
}

.fancybox-button--zoom svg path {
     fill: transparent
}

.fancybox-navigation {
     display: none
}

.fancybox-show-nav .fancybox-navigation {
     display: block
}

.fancybox-navigation button {
     position: absolute;
     top: 50%;
     margin: -50px 0 0;
     z-index: 99997;
     background: transparent;
     width: 60px;
     height: 100px;
     padding: 17px
}

.fancybox-navigation button:before {
     content: "";
     position: absolute;
     top: 30px;
     right: 10px;
     width: 40px;
     height: 40px;
     background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button div {
     padding: 20px !important;
}

.fancybox-navigation button::before {
     right: 16px !important;
}

.fancybox-navigation .fancybox-button {
     width: 40px important;
}

.fancybox-navigation .fancybox-button--arrow_left {
     left: 0;
     padding: 0px !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
     right: 0;
     padding: 0px !important;
}

.fancybox-close-small {
     position: absolute;
     top: 0;
     right: 0;
     width: 40px;
     height: 40px;
     padding: 5px;
     margin: 0;
     border: 0;
     border-radius: 0;
     background: transparent;
     z-index: 10;
     cursor: pointer;
     color: #777
}

.fancybox-close-small svg {
     fill: transparent;
     stroke: currentColor;
     stroke-width: 2;
     border-radius: 50%
}

.fancybox-close-small:focus {
     outline: none
}

.fancybox-close-small:focus svg {
     outline: 1px dotted #888
}

.fancybox-close-small:hover svg {
     color: #333;
     background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
     top: 0;
     right: -40px;
     color: #ccc;
     padding: 0
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
     color: #fff;
     background: transparent
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
     display: none
}

.fancybox-caption-wrap {
     bottom: 0;
     left: 0;
     right: 0;
     padding: 60px 2vw 0;
     background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
     pointer-events: none
}

.fancybox-caption {
     padding: 30px 0;
     border-top: 1px solid hsla(0, 0%, 100%, .4);
     font-size: 14px;
     color: #fff;
     line-height: 20px;
     -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
     pointer-events: all;
     position: relative
}

.fancybox-caption a {
     color: #fff;
     text-decoration: underline
}

.fancybox-slide > .fancybox-loading {
     border: 6px solid hsla(0, 0%, 39%, .4);
     border-top: 6px solid hsla(0, 0%, 100%, .6);
     border-radius: 100%;
     height: 50px;
     width: 50px;
     -webkit-animation: a .8s infinite linear;
     animation: a .8s infinite linear;
     background: transparent;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -30px;
     margin-left: -30px;
     z-index: 99999
}

@-webkit-keyframes a {
     0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
     }

     to {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
     }
}

@keyframes a {
     0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
     }

     to {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
     }
}

.fancybox-animated {
     transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
     opacity: 0;
     transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
     opacity: 0;
     transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
     opacity: 1;
     transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
     opacity: 0;
     transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
     opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
     opacity: 0;
     transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
     opacity: 0;
     transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
     opacity: 1;
     transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
     opacity: 0;
     transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
     opacity: 0;
     transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
     opacity: 1;
     transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
     opacity: 0;
     transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
     opacity: 0;
     transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
     opacity: 1;
     transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
     transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
     transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
     transform: translateZ(0) scale(1)
}

.fancybox-share {
     padding: 30px;
     border-radius: 3px;
     background: #f4f4f4;
     max-width: 90%;
     text-align: center
}

.fancybox-share h1 {
     color: #222;
     margin: 0 0 20px;
     font-size: 35px;
     font-weight: 700
}

.fancybox-share p {
     margin: 0;
     padding: 0
}

p.fancybox-share__links {
     margin-right: -10px
}

.fancybox-share__button {
     display: inline-block;
     text-decoration: none;
     margin: 0 10px 10px 0;
     padding: 0 15px;
     min-width: 130px;
     border: 0;
     border-radius: 3px;
     background: #fff;
     white-space: nowrap;
     font-size: 14px;
     font-weight: 700;
     line-height: 40px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     color: #fff;
     transition: all .2s
}

.fancybox-share__button:hover {
     text-decoration: none
}

.fancybox-share__button--fb {
     background: #3b5998
}

.fancybox-share__button--fb:hover {
     background: #344e86
}

.fancybox-share__button--pt {
     background: #bd081d
}

.fancybox-share__button--pt:hover {
     background: #aa0719
}

.fancybox-share__button--tw {
     background: #1da1f2
}

.fancybox-share__button--tw:hover {
     background: #0d95e8
}

.fancybox-share__button svg {
     position: relative;
     top: -1px;
     width: 25px;
     height: 25px;
     margin-right: 7px;
     vertical-align: middle
}

.fancybox-share__button svg path {
     fill: #fff
}

.fancybox-share__input {
     box-sizing: border-box;
     width: 100%;
     margin: 10px 0 0;
     padding: 10px 15px;
     background: transparent;
     color: #5d5b5b;
     font-size: 14px;
     outline: none;
     border: 0;
     border-radius: 0;
     border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
     display: none;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     width: 212px;
     margin: 0;
     padding: 2px 2px 4px;
     background: #fff;
     -webkit-tap-highlight-color: transparent;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     box-sizing: border-box;
     z-index: 99995
}

.fancybox-thumbs-x {
     overflow-y: hidden;
     overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
     display: block;
     overflow: hidden;
}

.fancybox-show-thumbs .fancybox-inner {
     right: 212px
}

.fancybox-thumbs > ul {
     list-style: none;
     position: absolute;
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow-x: hidden;
     overflow-y: hidden;
     font-size: 0;
     white-space: nowrap
}

.fancybox-thumbs-x > ul {
     overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
     width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 10px;
     box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 10px
}

.fancybox-thumbs > ul > li {
     float: left;
     overflow: hidden;
     border-radius: 4px;
     padding: 0;
     margin: 2px;
     width: 90px;
     height: 75px;
     max-width: calc(50% - 4px);
     /*max-height: calc(100% - 8px);*/
     object-fit: cover;
     position: relative;
     cursor: pointer;
     outline: none;
     -webkit-tap-highlight-color: transparent;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     box-sizing: border-box;
     border: 2px solid #fff;
     transition: border-color .25s ease;
}

li.fancybox-thumbs-loading {
     background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs > ul > li > img {
     position: absolute;
     top: 0;
     left: 0;
     max-width: none;
     max-height: none;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
}

.fancybox-thumbs > ul > li:hover {
     border: 2px solid #a90707;
}

.fancybox-thumbs > ul > li:before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 99991;
     opacity: 0;
     transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active {
     opacity: 1;
     border: 2px solid #a90707;
}

/*.fancybox-image-wrap img.fancybox-image {
    transition: all 1s cubic-bezier(0.5, 0, 0.3, 1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition-duration: 2s, 2s;
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease;
}*/

.fancybox-slide--current .fancybox-image-wrap img {
     transform: scale(1.5);
}

@media (max-width:800px) {
     .fancybox-thumbs {
          top: auto;
          width: auto;
          bottom: 0;
          left: 0;
          right: 0;
          height: 95px;
          padding: 10px 10px 5px 10px;
          box-sizing: border-box;
          background: rgba(0, 0, 0, 0.3);
     }

     .fancybox-show-thumbs .fancybox-inner {
          right: 0;
          bottom: 95px;
     }
}

@media all and (min-width: 800px) {
     .fancybox-thumbs {
          top: auto;
          width: auto;
          bottom: 0;
          left: 0;
          right: 0;
          height: 95px;
          padding: 10px 10px 5px 10px;
          box-sizing: border-box;
          background: rgba(0, 0, 0, 0.3);
     }

     .fancybox-show-thumbs .fancybox-inner {
          right: 0;
          bottom: 95px;
     }
}

.fancybox-thumbs__list a {
     border: 2px solid #fff !important;
     border-radius: 5px !important;
}

a.fancybox-thumbs-active {
     border: 2px solid #a21717 !important;
     border-radius: 5px !important;
}

.fancybox-thumbs__list a:before {
     border: none !important;
}

.fancybox-thumbs__list {
     margin: 0 auto !important;
}

/*.fancybox-content img.fancybox-image {
    transition: all 1s cubic-bezier(0.5, 0, 0.3, 1) !important;
    transform: scale(1) !important;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
    transition-duration: 2s, 2s !important;
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease !important;
}*/

.fancybox-slide--current .fancybox-content img {
     transform: scale(1.05) !important;
}





/* rt-image-slider element-one */

.rt-image-slider.element-one {
     position: relative;
}

.rt-image-slider.element-one .rt-image-slider-item {
     text-align: center;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((102 / 100) * 100%);
     background-color: #000;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-image-slider.element-one .rt-image-slider-item > .holder:hover > .pic {
     opacity: 0.7;
     transform: scale(1.12);
     -webkit-transform: scale(1.12);
}

.rt-image-slider.element-one .owl-nav {
     display: none;
}

.rt-image-slider.element-one > .owl-dots {
     display: none;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-list element-one */

.radiantthemes-list.element-one ul li {
     position: relative;
     margin-bottom: 10px;
     padding-left: 20px;
}


.radiantthemes-list.element-one ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f105";
     font-family: 'FontAwesome';
     color: #9d9fad;
}

.radiantthemes-list.element-one ul li a {
     font-size: 16px;
}

.radiantthemes-list.element-one ul li ul,
.radiantthemes-list.element-one ul li ol {
     margin-top: 12px;
}

.radiantthemes-list.element-one ol li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-one ol li ul,
.radiantthemes-list.element-one ol li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-two */

.radiantthemes-list.element-two ul > li,
.radiantthemes-list.element-two ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-two ul > li {
     position: relative;
     padding-left: 20px;
}

.radiantthemes-list.element-two ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f101";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-two > ul > li ul,
.radiantthemes-list.element-two > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-three */

.radiantthemes-list.element-three ul > li,
.radiantthemes-list.element-three ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-three ul > li {
     position: relative;
     padding-left: 25px;
}

.radiantthemes-list.element-three ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f0a9";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-three > ul > li ul,
.radiantthemes-list.element-three > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-four */

.radiantthemes-list.element-four ul > li,
.radiantthemes-list.element-four ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-four ul > li {
     position: relative;
     padding-left: 18px;
}

.radiantthemes-list.element-four ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f0da";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-four > ul > li ul,
.radiantthemes-list.element-four > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-five */

.radiantthemes-list.element-five ul > li,
.radiantthemes-list.element-five ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-five ul > li {
     position: relative;
     padding-left: 25px;
}

.radiantthemes-list.element-five ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f05d";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-five > ul > li ul,
.radiantthemes-list.element-five > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-six */

.radiantthemes-list.element-six ul > li,
.radiantthemes-list.element-six ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-six ul > li {
     position: relative;
     padding-left: 25px;
}

.radiantthemes-list.element-six ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f058";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-six > ul > li ul,
.radiantthemes-list.element-six > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-seven */

.radiantthemes-list.element-seven ul > li,
.radiantthemes-list.element-seven ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-seven ul > li {
     position: relative;
     padding-left: 18px;
}

.radiantthemes-list.element-seven ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f111";
     font-family: 'FontAwesome';
     font-size: 55%;
}

.radiantthemes-list.element-seven > ul > li ul,
.radiantthemes-list.element-seven > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-eight */

.radiantthemes-list.element-eight ul > li,
.radiantthemes-list.element-eight ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-eight ul > li {
     position: relative;
     padding-left: 20px;
}

.radiantthemes-list.element-eight ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f0c8";
     font-family: 'FontAwesome';
     font-size: 60%;
}

.radiantthemes-list.element-eight > ul > li ul,
.radiantthemes-list.element-eight > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-nine */

.radiantthemes-list.element-nine ul > li,
.radiantthemes-list.element-nine ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-nine ul > li {
     position: relative;
     padding-left: 25px;
}

.radiantthemes-list.element-nine ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f005";
     font-family: 'FontAwesome';
}

.radiantthemes-list.element-nine > ul > li ul,
.radiantthemes-list.element-nine > ul > li ol {
     margin-top: 12px;
}

/* radiantthemes-list element-ten */

.radiantthemes-list.element-ten ul > li,
.radiantthemes-list.element-ten ol > li {
     margin-bottom: 10px;
}

.radiantthemes-list.element-ten ul > li {
     position: relative;
     padding-left: 25px;
}

.radiantthemes-list.element-ten ul li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f178";
     font-family: 'FontAwesome';
     font-size: 80%;
}

.radiantthemes-list.element-ten > ul > li ul,
.radiantthemes-list.element-ten > ul > li ol {
     margin-top: 12px;
}

/* rt-masonry-gallery element-one */

.rt-masonry-gallery.element-one .rt-masonry-gallery-item {
     margin-bottom: 30px;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic {
     display: block;
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .pic {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic img {
     width: 100%;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     padding: 25px;
     background-color: rgba(227, 15, 95, 0.8);
     opacity: 0;
     visibility: hidden;
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: bottom;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data h5 {
     margin-bottom: 12px;
     font-weight: 400;
     font-size: 30px;
     color: #fff;
     line-height: 40px;
}

.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .data p {
     margin-bottom: 20px;
     font-weight: 400;
     font-size: 16px;
     color: #fff;
     line-height: 28px;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-custom-menu element-one */

.radiantthemes-custom-menu.element-one {
     text-align: left;
}

.radiantthemes-custom-menu.element-one ul.menu li {
     position: relative;
     padding-left: 22px;
     margin-bottom: 12px;
     font-size: 15px;
     line-height: 28px;
}

.radiantthemes-custom-menu.element-one ul.menu li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f111";
     font-family: 'FontAwesome';
     font-size: 9px;
}

.radiantthemes-custom-menu.element-one ul.menu li a {
     color: inherit;
}

.radiantthemes-custom-menu.element-one ul.menu li ul {
     margin-top: 12px;
}

/* radiantthemes-custom-menu element-two */

.radiantthemes-custom-menu.element-two {
     text-align: left;
}

.radiantthemes-custom-menu.element-two ul.menu li {
     margin-bottom: 3px;
}

.radiantthemes-custom-menu.element-two ul.menu li a {
     display: block;
     background-color: #eeeeef;
     padding: 14px 24px 14px 24px;
     font-size: 16px;
     color: #141515;
     line-height: 28px;
     border-left: 4px transparent solid;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-two ul.menu li:hover a,
.radiantthemes-custom-menu.element-two ul.menu li.current-menu-item a {
     background-color: #e1e1e5;
}

.radiantthemes-custom-menu.element-two ul.menu li ul {
     margin-left: 15px;
}

/* radiantthemes-custom-menu element-three */

.radiantthemes-custom-menu.element-three {
     text-align: left;
}

.radiantthemes-custom-menu.element-three ul.menu li {
     position: relative;
     padding-left: 18px;
     margin-bottom: 12px;
     font-size: 15px;
     line-height: 28px;
}

.radiantthemes-custom-menu.element-three ul.menu li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f105";
     font-family: 'FontAwesome';
}

.radiantthemes-custom-menu.element-three ul.menu li a {
     color: inherit;
}

.radiantthemes-custom-menu.element-three ul.menu li ul {
     margin-top: 12px;
}

/* radiantthemes-custom-menu element-four */

.radiantthemes-custom-menu.element-four {
     text-align: center;
}

.radiantthemes-custom-menu.element-four ul.menu li {
     display: inline-block;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 20px;
     margin-bottom: 12px;
     font-size: 15px;
     line-height: 28px;
}

.radiantthemes-custom-menu.element-four ul.menu li a {
     color: inherit;
}

/* radiantthemes-custom-menu element-five */

.radiantthemes-custom-menu.element-five {
     text-align: left;
}

.radiantthemes-custom-menu.element-five ul.menu li a {
     position: relative;
     display: block;
     padding: 14px 24px 14px 24px;
     background-color: #0e204c;
     border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
     font-size: 16px;
     color: #fff;
     line-height: 28px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-five ul.menu li a:before {
     position: absolute;
     top: 13px;
     bottom: 13px;
     left: 0;
     z-index: 1;
     content: " ";
     width: 3px;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-custom-menu.element-five ul.menu li:last-child a,
.radiantthemes-custom-menu.element-five ul.menu li:only-child a {
     border-bottom: none;
}

.radiantthemes-custom-menu.element-five ul.menu li:hover a:before,
.radiantthemes-custom-menu.element-five ul.menu li.current-menu-item a:before {
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.radiantthemes-custom-menu.element-five ul.menu li ul {
     margin-left: 15px;
}

/* rt-popup-video element-one */

.rt-popup-video.element-one[data-popup-video-align=left] > .holder {
     text-align: left;
}

.rt-popup-video.element-one[data-popup-video-align=center] > .holder {
     text-align: center;
}

.rt-popup-video.element-one[data-popup-video-align=right] > .holder {
     text-align: right;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-box element-one */

.rt-portfolio-box.element-one {
     margin-right: 0;
     margin-left: 0;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     text-align: left;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
     width: 20%;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
     width: 40%;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((106 / 100) * 100%);
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
     width: 80%;
     padding: 20px 24px 20px 24px;
     background-color: #fff;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 500;
     font-size: 17px;
     color: #1f1e1e;
     line-height: 26px;
     letter-spacing: -0.5px;
     transform: translateX(-120%);
     -webkit-transform: translateX(-120%);
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 15px;
     font-weight: 400;
     font-size: 12px;
     color: #8a8a8a;
     line-height: 22px;
     letter-spacing: 0;
     transform: translateX(-120%);
     -webkit-transform: translateX(-120%);
     transition: all 0.3s ease-in-out 0.6s;
     -webkit-transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     background-color: transparent;
     border: 1px rgba(0, 0, 0, 0.75) solid;
     border-radius: 50%;
     text-align: center;
     font-size: 11px;
     color: #000;
     line-height: 31px;
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
}

.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .categories {
     transform: translateX(0);
     -webkit-transform: translateX(0);
}

/* rt-portfolio-box element-two */

.rt-portfolio-box.element-two {
     margin-right: -5px;
     margin-left: -5px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item {
     margin-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     text-align: left;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic {
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     padding: 23px 25px 23px 25px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: bottom;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 2px;
     font-weight: 500;
     font-size: 17px;
     color: #fff;
     line-height: 26px;
     letter-spacing: -0.5px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 12px;
     color: #fff;
     line-height: 25px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     background-color: transparent;
     border: 1px rgba(255, 255, 255, 0.75) solid;
     border-radius: 50%;
     text-align: center;
     font-size: 11px;
     color: #fff;
     line-height: 31px;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic {
     transform: scale(1.17);
     -webkit-transform: scale(1.17);
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .overlay {
     opacity: 0.75;
     visibility: visible;
}

.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data .categories {
     opacity: 1;
     visibility: visible;
}

/* rt-portfolio-box element-three */

.rt-portfolio-box.element-three {
     margin-right: 0;
     margin-left: 0;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     text-align: left;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((90 / 100) * 100%);
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTc3LjU5MiwwSDIwLjEwNUM5LDAsMCw5LDAsMjAuMTA1djE1Ni44MTdjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjQwLjIwOSAgICAgaDEzNy4zODJjMTEuMTA0LDAsMjAuMTA1LTksMjAuMTA1LTIwLjEwNUMxOTcuNjk2LDksMTg4LjY5NiwwLDE3Ny41OTIsMHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTE3Ni45MjEsNDcxLjEySDQwLjIwOVYzMzQuNDA4YzAtMTEuMTA0LTktMjAuMTA1LTIwLjEwNS0yMC4xMDVDOSwzMTQuMzA0LDAsMzIzLjMwNCwwLDMzNC40MDh2MTU2LjgxNyAgICAgYzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1UzE4OC4wMjYsNDcxLjEyLDE3Ni45MjEsNDcxLjEyeiIgZmlsbD0iIzA5MDkwOSIvPgoJCQk8cGF0aCBkPSJNNDkxLjIyNSwzMTQuMzA0Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1djEzNy4zODJIMzM0LjQwOGMtMTEuMTA0LDAtMjAuMTA1LDktMjAuMTA1LDIwLjEwNSAgICAgczksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOC45OTQsMjAuMTA1LTIwLjEwNVYzMzQuNDA4QzUxMS4zMywzMjMuMzA0LDUwMi4zMywzMTQuMzA0LDQ5MS4yMjUsMzE0LjMwNHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTQ5MS44OTUsMEgzMzQuNDA4Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1YzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTM3LjM4MnYxMzcuMzgyICAgICBjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMTEsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjIwLjEwNUM1MTIsOSw1MDMsMCw0OTEuODk1LDB6IiBmaWxsPSIjMDkwOTA5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
     background-size: 24px auto;
     background-position: center center;
     background-repeat: no-repeat;
     opacity: 0;
     visibility: hidden;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     padding: 25px 30px 25px 30px;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 2px;
     font-weight: 400;
     font-size: 13px;
     line-height: 25px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateX(-20px);
     -webkit-transform: translateX(-20px);
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 7px;
     font-weight: 500;
     font-size: 18px;
     color: #090909;
     line-height: 28px;
     letter-spacing: -0.5px;
     opacity: 0;
     visibility: hidden;
     transform: translateX(-20px);
     -webkit-transform: translateX(-20px);
     transition: all 0.2s ease-in-out 0.5s;
     -webkit-transition: all 0.2s ease-in-out 0.5s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 3;
     padding: 20px;
     text-align: right;
     font-size: 0;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     background-color: transparent;
     border: 1px rgba(0, 0, 0, 0.7) solid;
     border-radius: 50%;
     opacity: 0;
     visibility: hidden;
     transform: translateX(30px);
     -webkit-transform: translateX(30px);
     transition: all 0.4s ease-in-out 0s;
     -webkit-transition: all 0.4s ease-in-out 0s;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #1e1666;
     line-height: 32px;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .pic {
     transform: scale(1.3);
     -webkit-transform: scale(1.3);
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .title,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .title {
     opacity: 1;
     visibility: visible;
     transform: translateX(0);
     -webkit-transform: translateX(0);
}

.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom {
     opacity: 1;
     visibility: visible;
     transform: translateX(0);
     -webkit-transform: translateX(0);
}

/* rt-portfolio-box element-four */

.rt-portfolio-box.element-four {
     margin-right: -15px;
     margin-left: -15px;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
}


.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9;
     padding: 27px 35px 27px 35px;
     text-align: center;
}


.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 6px;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 15px;
     color: #fff;
     line-height: 26px;
     letter-spacing: 0;
     opacity: 0;
     transform: translateY(40px);
     transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 700;
     font-size: 28px;
     color: #fff;
     line-height: 35px;
     letter-spacing: -0.3px;
     opacity: 0;
     transform: translateY(40px);
     transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
}


.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
     background-color: rgba(0, 0, 0, 0.4);
     width: 40px;
     height: 40px;
     text-align: center;
     border-radius: 50%;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     margin: 0 8px 0 0;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
     transition: transform 0.3s ease-in;

}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
     transition: transform 0.3s ease-in 0.2s;
     margin: 0;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover {
     background-color: rgba(0, 0, 0, 1);
}



.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
     display: block;
     text-align: center;
     font-size: 15px;
     color: #fff;
     line-height: 40px;
}


.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .overlay {
     opacity: 0.9;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .title {
     opacity: 1;
     transform: translateY(0);
     transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .categories {
     opacity: 1;
     transform: translateY(0);
     transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}

.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-zoom {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/*.rt-portfolio-box.element-four #portfolio-element-four-62 {
    animation-delay: 0.2s;
}

.rt-portfolio-box.element-four #portfolio-element-four-63 {
    animation-delay: 0.4s;
}
.rt-portfolio-box.element-four #portfolio-element-four-64 {
    animation-delay: 0.6s;
}
*/

/* rt-portfolio-box element-five */

.rt-portfolio-box.element-five {
     margin-right: -15px;
     margin-left: -15px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     padding: 20px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 500;
     font-size: 18px;
     color: #fff;
     line-height: 26px;
     letter-spacing: -0.5px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-12px);
     -webkit-transform: translateY(-12px);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #fff;
     line-height: 22px;
     letter-spacing: 0px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(12px);
     -webkit-transform: translateY(12px);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons {
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     -webkit-transform: translateY(20px);
     transition: all 0.6s ease-in-out 0.4s;
     -webkit-transition: all 0.6s ease-in-out 0.4s;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 7px;
     margin-right: 7px;
     background-color: transparent;
     border: 1px rgba(255, 255, 255, 0.7) solid;
     border-radius: 50%;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 35px;
     height: 35px;
     text-align: center;
     font-size: 15px;
     color: #fff;
     line-height: 35px;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-six */

.rt-portfolio-box.element-six {
     margin-right: 0;
     margin-left: 0;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item:nth-child(4n) {
     margin-bottom: 1px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((90 / 100) * 100%);
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-color: rgba(255, 255, 255, 0.2);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     padding: 20px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 600;
     font-size: 18px;
     color: #fff;
     line-height: 28px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transition: all 0.6s ease-in-out;
     -webkit-transition: all 0.6s ease-in-out;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 1px;
     font-weight: 400;
     font-size: 12px;
     line-height: 22px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transition: all 0.6s ease-in-out;
     -webkit-transition: all 0.6s ease-in-out;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     bottom: 30px;
     left: 15px;
     right: 15px;
     z-index: 3;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     -webkit-transform: translateY(20px);
     transition: all 0.6s ease-in-out 0.6s;
     -webkit-transition: all 0.6s ease-in-out 0.6s;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     margin-right: 10px;
     background-color: #fff;
     border-radius: 50%;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 45px;
     height: 45px;
     text-align: center;
     font-size: 15px;
     color: #222;
     line-height: 45px;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .overlay {
     top: 20px;
     right: 20px;
     bottom: 20px;
     left: 20px;
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .data .title {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-seven */

.rt-portfolio-box.element-seven {
     margin-right: 0;
     margin-left: 0;
     background-color: #fff;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item {
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 30px;
     text-align: center;
}


.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((90 / 100) * 100%);
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     padding: 22px 25px 25px 25px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data hr {
     max-width: 30px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 15px;
     border-top-width: 1px;
     border-top-color: #000;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 5px;
     font-weight: 500;
     font-size: 17px;
     color: #000;
     line-height: 26px;
     letter-spacing: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 1px;
     font-weight: 400;
     font-size: 13px;
     color: #000;
     line-height: 22px;
     letter-spacing: 0;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     bottom: 25px;
     left: 25px;
     right: 25px;
     z-index: 2;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-right: 15px;
     background-color: transparent;
     border: 1px rgba(255, 255, 255, 0.7) solid;
     border-radius: 50%;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 40px;
     height: 40px;
     text-align: center;
     font-size: 14px;
     color: #fff;
     line-height: 40px;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .overlay {
     opacity: 0.92;
     visibility: visible;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-eight */

.rt-portfolio-box.element-eight {
     margin-right: 0;
     margin-left: 0;
}


.rt-portfolio-box.element-eight .rt-portfolio-box-item {
     margin-bottom: 0;
     padding: 0;
     text-align: left;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((88 / 100) * 100%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transform: scale(1) translateY(0);
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover .pic {
     transform: scale(1.1) translateY(-12px);
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 3;
     overflow: hidden;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder {
     position: relative;
     overflow: hidden;
     padding: 27px 0 27px 40px;
     transition: all 0.3s ease;
     background-color: transparent !important;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .overlay {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     left: 0;
     transform: translateY(-100%);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover .data > .overlay {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}


.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title {
     margin-bottom: 1px;
     font-weight: 500;
     font-size: 17px;
     color: #151515;
     line-height: 28px;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .data > .holder .title,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .data > .holder .categories,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-zoom > i {
     color: #ffffff;

}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title a {
     color: inherit;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #8a8a8a;
     line-height: 26px;
     letter-spacing: 0;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
     display: none;
}


.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     top: 35px;
     right: 35px;
     z-index: 4;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.4s ease-in-out 0.4s;
     -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     background-color: transparent;
     border: 1px #ffffff solid;
     border-radius: 50%;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom {
     border: 1px #ffffff solid;
}


.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #ffffff;
     line-height: 32px;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}



/*.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .data > .holder {
    transform: translateY(0);
}*/

.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/* rt-portfolio-box element-nine */

.rt-portfolio-box.element-nine {
     margin-right: -5px;
     margin-left: -5px;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item {
     margin-bottom: 40px;
     padding-left: 20px;
     padding-right: 20px;
     text-align: left;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((150 / 100) * 100%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     padding: 25px;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
     background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
     background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
     opacity: 0;
     visibility: hidden;
     transform: translateY(100%);
     transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     padding: 22px 25px 22px 25px;
     background-color: rgba(0, 0, 0, 0.25);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 3px;
     font-weight: 400;
     font-size: 13px;
     color: #fff;
     line-height: 26px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);
     transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 5px;
     font-weight: 500;
     font-size: 18px;
     color: #fff;
     line-height: 26px;
     letter-spacing: -0.5px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);
     transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 4;
     padding: 20px;
     text-align: right;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 5px;
     margin-right: 5px;
     background-color: transparent;
     border: 1px rgba(255, 255, 255, 0.7) solid;
     border-radius: 50%;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #fff;
     line-height: 32px;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .pic {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .overlay {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .title {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

/* rt-portfolio-box element-ten */

.rt-portfolio-box.element-ten {
     margin-right: 0;
     margin-left: 0;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((100 / 100) * 100%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 25px;
     right: 25px;
     max-width: calc(100% - 50px);
     z-index: 3;
     overflow: hidden;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder {
     padding: 17px 22px 20px 22px;
     transform: translateY(110%);
     transition: all 0.3s ease;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories {
     margin-bottom: 3px;
     font-weight: 500;
     font-size: 14px;
     color: #8a8a8a;
     line-height: 26px;
     letter-spacing: 0;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title {
     margin-bottom: 1px;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 21px;
     color: #151515;
     line-height: 28px;
     letter-spacing: -0.3px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title a {
     color: inherit;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     top: 25px;
     right: 25px;
     z-index: 4;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.4s ease-in-out 0.4s;
     -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px rgba(255, 255, 255, 0.7) solid;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #fff;
     line-height: 32px;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data {
     animation: PortfolioTenBounce 900ms ease 0s normal;
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder {
     transform: translateY(0);
}

.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

@keyframes PortfolioTenBounce {
     0% {
          transform: translateY(0);
     }

     50% {
          transform: translateY(-30px);
     }

     100% {
          transform: translateY(0);
     }
}

/* rt-portfolio-box element-eleven */

.rt-portfolio-box.element-eleven {
     margin-right: -15px;
     margin-left: -15px;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     padding: 27px 30px 30px 30px;
     opacity: 0;
     visibility: hidden;
     background-color: rgba(0, 0, 0, 0.65);
     transition: all 0.3s ease-in-out 0s;
     -webkit-transition: all 0.3s ease-in-out 0s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 11px;
     font-weight: 500;
     font-size: 20px;
     color: #fff;
     line-height: 28px;
     letter-spacing: -0.5px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 15px;
     font-weight: 400;
     font-size: 12px;
     color: #fff;
     line-height: 22px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .excerpt {
     margin-bottom: 20px;
     color: #fff;
     line-height: 26px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.6s;
     -webkit-transition: all 0.3s ease-in-out 0.6s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .btn {
     display: inline-block;
     vertical-align: top;
     width: 40px;
     height: 40px;
     margin-right: 10px;
     background-color: #f94338;
     border: none;
     border-radius: 50%;
     text-align: center;
     font-size: 21px;
     color: #fff;
     line-height: 43px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.9s;
     -webkit-transition: all 0.3s ease-in-out 0.9s;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .excerpt,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .btn {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* rt-portfolio-box element-twelve */

.rt-portfolio-box.element-twelve {
     margin-right: 0;
     margin-left: 0;
}


.rt-portfolio-box.element-twelve .rt-portfolio-box-item {
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .pic img {
     width: 100%;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     overflow: hidden;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder {
     padding: 17px 20px 18px 20px;
     transform: translateY(110%);
     transition: all 0.3s ease;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .title {
     margin-bottom: 1px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .title a {
     color: inherit;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #8a8a8a;
     line-height: 26px;
     letter-spacing: 0;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     top: 25px;
     right: 25px;
     z-index: 4;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.4s ease-in-out 0.4s;
     -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     background-color: #fff;
     border: none;
     border-radius: 50%;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #1e1666;
     line-height: 32px;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.10);
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder:hover > .data {
     animation: PortfolioTwelveBounce 900ms ease 0s normal;
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder:hover > .data > .holder {
     transform: translateY(0);
}

.rt-portfolio-box.element-twelve .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

@keyframes PortfolioTwelveBounce {
     0% {
          transform: translateY(0);
     }

     50% {
          transform: translateY(-30px);
     }

     100% {
          transform: translateY(0);
     }
}

/* rt-portfolio-box element-thirteen */

.rt-portfolio-box.element-thirteen {
     margin-right: 0;
     margin-left: 0;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     text-align: left;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .pic img {
     width: 100%;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data {
     position: absolute;
     bottom: 20px;
     left: 20px;
     z-index: 3;
     overflow: hidden;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder {
     padding: 17px 20px 18px 20px;
     transform: translateY(110%);
     transition: all 0.3s ease;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .title {
     margin-bottom: 1px;
     font-weight: 500;
     font-size: 17px;
     color: #151515;
     line-height: 28px;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .title a {
     color: inherit;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #8a8a8a;
     line-height: 26px;
     letter-spacing: 0;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
     content: "/";
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
     display: none;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .action-buttons {
     position: absolute;
     top: 25px;
     right: 25px;
     z-index: 4;
     font-size: 0;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.4s ease-in-out 0.4s;
     -webkit-transition: all 0.4s ease-in-out 0.4s;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     background-color: #ffffff;
     border: none;
     border-radius: 50%;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 12px;
     color: #1e1666;
     line-height: 32px;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder:hover {
     box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder:hover > .data {
     animation: PortfolioThirteenBounce 900ms ease 0s normal;
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder:hover > .data > .holder {
     transform: translateY(0);
}

.rt-portfolio-box.element-thirteen .rt-portfolio-box-item > .holder:hover > .action-buttons {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

@keyframes PortfolioThirteenBounce {
     0% {
          transform: translateY(0);
     }

     50% {
          transform: translateY(-30px);
     }

     100% {
          transform: translateY(0);
     }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

     /* rt-portfolio-box element-one */
     .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
          width: 50%;
     }

     .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
          width: 100%;
     }
}

/* TABLET PROTRAIT PART */

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

     /* rt-portfolio-box element-one */
     .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
          width: 50%;
     }

     .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
          width: 100%;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* rt-portfolio-box element-one */
     .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
     .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
          width: 100%;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* rt-portfolio-box element-one */
     .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
     .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
          width: 100%;
     }
}

/*Portfolio Element Fourteen*/
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item {
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic {
     position: relative;
     overflow: hidden;
     transform: scale(1) translateY(0);
     -webkit-transform: scale(1) translateY(0);
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .pic {
     transform: scale(1.06) translateY(-12px);
     -webkit-transform: scale(1.06) translateY(-12px);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic > a > img {
     width: 100%;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data {
     position: relative;
     z-index: 1;
     padding: 20px;
     margin: 0 30px;
     background-color: #ffffff;
     border-radius: 4px;
     transform: translateY(-50px);
     -webkit-transform: translateY(-50px);
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .data {
     transform: translateY(-80px);
     -webkit-transform: translateY(-80px);
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 500;
     font-size: 18px;
     color: #000000;
     line-height: 26px;
     letter-spacing: -0.5px;
     transition: all 0.4s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     position: relative;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 13px;
     color: #000000;
     line-height: 22px;
     letter-spacing: 0px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* rt-portfolio-box element-fifteen */

.rt-portfolio-box.element-fifteen {
     margin-right: -15px;
     margin-left: -15px;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item {
     margin-bottom: 25px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data {
     text-align: center;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data > *:last-child {
     margin-bottom: 0 !important;
}



.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title {
     margin-bottom: 3px;
     font-weight: 700;
     font-size: 28px;
     color: #000;
     line-height: 35px;
     letter-spacing: -0.3px;
     transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
     background-color: rgba(0, 0, 0, 0.4);
     width: 40px;
     height: 40px;
     text-align: center;
     border-radius: 50%;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     margin: 0 8px 0 0;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
     transition: transform 0.3s ease-in;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
     transition: transform 0.3s ease-in 0.2s;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover {
     background-color: rgba(0, 0, 0, 1);
}



.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
     display: block;
     text-align: center;
     font-size: 15px;
     color: #fff;
     line-height: 40px;
}


.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .overlay {
     opacity: 0.9;
}

.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-zoom {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
}

/* rt-portfolio-box element-sixteen */

.rt-portfolio-box.element-sixteen {
     margin-right: -15px;
     margin-left: -15px;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item {
     margin-bottom: 25px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
}


.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic {
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     -webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic img {
     width: 100%;

}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item:hover > .holder > .pic {
     transform: scale(0.95);
     -webkit-transform: scale(0.95);
}


.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title {
     margin-bottom: 1px;
     font-weight: 500;
     font-size: 17px;
     line-height: 28px;
     transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title a {
     color: inherit;
}

.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > .categories {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 14px;
     color: #828282;
     line-height: 26px;
     letter-spacing: 0;
}




/* rt-portfolio-box-filter */

.rt-portfolio-box-filter[class*='filter-style-'] {
     font-size: 0;
}

.rt-portfolio-box-filter.filter-style-one {
     margin-bottom: 30px;
}

.rt-portfolio-box-filter.filter-style-two {
     margin-bottom: 40px;
}

.rt-portfolio-box-filter.filter-style-three {
     margin-bottom: 40px;
}

.rt-portfolio-box-filter.filter-style-four {
     margin-bottom: 70px;
     padding-top: 13px;
     padding-bottom: 16px;
     border-top: 1px #cbc8cd solid;
     border-bottom: 1px #cbc8cd solid;
}

.rt-portfolio-box-filter.filter-style-five {
     margin-bottom: 20px;
}

.rt-portfolio-box-filter.filter-style-six {
     margin-bottom: 30px;
     border-top: 1px #cdced2 solid;
     border-bottom: 1px #cdced2 solid;
}

.rt-portfolio-box-filter.filter-style-seven {
     margin-bottom: 35px;
}

/* Filter Style One */

.rt-portfolio-box-filter.filter-style-one > button {
     display: inline-block;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 20px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     color: #4e4e4e;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-one > button.current-menu-item {}

/* Filter Style Two */

.rt-portfolio-box-filter.filter-style-two > button {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 20px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 15px;
     color: #9d9d9d;
     line-height: 20px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-two > button span {
     display: block;
     padding: 8px 20px 8px 20px;
}

.rt-portfolio-box-filter.filter-style-two > button:before {
     content: "";
     width: 0;
     height: 2px;
     position: absolute;
     transition: all 0.2s linear;
     background: #000;
     left: 0;
     top: -2px;
     transition-duration: 0.4s;
}

.rt-portfolio-box-filter.filter-style-two > button:after {
     content: "";
     width: 0;
     height: 2px;
     position: absolute;
     transition: all 0.2s linear;
     background: #000;
     right: 0;
     bottom: -2px;
     transition-duration: 0.4s;
}

.rt-portfolio-box-filter.filter-style-two > button:hover:before,
.rt-portfolio-box-filter.filter-style-two > button:hover:after {
     width: 100%;
}

.rt-portfolio-box-filter.filter-style-two > button span:before {
     content: "";
     width: 2px;
     height: 0;
     position: absolute;
     transition: all 0.2s linear;
     background: #000;
     left: 0;
     top: 0;
     transition-duration: 0.4s;
}

.rt-portfolio-box-filter.filter-style-two > button span:after {
     content: "";
     width: 2px;
     height: 0;
     position: absolute;
     transition: all 0.2s linear;
     background: #000;
     right: 0;
     bottom: 0;
     transition-duration: 0.4s;
}

.rt-portfolio-box-filter.filter-style-two > button:hover span:before,
.rt-portfolio-box-filter.filter-style-two > button:hover span:after {
     height: 100%;
}

.rt-portfolio-box-filter.filter-style-two > button.current-menu-item:before,
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item:after {
     width: 100%;
}

.rt-portfolio-box-filter.filter-style-two > button.current-menu-item span:before,
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item span:after {
     height: 100%;
}

/* Filter Style Three */

.rt-portfolio-box-filter.filter-style-three > button {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 5px;
     margin-right: 5px;
     padding: 6px 15px 8px 15px;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     color: #4e4e4e;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-three > button.current-menu-item {}

.rt-portfolio-box-filter.filter-style-three > button:before {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     content: " ";
     background-color: #fff;
     border: 1px #ccc solid;
     border-radius: 3px;
     opacity: 0;
     visibility: hidden;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-three > button.current-menu-item:before {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-portfolio-box-filter[class*='filter-style-'] > button > span {
     position: relative;
}

/* Filter Style Four */

.rt-portfolio-box-filter.filter-style-four > button {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin-left: 15px;
     margin-right: 15px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 16px;
     color: #25182b;
     line-height: 28px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-four > button.current-menu-item {}

.rt-portfolio-box-filter[class*='filter-style-'] > button > span {
     position: relative;
}

/* Filter Style Five */

.rt-portfolio-box-filter.filter-style-five > button {
     display: inline-block;
     vertical-align: top;
     margin-left: 10px;
     margin-right: 10px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 13px;
     color: #8890b2;
     line-height: 26px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-five > button:first-child {
     margin-left: 0;
}

.rt-portfolio-box-filter.filter-style-five > button:last-child {
     float: right;
     margin-right: 0;
}

.rt-portfolio-box-filter.filter-style-five > button:only-child {
     margin-left: 0;
     margin-right: 0;
}

.rt-portfolio-box-filter.filter-style-five > button.current-menu-item {
     color: #001a57;
}

/* Filter Style Six */

.rt-portfolio-box-filter.filter-style-six > button {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding: 9px 18px 11px 18px;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 15px;
     color: #001040;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-six > button.current-menu-item {
     color: #085876;
}

.rt-portfolio-box-filter.filter-style-six > button:before {
     position: absolute;
     bottom: -3px;
     left: 50%;
     z-index: 0;
     content: " ";
     width: 30px;
     height: 5px;
     margin-left: -15px;
     background-color: #0f91a0;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-six > button.current-menu-item:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

/* Filter Style Seven */

.rt-portfolio-box-filter.filter-style-seven > button {
     position: relative;
     display: inline-block;
     vertical-align: top;
     padding: 12px 20px 10px 20px;
     background-color: initial;
     border: none;
     border-top: 5px #d9d9da solid;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     color: #171c30;
     line-height: 26px;
     letter-spacing: 1px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-seven > button.current-menu-item {}

.rt-portfolio-box-filter.filter-style-seven > button:before {
     position: absolute;
     top: -5px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 5px;
     background-color: #f5b315;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-box-filter.filter-style-seven > button.current-menu-item:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

/* LARGE DESKTOP PART */
@media screen and (min-width:1200px) {}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px) {}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px) {}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px) {}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px) {

     /* rt-portfolio-box-filter */

     .rt-portfolio-box-filter.filter-style-one > button,
     .rt-portfolio-box-filter.filter-style-two > button,
     .rt-portfolio-box-filter.filter-style-three > button,
     .rt-portfolio-box-filter.filter-style-five > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }

}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px) {

     /* rt-portfolio-box-filter */

     .rt-portfolio-box-filter.filter-style-one > button,
     .rt-portfolio-box-filter.filter-style-two > button,
     .rt-portfolio-box-filter.filter-style-three > button,
     .rt-portfolio-box-filter.filter-style-five > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }

}




/* rt-portfolio-slider element-one */

.rt-portfolio-slider.element-one {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder {
     position: relative;
     padding-top: calc((109 / 100) * 100%);
     overflow: hidden;
     text-align: inherit;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 2;
     padding: 15px;
     background-color: rgba(19, 19, 19, 0.8);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 10px;
     padding: 8px 22px 7px 22px;
     background-color: #000;
     border-radius: 5px;
     font-weight: 500;
     font-size: 16px;
     color: #fff;
     line-height: 22px;
     letter-spacing: 0;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     -webkit-transform: translateY(20px);
     transition: all 0.7s ease-in-out;
     -webkit-transition: all 0.7s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 a {
     color: inherit;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p {
     margin-bottom: 5px;
     font-weight: 400;
     font-size: 14px;
     color: #fff;
     line-height: 18px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     -webkit-transform: translateY(20px);
     transition: all 1.2s ease-in-out;
     -webkit-transition: all 1.2s ease-in-out;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:after {
     content: ",";
     margin-right: 3px;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:last-child:after,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:only-child:after {
     display: none;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     width: auto;
     height: auto;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .pic {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data h4,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data p {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

/* owl-nav */

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     z-index: 1;
     font-size: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev {
     left: -20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev {
     left: 20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
     right: -20px;
}

.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next {
     right: 20px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 30px;
     color: #fff;
     line-height: 36px;
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before {
     content: "\f104";
}

.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
     content: "\f105";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-slider element-two */

.rt-portfolio-slider.element-two {
     width: auto;
     margin-left: -15px;
     margin-right: -15px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item {
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic {
     position: relative;
     overflow: hidden;
     margin-bottom: 25px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay {
     position: absolute;
     top: -10px;
     right: -10px;
     bottom: -10px;
     left: -10px;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay {
     transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 {
     margin-bottom: 10px;
     font-weight: 600;
     font-size: 20px;
     color: #030712;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4 {
     color: #1d4fce;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a {
     color: inherit;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p {
     margin-bottom: 4px;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 13px;
     color: #030712;
     line-height: 22px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after {
     content: ",";
     margin-right: 3px;
}

.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after,
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after {
     display: none;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
     position: absolute;
     top: calc(50% - 53px);
     z-index: 1;
     font-size: 0;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next {
     transform: scale(1);
     -webkit-transform: scale(1);
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev {
     left: 30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
     right: 30px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 50px;
     background-color: rgba(0, 0, 0, 0.7);
     border-radius: 50%;
     text-align: center;
     font-family: "FontAwesome";
     font-size: 20px;
     color: #fff;
     line-height: 50px;
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before {
     content: "\f177";
}

.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
     content: "\f178";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-portfolio-slider element-three */

.rt-portfolio-slider.element-three {
     width: auto;
     margin-left: -15px;
     margin-right: -15px;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item {
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic {
     position: relative;
     overflow: hidden;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img {
     width: 100%;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center center no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     width: auto;
     height: auto;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     z-index: 1;
     font-size: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev {
     left: -20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev {
     left: 20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
     right: -20px;
}

.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next {
     right: 20px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 30px;
     color: #fff;
     line-height: 36px;
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before {
     content: "\f104";
}

.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
     content: "\f105";
}

/* rt-pricing-table element-one */

.rt-pricing-table.element-one > .holder {
     position: relative;
     padding: 40px 25px 45px 25px;
     background-color: #fff;
     border-radius: 6px;
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.10);
     border: none;
     text-align: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .heading {
     margin-bottom: 30px;
}

.rt-pricing-table.element-one > .holder > .heading > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .heading .title {
     margin-bottom: 10px;
     font-weight: 500;
     font-size: 20px;
     color: #222;
     line-height: 27px;
     letter-spacing: -0.5px;
}

.rt-pricing-table.element-one > .holder > .heading .subtitle {
     max-width: 195px;
     margin: 0 auto 10px auto;
     font-weight: 400;
     font-size: 14px;
     line-height: 27px;
}

.rt-pricing-table.element-one > .holder > .pricing {
     position: relative;
     margin-bottom: 26px;
}

.rt-pricing-table.element-one > .holder > .pricing > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .pricing .price {
     margin-bottom: 30px;
     font-weight: 300;
     font-size: 80px;
     line-height: 0.75;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .pricing .price sup {
     display: inline-block;
     vertical-align: top;
     margin-top: 11px;
     margin-right: 8px;
     font-weight: 400;
     font-size: 24px;
     color: #7d789a;
     line-height: 1;
}

.rt-pricing-table.element-one > .holder > .pricing .pricing-tag {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 22px;
     padding: 5px 17px 5px 17px;
     background-color: #d9d4f0;
     border-radius: 35px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 11px;
     color: #252525;
     line-height: 25px;
}

.rt-pricing-table.element-one > .holder > .pricing .tagline {
     margin-bottom: 10px;
}

.rt-pricing-table.element-one > .holder > .list {
     margin-bottom: 35px;
}

.rt-pricing-table.element-one > .holder > .list > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .list ul {
     max-width: 195px;
     margin: 0 auto;
}

.rt-pricing-table.element-one > .holder > .list ul li {
     padding-bottom: 12px;
     margin-bottom: 12px;
     border-bottom: 1px #f3f3f3 solid;
}

.rt-pricing-table.element-one > .holder > .list ul li:last-child,
.rt-pricing-table.element-one > .holder > .list ul li:only-child {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: none;
}

.rt-pricing-table.element-one > .holder > .more > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-one > .holder > .more .btn {
     margin-bottom: 15px;
     padding: 12px 37px 13px 37px;
     border-width: 1px;
     border-style: solid;
     border-radius: 35px;
     background-color: #000000;
     color: #fff;
     font-weight: 600;
     font-size: 14px;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-one > .holder > .more .btn:hover {
     color: #fff;
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
     box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}

.rt-pricing-table.element-one.spotlight > .holder {
     padding: 60px 30px 70px 30px;
     top: -20px;
     z-index: 1;
     position: relative;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}

.rt-pricing-table.element-one.spotlight > .holder > .pricing .pricing-tag {
     color: #fff;
}

.rt-pricing-table.element-one.spotlight > .holder > .more .btn {
     color: #fff;
}

/* rt-pricing-table element-two */

.rt-pricing-table.element-two {
     padding-top: 20px;
}

.rt-pricing-table.element-two > .holder {
     position: relative;
     padding: 30px 30px 35px 30px;
     background-color: #fff;
     border: none;
     border-radius: 3px;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
     text-align: left;
}

.rt-pricing-table.element-two > .holder > .spotlight-tag {
     display: none;
     position: absolute;
     right: -10px;
     top: 15px;
}

.rt-pricing-table.element-two > .holder > .spotlight-tag > .spotlight-tag-text {
     position: relative;
     display: block;
     margin: 0;
     padding: 3px 20px 4px 20px;
     border-radius: 3px 0px 0px 3px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 12px;
     color: #000000;
     line-height: 25px;
     letter-spacing: 1px;
}

.rt-pricing-table.element-two > .holder > .spotlight-tag > .spotlight-tag-text:after {
     position: absolute;
     top: 100%;
     right: 0;
     content: " ";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 0;
     border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}

.rt-pricing-table.element-two > .holder > .heading {
     margin-bottom: 25px;
}

.rt-pricing-table.element-two > .holder > .heading > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .heading .title {
     margin-bottom: 10px;
     font-weight: 700;
     font-size: 19px;
     color: #1e1e1e;
     line-height: 30px;
}

.rt-pricing-table.element-two > .holder > .heading .subtitle {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 13px;
     line-height: 26px;
}

.rt-pricing-table.element-two > .holder > .pricing {
     margin-bottom: 24px;
}

.rt-pricing-table.element-two > .holder > .pricing > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .pricing .price {
     margin-bottom: 25px;
     font-weight: 700;
     font-size: 65px;
     color: #2b2944;
     line-height: 0.75;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-two > .holder > .pricing .price sup {
     display: inline-block;
     vertical-align: top;
     margin-top: 11px;
     margin-right: 8px;
     font-weight: 400;
     font-size: 24px;
     line-height: 1;
}

.rt-pricing-table.element-two > .holder > .pricing .price sub {
     display: inline-block;
     vertical-align: bottom;
     margin-bottom: 5px;
     margin-left: 2px;
     font-weight: 400;
     font-size: 20px;
     line-height: 1;
}

.rt-pricing-table.element-two > .holder > .pricing .tagline {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 13px;
     line-height: 26px;
}

.rt-pricing-table.element-two > .holder > .list {
     margin-bottom: 35px;
     font-size: 15px;
     color: #2b2944;
     line-height: 26px;
}

.rt-pricing-table.element-two > .holder > .list > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .list ul li {
     margin-bottom: 11px;
}

.rt-pricing-table.element-two > .holder > .list ul li:last-child,
.rt-pricing-table.element-two > .holder > .list ul li:only-child {
     margin-bottom: 0;
}

.rt-pricing-table.element-two > .holder > .more > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-two > .holder > .more .btn {
     margin-bottom: 15px;
     padding: 11px 37px 13px 37px;
     border-radius: 4px;
     font-weight: 400;
     font-size: 14px;
     line-height: 25px;
     background-color: #000000;
     color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-two > .holder > .more .btn:hover {
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
     box-shadow: 0px 0px 30px rgba(5, 6, 6, 0.1);
}

.rt-pricing-table.element-two.spotlight {
     padding-top: 0;
}

.rt-pricing-table.element-two.spotlight > .holder {
     padding: 60px 30px 70px 30px;
     top: -12px;
     z-index: 1;
     position: relative;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}

.rt-pricing-table.element-two.spotlight > .holder > .spotlight-tag {
     background-color: #e9490c;
     display: block;
}

.rt-pricing-table.element-two.spotlight > .holder > .more .btn {
     color: #ffffff;
}

/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px) {
     .rt-pricing-table.element-two > .holder > .more .btn {
          padding: 12px 20px
     }

     .rt-pricing-table.element-two.spotlight > .holder {
          padding: 60px 20px 70px 20px;
     }

     .rt-pricing-table.element-two > .holder {
          padding: 30px 20px 35px 20px;
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px) {
     .rt-pricing-table.element-two > .holder > .more .btn {
          padding: 12px 20px
     }

     .rt-pricing-table.element-two.spotlight > .holder {
          padding: 60px 20px 70px 20px;
     }

     .rt-pricing-table.element-two > .holder {
          padding: 30px 20px 35px 20px;
     }
}


/* rt-pricing-table element-three */

.rt-pricing-table.element-three > .holder {
     position: relative;
     padding: 46px 25px 50px 25px;
     background-color: #fff;
     border-radius: 4px;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
     text-align: center;
     overflow: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-pricing-table.element-three > .holder .hightlight-tag {
     position: absolute;
     top: 15px;
     right: -30px;
     z-index: 1;
     padding: 3px 50px 4px 70px;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 15px;
     color: #fff;
     line-height: 26px;
     transform: rotate(30deg);
     -webkit-transform: rotate(30deg);
}

.rt-pricing-table.element-three > .holder > .icon {
     margin-bottom: 30px;
}

.rt-pricing-table.element-three > .holder > .heading {
     margin-bottom: 30px;
}

.rt-pricing-table.element-three > .holder > .heading > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .heading .title {
     margin-bottom: 10px;
     font-weight: 600;
     font-size: 22px;
     color: #030712;
     line-height: 32px;
     letter-spacing: -0.5px;
}

.rt-pricing-table.element-three > .holder > .heading .subtitle {
     max-width: 220px;
     margin: 0 auto 10px auto;
     font-weight: 400;
     font-size: 15px;
     line-height: 26px;
}

.rt-pricing-table.element-three > .holder > .list {
     margin-bottom: 35px;
}

.rt-pricing-table.element-three > .holder > .list > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .list ul {
     max-width: 195px;
     margin: 0 auto;
}

.rt-pricing-table.element-three > .holder > .list ul li {
     margin-bottom: 14px;
     padding-bottom: 15px;
     border-bottom: 1px #f3f3f3 solid;
     text-transform: uppercase;
     font-size: 13px;
     line-height: 26px;
}

.rt-pricing-table.element-three > .holder > .list ul li:last-child,
.rt-pricing-table.element-three > .holder > .list ul li:only-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: none;
}

.rt-pricing-table.element-three > .holder > .pricing {
     position: relative;
     margin-bottom: 35px;
}

.rt-pricing-table.element-three > .holder > .pricing > *:last-child {
     margin-bottom: 0 !important;
}

.rt-pricing-table.element-three > .holder > .pricing .price {
     margin-bottom: 30px;
     font-weight: 300;
     font-size: 75px;
     line-height: 0.75;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-three > .holder > .pricing .price sup {
     display: inline-block;
     vertical-align: top;
     margin-top: 11px;
     margin-right: 8px;
     font-weight: 300;
     font-size: 24px;
     color: #9a9a9a;
     line-height: 1;
}

.rt-pricing-table.element-three > .holder > .pricing .price sub {
     display: inline-block;
     vertical-align: bottom;
     margin-bottom: 12px;
     margin-left: -5px;
     font-weight: 400;
     font-size: 15px;
     color: #0c121f;
     line-height: 1;
}

.rt-pricing-table.element-three > .holder > .pricing .tagline {
     max-width: 195px;
     margin: 0 auto 10px auto;
     font-weight: 400;
     font-size: 14px;
     line-height: 27px;
}

.rt-pricing-table.element-three > .holder > .more > *:last-child {
     margin-bottom: 0 !important;
}


.rt-pricing-table.element-three > .holder > .more .btn {
     margin-bottom: 15px;
     padding: 10px 30px;
     border-width: 1px;
     border-style: solid;
     border-radius: 35px;
     font-weight: 600;
     font-size: 14px;
     line-height: 25px;
     background-color: #000;
     color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-pricing-table.element-three > .holder > .more .btn:hover {
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
     box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}

.rt-pricing-table.element-three.spotlight > .holder {
     padding: 70px 30px 75px 30px;
     top: -24px;
     z-index: 1;
     position: relative;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
}


.rt-pricing-table.element-three.spotlight > .holder > .more .btn {
     background-color: #000;
     color: #fff;
}



/* rt progress bar element-one */
.rt-progress-bar.element-one > .title {
     margin-bottom: 5px;
     font-weight: 700;
     font-size: 16px;
     color: #000;
     line-height: 28px;
}

.rt-progress-bar.element-one > .title > .progress-width {
     float: right;
}

.rt-progress-bar.element-one > .progress > .progress-bar {
     transition-duration: 2s;
     -webkit-transition-duration: 2s;
}

/* radiantthemes-recent-post-widget element-one */

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
     margin-bottom: 22px;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
     margin-bottom: 0;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
     margin-bottom: 10px;
     font-weight: 500;
     font-size: 14px;
     color: #fff;
     line-height: 27px;
     font-style: italic;
}

.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
     margin-bottom: 0;
     font-weight: 400;
     font-size: 15px;
     color: #fff;
     line-height: 28px;
     opacity: 0.7;
}

/* radiantthemes-recent-post-widget element-two */

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
     margin-bottom: 22px;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
     margin-bottom: 0;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
     margin-bottom: 10px;
     font-weight: 500;
     font-size: 14px;
     color: #141515;
     line-height: 27px;
     font-style: italic;
}

.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
     margin-bottom: 0;
     font-weight: 400;
     font-size: 15px;
     color: #141515;
     line-height: 28px;
     opacity: 0.7;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-separator element-one */

.radiantthemes-separator.element-one > .radiantthemes-separator-block {
     position: relative;
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
}

.radiantthemes-separator.element-one > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 12px;
     animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
     0% {
          left: -12px;
     }

     100% {
          left: 100%;
     }
}

/* radiantthemes-separator element-two */

.radiantthemes-separator.element-two > .radiantthemes-separator-block {
     position: relative;
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
     transform: skewX(20deg);
     -webkit-transform: skewX(20deg);
}

.radiantthemes-separator.element-two > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 12px;
     animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
     0% {
          left: -12px;
     }

     100% {
          left: 100%;
     }
}

/* radiantthemes-separator element-three */

.radiantthemes-separator.element-three > .radiantthemes-separator-block {
     position: relative;
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
     transform: skewX(-20deg);
     -webkit-transform: skewX(-20deg);
}

.radiantthemes-separator.element-three > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 12px;
     animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}

@keyframes RadiantThemesSeparatorAnimation {
     0% {
          left: -12px;
     }

     100% {
          left: 100%;
     }
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* radiantthemes-social-widget element-one */

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 14px;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     width: 35px;
     height: 35px;
     background-color: #fff;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     color: #000;
     line-height: 36px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a:hover {
     color: #fff;
}

/* radiantthemes-social-widget element-two */

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 15px;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     width: 45px;
     height: 45px;
     background-color: #000;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     color: #fff;
     line-height: 45px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-three */

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 17px;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     text-align: center;
     font-size: 16px;
     color: #000;
     line-height: 1;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-four */

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 15px;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     width: 45px;
     height: 45px;
     background-color: transparent;
     border-width: 2px;
     border-style: solid;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     color: #fff;
     line-height: 42px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a:hover {
     color: #fff;
}

/* radiantthemes-social-widget element-five */

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 17px;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     text-align: center;
     font-size: 16px;
     color: #fff;
     line-height: 1;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* radiantthemes-social-widget element-six */

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 15px;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     width: 40px;
     height: 40px;
     background-color: transparent;
     border-width: 2px;
     border-style: solid;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     line-height: 38px;
     cursor: pointer;
}

/* radiantthemes-social-widget element-seven */

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons {
     font-size: 0;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li {
     display: inline-block;
     vertical-align: top;
     margin-right: 13px;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:only-child {
     margin-right: 0;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a {
     display: block;
     width: 45px;
     height: 45px;
     background-color: transparent;
     border: 2px rgba(0, 0, 0, 0.1) solid;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     color: #282828;
     line-height: 42px;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a:hover {
     color: #fff;
}

/* Event */
.up-event-box {
     border: 1px solid #d2d2d2;
     background: #fff;
     width: 100%;
     float: left;
     margin-bottom: 30px;
     position: relative;
}

.up-event-box:after {
     content: "";
     width: 15%;
     height: 3px;
     background: #3cb065;
     position: absolute;
     bottom: 0px;
     left: 0px;
}

.heading {
     margin-bottom: 20px;
     width: 100%;
     float: left;
}

.heading span {
     color: #22356a;
     font-size: 30px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     float: left;
}

.viewall-btn {
     background: #3db166;
     padding: 13px 30px;
     float: right;
     color: #fff;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
}

.viewall-btn:hover {
     text-decoration: none;
     color: #fff;
}

.up-event-calender-box {
     width: 15%;
     float: left;
     padding: 15px 15px;
     text-align: center;
}

.up-event-calender-box .date {
     color: #22356a;
     font-size: 36px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
}

.up-event-calender-box .month {
     color: #767676;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
}

.up-event-text-box {
     width: 85%;
     float: left;
     border-left: 1px solid #d2d2d2;
     min-height: 95px;
     padding: 10px;
}

.up-event-text-box h3 {
     margin: 10px 0 10px 0;
     line-height: 22px;
     color: #22356a;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
}

.up-event-text-box p {
     margin-bottom: 0px;
}

.up-event-text-box span {
     margin-right: 15px;
     color: #767676;
}

/*start home-one-css*/
course-style-one.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
}

.courses_section .course-content-box {
     padding: 10px;
}

.courses_section .course-content-box h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 26px;
}

.courses_section .course-content-box h3 {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
}

.courses_section .course-content-box p {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #767676;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
     text-align: right;
     margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     padding: 12px 50px 12px 50px;
     background-color: #3db166;
     color: #fff;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
     background-color: #22356a;
}

.courses_section .ratings-section .ratings {
     padding: 0 9px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     color: #3db166;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     color: #22356a;
}

.courses_section .view-all-button {
     text-align: center;
     margin-top: 40px;
}


@media screen and (max-width:320px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }

}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }
}

/*end home-one-css*/


/*start home-two-css*/
.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #22356a;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #373737;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #373737;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .ratings {
     text-align: center;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
     background-color: #3db166;

}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}




@media screen and (max-width:320px) {
     .courses_section .ratings {
          text-align: left;
     }

}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .ratings {
          text-align: left;
     }
}

/*End home-two-css*/

/*start style-three-css*/
.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #3db166;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #373737;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #373737;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .ratings {
     text-align: center;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
     background-color: #3db166;

}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}




@media screen and (max-width:320px) {
     .courses_section .ratings {
          text-align: left;
     }

}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .ratings {
          text-align: left;
     }
}

/*End style-three-css*/

/*start home-four-css*/
.courses_section {
     padding: 100px 0;
}

/*.courses_section .course-main-box{
    border:1px solid #efefef;
}*/
.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
      transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #fff;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #fff;
     font-family: 'Lato', sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings-section {
     margin-top: -81px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: 'Lato', sans-serif;
     color: #fff;
     font-size: 12px;
     letter-spacing: 1px;
     display: inline-block;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
     background-color: #3db166;

}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}




@media screen and (max-width:320px) {
     .courses_section .course-main-box .ratings-section {
          margin-top: -98px;
     }

}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .ratings-section {
          margin-top: -90px;
     }
}

/*End home-four-css*/



/*Start home-five-css*/
.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
}

.courses_section .course-content-box {
     padding: 10px;
}

.courses_section .course-content-box h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 26px;
}

.courses_section .course-content-box h3 {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
}

.courses_section .course-content-box p {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #767676;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
     text-align: right;
     margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     padding: 12px 50px 12px 50px;
     background-color: #3db166;
     color: #fff;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
     background-color: #22356a;
}

.courses_section .ratings-section .ratings {
     padding: 0 9px;
}

.courses_section .view-all-button a {
     font-family: 'Barlow Condensed', sans-serif;
     font-size: 22px;
     font-weight: 600;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #16285c;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;

}

.courses_section .view-all-button a:hover {
     background-color: #3db166;

}

.courses_section .view-all-button {
     text-align: right;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}




@media screen and (max-width:320px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }

     .courses_section .view-all-button {
          text-align: left;
          margin-bottom: 20px;
     }

}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }
}

/*End home-five-css*/


/* radiantthemes-case-studies-slider element-one */
.radiantthemes-case-studies-slider.element-one {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((79 / 100) * 100%);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .overlay {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.65);
     opacity: 0;
     visibility: hidden;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 35px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.0s;
     -webkit-transition: all 0.3s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title {
     margin-bottom: 10px;
     font-weight: 300;
     font-size: 22px;
     color: #fff;
     line-height: 30px;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title a {
     color: inherit;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 4;
     text-align: right;
     font-size: 0;
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transition: all 0.3s ease-in-out 0.2s;
     -webkit-transition: all 0.3s ease-in-out 0.2s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button > .btn {
     display: inline-block;
     vertical-align: top;
     padding: 10px 12px 10px 12px;
     border: none;
     border-radius: 0;
     font-size: 22px;
     color: #fff;
     line-height: 1;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .pic {
     transform: scale(1.07);
     -webkit-transform: scale(1.07);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .overlay,
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .action-button {
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .owl-dots {
     margin-top: 30px;
     margin-right: 15px;
     margin-left: 15px;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
     margin-left: 4px;
     margin-right: 4px;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot > span {
     display: block;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot.active > span {
     background-color: #1e2c41;
}

/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
/* TABLET PROTRAIT PART */
/* SMART PHONE LANDSCAPE PART */
/* SMART PHONE PROTRAIT PART */
/* rt-case-study-box-filter */
.rt-case-study-box-filter[class*='filter-style-'] {
     font-size: 0;
}

.rt-case-study-box-filter.filter-style-one {
     margin-bottom: 30px;
}



.rt-case-study-box-filter.filter-style-one > button {
     display: inline-block;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 20px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     color: #4e4e4e;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {

     /* rt-case-study-box-filter */
     .rt-case-study-box-filter.filter-style-one > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {

     /* rt-case-study-box-filter */
     .rt-case-study-box-filter.filter-style-one > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }
}

/* rt-case-study-box element-one */
.rt-case-study-box.element-one .rt-case-study-box-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder {
     background-color: #f8f8f8;
     border: 1px #edebeb solid;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover {
     position: relative;
     z-index: 1;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic {
     position: relative;
     overflow: hidden;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > .holder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover > .pic > .holder {
     transform: scale(1.15);
     -webkit-transform: scale(1.15);
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data {
     padding: 25px 25px 27px 25px;
}

.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
     text-align: left;
}

.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
     text-align: center;
}

.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
     text-align: right;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p.category {
     margin-bottom: 7px;
     font-weight: 400;
     font-size: 15px;
     color: #001040;
     line-height: 25px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 {
     margin-bottom: 7px;
     font-weight: 600;
     font-size: 17px;
     color: #001040;
     line-height: 28px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 a {
     color: inherit;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p {
     margin-bottom: 10px;
     color: #001040;
}

/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
@media screen and (min-width: 768px) and (max-width: 991px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 33.33% !important;
     }
}

/* TABLET PROTRAIT PART */
@media screen and (min-width: 480px) and (max-width: 767px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 50% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 100% !important;
     }
}



/*--------------------------------------------------------------
# Case Studies (Style Two)
--------------------------------------------------------------*/
.case-study-inner {
     padding: 120px 0 80px 0;
}


.rt-case-study-box.element-two > .rt-case-study-box-item > .holder {
     background-color: #fff;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     transform: translateY(0);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover {
     transform: translateY(-6px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic {
     transform: scale(1) translateY(0);
     position: relative;
     margin-bottom: 0;
     overflow: hidden;
     backface-visibility: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover > .pic {
     transform: scale(1.1) translateY(-12px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > img {
     width: 100%;
     float: left;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-image: url(images/blog-image-1-1.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn {
     text-align: right;
     top: -30px;
     position: relative;
     right: 25px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button {
     display: block;
     float: right;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background-color: #fff;
     z-index: 2;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
     background-color: #1ed5a4;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
     color: #ffffff;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
     color: #1ed5a4;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data {
     padding: 20px 25px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .date {
     font-size: 14px;
     line-height: 26px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title {
     margin-bottom: 10px;
     padding-bottom: 12px;
     line-height: 0;
     border-bottom: 1px #ededed solid;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .excerpt {
     margin-bottom: 3px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title > a {
     text-decoration: none;
     color: #1e1666;
     font-size: 25px;
     font-weight: 500;
     line-height: 35px;
     letter-spacing: -0.7px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .post-meta > span {
     text-transform: capitalize;
     font-size: 13px;
     color: #999;
     line-height: 1.8;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > span.author {
     color: #6a7c92;
}


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



.rt-case-study-box.element-three > .rt-case-study-box-item {
     text-align: left;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder {
     background-color: #fff;
     border: 1px #d8dadd solid;
     text-align: inherit;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data {
     padding: 26px 23px 27px 23px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data .title {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 25px;
     line-height: 32px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic {
     text-align: center;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic img {
     width: 100%;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more {
     position: relative;
     overflow: hidden;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-first {
     background-color: transparent;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn {
     display: block;
     text-align: left;
     padding: 10px 23px 10px 23px;
     background-color: transparent;
     border: none;
     border-radius: 0;
     box-shadow: initial;
     font-weight: 500;
     font-size: 13px;
     line-height: 30px;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn i {
     vertical-align: middle;
     margin-top: 0;
     margin-left: 10px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second,
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second:hover {
     background-color: #1A4CED;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     color: #fff;
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-first {
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-second {
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

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

/* Slider Start */
#app-slider {
     padding: 14px 0;
}

#app-slider {
     position: relative;
     display: inline-block;
}

#app-slider:before {
     background: url(../images/app-slider-ph-bg.png);
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     width: 235px;
     height: 542px;
     z-index: 99;
     background-repeat: no-repeat;
     top: 0;
}

.owl-theme .owl-dots {
     margin-top: 30px !important;
}

/* rt-slider Nav Style */
.rt-slider .owl-nav {
     font-size: 0;
}

.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -30px;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
     opacity: 1;
     visibility: visible;
}

.rt-slider .owl-nav > .owl-prev {
     left: 15px;
}

.rt-slider:hover .owl-nav > .owl-prev {
     left: -35px;
}

.rt-slider .owl-nav > .owl-next {
     right: 15px;
}

.rt-slider:hover .owl-nav > .owl-next {
     right: -35px;
}


.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 55px;
     color: #6a30f5;
     line-height: 1;
}

.rt-slider .owl-nav > .owl-prev:before {
     content: "\f104";
}

.rt-slider .owl-nav > .owl-next:before {
     content: "\f105";
}


@media screen and (max-width:480px) {
     #app-slider .pic {
          width: 58%;
          margin: 0 auto;
     }
}

@media screen and (min-width:481px) and (max-width:768px) {
     #app-slider .pic {
          width: 90%;
          margin: 0 auto;
     }
}

/*--------------------------------------------------------------
# Case Studies (Style Four)
--------------------------------------------------------------*/

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder {
     background-color: #fff;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     border-radius: 0px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic {
     transform: scale(1) translateY(0);
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     border-bottom: 4px solid transparent;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic {
     transform: scale(1.1) translateY(-12px);
     border-bottom: 4px solid #27AD5F;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic > img {
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > img {
     width: 100%;
     float: left;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-image: url(images/blog-image-1-1.jpg);
     background: center top no-repeat;
     background-size: cover;
     background-position: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button {
     display: block;
     position: absolute;
     bottom: 31%;
     right: 20px;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background-color: #fff;
     z-index: 2;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
     background-color: #FC6086;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
     color: #ffffff;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
     color: #FC6086;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data {
     padding: 15px 20px 25px 25px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .title > a {
     text-decoration: none;
     color: #282828;
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;
     letter-spacing: -0.7px;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .date {
     font-style: italic;
}

.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > span.author {
     color: #6a7c92;
}


/* Slider End */

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-tab element-one */

.rt-tab.element-one > ul.nav-tabs {
     margin-top: 5px;
     margin-bottom: 50px;
     border: none;
     text-align: center;
     font-size: 0;
}

.rt-tab.element-one > ul.nav-tabs:after {
     content: " ";
     display: block;
     clear: both;
}

.rt-tab.element-one > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     float: none;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-one > ul.nav-tabs > li:first-child a {
     border-radius: 35px 0px 0px 35px;
}

.rt-tab.element-one > ul.nav-tabs > li:last-child a {
     border-radius: 0px 35px 35px 0px;
}

.rt-tab.element-one > ul.nav-tabs > li:only-child {
     border-radius: 35px 35px 35px 35px;
}

.rt-tab.element-one > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 10px 25px 10px 25px;
     border: none;
     background-color: #ede8e6;
     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
     text-align: center;
     font-weight: 600;
     font-size: 12px;
     color: #1e1e1e;
     line-height: 26px;
     transition: all 0.6s ease-in-out;
     -webkit-transition: all 0.6s ease-in-out;
}

.rt-tab.element-one > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-one > ul.nav-tabs > li > a > span {
     position: relative;
}

.rt-tab.element-one > ul.nav-tabs > li.active > a {
     background-color: #fff;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {

     .rt-tab.element-one > ul.nav-tabs > li:first-child a,
     .rt-tab.element-one > ul.nav-tabs > li:last-child a {
          border-radius: 35px;
     }

}

/* SMART PHONE PROTRAIT PART */

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

     .rt-tab.element-one > ul.nav-tabs > li:first-child a,
     .rt-tab.element-one > ul.nav-tabs > li:last-child a {
          border-radius: 35px;
     }

}

/* rt-tab element-two */

.rt-tab.element-two > ul.nav-tabs {
     margin-bottom: 50px;
     border-bottom: 2px #dbdada solid;
     text-align: center;
     font-size: 0;
}

.rt-tab.element-two > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     float: none;
     margin-right: 6px;
     margin-bottom: -2px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-two > ul.nav-tabs > li:last-child,
.rt-tab.element-two > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-two > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 12px 28px 12px 28px;
     background-color: #f8f5f5;
     border: 2px #dbdada solid;
     border-radius: 0;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 15px;
     color: #030712;
     line-height: 26px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-two > ul.nav-tabs > li.active > a {
     background-color: #fff;
}

.rt-tab.element-two > ul.nav-tabs > li > a:before {
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 2px;
     background-color: #fff;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-two > ul.nav-tabs > li.active > a:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

.rt-tab.element-two > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

/* rt-tab element-three */

.rt-tab.element-three > ul.nav-tabs {
     margin-bottom: 30px;
     border: none;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-three > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     width: auto;
     float: none;
     margin-bottom: 0;
     margin-right: 55px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-tab.element-three > ul.nav-tabs > li:last-child {
     margin-right: 0;
}

.rt-tab.element-three > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 14px 0 2px 0;
     background-color: transparent;
     border: none;
     border-radius: 0;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 16px;
     color: #515e56;
     line-height: 28px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-three > ul.nav-tabs > li > a:before {
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 3px;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-tab.element-three > ul.nav-tabs > li > a i {
     display: block;
     margin-bottom: 15px;
     font-size: 35px;
     color: #939190;
     line-height: 1;
}

.rt-tab.element-three > ul.nav-tabs > li.active > a:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

/* rt-tab element-four */

.rt-tab.element-four > ul.nav-tabs {
     margin-bottom: 50px;
     border-bottom: 1px #dedede solid;
     text-align: center;
     font-size: 0;
}

.rt-tab.element-four > ul.nav-tabs > li {
     display: table-cell;
     width: 1%;
     float: none;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 0px 50px 20px 50px;
     background-color: transparent;
     border: none;
     border-radius: 0;
     text-align: center;
     font-weight: 500;
     font-size: 15px;
     color: #6f6f6f;
     line-height: 26px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li > a i {
     display: block;
     margin-bottom: 15px;
     font-size: 30px;
     line-height: 1;
}

.rt-tab.element-four > ul.nav-tabs > li.active > a {
     color: #030712;
}

.rt-tab.element-four > ul.nav-tabs > li > a:before {
     position: absolute;
     bottom: -1px;
     left: 30px;
     right: 30px;
     z-index: 0;
     content: " ";
     height: 2px;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-four > ul.nav-tabs > li.active > a:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

/* rt-tab element-five */

.rt-tab.element-five > ul.nav-tabs {
     margin: 0 120px 30px 120px;
     border: none;
     text-align: center;
     font-size: 0;
}

.rt-tab.element-five > ul.nav-tabs > li {
     display: inline-block;
     width: 270px;
     float: none;
     border-radius: 4px 4px 0 0;
     margin-right: 10px;
     background-color: #24143b;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-five > ul.nav-tabs > li:last-child,
.rt-tab.element-five > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-five > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 11px 25px 10px 25px;
     border: none;
     border-right: none;
     border-radius: 0;
     background-color: transparent;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #fff;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-tab.element-five > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 0;
     content: " ";
     background: linear-gradient(to right, #9547fd 0%, #5525ff 100%);
     border-radius: 4px 4px 0 0;
     opacity: 0;
     visibility: hidden;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}


.rt-tab.element-five > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-tab.element-five > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-five > ul.nav-tabs > li.active > a > span {
     position: relative;
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:1135px) {
     .rt-tab.element-five > ul.nav-tabs {
          margin: 0;
     }

     .rt-tab.element-five > ul.nav-tabs > li {
          margin-bottom: 10px;
          width: auto;
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px) {
     .rt-tab.element-five > ul.nav-tabs {
          margin: 0;
     }

     .rt-tab.element-five > ul.nav-tabs > li {
          margin-bottom: 10px;
          width: 100%;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px) {
     .rt-tab.element-five > ul.nav-tabs {
          margin: 0;
     }

     .rt-tab.element-five > ul.nav-tabs > li {
          margin-bottom: 10px;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px) {
     .rt-tab.element-five > ul.nav-tabs {
          margin: 0;
     }

     .rt-tab.element-five > ul.nav-tabs > li {
          margin-bottom: 10px;
     }
}

/* rt-tab element-six */

.rt-tab.element-six > ul.nav-tabs {
     margin-bottom: 20px;
     border: none;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-six > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     float: none;
     margin-right: 2px;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li:last-child,
.rt-tab.element-six > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-six > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 11px 25px 9px 25px;
     background-color: transparent;
     border: none;
     border-radius: 30px;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #171d2d;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 0;
     content: " ";
     border-width: 2px;
     border-style: solid;
     border-radius: inherit;
     opacity: 0;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.rt-tab.element-six > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-tab.element-six > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-six > ul.nav-tabs > li.active > a > span {
     position: relative;
}

/* rt-tab element-seven */

.rt-tab.element-seven > ul.nav-tabs {
     margin-bottom: 20px;
     border: none;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-seven > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     float: none;
     margin-right: 2px;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li:last-child,
.rt-tab.element-seven > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-seven > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 11px 25px 9px 25px;
     background-color: transparent;
     border: none;
     border-radius: 30px;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #171d2d;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a {
     color: #fff;
}

.rt-tab.element-seven > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 0;
     content: " ";
     border-radius: inherit;
     opacity: 0;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-tab.element-seven > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-seven > ul.nav-tabs > li.active > a > span {
     position: relative;
}

/* rt-tab element-eight */

.rt-tab.element-eight > ul.nav-tabs {
     margin-bottom: 20px;
     border: none;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-eight > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     width: auto;
     float: none;
     margin-bottom: 0;
     margin-right: 15px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li:last-child,
.rt-tab.element-eight > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-eight > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 0 0 0 40px;
     background-color: transparent;
     border: none;
     border-radius: 0;
     text-align: left;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 15px;
     color: #030000;
     line-height: 28px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 14px;
     left: 0;
     z-index: 0;
     content: " ";
     width: 0;
     height: 1px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eight > ul.nav-tabs > li > a i {
     margin-right: 15px;
}

.rt-tab.element-eight > ul.nav-tabs > li.active > a:before {
     width: 28px;
}

/* rt-tab element-nine */

.rt-tab.element-nine > ul.nav-tabs {
     margin-bottom: 20px;
     border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-nine > ul.nav-tabs > li {
     display: inline-block;
     vertical-align: top;
     float: none;
     margin-right: 40px;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li:last-child,
.rt-tab.element-nine > ul.nav-tabs > li:only-child {
     margin-right: 0;
}

.rt-tab.element-nine > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 0px 0px 10px 0px;
     background-color: transparent;
     border: none;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #fff;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li > a:before {
     position: absolute;
     bottom: -1px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 3px;
     opacity: 0;
     visibility: hidden;
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-nine > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     visibility: visible;
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
}

.rt-tab.element-nine > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-nine > ul.nav-tabs > li.active > a > span {
     position: relative;
}

.rt-tab.element-nine > .tab-content {
     color: #fff;
}

/* rt-tab element-ten */

.rt-tab.element-ten > ul.nav-tabs {
     width: 110px;
     float: left;
     border: none;
     border-right: 1px #e5e6e8 solid;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-ten > ul.nav-tabs > li {
     width: 100%;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 15px 10px 15px 0px;
     background-color: transparent;
     border: none;
     text-align: left;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #171d2d;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 0;
     bottom: 0;
     right: -2px;
     z-index: 0;
     content: " ";
     width: 3px;
     opacity: 0;
     visibility: hidden;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-ten > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-tab.element-ten > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-ten > ul.nav-tabs > li.active > a > span {
     position: relative;
}

.rt-tab.element-ten > .tab-content {
     width: calc(100% - 110px);
     float: left;
     padding-left: 30px;
}

/* rt-tab element-eleven */

.rt-tab.element-eleven > ul.nav-tabs {
     width: 110px;
     float: left;
     border: none;
     border-right: 1px rgba(255, 255, 255, 0.2) solid;
     text-align: left;
     font-size: 0;
}

.rt-tab.element-eleven > ul.nav-tabs > li {
     width: 100%;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 15px 10px 15px 0px;
     background-color: transparent;
     border: none;
     text-align: left;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     color: #fff;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 0;
     bottom: 0;
     right: -2px;
     z-index: 0;
     content: " ";
     width: 3px;
     opacity: 0;
     visibility: hidden;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-eleven > ul.nav-tabs > li.active > a:before {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
}

.rt-tab.element-eleven > ul.nav-tabs > li > a i {
     margin-right: 10px;
}

.rt-tab.element-eleven > ul.nav-tabs > li.active > a > span {
     position: relative;
}

.rt-tab.element-eleven > .tab-content {
     width: calc(100% - 110px);
     float: left;
     padding-left: 30px;
     color: #fff;
}

/* rt-tab element-twelve */

.rt-tab.element-twelve {
     display: flex;
     align-items: stretch;
     box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.rt-tab.element-twelve:after {
     content: " ";
     display: block;
     clear: both;
}

.rt-tab.element-twelve > ul.nav-tabs {
     width: 22%;
     float: left;
     border: none;
}

.rt-tab.element-twelve > ul.nav-tabs > li {
     width: 100%;
     margin-bottom: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a {
     position: relative;
     display: block;
     margin: 0;
     padding: 23px 40px 22px 40px;
     background-color: transparent;
     border-top: none;
     border-right: none;
     border-bottom: 1px #d7d7d7 solid;
     border-left: none;
     border-radius: 0;
     text-align: center;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 15px;
     color: #000;
     line-height: 26px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li:last-child > a {
     border-bottom: none;
}

.rt-tab.element-twelve > ul.nav-tabs > li.active > a {
     background-color: #282828;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
     position: absolute;
     top: 50%;
     left: 100%;
     content: " ";
     width: 0;
     height: 0;
     pointer-events: none;
     border: solid transparent;
     border-color: rgba(40, 40, 40, 0);
     border-left-color: #282828;
     border-width: 0;
     margin-top: 0;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > ul.nav-tabs > li.active > a:before {
     border-width: 12px;
     margin-top: -12px;
}

.rt-tab.element-twelve > ul.nav-tabs > li > a i {
     display: block;
     margin-bottom: 10px;
     font-size: 40px;
     color: #282828;
     line-height: 1;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-tab.element-twelve > .tab-content {
     width: 78%;
     float: left;
     padding: 30px;
     border-left: 1px #d7d7d7 solid;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

     /* rt-tab element-twelve */
     .rt-tab.element-twelve > ul.nav-tabs {
          width: 30%;
     }

     .rt-tab.element-twelve > .tab-content {
          width: 70%;
     }
}

/* TABLET PROTRAIT PART */

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

     /* rt-tab element-three */
     .rt-tab.element-one > ul.nav-tabs > li,
     .rt-tab.element-two > ul.nav-tabs > li,
     .rt-tab.element-three > ul.nav-tabs > li,
     .rt-tab.element-four > ul.nav-tabs > li,
     .rt-tab.element-five > ul.nav-tabs > li,
     .rt-tab.element-six > ul.nav-tabs > li,
     .rt-tab.element-seven > ul.nav-tabs > li,
     .rt-tab.element-eight > ul.nav-tabs > li,
     .rt-tab.element-nine > ul.nav-tabs > li,
     .rt-tab.element-ten > ul.nav-tabs > li,
     .rt-tab.element-eleven > ul.nav-tabs > li {
          display: block;
          width: auto !important;
          margin-right: 0;
     }

     /* rt-tab element-twelve */
     .rt-tab.element-twelve {
          display: block;
     }

     .rt-tab.element-twelve > ul.nav-tabs,
     .rt-tab.element-twelve > .tab-content {
          width: 100%;
          border: none;
     }

     .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
          display: none;
     }
}


/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* rt-tab element-three */
     .rt-tab.element-one > ul.nav-tabs > li,
     .rt-tab.element-two > ul.nav-tabs > li,
     .rt-tab.element-three > ul.nav-tabs > li,
     .rt-tab.element-four > ul.nav-tabs > li,
     .rt-tab.element-five > ul.nav-tabs > li,
     .rt-tab.element-six > ul.nav-tabs > li,
     .rt-tab.element-seven > ul.nav-tabs > li,
     .rt-tab.element-eight > ul.nav-tabs > li,
     .rt-tab.element-nine > ul.nav-tabs > li,
     .rt-tab.element-ten > ul.nav-tabs > li,
     .rt-tab.element-eleven > ul.nav-tabs > li {
          display: block;
          width: auto !important;
          margin-right: 0;
     }

     /* rt-tab element-twelve */
     .rt-tab.element-twelve {
          display: block;
     }

     .rt-tab.element-twelve > ul.nav-tabs,
     .rt-tab.element-twelve > .tab-content {
          width: 100%;
          border: none;
     }

     .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
          display: none;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* rt-tab element-three */
     .rt-tab.element-one > ul.nav-tabs > li,
     .rt-tab.element-two > ul.nav-tabs > li,
     .rt-tab.element-three > ul.nav-tabs > li,
     .rt-tab.element-four > ul.nav-tabs > li,
     .rt-tab.element-five > ul.nav-tabs > li,
     .rt-tab.element-six > ul.nav-tabs > li,
     .rt-tab.element-seven > ul.nav-tabs > li,
     .rt-tab.element-eight > ul.nav-tabs > li,
     .rt-tab.element-nine > ul.nav-tabs > li,
     .rt-tab.element-ten > ul.nav-tabs > li,
     .rt-tab.element-eleven > ul.nav-tabs > li {
          display: block;
          width: auto !important;
          margin-right: 0;
     }

     /* rt-tab element-twelve */
     .rt-tab.element-twelve {
          display: block;
     }

     .rt-tab.element-twelve > ul.nav-tabs,
     .rt-tab.element-twelve > .tab-content {
          width: 100%;
          border: none;
     }

     .rt-tab.element-twelve > ul.nav-tabs > li > a:before {
          display: none;
     }
}

/* team element-one */

.team.element-one {
     width: auto;
     margin-left: -15px;
     margin-right: -15px;
}

.team.element-one .team-item {
     padding-top: 17px;
     padding-right: 15px;
     padding-bottom: 17px;
     padding-left: 15px;
}

.team.element-one .team-item > .holder {
     text-align: center;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team.element-one .team-item > .holder > .pic {
     position: relative;
     overflow: hidden;
     padding-top: calc((133 / 100) * 100%);
     border-radius: 10px;
     box-shadow: 10px 15px 30px -30px rgba(0, 0, 0, 0.75);
}

.team.element-one .team-item > .holder > .pic > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team.element-one .team-item > .holder > .data {
     padding: 18px 15px 0px 15px;
}

.team.element-one .team-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.team.element-one .team-item > .holder > .data .designation {
     margin-bottom: 0px;
     font-weight: 400;
     font-size: 14px;
     color: #272727;
     line-height: 25px;
}

.team.element-one .team-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 600;
     font-size: 18px;
     color: #000;
     line-height: 26px;
}

.team.element-one .team-item > .holder > .data .title a {
     color: inherit;
}

.team.element-one .team-item > .holder:hover > .pic > .placeholder {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.team.element-one:not(.owl-carousel) .team-item {
     float: left;
     margin-bottom: 0;
}

/* team element-two */

.team.element-two .team-item {
     padding-left: 15px;
     padding-right: 15px;
}

.team.element-two:not(.owl-carousel) .team-item {
     float: left;
     margin-bottom: 0;
     padding-left: 15px;
     padding-right: 15px;
}

.team.element-two .team-item > .holder {
     text-align: center;
}

.team.element-two .team-item > .holder > .pic {
     margin-bottom: 20px;
     position: relative;
}

.team.element-two .team-item > .holder > .pic > .placeholder {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: calc((100 / 100) * 100%);
     border-radius: 50%;
     backface-visibility: hidden !important;
     -webkit-backface-visibility: hidden !important;
     -moz-backface-visibility: hidden !important;
     -khtml-backface-visibility: hidden !important;
     transform: perspective(0);
     mask-image: -webkit-radial-gradient(white, black);
     -webkit-mask-image: -webkit-radial-gradient(white, black);
     -moz-mask-image: -webkit-radial-gradient(white, black);
     -khtml-mask-image: -webkit-radial-gradient(white, black);
}

.team.element-two .team-item > .holder > .pic > .placeholder .pic-main {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
     backface-visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team.element-two .team-item > .holder:hover .pic > .placeholder .pic-main {
     transform: scale(1.05);
}

.team.element-two .team-item > .holder > .pic > .globe-icon {
     position: absolute;
     bottom: 0%;
     right: 16%;
     z-index: 2;
     background-image: radial-gradient(at bottom left, #9547fd 0%, #5525ff 100%);
     line-height: 40px;
     text-align: center;
     transition: all ease-in-out 0.3s;
     width: 40px;
     height: 40px;
     border-radius: 50%;
}

.team.element-two .team-item > .holder > .pic > .globe-icon > span[class*='ti-'] {
     color: #ffffff;
     font-size: 20px;
     line-height: 40px;
}

.team.element-two .team-item > .holder > .pic > .social-icon {
     position: absolute;
     right: 0;
     z-index: 1;
     bottom: 13%;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul {
     margin: 0;
     padding: 0;
     list-style: none;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     transform: translateY(15px);
}

.team.element-two .team-item > .holder:hover > .pic > .social-icon > ul > li {
     transform: translateY(0);
     visibility: visible;
     opacity: 1;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(1) {
     bottom: 0;
     right: 6px;
     transition: .4s cubic-bezier(0.26, 0.7, 0.7, 0.88);
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(2) {
     bottom: 39px;
     right: -10px;
     transition: .4s cubic-bezier(.1, 1.02, .58, 1);
     transition-delay: .1s;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(3) {
     bottom: 82px;
     right: -13px;
     transition: .4s cubic-bezier(.1, 1.02, .58, 1);
     transition-delay: .2s;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(4) {
     bottom: 124px;
     right: -2px;
     transition: .4s cubic-bezier(.1, 1.02, .58, 1);
     transition-delay: .3s;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li > a {
     color: #ffffff;
     font-size: 17px;
     line-height: 35px;
     text-align: center;
     display: inline-block;
     width: 35px;
     height: 35px;
     border-radius: 50%;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(1) > a {
     background-color: #3b5998;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(2) > a {
     background-color: #55acee;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(3) > a {
     background-color: #0077b5;
}

.team.element-two .team-item > .holder > .pic > .social-icon > ul > li:nth-child(4) > a {
     background-color: #c8232c;
}

.team.element-two .team-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 400;
     font-size: 16px;
     color: #181b31;
     line-height: 25px;
}

.team.element-two .team-item > .holder > .data .designation {
     margin-bottom: 7px;
     font-weight: 400;
     font-size: 14px;
     color: #181b31;
     line-height: 25px;
}

/* team element-three */

.team.element-three {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.team.element-three .team-item {
     padding-left: 0;
     padding-right: 0;
     text-align: left;
}

.team.element-three .team-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((120 / 100) * 100%);
     text-align: inherit;
}

.team.element-three .team-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
}

.team.element-three .team-item > .holder > .overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team.element-three .team-item > .holder > .data {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     padding: 17px 30px 17px 30px;
}

.team.element-three .team-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.team.element-three .team-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 500;
     font-size: 20px;
     color: #fff;
     line-height: 30px;
     letter-spacing: -0.4px;
     opacity: 0;
     visibility: hidden;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transition: all 0.3s ease-in-out 0.3s;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.team.element-three .team-item > .holder > .data .title a {
     color: inherit;
}

.team.element-three .team-item > .holder > .data .designation {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 14px;
     color: #fff;
     line-height: 26px;
     opacity: 0;
     visibility: hidden;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transition: all 0.3s ease-in-out 0.5s;
     -webkit-transition: all 0.3s ease-in-out 0.5s;
}

.team.element-three .team-item > .holder:hover > .overlay {
     opacity: 0.85;
     visibility: visible;
}

.team.element-three .team-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
}

.team.element-three .team-item > .holder:hover > .data .title,
.team.element-three .team-item > .holder:hover > .data .designation {
     opacity: 1;
     visibility: visible;
     transform: translateX(0);
     -webkit-transform: translateX(0);
}

.team.element-three:not(.owl-carousel) .team-item {
     float: left;
     margin-bottom: 0;
}

/* team element-four */

.team.element-four {
     width: auto;
     margin-left: -15px;
     margin-right: -15px;
}

.team.element-four .team-item {
     padding-left: 15px;
     padding-right: 15px;
}

.team.element-four .team-item > .holder {
     text-align: center;
}

.team.element-four .team-item > .holder > .pic {
     margin-bottom: 20px;
}

.team.element-four .team-item > .holder > .pic > .placeholder {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: calc((100 / 100) * 100%);
     border-radius: 50%;
}

.team.element-four .team-item > .holder > .pic > .placeholder .pic-main {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background: center top no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team.element-four .team-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.team.element-four .team-item > .holder > .data .title {
     margin-bottom: 3px;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
}

.team.element-four .team-item > .holder > .data .title a {
     color: inherit;
}

.team.element-four .team-item > .holder > .data .designation {
     margin-bottom: 7px;
     font-weight: 400;
     font-size: 14px;
     line-height: 25px;
}

.team.element-four .team-item > .holder:hover > .pic > .placeholder .pic-main {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.team.element-four:not(.owl-carousel) .team-item {
     float: left;
     margin-bottom: 40px;
}

/* team element-five */

.team.element-five .owl-carousel .owl-wrapper:after {
     display: block;
     visibility: hidden;
     clear: both;
     content: ".";
     line-height: 0;
}

/* display none until init */

.team.element-five .owl-carousel {
     position: relative;
     display: none;
     width: 100%;
     -ms-touch-action: pan-y;
}

.team.element-five .owl-carousel .owl-wrapper {
     position: relative;
     display: none;
     -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-five .owl-carousel .owl-wrapper-outer {
     position: relative;
     overflow: hidden;
     width: 100%;
}

.team.element-five .owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}

.team.element-five .owl-carousel .owl-item {
     float: left;
     padding: 0 15px;
}

.team.element-five .owl-controls .owl-page,
.team.element-five .owl-controls .owl-buttons div {
     cursor: pointer;
}

.team.element-five .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.team.element-five .grabbing {
     cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */

.team.element-five .owl-carousel .owl-wrapper,
.team.element-five .owl-carousel .owl-item {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}

.team.element-five .owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center;
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-five .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px;
}

/* fade */

.team.element-five .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease;
}

.team.element-five .owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease;
}

/* backSlide */

.team.element-five .owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut.team.element-five 1s both ease;
     animation: backSlideOut 1s both ease;
}

.team.element-five .owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease;
}

/* goDown */

.team.element-five .owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both;
}

.team.element-five .owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both;
}

/* scaleUp */

.team.element-five .owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both;
}

.team.element-five .owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both;
}

/* Styling Pagination*/

.team.element-five .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
     /*IE7 life-saver */
}

.team.element-five .owl-theme .owl-controls .owl-page span {
     display: block;
     margin: 5px 7px;
     width: 12px;
     height: 12px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     background: #869791;
     opacity: 0.5;
     filter: Alpha(Opacity=50);
     /*IE7 fix*/
}

.team.element-five .owl-theme .owl-controls .owl-page.active span,
.team.element-five .owl-theme .owl-controls.clickable .owl-page:hover span {
     opacity: 1;
     filter: Alpha(Opacity=100);
     /*IE7 fix*/
}

/* If PaginationNumbers is true */

.team.element-five .owl-theme .owl-controls .owl-page span.owl-numbers {
     padding: 2px 10px;
     width: auto;
     height: auto;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     color: #FFF;
     font-size: 12px;
}

/* CUSTOM USER OPTIONS */

.team.element-five .carousel-container {
     width: 100%;
}

.team.element-five .rt_team_area {
     background: #fff;
     padding: 20px;
     box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, 0.25);
     margin: 15px;
}

.team.element-five .team-item-five {
     float: left;
     margin: 0;
}

.team.element-five .team-item-five .rt_img_bx {
     display: block;
     position: relative;
     overflow: hidden;
}

.team.element-five .team-item-five .rt_img_bx img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
     transition: all .5s ease-in-out;
}

.team.element-five .team-item-five .rt_img_bx img:hover {
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
}

.team.element-five .rt_team_detail_bx {
     padding: 20px 0 0 0;
}

.team.element-five .rt_team_detail_bx h3 {
     color: #1E1666;
     font-size: 22px;
     padding-bottom: 0;
     margin-top: 0px;
     margin-bottom: 10px;
     line-height: 22px;
}

.team.element-five .rt_team_detail_bx p {
     color: #4E6075;
     font-size: 14px;
     line-height: 16px;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
}

.team.element-five .owl-pagination {
     display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .team.element-five .team-item-five {
          margin: 0 0 10px 0;
          float: none;
     }

     .team.element-five:not(.owl-carousel) .team-item-five {
          width: 50% !important;
          margin-bottom: 20px;
          float: left;
     }
}

@media only screen and (max-width:767px) {
     .team.element-five .rt_team_detail_bx {
          padding: 20px 10px 0px 10px;
     }

     .team.element-five .team-item-five p {
          padding: 0;
     }

     .team.element-five .team-item-five {
          padding: 0 5px;
          width: 100% !important;
     }
}

/* team element-six */

.team.element-six .owl-carousel .owl-wrapper:after {
     display: block;
     visibility: hidden;
     clear: both;
     content: ".";
     line-height: 0;
}

/* display none until init */

.team.element-six .owl-carousel {
     position: relative;
     display: none;
     width: 100%;
     -ms-touch-action: pan-y;
}

.team.element-six .owl-carousel .owl-wrapper {
     position: relative;
     display: none;
     -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-six .owl-carousel .owl-wrapper-outer {
     position: relative;
     overflow: hidden;
     width: 100%;
}

.team.element-six .owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}

.team.element-six .owl-carousel .owl-item {
     float: left;
     padding: 0 15px;
}

.team.element-six .owl-controls .owl-page,
.team.element-six .owl-controls .owl-buttons div {
     cursor: pointer;
}

.team.element-six .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.team.element-six .grabbing {
     cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */

.team.element-six .owl-carousel .owl-wrapper,
.team.element-six .owl-carousel .owl-item {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}

.team.element-six .owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center;
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-six .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px;
}

/* fade */

.team.element-six .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease;
}

.team.element-six .owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease;
}

/* backSlide */

.team.element-six .owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut.team.element-six 1s both ease;
     animation: backSlideOut 1s both ease;
}

.team.element-six .owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease;
}

/* goDown */

.team.element-six .owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both;
}

.team.element-six .owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both;
}

/* scaleUp */

.team.element-six .owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both;
}

.team.element-six .owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both;
}

/* Styling Pagination*/

.team.element-six .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
     /*IE7 life-saver */
}

.team.element-six .owl-theme .owl-controls .owl-page span {
     display: block;
     margin: 5px 7px;
     width: 12px;
     height: 12px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     background: #869791;
     opacity: 0.5;
     filter: Alpha(Opacity=50);
     /*IE7 fix*/
}

.team.element-six .owl-theme .owl-controls .owl-page.active span,
.team.element-six .owl-theme .owl-controls.clickable .owl-page:hover span {
     opacity: 1;
     filter: Alpha(Opacity=100);
     /*IE7 fix*/
}

/* If PaginationNumbers is true */

.team.element-six .owl-theme .owl-controls .owl-page span.owl-numbers {
     padding: 2px 10px;
     width: auto;
     height: auto;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     color: #FFF;
     font-size: 12px;
}

/* CUSTOM USER OPTIONS */

.team.element-six .carousel-container {
     width: 100%;
}

.team.element-six .team-item {
     margin: 0;
     background: #fff;
     color: #333;
     padding: 0 15px;
     float: left;
     margin-bottom: 30px;
     width: 100%;
}

.team.element-six .team-item img {
     width: 100%;
}

.team.element-six .team-item h4 {
     margin-top: 10px;
     color: #333;
     padding: 10px;
}

.team.element-six .team-item p {
     color: #333;
     padding: 0 10px 30px;
}

.team.element-six .team_detail_bx {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: auto;
     padding: 16px;
     background-color: rgba(255, 255, 255, .7);
     z-index: 99;
     text-align: center;
}

.team.element-six .team_detail_bx h3 {
     color: #1E1666;
     font-size: 22px;
     padding-bottom: 0;
     margin-bottom: 10px;
     line-height: 22px;
}

.team.element-six .team_detail_bx p {
     color: #4E6075;
     font-size: 14px;
     line-height: 16px;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
}

.team.element-six .team-hoverfx {
     position: relative;
     display: block;
     overflow: hidden;
     text-align: center;
}

.team.element-six .team-hoverfx img {
     /*position: absolute;*/
     position: relative;
     left: 0;
     width: 100%;
     padding: 0;
     top: 0;
}

.team.element-six .team-hoverfx:before {
     display: inline-block;
     padding-top: 60%;
     content: '';
     vertical-align: middle;
}

.team.element-six .team-hoverfx:before,
.team-figure {
     position: absolute;
     top: 40%;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 2;
     display: inline-block;
     padding: 5px 30px;
     /*max-width: 100%;*/
     width: 100%;
     color: #ecf0f1;
     vertical-align: middle;
     text-transform: uppercase;
     font-size: 14px;
     opacity: 0;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition-property: all .3s ease;
}

.team.element-six .team-hoverfx .team-figure ul {
     margin: 0;
     padding: 0;
     display: block;
     text-align: center;
     list-style-type: none
}

.team.element-six .team-hoverfx .team-figure ul li {
     margin: 0;
     padding: 0 10px;
     text-align: center;
     display: inline-block;
     list-style-type: none
}

.team.element-six .team-hoverfx .team-figure ul li a {
     color: #fff;
}

.team.element-six .team-hoverfx .team-figure:hover {
     font-size: 14px;
     color: #fff;
}

.team.element-six .team-hoverfx .team-overlay {
     position: absolute;
     top: 0;
     z-index: 1;
     padding: 50%;
     height: 100%;
     background-color: rgba(38, 10, 63, .7);
     opacity: 0;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition-property: all .3s ease;
}

.team.element-six .team-item:hover .team-figure,
.team.element-six .team-item:hover .team-figure h3 p,
.team.element-six .team-item:hover .team-overlay {
     opacity: 1;
}

.team.element-six .team-hoverfx:hover .team_detail_bx {
     display: none;
     opacity: 0;
}

.team.element-six .team-hoverfx .team-figure a h3 {
     color: #fff !important;
     text-decoration: none;
     font-size: 22px;
     padding-bottom: 0;
     line-height: 22px;
     font-family: "Poppins";
     text-transform: capitalize;
     padding-top: 0;
     margin: 0;
}

.team.element-six .team-hoverfx .team-figure a h3:hover {
     color: #fff;
     text-decoration: none !important;
}

.team.element-six .team-item hr {
     border-top: 1px solid #fff;
     margin: 38px 0 20px 0;
     width: 100%;
}

.team.element-six .team-hoverfx .team-figure p {
     color: #AFB2BB;
     font-size: 16px;
     line-height: 16px;
     padding-top: 10px;
     text-transform: uppercase;
}

.team.element-six .team-hoverfx .team-figure p:hover {
     color: #AFB2BB;
}

.team.element-six .owl-pagination {
     display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .team.element-six .team-item {
          margin: 0 0 10px 0;
          float: none;
     }

     .team.element-six:not(.owl-carousel) .team-item {
          width: 50% !important;
          margin-bottom: 20px;
          float: left;
     }

     .team.element-six .team-hoverfx {
          height: auto;
     }

     .team.element-six .team-hoverfx:before,
     .team-figure {
          padding: 0;
     }
}

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

     .team.element-six .team-hoverfx:before,
     .team-figure {
          top: 0;
     }

     .team.element-six .team_detail_bx {
          padding: 10px;
     }

     .team.element-six .team-hoverfx .team-figure ul li {
          padding: 0 2px;
     }

     .team.element-six .team_detail_bx h3 {
          font-size: 16px;
          line-height: 16px;
     }

     .team.element-six .team-hoverfx .team-figure a h3 {
          font-size: 16px;
          line-height: 16px;
     }

     .team.element-six .team-hoverfx .team-figure p {
          font-size: 14px;
          line-height: 14px;
     }

     .team.element-six .team-item p {
          padding: 0;
     }

     .team.element-six .team-item {
          padding: 0 5px;
          width: 100% !important;
     }

     .team.element-six .team-hoverfx {
          height: auto;
     }

     .team.element-six .team-hoverfx:before,
     .team-figure {
          padding: 0;
     }
}

/*--------------------------------------------------------------
# Team Style Seven
--------------------------------------------------------------*/
.team.element-seven .owl-carousel .owl-wrapper:after {
     display: block;
     visibility: hidden;
     clear: both;
     content: ".";
     line-height: 0;
}


/* display none until init */

.team.element-seven .owl-carousel {
     position: relative;
     display: none;
     width: 100%;
     -ms-touch-action: pan-y;
}

.team.element-seven .owl-carousel .owl-wrapper {
     position: relative;
     display: none;
     -webkit-transform: translate3d(0px, 0px, 0px);
}

.team.element-seven .owl-carousel .owl-wrapper-outer {
     position: relative;
     overflow: hidden;
     width: 100%;
}

.team.element-seven .owl-carousel .owl-wrapper-outer.autoHeight {
     -webkit-transition: height 500ms ease-in-out;
     -moz-transition: height 500ms ease-in-out;
     -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}

.team.element-seven .owl-carousel .owl-item {
     float: left;
     padding: 0 15px;
}

.team.element-seven .owl-controls .owl-page,
.team.element-seven .owl-controls .owl-buttons div {
     cursor: pointer;
}

.team.element-seven .owl-controls {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.team.element-seven .grabbing {
     cursor: url(../images/grabbing.png) 8 8, move;
}


/* fix */

.team.element-seven .owl-carousel .owl-wrapper,
.team.element-seven .owl-carousel .owl-item {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
}

.team.element-seven .owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center;
}


/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.team.element-seven .owl-origin {
     -webkit-perspective: 1200px;
     -webkit-perspective-origin-x: 50%;
     -webkit-perspective-origin-y: 50%;
     -moz-perspective: 1200px;
     -moz-perspective-origin-x: 50%;
     -moz-perspective-origin-y: 50%;
     perspective: 1200px;
}


/* fade */

.team.element-seven .owl-fade-out {
     z-index: 10;
     -webkit-animation: fadeOut .7s both ease;
     -moz-animation: fadeOut .7s both ease;
     animation: fadeOut .7s both ease;
}

.team.element-seven .owl-fade-in {
     -webkit-animation: fadeIn .7s both ease;
     -moz-animation: fadeIn .7s both ease;
     animation: fadeIn .7s both ease;
}


/* backSlide */

.team.element-seven .owl-backSlide-out {
     -webkit-animation: backSlideOut 1s both ease;
     -moz-animation: backSlideOut.team.element-seven 1s both ease;
     animation: backSlideOut 1s both ease;
}

.team.element-seven .owl-backSlide-in {
     -webkit-animation: backSlideIn 1s both ease;
     -moz-animation: backSlideIn 1s both ease;
     animation: backSlideIn 1s both ease;
}


/* goDown */

.team.element-seven .owl-goDown-out {
     -webkit-animation: scaleToFade .7s ease both;
     -moz-animation: scaleToFade .7s ease both;
     animation: scaleToFade .7s ease both;
}

.team.element-seven .owl-goDown-in {
     -webkit-animation: goDown .6s ease both;
     -moz-animation: goDown .6s ease both;
     animation: goDown .6s ease both;
}


/* scaleUp */

.team.element-seven .owl-fadeUp-in {
     -webkit-animation: scaleUpFrom .5s ease both;
     -moz-animation: scaleUpFrom .5s ease both;
     animation: scaleUpFrom .5s ease both;
}

.team.element-seven .owl-fadeUp-out {
     -webkit-animation: scaleUpTo .5s ease both;
     -moz-animation: scaleUpTo .5s ease both;
     animation: scaleUpTo .5s ease both;
}



/* Styling Pagination*/

.team.element-seven .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
     /*IE7 life-saver */
}

.team.element-seven .owl-theme .owl-controls .owl-page span {
     display: block;
     margin: 5px 7px;
     width: 12px;
     height: 12px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     background: #869791;
     opacity: 0.5;
     filter: Alpha(Opacity=50);
     /*IE7 fix*/
}

.team.element-seven .owl-theme .owl-controls .owl-page.active span,
.team.element-seven .owl-theme .owl-controls.clickable .owl-page:hover span {
     opacity: 1;
     filter: Alpha(Opacity=100);
     /*IE7 fix*/
}


/* If PaginationNumbers is true */

.team.element-seven .owl-theme .owl-controls .owl-page span.owl-numbers {
     padding: 2px 10px;
     width: auto;
     height: auto;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     color: #FFF;
     font-size: 12px;
}


/* CUSTOM USER OPTIONS */

.team.element-seven .carousel-container {
     width: 100%;
}

.team.element-seven .rt_team_area {
     margin: 0 15px;
}




.team.element-seven .team-item-seven {
     margin: 0;
     float: left;
}

.team.element-seven .team-item-seven .rt_img_bx {
     display: block;
     position: relative;
     overflow: hidden;
     border-radius: 8px;
}


.team.element-seven .team-item-seven .rt_img_bx img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
     transition: all .5s ease-in-out;
}

/*.team.element-seven .team-item-seven .rt_img_bx img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}*/

.team.element-seven .rt_team_detail_bx {
     padding: 20px;
     position: relative;
     display: block;
     bottom: 35px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background: #fff;
     border-radius: 8px;
     width: 80%;
     -webkit-box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
     box-shadow: 0 5px 18px 5px rgba(0, 0, 0, 0.06);
     transition: 1s ease-in-out;
}

.team.element-seven .rt_team_detail_bx:hover {
     transform: scale(1.05);
     transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
     transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
}



.team.element-seven .rt_team_detail_bx h3 {
     color: #1E1666;

     padding-bottom: 0;
     margin-top: 0px;
     margin-bottom: 10px;
     line-height: 22px;

}

.team.element-seven .rt_team_detail_bx p {
     color: #8571EA;

     line-height: 16px;
     text-transform: capitalize;
     margin: 0;
     padding: 0;
}


.team.element-seven .owl-pagination {
     display: none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .team.element-seven .team-item-seven {
          margin: 0 0 10px 0;
          float: none;

     }

     .team.element-seven:not(.owl-carousel) .team-item-seven {
          width: 50% !important;
          margin-bottom: 20px;
          float: left;
     }


}

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

     .team.element-seven .rt_team_detail_bx {
          padding: 10px;
     }

     .team.element-seven .team-item-seven p {
          padding: 0;
     }

     .team.element-seven .team-item-seven {
          padding: 0 5px;
          width: 100% !important;
     }

}

/*--------------------------------------------------------------
# Nav Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Nav Style One
--------------------------------------------------------------*/

.team[class*='element-'].owl-nav-style-one .owl-nav {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
     font-size: 0;
}

.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev,
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
     width: 40px;
     height: 40px;
     margin-left: 7px;
     margin-right: 7px;
     background-color: initial;
     border: 1px #f5b315 solid;
     text-align: center;
}

.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before,
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 30px;
     color: #f5b315;
     line-height: 36px;
}

.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before {
     content: "\f104";
}

.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
     content: "\f105";
}

/*--------------------------------------------------------------
# Nav Style Two
--------------------------------------------------------------*/

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     font-size: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev,
.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
     opacity: 1;
     visibility: visible;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
     left: 10px;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
     left: 25px;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
     right: 10px;
}

.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
     right: 25px;
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before,
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 45px;
     color: #fff;
     line-height: 45px;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
     content: "\f104";
}

.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
     content: "\f105";
}

/*--------------------------------------------------------------
# Dot Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Dot Style One
--------------------------------------------------------------*/

.team[class*='element-'] .owl-dots {
     margin-top: 20px;
     margin-left: 15px;
     margin-right: 15px;
}

.team[class*='element-'].owl-dot-style-one .owl-dots {
     text-align: center;
}

.team[class*='element-'].owl-dot-style-two .owl-dots {
     text-align: right;
}

.team[class*='element-'] .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
     margin-left: 5px;
     margin-right: 5px;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
     margin-left: 3px;
     margin-right: 3px;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
     display: block;
     width: 12px;
     height: 12px;
     background-color: #f5b315;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
     background-color: #90a0c7;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
     display: block;
     width: 15px;
     height: 3px;
     background-color: #fff;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
     background-color: #90a0c7;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {

     /* team element-one */
     .team.element-one:not(.owl-carousel) .team-item,
     .team.element-two:not(.owl-carousel) .team-item {
          width: 50% !important;
     }
}

/* TABLET PROTRAIT PART */

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

     /* team element-one */
     .team.element-one:not(.owl-carousel) .team-item,
     .team.element-two:not(.owl-carousel) .team-item {
          width: 50% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* team element-one */
     .team.element-one:not(.owl-carousel) .team-item,
     .team.element-two:not(.owl-carousel) .team-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* team element-one */
     .team.element-one:not(.owl-carousel) .team-item,
     .team.element-two:not(.owl-carousel) .team-item {
          width: 100% !important;
     }
}

/* testimonial element-one */

.testimonial.element-one {
     position: relative;
}

.testimonial.element-one .testimonial-item > .holder {
     text-align: center;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
     margin-bottom: 50px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder {
     position: relative;
     display: inline-block;
     vertical-align: top;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main {
     display: inline-block;
     vertical-align: top;
     width: 145px;
     height: 145px;
     background: center center no-repeat;
     background-size: cover;
     border-radius: 50%;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon {
     position: absolute;
     bottom: -10px;
     right: -5px;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
     text-align: center;
     font-size: 25px;
     color: #fff;
     line-height: 60px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data {
     margin-bottom: 35px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
     margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote p {
     margin-bottom: 20px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title > *:last-child {
     margin-bottom: 0 !important;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title .title {
     margin-bottom: 3px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 18px;
     color: #24323d;
     line-height: 28px;
}

.testimonial.element-one .testimonial-item > .holder > .testimonial-title .designation {
     margin-bottom: 7px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 13px;
     color: #676767;
     line-height: 26px;
}

.testimonial.element-one:not(.owl-carousel) .testimonial-item {
     float: left;
     padding-left: 0;
     margin-bottom: 40px;
}

.testimonial.element-one > .owl-thumbs {
     display: none;
}

.testimonial.element-one > .owl-nav {
     margin-top: -40px !important;
     text-align: right !important;
}



/* testimonial element-two */

.testimonial.element-two {
     position: relative;
     width: auto !important;
     margin-left: -15px;
     margin-right: -15px;
}

.testimonial.element-two .testimonial-item {
     padding-left: 15px;
     padding-right: 15px;
}

.testimonial.element-two .testimonial-item > .holder {
     text-align: left;
     padding: 35px 35px;
     background-color: #ffffff;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
     margin: 15px 0;
     border-radius: 8px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data {
     margin-bottom: 23px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
     margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote p {
     margin-bottom: 20px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title {
     position: relative;
     min-height: 63px;
     padding-top: 0px;
     padding-left: 80px;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     width: 63px;
     height: 63px;
     background: center center no-repeat;
     background-size: cover;
     border-radius: 50%;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
     margin-bottom: 0 !important;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
     margin-bottom: 3px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 16px;
     color: #160914;
     line-height: 28px;
     font-style: italic;
}

.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u {
     margin-left: 7px;
     text-decoration: underline !important;
}

.testimonial.element-two:not(.owl-carousel) .testimonial-item {
     float: left;
     padding-left: 0;
     margin-bottom: 40px;
}

.testimonial.element-two > .owl-thumbs {
     display: none;
}




/* testimonial element-three */

.testimonial-style6 {
     position: relative;
     float: left;
     overflow: hidden;
     text-align: left;
     box-shadow: none !important;
     margin-bottom: 25px;
}

.testimonial-style6 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
     transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.testimonial-style6 img {
     max-width: 100%;
     vertical-align: middle;
     height: 70px;
     width: 70px !important;
     border-radius: 50% !important;
     margin: 30px 0 0 25px;
}

.testimonial-style6 .description {
     background-color: #fff;
     display: block;
     font-weight: 400;
     line-height: 30px;
     margin: 30px 20px;
     padding: 30px;
     position: relative;
     box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.12);
     border-radius: 5px;
     color: #8f9193;
     line-height: 34px;
}

.testimonial-style6 .arrow {
     top: 97%;
     left: 0px;
     width: 0;
     height: 0;
     border-left: 0px solid transparent;
     border-right: 30px solid transparent;
     border-top: 40px solid #fff;
     margin: 0;
     position: absolute;
}

.testimonial-style6 .author {
     position: absolute;
     bottom: 35px;
     padding: 0 10px 0 110px;
     margin: 0;
     color: #16171e;
     -webkit-transform: translateY(50%);
     transform: translateY(50%);
}

.testimonial-style6 .author h5 {
     font-size: 18px;
     font-weight: 400;
     color: #16171e;
     margin-bottom: 10px;
}

.testimonial-style6 .author p {
     font-size: 16px;
     color: #a7a9b8;
}



@media only screen and (max-width:480px) {
     .rt-testimonial.element-nine .testi-nine .testimonial-img img {
          width: 100px;
          height: 100px;
     }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
     background: #1a1a1a;
}

.owl-theme .owl-dots .owl-dot {
     outline: none;
}

.owl-theme .owl-nav span {
     display: none;
}

.owl-theme .owl-dots {
     margin-top: 20px;
}

@media screen and (max-width: 990px) {
     .testimonial-parallax h2 {
          margin-bottom: 40px;
     }

     .testimonial-style6 {
          margin: 0;
     }
}

/*=====================================================
testimonial-four
=====================================================*/


.element-four .rt_testimonial-image-grid img {
     display: block;
     width: 70%;
     border: 1px solid #BCB6B5;
     border-radius: 50%;
     text-align: center;
     margin: 0 auto;
}

.element-four .quote_img {
     text-align: center;
}

.element-four .quote_area {
     color: #6F32FE;
     font-size: 32px;
     position: relative;
}

.element-four .quote_area .midd {
     color: #6F32FE;
     text-align: center;
     margin: 20px auto;
}

.element-four .quote_area:after {
     height: 50px;
     width: 1px;
     background: #D4CDCF;
     content: "";
     display: block;
     margin: 0 auto;
}

.element-four .quote_area:before {
     height: 50px;
     width: 1px;
     background: #D4CDCF;
     content: "";
     display: block;
     margin: 0 auto;
}


/*.element-four .cell-left {}

.element-four .cell-right {
    text-align: center;
    margin-right: 80px;
    padding-top: 35px;
    padding-bottom: 20px;
}*/

.element-four .testimonial-name {
     font-weight: 600;
     text-align: center;
     color: #1A1C26;
     font-size: 22px;
     margin-top: 10px;
}

.element-four .testimonial-job {
     text-align: center;
     color: #63646E;
     text-transform: uppercase;
     font-size: 13px;
     margin-top: 5px;
}

.element-four .testimonial-content {
     padding: 0;
     font-size: 18px;
     line-height: 38px;
     font-weight: 400;
}

.element-four.owl-theme .owl-controls .owl-page span {
     background: #D3CBCE !important;
     opacity: 1;
}


.element-four.owl-theme .owl-controls .owl-page.active span {
     background: #9547fd !important;
     background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
     background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
     background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;

     opacity: 1;
}


@media screen and (max-width: 767px) {
     .element-four .quote_area {
          display: none;
     }

     .element-four .testimonial-name {
          font-size: 18px;
     }

     .element-four .testimonial-content {
          text-align: center;
          padding-top: 30px;
     }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
     .element-four .testimonial-name {
          font-size: 18px;
     }


}






/*Testimonial Element Five*/
.element-five:not(.owl-carousel) .testimonial-item {
     float: left;
     padding-left: 0;
     margin-bottom: 40px;
}

.testimonial_area {
     overflow: hidden;
     padding: 0;
}

.testimonial_area h2 {
     text-align: center;
     font-size: 35px;
     padding-bottom: 60px;
}

.element-five .rt_testimonial-image-grid img {
     display: block;
     width: 70%;
     border: 1px solid #BCB6B5;
     border-radius: 50%;
     text-align: center;
     margin: 0 auto;
}

.element-five .quote_img {
     text-align: center;
}

.element-five .quote_area {
     color: #6F32FE;
     font-size: 32px;
     position: relative;
}

.element-five .quote_area .midd {
     color: #6F32FE;
     text-align: center;
     margin: 20px auto;
}

.element-five .quote_area:after {
     height: 50px;
     width: 1px;
     background: #D4CDCF;
     content: "";
     display: block;
     margin: 0 auto;
}

.element-five .quote_area:before {
     height: 50px;
     width: 1px;
     background: #D4CDCF;
     content: "";
     display: block;
     margin: 0 auto;
}

.element-five .owl-stage-outer {
     width: 80%;
     margin: 0 auto;
     text-align: center;
}

.element-five .testimonial-item {
     width: 80%;
     margin: 0;
}


/*.element-five .cell-left {}

.element-five .cell-right {
    text-align: center;
    margin-right: 80px;
    padding-top: 35px;
    padding-bottom: 20px;
}*/

.element-five .testimonial-name {
     font-weight: 500;
     text-align: center;
     color: #3F1E1F;
     font-size: 22px;
     margin-top: 25px;
}

.element-five .testimonial-job {
     text-align: center;
     color: #63646E;
     text-transform: uppercase;
     font-size: 13px;
     margin-top: 5px;
}

.element-five .testimonial-content {
     padding: 0 30px;
     font-size: 20px;
     line-height: 31px;
     font-weight: 300;
     text-align: center;
     color: #8F847E;
     margin: 0 auto;
     /*border-left: 1px solid #CFC7BD;
border-right: 1px solid #CFC7BD;*/
}

.element-five.owl-theme .owl-controls .owl-page span {
     background: #D3CBCE !important;
     opacity: 1;
}

.element-five .rt_quote {
     text-align: center;
     margin-bottom: 30px;
}

.element-five .rt_quote img {
     width: auto !important;
     margin: 0 auto;
}




.element-five.owl-theme .owl-prev span:hover,
.element-five.owl-theme .owl-next span:hover {
     color: #8199A3;
}

.element-five.owl-theme .owl-prev,
.owl-next {}

.element-five.owl-carousel .owl-nav .owl-prev {
     position: absolute;
     text-transform: uppercase;
     line-height: 120px;
     font-weight: 500;
     font-size: 20px;
     top: 20%;
     left: 7px;
     border-right: 1px solid #CFC7BD;
     border-radius: 0px;
     /*background: #fff;*/
     padding-right: 30px !important;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-prev:before {
     display: none;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-next:before {
     display: none;
}


.element-five.owl-carousel .owl-nav .owl-next {
     position: absolute;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 20px;
     line-height: 120px;
     top: 20%;
     right: 7px;
     border-left: 1px solid #CFC7BD;
     border-radius: 0px;
     padding-left: 30px !important;
}


.element-five.owl-theme .owl-controls .owl-buttons div {
     color: #3F1E1F;
     display: inline-block;
     zoom: 1;
     margin: 0;
     font-size: 22px;
     background: none;
     filter: Alpha(Opacity=100);
     opacity: 1;
     text-transform: uppercase;
     padding: 0;
     border-radius: 0px;
}

.element-five.owl-theme .owl-controls.clickable .owl-buttons div:hover {
     filter: Alpha(Opacity=50);
     opacity: .5;
     text-decoration: none
}

@media screen and (max-width: 767px) {
     .element-five .quote_area {
          display: none;
     }

     .element-five .testimonial-name {
          font-size: 18px;
     }

     .element-five .testimonial-content {
          font-size: 16px;
     }

     .element-five.owl-theme .owl-controls .owl-buttons div {
          font-size: 18px;
     }

     .element-five .owl-stage-outer {
          width: auto;
     }

     .element-five .testimonial-item {
          width: auto;
     }

     .element-five.owl-carousel .owl-nav .owl-prev {
          padding-right: 10px !important;
          text-align: center;
          font-size: 16px;
          position: relative;
          line-height: 32px;
          left: 0;
     }

     .element-five.owl-carousel .owl-nav .owl-next {
          padding-left: 10px !important;
          text-align: center;
          font-size: 16px;
          position: relative;
          line-height: 32px;
          right: 0;
     }



}

@media screen and (min-width: 768px) and (max-width: 1024px) {
     .element-five .testimonial-name {
          font-size: 18px;
     }

     .element-five .testimonial-content {
          text-align: center;
          padding: 0 20px;
          width: 95%;
     }
}



/* owl-nav */

/* .testimonial owl-nav-style-one */

.testimonial.owl-nav-style-one .owl-nav {
     /*position: relative;
    margin-top: 31px;*/
     text-align: center;
     font-size: 0;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-prev,
.testimonial.owl-nav-style-one .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-one .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 22px;
     color: #fff;
     line-height: 1;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-prev {
     margin-right: 7px;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-prev:before {
     content: "\f053";
}

.testimonial.owl-nav-style-one .owl-nav > .owl-next {
     margin-left: 7px;
}

.testimonial.owl-nav-style-one .owl-nav > .owl-next:before {
     content: "\f054";
}

/* .testimonial owl-nav-style-two */

.testimonial.owl-nav-style-two .owl-nav {
     text-align: center;
     font-size: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     z-index: 1;
     display: inline-block;
     vertical-align: top;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-align: center;
     opacity: 0.5;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:hover,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:hover {
     opacity: 1;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 20px;
     color: #fff;
     line-height: 50px;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev {
     left: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before {
     content: "\f053";
     margin-left: -4px;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-next {
     right: 0;
}

.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
     content: "\f054";
     margin-right: -4px;
}

/* .testimonial owl-nav-style-three */

.testimonial.owl-nav-style-three .owl-nav {
     position: absolute;
     left: -62%;
     bottom: 15%;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev,
.testimonial.owl-nav-style-three .owl-nav > .owl-next {
     display: inline-block;
     vertical-align: top;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev > span,
.testimonial.owl-nav-style-three .owl-nav > .owl-next > span {
     font-size: 16px;
     color: #1e1666;
     border: 1px #E6E6ED solid;
     padding: 10px;
     border-radius: 50%;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev > span:hover,
.testimonial.owl-nav-style-three .owl-nav > .owl-next > span:hover {
     background-color: #ffffff;
     border: 1px #fff solid;
     box-shadow: 0 0 22px rgba(0, 0, 0, 0.18);
}

.testimonial.owl-nav-style-three .owl-nav > .owl-prev {
     margin-right: 14px;
}


/* owl-dots */

.testimonial[class*='element-'] .owl-dots {
     margin-left: 15px;
     margin-right: 15px;
}

.testimonial[class*='element-'] .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
}

/* owl-dots - style-one */

.testimonial[class*='element-'].owl-dot-style-one .owl-dots {
     margin-top: 40px;
     text-align: center;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
     margin-left: 6px;
     margin-right: 6px;
}

.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
     display: block;
     width: 50px;
     height: 2px;
     background-color: #e3e0df;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* owl-dots - style-two */

.testimonial[class*='element-'].owl-dot-style-two .owl-dots {
     position: absolute;
     bottom: 3px;
     right: 0;
     text-align: center;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
     margin-left: 4px;
     margin-right: 4px;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
     display: block;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
     background-color: #fff !important;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px) {
     .testimonial.element-two.owl-nav-style-three .owl-nav {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -50px;
          text-align: center;
     }

}

/* TABLET PROTRAIT PART */

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

     /* testimonial element-one */
     .testimonial.element-one .testimonial-item > .holder {
          padding-left: 0;
     }

     .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
          position: static;
          width: 100%;
     }

     .testimonial.element-one .testimonial-item > .holder .testimonial-data {
          text-align: center;
     }

     /* testimonial element-two */
     .testimonial.element-two .testimonial-item > .holder {
          padding: 15px;
     }


     /* testimonial element-four */
     .testimonial.element-four .testimonial-item > .holder {
          padding-left: 0;
          padding-right: 0;
     }

     .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
          position: static;
     }

     /* .testimonial owl-nav-style-two */
     .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
     .testimonial.owl-nav-style-two .owl-nav > .owl-next {
          position: static;
          margin-left: 7px;
          margin-right: 7px;
          transform: translateY(0);
          -webkit-transform: translateY(0);
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* testimonial element-one */
     .testimonial.element-one .testimonial-item > .holder {
          padding-left: 0;
     }

     .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
          position: static;
          width: 100%;
     }

     .testimonial.element-one .testimonial-item > .holder .testimonial-data {
          text-align: center;
     }

     /* testimonial element-two */
     .testimonial.element-two .testimonial-item > .holder {
          padding: 15px;
     }


     /* testimonial element-four */
     .testimonial.element-four .testimonial-item > .holder {
          padding-left: 0;
          padding-right: 0;
     }

     .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
          position: static;
     }

     /* .testimonial owl-nav-style-two */
     .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
     .testimonial.owl-nav-style-two .owl-nav > .owl-next {
          position: static;
          margin-left: 7px;
          margin-right: 7px;
          transform: translateY(0);
          -webkit-transform: translateY(0);
     }

     .testimonial.owl-nav-style-three .owl-nav {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -40px;
          text-align: center;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* testimonial element-one */
     .testimonial.element-one .testimonial-item > .holder {
          padding-left: 0;
     }

     .testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
          position: static;
          width: 100%;
     }

     .testimonial.element-one .testimonial-item > .holder .testimonial-data {
          text-align: center;
     }

     /* testimonial element-two */
     .testimonial.element-two .testimonial-item > .holder {
          padding: 15px;
     }

     /* testimonial element-four */
     .testimonial.element-four .testimonial-item > .holder {
          padding-left: 0;
          padding-right: 0;
     }

     .testimonial.element-four .testimonial-item > .holder .testimonial-pic {
          position: static;
     }

     /* .testimonial owl-nav-style-two */
     .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
     .testimonial.owl-nav-style-two .owl-nav > .owl-next {
          position: static;
          margin-left: 7px;
          margin-right: 7px;
          transform: translateY(0);
          -webkit-transform: translateY(0);
     }

     .testimonial.owl-nav-style-three .owl-nav {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -40px;
          text-align: center;
     }
}

/* radiantthemes-timeline element-one */

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
     position: relative;
     padding-top: 60px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     z-index: 0;
     width: 2px;
     margin-left: -1px;
     background-color: #cacdd4;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
     display: block;
     position: absolute;
     top: 75px;
     left: 50%;
     z-index: 1;
     content: " ";
     width: 20px;
     height: 20px;
     margin-left: -10px;
     background-color: #fff;
     border-width: 5px;
     border-style: solid;
     border-radius: 50%;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row {
     margin-left: -33px;
     margin-right: -33px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row > [class*='col-'] {
     padding-left: 33px;
     padding-right: 33px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
     margin-bottom: 30px;
     padding-left: 10px;
     padding-right: 10px;
     text-align: right;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
     text-align: left;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
     margin-bottom: 30px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
     width: 100%;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
     margin-top: 7px;
     text-align: left;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
     margin-bottom: 8px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 20px;
     color: #242222;
     line-height: 28px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
     margin-bottom: 17px;
     font-weight: 400;
     font-size: 14px;
     color: #777171;
     line-height: 28px;
}

.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
     margin-bottom: 20px;
}

/* radiantthemes-timeline element-two */

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item {
     position: relative;
     padding-top: 60px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     z-index: 0;
     width: 2px;
     margin-left: -1px;
     background-color: #cacdd4;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
     display: block;
     position: absolute;
     top: 75px;
     left: 50%;
     z-index: 1;
     content: " ";
     width: 20px;
     height: 20px;
     margin-left: -10px;
     background-color: #fff;
     border-width: 5px;
     border-style: solid;
     border-radius: 50%;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row {
     margin-left: -33px;
     margin-right: -33px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row > [class*='col-'] {
     padding-left: 33px;
     padding-right: 33px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
     margin-bottom: 30px;
     padding-left: 10px;
     padding-right: 10px;
     text-align: right;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
     text-align: left;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
     margin-bottom: 30px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
     width: 100%;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
     margin-top: 7px;
     text-align: left;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
     margin-bottom: 8px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 20px;
     color: #242222;
     line-height: 28px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
     margin-bottom: 17px;
     font-weight: 400;
     font-size: 14px;
     color: #777171;
     line-height: 28px;
}

.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
     margin-bottom: 20px;
}

/* radiantthemes-timeline element-three */

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
     padding-top: 100px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
     margin-bottom: 30px;
     text-align: center;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder {
     vertical-align: top;
     width: 100%;
     height: 100%;
}


.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
     margin-bottom: 40px;
     text-align: left;
}


.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table {
     display: table;
     table-layout: fixed;
     width: 100%;
     height: 100%;
     margin: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date {
     margin-bottom: 10px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 16px;
     line-height: 26px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
     margin-bottom: 15px;
     font-weight: 700;
     font-size: 32px;
     color: #030712;
     line-height: 42px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data p:not(.date) {
     margin-bottom: 20px;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     margin-left: 50px;
     margin-right: 50px;
     text-align: center;
     font-size: 0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
     position: relative;
     display: inline-block;
     vertical-align: top;
     width: 20%;
     max-width: 100%;
     margin-bottom: 13px;
     padding-top: 26px;
     background: none;
     border: none;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 16px;
     color: #030712;
     line-height: 26px;
     cursor: pointer;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:before {
     position: absolute;
     top: 4px;
     left: 0;
     right: 0;
     z-index: 0;
     content: " ";
     height: 4px;
     background-color: #d5d8e0;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before {
     left: 50%;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
     right: 50%;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:only-child:before {
     display: none;
}

.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:after {
     position: absolute;
     top: 0;
     left: 50%;
     z-index: 1;
     content: " ";
     width: 12px;
     height: 12px;
     margin-left: -6px;
     background-color: #fff;
     border: 3px #a8abb3 solid;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

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

     /* radiantthemes-timeline element-one */
     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
          padding-top: 0px;
          padding-left: 30px;
          padding-bottom: 10px;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
          top: 6px;
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
          margin-top: 0;
          margin-bottom: 20px;
     }

     /* radiantthemes-timeline element-three */
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
          padding-top: 0;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
          position: static;
          margin-left: 0;
          margin-right: 0;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
          width: 100%;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
          left: 0;
          right: 0;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* radiantthemes-timeline element-one */
     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
          padding-top: 0px;
          padding-left: 30px;
          padding-bottom: 10px;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
          top: 6px;
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
          margin-top: 0;
          margin-bottom: 20px;
     }

     /* radiantthemes-timeline element-three */
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
          padding-top: 370px;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
          margin-left: 0;
          margin-right: 0;
     }


     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
          width: 100%;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
          left: 0;
          right: 0;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* radiantthemes-timeline element-one */
     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
          padding-top: 0px;
          padding-left: 30px;
          padding-bottom: 10px;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
          top: 6px;
          left: 0;
     }

     .radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
          margin-top: 0;
          margin-bottom: 20px;
     }

     /* radiantthemes-timeline element-three */
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
          padding-top: 370px;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
          margin-left: 0;
          margin-right: 0;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
          width: 100%;
     }

     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
     .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
          left: 0;
          right: 0;
     }
}

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

/* RadiantThemes Element CSS */

/* Typewriter Text */

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

.radiantthemes-typewriter-text.element-one > .typed-strings:after {
     content: "|";
     font-weight: 300;
     opacity: 1;
     animation: blink 0.5s infinite;
}

@keyframes blink {
     0% {
          opacity: 1;
     }

     50% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

/* radiantthemes-twitter-widget element-one  */

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li {
     position: relative;
     margin-bottom: 22px;
     padding-left: 27px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:last-child,
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:only-child {
     margin-bottom: 0;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     content: "\f099";
     font-family: "FontAwesome";
     font-size: 16px;
     color: #fff;
     line-height: 28px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet {
     margin-bottom: 0;
     font-weight: 400;
     font-size: 15px;
     color: #fff;
     line-height: 28px;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet a {
     color: inherit;
     opacity: 0.7;
}

.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .interact {
     display: none;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/*# sourceMappingURL=radiantthemes-addons-custom.css.map */

/* Event */

.up-event-box {
     border: 1px solid #d2d2d2;
     background: #fff;
     width: 100%;
     float: left;
     margin-bottom: 30px;
     position: relative;
}

.up-event-box:after {
     content: "";
     width: 15%;
     height: 3px;
     background: #3cb065;
     position: absolute;
     bottom: 0px;
     left: 0px;
}

.heading {
     margin-bottom: 20px;
     width: 100%;
     float: left;
}

.heading span {
     color: #22356a;
     font-size: 30px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     float: left;
}

.viewall-btn {
     background: #3db166;
     padding: 13px 30px;
     float: right;
     color: #fff;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
}

.viewall-btn:hover {
     text-decoration: none;
     color: #fff;
}

.up-event-calender-box {
     width: 15%;
     float: left;
     padding: 15px 15px;
     text-align: center;
}

.up-event-calender-box .date {
     color: #22356a;
     font-size: 36px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
}

.up-event-calender-box .month {
     color: #767676;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
}

.up-event-text-box {
     width: 85%;
     float: left;
     border-left: 1px solid #d2d2d2;
     min-height: 95px;
     padding: 10px;
}

.up-event-text-box h3 {
     margin: 10px 0 10px 0;
     line-height: 22px;
     color: #22356a;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
}

.up-event-text-box p {
     margin-bottom: 0px;
}

.up-event-text-box span {
     margin-right: 15px;
     color: #767676;
}

/*start home-one-css*/

course-style-one.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
}

.courses_section .course-content-box {
     padding: 10px;
}

.courses_section .course-content-box h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 26px;
}

.courses_section .course-content-box h3 {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
}

.courses_section .course-content-box p {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #767676;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
     text-align: right;
     margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     padding: 12px 50px 12px 50px;
     background-color: #3db166;
     color: #fff;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
     background-color: #22356a;
}

.courses_section .ratings-section .ratings {
     padding: 0 9px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     color: #3db166;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     color: #22356a;
}

.courses_section .view-all-button {
     text-align: center;
     margin-top: 40px;
}

@media screen and (max-width:320px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }
}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }
}

/*end home-one-css*/

/*start home-two-css*/

.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #22356a;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #373737;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #373737;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .ratings {
     text-align: center;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     background-color: #3db166;
}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}

@media screen and (max-width:320px) {
     .courses_section .ratings {
          text-align: left;
     }
}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .ratings {
          text-align: left;
     }
}

/*End home-two-css*/

/*start style-three-css*/

.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #3db166;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #373737;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #373737;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .ratings {
     text-align: center;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     background-color: #3db166;
}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}

@media screen and (max-width:320px) {
     .courses_section .ratings {
          text-align: left;
     }
}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .ratings {
          text-align: left;
     }
}

/*End style-three-css*/

/*start home-four-css*/

.courses_section {
     padding: 100px 0;
}

/*.courses_section .course-main-box{
    border:1px solid #efefef;
}*/

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.courses_section .course-main-box .ratings-section {
     padding: 12px 15px;
     /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
      transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
}

.courses_section .course-main-box:hover .ratings-section {
     background-color: #3db166;
}

.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
     color: #fff !important;
}

.courses_section .course-main-box .ratings-section h2 {
     color: #fff;
     font-family: "Poppins", Sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings-section h3 {
     color: #fff;
     font-family: 'Lato', sans-serif;
     font-size: 14px;
     font-weight: 400;
}

.courses_section .course-main-box .ratings-section {
     margin-top: -81px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: 'Lato', sans-serif;
     color: #fff;
     font-size: 12px;
     letter-spacing: 1px;
     display: inline-block;
}

.courses_section .view-all-button {
     margin-top: 40px;
}

.courses_section .view-all-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #2b2f34;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     background-color: #3db166;
}

.no-padding {
     padding: 0;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}

@media screen and (max-width:320px) {
     .courses_section .course-main-box .ratings-section {
          margin-top: -98px;
     }
}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .ratings-section {
          margin-top: -90px;
     }
}

/*End home-four-css*/

/*Start home-five-css*/

.courses_section {
     padding: 100px 0;
}

.courses_section .course-main-box {
     border: 1px solid #efefef;
}

.courses_section .course-main-box img {
     width: 100%;
     margin-top: 0 auto;
}

.courses_section .course-content-box {
     padding: 10px;
}

.courses_section .course-content-box h2 {
     color: #22356a;
     font-family: "Poppins", Sans-serif;
     font-size: 15px;
     font-weight: 500;
     line-height: 26px;
}

.courses_section .course-content-box h3 {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
}

.courses_section .course-content-box p {
     color: #767676;
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
}

.courses_section .course-main-box .ratings .fas {
     color: #ffb931;
     font-size: 9px;
}

.courses_section .course-main-box .ratings h1 {
     font-family: "Raleway", Sans-serif;
     color: #767676;
     font-size: 12px;
     display: inline-block;
     letter-spacing: 1px;
}

.courses_section .course-main-box .view-button {
     text-align: right;
     margin-top: -39px;
}

.courses_section .course-main-box .view-button a {
     font-family: "Raleway", Sans-serif;
     font-size: 14px;
     font-weight: 400;
     padding: 12px 50px 12px 50px;
     background-color: #3db166;
     color: #fff;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .course-main-box .view-button a:hover {
     background-color: #22356a;
}

.courses_section .ratings-section .ratings {
     padding: 0 9px;
}

.courses_section .view-all-button a {
     font-family: 'Barlow Condensed', sans-serif;
     font-size: 22px;
     font-weight: 600;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #16285c;
     padding: 15px 25px 15px 25px;
     display: inline-block;
     text-decoration: none;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.courses_section .view-all-button a:hover {
     background-color: #3db166;
}

.courses_section .view-all-button {
     text-align: right;
}

.courses_section .courses-heading h4 {
     font-size: 14px;
     font-weight: 400;
     font-family: "Raleway", Sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 28px;
     color: #373737;
}

.courses_section .courses-heading h2 {
     font-size: 32px;
     font-weight: 400;
     font-family: "Barlow Condensed", Sans-serif;
     text-transform: uppercase;
     color: #22356a;
     margin-bottom: 40px;
}

@media screen and (max-width:320px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }

     .courses_section .view-all-button {
          text-align: left;
          margin-bottom: 20px;
     }
}

@media screen and (min-width:768px) and (max-width:991px) {
     .courses_section .course-main-box .view-button {
          margin-top: 5px;
          text-align: left;
          padding: 0 9px;
     }
}

/*End home-five-css*/

/* radiantthemes-case-studies-slider element-one */

.radiantthemes-case-studies-slider.element-one {
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((79 / 100) * 100%);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .overlay {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.65);
     opacity: 0;
     visibility: hidden;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 35px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transition: all 0.3s ease-in-out 0.0s;
     -webkit-transition: all 0.3s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title {
     margin-bottom: 10px;
     font-weight: 300;
     font-size: 22px;
     color: #fff;
     line-height: 30px;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title a {
     color: inherit;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 4;
     text-align: right;
     font-size: 0;
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transition: all 0.3s ease-in-out 0.2s;
     -webkit-transition: all 0.3s ease-in-out 0.2s;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button > .btn {
     display: inline-block;
     vertical-align: top;
     padding: 10px 12px 10px 12px;
     border: none;
     border-radius: 0;
     font-size: 22px;
     color: #fff;
     line-height: 1;
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .pic {
     transform: scale(1.07);
     -webkit-transform: scale(1.07);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .overlay,
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .data {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .action-button {
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

.radiantthemes-case-studies-slider.element-one .owl-dots {
     margin-top: 30px;
     margin-right: 15px;
     margin-left: 15px;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot {
     display: inline-block;
     vertical-align: top;
     margin-left: 4px;
     margin-right: 4px;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot > span {
     display: block;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot.active > span {
     background-color: #1e2c41;
}

/* Case studies slider Two*/

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder {
     background-color: #fff;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
     border-radius: 0px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
     margin: 30px 10px;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .date {
     font-style: italic;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder > .pic {
     transform: scale(1) translateY(0);
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     border-bottom: 4px solid transparent;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .pic {
     transform: scale(1.1) translateY(-12px);
     border-bottom: 4px solid #27AD5F;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .pic img {
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .pic img {
     width: 100%;
     float: left;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .pic .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-image: url(images/blog-image-1-1.jpg);
     background: center top no-repeat;
     background-size: cover;
     background-position: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button {
     display: block;
     position: absolute;
     bottom: 31%;
     right: 20px;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background-color: #fff;
     z-index: 2;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button:hover {
     background-color: #FC6086;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button:hover .ti-angle-right {
     color: #ffffff;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button .ti-angle-right {
     color: #FC6086;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data {
     padding: 15px 20px 25px 25px;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .title a {
     text-decoration: none;
     color: #282828;
     font-size: 20px;
     font-weight: 500;
     line-height: 25px;
     letter-spacing: -0.7px;
}


.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data span.author {
     color: #6a7c92;
}


.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot.active span,
.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot:hover span {
     background: #1a1a1a;
}

.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot {
     outline: none;
}

.radiantthemes-case-studies-slider.element-two.owl-theme .owl-nav span {
     display: none;
}

.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots {
     margin-top: 20px;
}

.radiantthemes-case-studies-slider.element-two .owl-nav {
     position: absolute;
     max-width: 80px;
     margin: 0px auto 0px;
     top: -50px;
     right: 0px;
     height: 40px;
     z-index: 10;
     width: 100%;
     text-align: center;
}

.radiantthemes-case-studies-slider.element-two .owl-nav:before {
     content: "";
     position: absolute;
     width: 2px;
     height: 40px;
     background: #A1A1A1;
     left: -10px;
}

.radiantthemes-case-studies-slider.element-two.owl-theme .owl-nav [class*=owl-]:hover {
     background: none;
     color: #000 !important;
     text-decoration: none;
}

.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next,
.owl-nav button.owl-prev {
     color: #a1a1a1 !important;
     width: 40px;
     height: 40px;
     line-height: 40px;
     opacity: 1;
     box-sizing: border-box;
     position: absolute;
     pointer-events: auto;
     border: 2px solid transparent !important;
     font-family: FontAwesome;
     -webkit-transition: .2s;
     -o-transition: .2s;
     transition: .2s;
     margin: 0px !important;
     outline: none;
}

.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next {
     right: 0;
     left: auto;
}

.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev {
     right: auto;
     left: 0;
}

.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next:before,
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev:before {
     font-size: 18px;
     box-sizing: border-box;
     position: absolute;
     width: 36px;
     height: 36px;
     left: 0;
     top: 0;
     line-height: 36px;
}

.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev:before {
     content: "\f177";
}

.radiantthemes-case-studies-slider.element-two .owl-nav button:before {
     content: "\f178";
     display: block;
     font-size: 16px;
     line-height: 26px;
     font-family: FontAwesome;
     box-sizing: border-box;
     font-weight: 300;
     transition: .2s;
}

@media screen and (max-width: 990px) {
     .radiantthemes-case-studies-slider.element-two .owl-nav {
          position: relative;
          max-width: 80px;
          margin: 20px auto 0;
          overflow: hidden;
          top: 50%;
          right: 0px;
          height: 40px;
          z-index: 10;
          width: 100%;
          text-align: center;
     }
}

.radiantthemes-case-studies-slider.element-two .owl-nav .owl-next {
     right: 0;
     left: auto;
     height: 40px;
     line-height: 40px;
     position: absolute;
     border: 2px solid transparent !important;
     width: 40px;
}

.radiantthemes-case-studies-slider.element-two .owl-nav .owl-prev {
     right: auto;
     left: 0;
     height: 40px;
     line-height: 40px;
     position: absolute;
     border: 2px solid transparent !important;
     width: 40px;
}

.radiantthemes-case-studies-slider.element-two .owl-nav [class*=owl-]:hover {
     background: none;
     color: #000 !important;
     text-decoration: none;
}

.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .title {
     line-height: 28px;
     margin-top: 10px;
}

/*--------------------------------------------------------------
# Case Studies Slider (Style Three)
--------------------------------------------------------------*/
.radiantthemes-case-studies-slider-three {
     padding-bottom: 60px;
     position: relative;
     overflow: hidden;
     width: auto;
     margin-left: 0;
     margin-right: 0;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder {
     position: relative;
     overflow: hidden;
     padding-top: calc((79 / 100) * 100%);
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .pic {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-image: url(images/test.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .overlay {
     position: absolute;
     top: -1px;
     right: -1px;
     bottom: -1px;
     left: -1px;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.40);
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.7s ease-in-out 0.0s;
     -webkit-transition: all 0.7s ease-in-out 0.0s;
}


.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .data {
     position: absolute;
     right: 0;
     bottom: 10%;
     left: 0;
     z-index: 3;
     align-items: center;
     justify-content: center;
     padding: 35px;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .data > .category {
     font-size: 16px;
     line-height: 28px;
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 10px;
     transform: translateY(25px);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out 0.3s;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .data > .title {
     visibility: hidden;
     opacity: 0;
     transform: translateY(25px);
     transition: all 0.3s ease-in-out 0.6s;
     -webkit-transition: all 0.3s ease-in-out 0.6s;
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder > .data > .title > a {
     text-decoration: none;
     color: #ffffff;
     font-size: 35px;
     font-weight: 400;
     line-height: 35px;
     letter-spacing: -0.7px;
}


.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder:hover > .data > .category,
.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder:hover > .data > .title,
.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder:hover > .data > .title > a {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder:hover > .pic {
     border-radius: 5px;
     transform: scale(0.97);
}

.radiantthemes-case-studies-slider-three.element-three .rt-case-study-box-item > .holder:hover > .overlay {
     opacity: 1;
     visibility: visible;
     transform: scale(0.97);
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 26px;
     margin: 0 auto;
     display: block;
     text-align: center;
     width: 140px;
     padding: 15px 40px 15px 40px;
     background-color: #fff;
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
     border-radius: 5px;

}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav > .owl-prev,
.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav > .owl-next {
     vertical-align: middle;
     display: inline-block;
     padding-top: 4px !important;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav > .owl-prev:focus,
.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav > .owl-next:focus {
     outline: none;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav .owl-prev:before,
.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav .owl-next:before {
     display: none;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav {
     position: initial;
     display: initial;
     text-align: center;
     width: initial;
     padding: 0;
     background-color: transparent;
     box-shadow: none;
     border-radius: 0;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-one > .owl-nav > .owl-prev {
     border-right: 1px #EAE9E8 solid;
     margin-right: 12px;
     padding: 4px 12px 1px 0 !important;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav .ti-arrow-left,
.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav .ti-arrow-right {
     display: none;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav > .owl-prev {
     border-right: none;
     margin-right: 0;
     padding: 0 !important;
}

.radiantthemes-case-studies-slider-three.element-three > .owl-nav > .owl-prev {
     left: 65px;
}

.radiantthemes-case-studies-slider-three.element-three > .owl-nav > .owl-next {
     right: 65px;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two:hover > .owl-nav > .owl-prev {
     visibility: visible;
     opacity: 1;
     left: 20px;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two:hover > .owl-nav > .owl-next {
     visibility: visible;
     opacity: 1;
     right: 20px;
}

.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav > .owl-prev,
.radiantthemes-case-studies-slider-three.element-three.owl-nav-style-two > .owl-nav > .owl-next {
     position: absolute;
     top: 35%;
     margin-top: -20px;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.radiantthemes-case-studies-slider-three.element-three > .owl-nav > .owl-prev:focus,
.radiantthemes-case-studies-slider-three.element-three > .owl-nav > .owl-next:focus {
     outline: none;
}

.radiantthemes-case-studies-slider-three.element-three .owl-nav > .owl-prev:before,
.radiantthemes-case-studies-slider-three.element-three .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 60px;
     color: #ffffff;
     line-height: 1;
}

.radiantthemes-case-studies-slider-three.element-three .owl-nav > .owl-prev:before {
     content: "\f104";
}

.radiantthemes-case-studies-slider-three.element-three .owl-nav > .owl-next:before {
     content: "\f105";
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

/* TABLET PROTRAIT PART */

/* SMART PHONE LANDSCAPE PART */

/* SMART PHONE PROTRAIT PART */

/* rt-case-study-box-filter */

.rt-case-study-box-filter[class*='filter-style-'] {
     font-size: 0;
}

.rt-case-study-box-filter.filter-style-one {
     margin-bottom: 30px;
}

.rt-case-study-box-filter.filter-style-one > button {
     display: inline-block;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 20px;
     padding: 0;
     background-color: initial;
     border: none;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     color: #4e4e4e;
     line-height: 25px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {

     /* rt-case-study-box-filter */
     .rt-case-study-box-filter.filter-style-one > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }
}

/* SMART PHONE PROTRAIT PART */

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

     /* rt-case-study-box-filter */
     .rt-case-study-box-filter.filter-style-one > button {
          width: 100%;
          margin: 0px 0px 15px 0px;
     }
}

/* rt-case-study-box element-one */

.rt-case-study-box.element-one .rt-case-study-box-item {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder {
     background-color: #f8f8f8;
     border: 1px #edebeb solid;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover {
     position: relative;
     z-index: 1;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic {
     position: relative;
     overflow: hidden;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > img {
     width: 100%;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > .holder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover > .pic > .holder {
     transform: scale(1.15);
     -webkit-transform: scale(1.15);
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data {
     padding: 25px 25px 27px 25px;
}

.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
     text-align: left;
}

.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
     text-align: center;
}

.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
     text-align: right;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p.category {
     margin-bottom: 7px;
     font-weight: 400;
     font-size: 15px;
     color: #001040;
     line-height: 25px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 {
     margin-bottom: 7px;
     font-weight: 600;
     font-size: 17px;
     color: #001040;
     line-height: 28px;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 a {
     color: inherit;
}

.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p {
     margin-bottom: 10px;
     color: #001040;
}

/* LARGE DESKTOP PART */

/* DESKTOP PART */

/* TABLET LANDSCAPE PART */

@media screen and (min-width: 768px) and (max-width: 991px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 33.33% !important;
     }
}

/* TABLET PROTRAIT PART */

@media screen and (min-width: 480px) and (max-width: 767px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 50% !important;
     }
}

/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width: 321px) and (max-width: 479px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 100% !important;
     }
}

/* SMART PHONE PROTRAIT PART */

@media screen and (max-width: 320px) {
     .rt-case-study-box.element-one .rt-case-study-box-item {
          width: 100% !important;
     }
}

/*--------------------------------------------------------------
# Case Studies (Style Two)
--------------------------------------------------------------*/

.case-study-inner {
     padding: 120px 0 80px 0;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder {
     background-color: #fff;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     margin-bottom: 40px;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
     transform: translateY(0);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover {
     transform: translateY(-6px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic {
     transform: scale(1) translateY(0);
     position: relative;
     margin-bottom: 0;
     overflow: hidden;
     backface-visibility: hidden;
     transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover > .pic {
     transform: scale(1.1) translateY(-12px);
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > img {
     width: 100%;
     float: left;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > .placeholder {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     background-image: url(images/blog-image-1-1.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn {
     text-align: right;
     top: -30px;
     position: relative;
     right: 25px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button {
     display: block;
     float: right;
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background-color: #fff;
     z-index: 2;
     box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
     transform: translateY(25px);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover .post-button {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
     background-color: #1ed5a4;

}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
     color: #ffffff !important;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
     color: #1ed5a4;
     font-size: 18px;
     line-height: 55px;
     display: block;
     text-align: center;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data {
     padding: 20px 25px;
}


.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .date {
     font-size: 14px;
     line-height: 26px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .excerpt {
     margin-bottom: 3px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title > a {
     text-decoration: none;
     color: #1e1666;
     font-size: 25px;
     font-weight: 500;
     line-height: 35px;
     letter-spacing: -0.7px;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .post-meta > span {
     text-transform: capitalize;
     font-size: 13px;
     color: #999;
     line-height: 1.8;
}

.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > span.author {
     color: #6a7c92;
}

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

.rt-case-study-box.element-three > .rt-case-study-box-item {
     text-align: left;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder {
     background-color: #fff;
     border: 1px #d8dadd solid;
     text-align: inherit;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data {
     padding: 26px 23px 27px 23px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data .title {
     margin-bottom: 10px;
     font-weight: 400;
     font-size: 25px;
     line-height: 32px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data > *:last-child {
     margin-bottom: 0 !important;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic {
     text-align: center;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic img {
     width: 100%;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more {
     position: relative;
     overflow: hidden;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-first {
     background-color: transparent;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn {
     display: block;
     text-align: left;
     padding: 10px 23px 10px 23px;
     background-color: transparent;
     border: none;
     border-radius: 0;
     box-shadow: initial;
     font-weight: 500;
     font-size: 13px;
     line-height: 30px;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn i {
     vertical-align: middle;
     margin-top: 0;
     margin-left: 10px;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second,
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second:hover {
     background-color: #1A4CED;
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     color: #fff;
     transform: translateY(100%);
     -webkit-transform: translateY(100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-first {
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
}

.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-second {
     transform: translateY(0);
     -webkit-transform: translateY(0);
}

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

/* Slider Start */

#app-slider {
     padding: 14px 0;
}

#app-slider {
     position: relative;
     display: inline-block;
}

#app-slider:before {
     background: url(../images/app-slider-ph-bg.png);
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     width: 235px;
     height: 542px;
     z-index: 99;
     background-repeat: no-repeat;
     top: 0;
}

.owl-theme .owl-dots {
     margin-top: 30px !important;
}

/* rt-slider Nav Style */

.rt-slider .owl-nav {
     font-size: 0;
}

.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -30px;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
}

.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
     opacity: 1;
     visibility: visible;
}

.rt-slider .owl-nav > .owl-prev {
     left: 15px;
}

.rt-slider:hover .owl-nav > .owl-prev {
     left: -35px;
}

.rt-slider .owl-nav > .owl-next {
     right: 15px;
}

.rt-slider:hover .owl-nav > .owl-next {
     right: -35px;
}

.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
     font-family: "FontAwesome";
     font-size: 55px;
     color: #6a30f5;
     line-height: 1;
}

.rt-slider .owl-nav > .owl-prev:before {
     content: "\f104";
}

.rt-slider .owl-nav > .owl-next:before {
     content: "\f105";
}

@media screen and (max-width:480px) {
     #app-slider .pic {
          width: 58%;
          margin: 0 auto;
     }
}

@media screen and (min-width:481px) and (max-width:768px) {
     #app-slider .pic {
          width: 90%;
          margin: 0 auto;
     }
}

/* Slider End */

/*============================== Default ==============================*/

.radiantthemes-custom-heading.element-one .default {
     width: 100%;
     display: block;
     overflow: hidden
}

.radiantthemes-custom-heading.element-two .default {
     font-size: 25px;
     line-height: 25px;
     margin: 0;
     padding: 0;
     color: #000;
     text-transform: uppercase;
}

.rt-text-reveal .holder > h1,
.rt-text-reveal .holder > h2,
.rt-text-reveal .holder > h3,
.rt-text-reveal .holder > h4,
.rt-text-reveal .holder > h5,
.rt-text-reveal .holder > h6,
.rt-text-reveal .holder > div,
.rt-text-reveal .holder > span,
.rt-text-reveal .holder > p {
     margin: 0 !important;
}

/*============================== Text Reveal(Left to Right) ==============================*/

.radiantthemes-custom-heading.element-two .rt_text_anim {
     width: 100%;
     display: block;
     overflow: hidden
}

.radiantthemes-custom-heading.element-two .rt_textimage {
     position: relative;
     overflow: hidden;
     width: auto;
     display: inline-block;
}

.radiantthemes-custom-heading.element-two .rt_textimage {
     font-size: 25px;
     line-height: 25px;
     margin: 0;
     padding: 0;
     color: #000;
     text-transform: uppercase;
     animation: fadeIn 0s 0.4s;
     animation-fill-mode: backwards;
}

.radiantthemes-custom-heading.element-two .rt_textimage .rtoverlay_area {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: translateX(-100%);
     animation: rttxtImageOverlayIn 0.4s 0s, rttxtImageOverlayOut 0.4s 0.6s;
     animation-fill-mode: both;
}

@keyframes rttxtImageOverlayIn {
     0% {
          width: 0;
     }

     100% {
          width: 100%;
     }
}

@keyframes rttxtImageOverlayOut {
     0% {
          transform: translateX(0);
     }

     100% {
          transform: translateX(100%);
     }
}

/*============================== Text Reveal(Right to Left) ==============================*/

.radiantthemes-custom-heading.element-three .rttext_animation {
     width: 100%;
     display: block;
     overflow: hidden
}

.radiantthemes-custom-heading.element-three .rtimage {
     position: relative;
     overflow: hidden;
     width: auto;
     display: inline-block;
}

.radiantthemes-custom-heading.element-three .rtimage {
     font-size: 25px;
     line-height: 25px;
     margin: 0;
     padding: 0;
     color: #000;
     text-transform: uppercase;
     animation: fadeIn 0s 0.4s;
     animation-fill-mode: backwards;
}

.radiantthemes-custom-heading.element-three .rtimage .rt_overlay {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: translateX(100%);
     animation: rttxt_OverlayIn 0.4s 0.6s, rttxt_OverlayOut 0.4s 0s;
     animation-fill-mode: both;
}

@keyframes rttxt_OverlayIn {
     0% {
          width: 100%;
     }

     100% {
          width: 0;
     }
}

@keyframes rttxt_OverlayOut {
     0% {
          transform: translateX(100%);
     }

     100% {
          transform: translateX(0%);
     }
}

/*============================== Object Reveal ==============================*/

.rt-text-reveal .holder,
.rt-image-reveal .holder {
     position: relative;
     display: inline-block;
     overflow: hidden;
}

.rt-text-reveal .holder .animate,
.rt-image-reveal .holder .animate {
     position: absolute;
     top: 0;
     width: 100%;
     height: 101%;
     background: none;
}

.rt-text-reveal .holder .animate:before,
.rt-image-reveal .holder .animate:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #27ae60;
     transition-property: transform;
     transition-duration: 0.4s;
}

.rt-text-reveal .holder .animate.top.aos-animate:before,
.rt-text-reveal .holder .animate.bottom.aos-animate:before,
.rt-image-reveal .holder .animate.top.aos-animate:before,
.rt-image-reveal .holder .animate.bottom.aos-animate:before {
     transform: scaleY(1);
}

.rt-text-reveal .holder .animate.left.aos-animate::before,
.rt-text-reveal .holder .animate.right.aos-animate::before,
.rt-image-reveal .holder .animate.left.aos-animate:before,
.rt-image-reveal .holder .animate.right.aos-animate:before {
     transform: scaleX(1);
}

.rt-text-reveal .holder .animate.top::before,
.rt-image-reveal .holder .animate.top:before {
     transform: scaleY(0);
     transform-origin: 0% 100%;
}

.rt-text-reveal .holder .animate.left::before,
.rt-image-reveal .holder .animate.left::before {
     transform: scaleX(0);
     transform-origin: 100% 0%;
}

.rt-text-reveal .holder .animate.right::before,
.rt-image-reveal .holder .animate.right::before {
     transform: scaleX(0);
     transform-origin: 0% 100%;
}

.rt-text-reveal .holder .animate.bottom::before,
.rt-image-reveal .holder .animate.bottom::before {
     transform: scaleY(0);
     transform-origin: 100% 0%;
}

/* AOS animate */

[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
     transition-property: transform;
     transition-delay: 0.3s;
}

[data-aos="reveal-top"] {
     transform: scaleY(1);
}

[data-aos="reveal-top"].aos-animate {
     transform: scaleY(0);
     transform-origin: 100% 0%;
}

[data-aos="reveal-left"] {
     transform: scaleX(1);
}

[data-aos="reveal-left"].aos-animate {
     transform: scaleX(0);
     transform-origin: 0% 100%;
}

[data-aos="reveal-right"] {
     transform: scaleX(1);
}

[data-aos="reveal-right"].aos-animate {
     transform: scaleX(0);
     transform-origin: 100% 0%;
}

[data-aos="reveal-bottom"] {
     transform: scaleY(1);
}

[data-aos="reveal-bottom"].aos-animate {
     transform: scaleY(0);
     transform-origin: 0% 100%;
}

[data-aos="reveal-item"] {
     visibility: hidden;
     transition-property: visibility;
     transition-duration: 0s;
}

[data-aos="reveal-item"].aos-animate {
     visibility: visible;
}

/*================= Map ELEMENT ONE ====================*/
.rt-tooltip-box.element-one > .holder > .pic {
     position: relative;
}

.rt-tooltip-box.element-one > .holder > .tooltip-btn a {
     position: absolute;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     text-transform: uppercase;
     background-color: #ff4511;
     animation: rt-tooltip-animation 1.2s linear infinite;
}

.rt-tooltip-box.element-one > .holder > .tooltip-btn a:nth-child(1) {
     top: 20%;
     left: 30%;
}

.rt-tooltip-box.element-one > .holder > .tooltip-btn a:nth-child(2) {
     bottom: 20%;
     left: 30%;
}

.rt-tooltip-box.element-one > .holder > .tooltip-btn a:nth-child(3) {
     top: 30%;
     right: 25%;
}

.rt-tooltip-box.element-one > .holder > .tooltip-btn a:nth-child(4) {
     top: 65%;
     right: 45%;
}

.rt-toolitp .tooltip-inner {
     background-color: #ff4511;
     padding: 6px 15px;
     text-transform: capitalize;
}

.rt-toolitp.bs-tooltip-top .arrow::before {
     border-top-color: #ff4511;
}

.rt-toolitp.bs-tooltip-bottom .arrow::before {
     border-bottom-color: #ff4511;
}

.rt-toolitp.bs-tooltip-left .arrow::before {
     border-left-color: #ff4511;
}

.rt-toolitp.bs-tooltip-right .arrow::before {
     border-right-color: #ff4511;
}

@keyframes rt-tooltip-animation {
     0% {
          box-shadow: 0 0 0 0 rgba(255, 69, 17, 0.1),
               0 0 0 10px rgba(255, 69, 17, 0.1),
               0 0 0 30px rgba(255, 69, 17, 0.1);
     }

     100% {
          box-shadow: 0 0 0 10px rgba(255, 69, 17, 0.1),
               0 0 0 30px rgba(255, 69, 17, 0.1),
               0 0 0 50px rgba(255, 69, 17, 0);
     }
}