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

Pixaar: style.css ( Main Theme CSS file )

Theme Name: Pixaar - App Landing Page & Product Showcase
Version: 1.0
Author: Raven Themez
Author URI: https://themeforest.net/user/raventhemez
If you having trouble in editing js. please send a mail to raventhemez@gmail.com
 
This is the file you need to edit to change the look of the theme.
======================================================================== 

- // TABLE OF CONTENTS // -

========================================================================
 

 # Landing Page
 ===============================================
 1.1) General Style
 1.2) Global Style
 1.3) Header
 1.4) Banner
 1.5) Slider
 1.6) Services
 1.7) Our Work
 1.8) Features
 1.9) Screenshots
 2.0) Team
 2.1) Testimonial
 2.2) Pricing Table
 2.3) Blog
 2.4) Contact
 2.5) Our Team
 2.6) Newsletter
 2.7) Footer

 # Blog Page
 ===============================================


 # Single Post Page
 ===============================================


*/

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

/* 		   		General Styling	 			 */

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

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

:focus {
    outline: 0;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix:after .test {
    color: red;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

header,
nav,
section,
article,
aside,
footer {
    display: block;
}

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

/*          Fonts Include        */

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

@font-face {
    font-family: 'WonderUnitSans-Extrabold';
    src: url("../fonts/WonderUnitSans-Extrabold.eot");
    src: url("../fonts/WonderUnitSans-Extrabold.woff2") format("woff2"), url("../fonts/WonderUnitSans-Extrabold.woff") format("woff"), url("../fonts/WonderUnitSans-Extrabold.ttf") format("truetype"), url("../fonts/WonderUnitSans-Extrabold.svg#WonderUnitSans-Extrabold") format("svg"), url("../fonts/WonderUnitSans-Extrabold.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WonderUnitSans-Regular';
    src: url("../fonts/WonderUnitSans-Regular.eot");
    src: url("../fonts/WonderUnitSans-Regular.woff2") format("woff2"), url("../fonts/WonderUnitSans-Regular.woff") format("woff"), url("../fonts/WonderUnitSans-Regular.ttf") format("truetype"), url("../fonts/WonderUnitSans-Regular.svg#WonderUnitSans-Regular") format("svg"), url("../fonts/WonderUnitSans-Regular.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WonderUnitSans-Black';
    src: url("../fonts/WonderUnitSans-Black.eot");
    src: url("../fonts/WonderUnitSans-Black.woff2") format("woff2"), url("../fonts/WonderUnitSans-Black.woff") format("woff"), url("../fonts/WonderUnitSans-Black.ttf") format("truetype"), url("../fonts/WonderUnitSans-Black.svg#WonderUnitSans-Black") format("svg"), url("../fonts/WonderUnitSans-Black.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WonderUnitSans-Thin';
    src: url("../fonts/WonderUnitSans-Thin.eot");
    src: url("../fonts/WonderUnitSans-Thin.woff2") format("woff2"), url("../fonts/WonderUnitSans-Thin.woff") format("woff"), url("../fonts/WonderUnitSans-Thin.ttf") format("truetype"), url("../fonts/WonderUnitSans-Thin.svg#WonderUnitSans-Thin") format("svg"), url("../fonts/WonderUnitSans-Thin.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    background-color: #fff;
}

/* Preloader */

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
}

.loading-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
}

.loading-text span {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'Quattrocento Sans', sans-serif;
}

.loading-text span:nth-child(1) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
    animation: blur-text 1.5s 0s infinite linear alternate;
}

.loading-text span:nth-child(2) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
    animation: blur-text 1.5s 0.2s infinite linear alternate;
}

.loading-text span:nth-child(3) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
    animation: blur-text 1.5s 0.4s infinite linear alternate;
}

.loading-text span:nth-child(4) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
    animation: blur-text 1.5s 0.6s infinite linear alternate;
}

.loading-text span:nth-child(5) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
    animation: blur-text 1.5s 0.8s infinite linear alternate;
}

.loading-text span:nth-child(6) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1s infinite linear alternate;
    animation: blur-text 1.5s 1s infinite linear alternate;
}

.loading-text span:nth-child(7) {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
    animation: blur-text 1.5s 1.2s infinite linear alternate;
}

@-webkit-keyframes blur-text {
    0% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur-text {
    0% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
}

/* End Preloader */

.mbYTP_wrapper {
    min-height: 850px !important;
}

h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    margin-bottom: 35px;
    color: #444444;
}

h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 5px;
    color: #444444;
}

h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px;
    color: #444444;
}

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 10px;
    color: #444444;
}

h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 10px;
    color: #444444;
}

h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
    color: #444444;
}

hr {
    border: 0.5px solid #F1F0F0;
}

p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'WonderUnitSans-Regular', sans-serif;
    line-height: 24px;
    margin-bottom: 20px;
    color: #666666;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    font-size: 16px;
    font-family: 'WonderUnitSans-Regular', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 24px;
    color: #666666;
    padding-left: 30px;
    position: relative;
}

ul li:before {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 6px;
    width: 10px;
}

ol {
    margin: 0;
    counter-reset: i;
    position: relative;
}

ol li {
    font-size: 16px;
    font-family: 'WonderUnitSans-Regular', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 24px;
    color: #666666;
    padding-left: 30px;
    position: relative;
}

ol li:before {
    content: " ";
    counter-increment: i;
    content: counter(i) ".";
    position: absolute;
    left: 0;
    color: #2371ae;
    margin-top: 1px;
}

a {
    color: #2371AE;
    font-family: 'Roboto', sans-serif;
}

a:hover {
    text-decoration: none;
    color: #212529;
    transition: all 0.4s ease;
}

section {
    position: relative;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
textarea,
select {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #eceaea;
    border-radius: 50px;
    padding: 10px 25px;
    width: 100%;
    color: #444444;
    margin-bottom: 15px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
    border-color: #2371ae;
    border-color: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    transition: all 0.5s ease;
}

select {
    padding: 12px 25px;
}

textarea {
    border-radius: 8px;
    resize: vertical;
}

blockquote {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #FAF8F8;
    margin-bottom: 15px;
    border-left: 4px solid;
    border-left: 4px solid;
    border-color: #2371AE;
    padding: 30px 70px 30px 70px;
    line-height: 24px;
    color: #444444;
    margin-bottom: 20px;
    font-style: italic;
}

@media only screen and (max-width: 767px) {
    blockquote {
        padding: 30px 15px;
    }
}

blockquote span {
    position: relative;
    padding-left: 20px;
}

blockquote span:before {
    content: '';
    width: 12px;
    height: 1px;
    background: #444444;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.mt_heading,
.mt_heading_white {
    margin-bottom: 90px;
}

@media only screen and (max-width: 767px) {
    .mt_heading,
    .mt_heading_white {
        padding: 0 10px;
    }
}

.mt_heading .section_heading,
.mt_heading_white .section_heading {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 360px) {
    .mt_heading .section_heading,
    .mt_heading_white .section_heading {
        font-size: 18px;
    }
}

.mt_heading .section_heading span,
.mt_heading_white .section_heading span {
    display: inline-block;
    padding: 0 0px 15px 0;
    position: relative;
}

.mt_heading .section_heading span:after,
.mt_heading_white .section_heading span:after {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    width: 36px;
}

.mt_heading .heading_txt,
.mt_heading_white .heading_txt {
    margin: 0 auto;
    width: 60%;
}

@media only screen and (max-width: 767px) {
    .mt_heading .heading_txt,
    .mt_heading_white .heading_txt {
        width: 100%;
    }
}

.mt_heading_white .section_heading {
    color: #FFFFFF;
}

.mt_heading_white .section_heading span:after {
    background: #fff;
}

.mt_heading_white .section_heading .heading_bg {
    color: #FFFFFF;
}

.mt_heading_white .heading_txt {
    color: #fff;
}

#general_banner {
    padding: 100px 0;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    position: relative;
    margin-bottom: 0;
    height: 500px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #general_banner {
        padding: 150px 0 0;
    }
}

#general_banner .overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#general_banner .bread_crumbs {
    text-align: center;
}

#general_banner .bread_crumbs h1 {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 50px;
}

@media only screen and (max-width: 640px) {
    #general_banner .bread_crumbs h1 {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 480px) {
    #general_banner .bread_crumbs h1 {
        font-size: 35px;
    }
}

#general_banner .bread_crumbs .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}

#general_banner .bread_crumbs .breadcrumb li {
    padding-right: 0;
    padding-left: 20px;
    position: relative;
}

#general_banner .bread_crumbs .breadcrumb li:first-child {
    padding-left: 0;
}

#general_banner .bread_crumbs .breadcrumb li:before {
    display: none;
}

#general_banner .bread_crumbs .breadcrumb li:after {
    content: '\f3d3';
    font-family: "Ionicons";
    color: #FFFFFF;
    position: absolute;
    right: -14px;
    top: 1px;
}

#general_banner .bread_crumbs .breadcrumb li:last-child:after {
    display: none;
}

#general_banner .bread_crumbs .breadcrumb li:first-child:before {
    display: none;
}

#general_banner .bread_crumbs .breadcrumb li a {
    color: #fff;
}

#general_banner .bread_crumbs .breadcrumb li a:hover {
    color: #FFFFFF;
}

#general_banner .bread_crumbs .breadcrumb .active {
    color: #FFFFFF;
}

.rt_btn_color,
.rt_btn_white,
input[type="submit"] {
    padding: 10px 30px;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    font-size: 16px;
    border-radius: 50px;
    margin-bottom: 10px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    position: relative;
}

@media only screen and (max-width: 640px) {
    .rt_btn_color,
    .rt_btn_white,
    input[type="submit"] {
        font-size: 14px;
        padding: 10px 19px;
    }
}

.rt_btn_color:hover,
.rt_btn_color:focus,
.rt_btn_white:hover,
.rt_btn_white:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #FFFFFF;
    background: #2371ae;
    background: linear-gradient(to right, #bb47d4 0%, #2371ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb47d4', endColorstr='#2371ae', GradientType=1);
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none;
}

.rt_btn_white {
    background: #FFFFFF;
    color: #2371AE;
    font-weight: 600;
    border: 1px solid;
    border-color: #2371ae;
    border-color: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

.rt_btn_white:hover,
.rt_btn_white:focus {
    color: #f9f9f9;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    transition: all 0.5s ease;
    text-shadow: initial;
    text-decoration: none;
}

.white-svg,
.gradient-svg,
.grey-svg {
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 10;
}

.white-svg svg,
.gradient-svg svg,
.grey-svg svg {
    width: 100%;
    display: block;
    fill: #fff;
}

.grey-svg svg {
    fill: #f9f9f9;
}

#content {
    margin-bottom: 60px;
}

.mt_error {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(228, 25, 25, 0.75);
    color: #fff;
    font-size: 14px;
}

.toast-message {
    font-size: 14px;
}

.mt_load {
    display: none;
    position: absolute;
    top: 11px;
    right: -35px;
    margin-left: 14px;
}

.mt_load span {
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #212529;
    border-left: 2px solid #FFFFFF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-block;
}

.mt_load:after {
    border-radius: 50%;
    width: 26px;
    height: 26px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

/* 		   			LAYOUT 					 */

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

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

/*         Header         */

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

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav {
    padding: 10px;
    background-color: #FFFFFF;
    transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    -webkit-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    -moz-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    -o-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    -ms-transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.52);
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav ul.nav.navbar-nav li a:before {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav ul.nav.navbar-nav li.active a {
    border-color: #2371ae;
    border-color: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .navbar-collapse ul.nav.navbar-nav li a {
    color: #444444;
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .navbar-collapse ul.nav.navbar-nav li a {
        color: #FFFFFF;
    }
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo {
    position: relative;
    float: left;
}

@media only screen and (max-width: 991px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo {
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo {
        float: left;
    }
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo .no_sticky_logo {
    visibility: hidden;
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo .sticky_logo {
    visibility: visible;
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo img.sticky_logo {
    opacity: 1;
}

@media only screen and (max-width: 991px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo img.sticky_logo {
        left: 50%;
        transform: translate(-50%, 0px);
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo img.sticky_logo {
        left: 0;
        transform: initial;
    }
}

#rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img {
    margin-top: 2px;
    width: 140px;
}

@media only screen and (max-width: 360px) {
    #rt_header nav #navigation .navbar.navbar-default.reveal-menu-home.sticky-nav .logo a img {
        margin-top: 10px;
        width: 150px;
    }
}

#rt_header nav #navigation .no_sticky {
    position: absolute;
}

#rt_header nav #navigation .reveal-menu-home {
    background-color: transparent;
}

#rt_header nav #navigation .reveal-menu-home .logo a img {
    width: 140px;
}

@media only screen and (max-width: 360px) {
    #rt_header nav #navigation .reveal-menu-home .logo a img {
        margin-top: 10px;
        width: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .reveal-menu-home .navbar-right {
        float: none;
        margin: 0 auto;
        width: 97%;
    }
}

#rt_header nav #navigation .navbar.navbar-default {
    padding: 25px 0;
    border-bottom: 0;
}

#rt_header nav #navigation .navbar.navbar-default .logo .sticky_logo {
    visibility: hidden;
}

#rt_header nav #navigation .navbar.navbar-default .logo img.sticky_logo {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle {
        border-color: #212529;
        background-color: #212529;
    }
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover {
        border-color: #FFFFFF;
        background-color: #FFFFFF;
    }
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #212529;
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-toggle .icon-bar {
        background-color: #FFFFFF;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-header {
        float: none;
        margin-bottom: 15px;
        margin-top: 15px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse {
        background: #212529;
        border: none;
        margin-top: 15px;
        max-height: 415px;
    }
}

@media only screen and (max-width: 640px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse {
        max-height: 225px;
    }
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
    padding: 0;
    margin-bottom: 0;
    margin-left: 20px;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
        margin-bottom: 0;
        margin-left: 12px;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li {
        margin: 0 15px;
        border-bottom: 1px solid #FFFFFF;
    }
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:before {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li:last-child {
        border-bottom: none;
    }
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0;
    line-height: 43px;
    position: relative;
    letter-spacing: 1px;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a {
        font-size: 13px;
    }
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:focus:before,
#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li a:before {
    background: #FFFFFF;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 43px;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    width: 100%;
}

#rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
    background: none;
    border-bottom: 2px solid;
    border-color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
    #rt_header nav #navigation .navbar.navbar-default .navbar-collapse ul.nav.navbar-nav li.active a {
        border-bottom: none;
    }
}

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

/*         End Header          */

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

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

/*         Banner         */

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

#rt_banner {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 850px;
    width: 100%;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#rt_banner .bg_home {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
}

@media only screen and (max-width: 991px) {
    #rt_banner {
        height: 100% !important;
        position: relative;
    }
}

#rt_banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#rt_banner .banner_caption_text {
    margin-top: 190px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_banner .banner_caption_text {
        margin-top: 220px;
    }
}

#rt_banner .banner_caption_text h1 {
    color: #ffffff;
    font-family: WonderUnitSans-Extrabold;
    font-size: 54px;
    line-height: 70px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

@media only screen and (max-width: 640px) {
    #rt_banner .banner_caption_text h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 15px;
        position: relative;
    }
}

@media only screen and (max-width: 480px) {
    #rt_banner .banner_caption_text h1 {
        font-size: 26px;
    }
}

#rt_banner .banner_caption_text p {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 45px;
}

@media only screen and (max-width: 640px) {
    #rt_banner .banner_caption_text p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 30px;
    }
}

#rt_banner .banner_caption_text .btn-app-store {
    background: #FFFFFF;
    border-radius: 50px;
    color: #000000;
    height: 60px;
    padding-left: 75px;
    padding-right: 40px;
    position: relative;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    #rt_banner .banner_caption_text .btn-app-store {
        margin-bottom: 15px;
    }
}

#rt_banner .banner_caption_text .btn-app-store:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#rt_banner .banner_caption_text .btn-app-store .fa-google-play {
    color: #FFFFFF;
}

#rt_banner .banner_caption_text .btn-app-store i {
    font-size: 30px;
    left: 25px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

#rt_banner .banner_caption_text .btn-app-store .small {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
    margin-top: 5px;
}

#rt_banner .banner_caption_text .btn-app-store .big {
    display: block;
    text-align: left;
    font-size: 21px;
    line-height: 21px;
}

#rt_banner .banner_caption_text .google_play {
    background: #A4C639;
    color: #FFFFFF;
}

#rt_banner .banner_caption_text .google_play:hover {
    background: #FFFFFF;
    color: #A4C639;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#rt_banner .banner_caption_text .google_play i {
    font-size: 35px;
}

#rt_banner .banner_caption_img {
    margin-top: 150px;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    #rt_banner .banner_caption_img {
        margin-bottom: 55px;
        margin-top: 15px;
    }
}

#rt_banner .banner_caption_img img {
    width: 80%;
}

@media only screen and (max-width: 480px) {
    #rt_banner .banner_caption_img img {
        width: 100%;
    }
}

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

/*         End Banner         */

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

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

/*             Main Slider         */

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

.item-slider {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.item-slider:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(33, 42, 73, 0.4);
}

.carousel {
    height: 700px;
}

.carousel .carousel-caption {
    bottom: 20%;
}

@media only screen and (max-width: 960px) {
    .carousel .carousel-caption {
        bottom: 90px;
    }
}

@media only screen and (max-width: 500px) {
    .carousel .carousel-caption {
        bottom: 160px;
    }
}

@media only screen and (max-width: 450px) {
    .carousel .carousel-caption {
        bottom: 175px;
    }
}

@media only screen and (max-width: 360px) {
    .carousel .carousel-caption {
        left: 10%;
        right: 10%;
    }
}

.carousel .carousel-caption .site-heading {
    color: #FFFFFF;
}

@media only screen and (max-width: 860px) {
    .carousel .carousel-caption .site-heading {
        font-size: 36px;
    }
}

@media only screen and (max-width: 500px) {
    .carousel .carousel-caption .site-heading {
        font-size: 28px;
        line-height: 41px;
    }
}

@media only screen and (max-width: 450px) {
    .carousel .carousel-caption .site-heading {
        font-size: 26px;
    }
}

@media only screen and (max-width: 420px) {
    .carousel .carousel-caption .site-heading {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 25px;
    }
}

.carousel .carousel-caption .site-heading .text-highlight {
    color: #00D5C3;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.promo-description {
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 18px;
}

@media only screen and (max-width: 500px) {
    .promo-description {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 420px) {
    .promo-description {
        font-size: 14px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 330px) {
    .promo-description {
        font-size: 12px;
    }
}

.carousel_button_list li {
    margin-bottom: 17px;
}

.carousel_button_list li .fa_btn_green {
    background-color: #00D5C3;
    color: #FFFFFF;
    text-shadow: none;
}

.carousel_button_list li .fa_btn_green:hover {
    background-color: #FFFFFF;
    color: #00D5C3;
    border-color: #FFFFFF;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.carousel_button_list li:before {
    display: none;
}

.carousel_button_list li a img {
    width: 70px;
}

.carousel_button_list li a img:hover {
    opacity: 0.9;
}

.carousel-control {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    font-size: 58px;
}

.carousel-control img {
    height: 175px;
}

.carousel-control,
.carousel-control.right {
    background-image: none;
    color: #fff;
}

.carousel-control.left {
    background-image: none;
    color: #fff;
}

.carousel-indicators {
    bottom: 8%;
}

@media only screen and (max-width: 860px) {
    .carousel-indicators {
        bottom: 3%;
    }
}

.carousel-indicators li {
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #00D5C3;
    border-radius: 5px;
    display: inline-block;
    height: 15px;
    margin-right: 10px !important;
    width: 5px;
    padding: 0;
}

.carousel-indicators li:before {
    display: none;
}

.carousel-indicators .active {
    background: #00D5C3 none repeat scroll 0 0;
    border-radius: 5px;
    height: 20px;
    transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 5px;
}

.header-subscribe-form {
    max-width: 570px;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .header-subscribe-form .input-group {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .header-subscribe-form .input-group input[type="text"] {
        border-radius: 5px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .header-subscribe-form .input-group button.btn-primary {
        border-radius: 5px;
    }
}

.header-subscribe-form input[type="email"] {
    border: medium none;
    box-shadow: none;
    height: 55px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    font-size: 16px;
    padding-left: 26px;
    background-color: #fafafa;
    color: #1a1a1a;
    border: none;
    border: 3px solid;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
}

.header-subscribe-form input[type="text"] {
    border: medium none;
    box-shadow: none;
    height: 55px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    font-size: 16px;
    padding-left: 26px;
    background-color: #F3F3F4;
    color: #1a1a1a;
    border: none;
    border: 3px solid #00D5C3;
}

.header-subscribe-form button {
    font-size: 19px;
    height: 55px;
    border-radius: 28px;
    background-color: #00D5C3;
    border-color: #00D5C3;
    padding: 11px 40px;
}

@media only screen and (max-width: 640px) {
    .header-subscribe-form button {
        padding: 11px 26px;
        font-size: 16px;
    }
}

.header-subscribe-form button:hover {
    background-color: #05b4a5;
    border-color: #05b4a5;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

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

/*            End Main Slider          */

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

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

/*        Services        */

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

#rt_services {
    padding: 100px 0 120px 0;
    background: #fff;
}

#rt_services .box {
    padding: 40px 30px;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-box-shadow: 0 1px 5px 0 rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(5, 5, 5, 0.2);
    -o-box-shadow: 0 1px 5px 0 rgba(5, 5, 5, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(5, 5, 5, 0.2);
    box-shadow: 0 1px 5px 0 rgba(5, 5, 5, 0.2);
}

@media only screen and (max-width: 991px) {
    #rt_services .box {
        margin-bottom: 30px;
    }
}

.box-hover {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    margin-bottom: 30px;
    transition: 0.3s ease-in-out;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.box-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.box-hover .icon {
    font-size: 36px;
    color: #0057b8;
    margin-bottom: 20px;
}

#rt_services .box:before {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    bottom: 0;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
}

#rt_services .box:hover {
    -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

#rt_services .box:hover:before {
    background: #2371ae;
    background: linear-gradient(to right, #bb47d4 0%, #2371ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb47d4', endColorstr='#2371ae', GradientType=1);
}

#rt_services .box .icon {
    text-align: center;
    margin: 0 auto;
}

#rt_services .box .icon i {
    font-size: 54px;
    margin-bottom: 25px;
    color: #212529;
}

#rt_services .box h3 {
    margin-bottom: 23px;
    margin-top: 0;
    color: #212529;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    #rt_services .box h3 {
        margin-bottom: 13px;
        line-height: 35px;
        font-size: 20px;
    }
}

#rt_services .box p {
    margin-bottom: 0;
}

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

/*        End Services        */

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

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

/*         How it Works         */

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

#rt_how_it_works {
    padding: 120px 0;
    position: relative;
    background: #f9f9f9;
}

#rt_how_it_works .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

#rt_how_it_works .work_description h3 {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    #rt_how_it_works .work_description h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }
}

#rt_how_it_works h3 {
    color: #212529;
}

#rt_how_it_works p {
    color: #212529;
}

#rt_how_it_works ul li {
    color: #212529;
}

#rt_how_it_works img {
    margin-top: 10px;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    #rt_how_it_works img {
        width: 100%;
    }
}

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

/*         End How it Works          */

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

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

/*           Features Section         */

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

#rt_features {
    padding: 120px 0;
    overflow: hidden;
    /* =========== Left Colum =========== */
    /* =========== Mobile Mockup =========== */
    /* =========== Right Colum =========== */
}

#rt_features .colum_left {
    margin-top: 130px;
    /* =========== Block =========== */
}

#rt_features .colum_left .block {
    position: relative;
    margin-bottom: 75px;
    margin-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_left .block {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #rt_features .colum_left .block {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_left .block h4 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_left .block p {
        font-size: 13px;
        line-height: 20px;
    }
}

#rt_features .colum_left .block:last-of-type {
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    #rt_features .colum_center {
        margin-top: 70px;
    }
}

#rt_features .colum_center img {
    width: 100%;
}

#rt_features .colum_right {
    margin-top: 130px;
}

#rt_features .colum_right .block {
    position: relative;
    margin-bottom: 75px;
    margin-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_right .block {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #rt_features .colum_right .block {
        margin-bottom: 30px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_right .block h4 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rt_features .colum_right .block p {
        font-size: 13px;
        line-height: 20px;
    }
}

#rt_features .colum_right .block:last-of-type {
    margin-bottom: 0;
}

#rt_features .colum_right .rt_pulse {
    right: auto;
    left: -30%;
    top: 13px;
}

@media only screen and (max-width: 991px) {
    #rt_features .colum_right .rt_pulse {
        left: -50%;
    }
}

#rt_features .colum_right .rt_pulse:before {
    content: '';
    margin-right: -130px;
    right: -100%;
    left: auto;
}

@media only screen and (max-width: 991px) {
    #rt_features .colum_right .rt_pulse:before {
        margin-right: -40px;
    }
}

#rt_features i {
    font-size: 60px;
    background: -webkit-linear-gradient(#2371ae, #bb47d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#rt_features .rt_pulse {
    position: absolute;
    right: -30%;
    top: 13px;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    #rt_features .rt_pulse {
        right: -50%;
    }
}

@media only screen and (max-width: 767px) {
    #rt_features .rt_pulse {
        display: none;
    }
}

#rt_features .rt_pulse:before {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    content: "";
    height: 2px;
    left: -100%;
    margin-left: -130px;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    width: 214px;
    z-index: -1;
}

@media only screen and (max-width: 991px) {
    #rt_features .rt_pulse:before {
        width: 124px;
        margin-left: -40px;
    }
}

#rt_features .rt_pulse .rt_pulse_inner,
#rt_features .rt_pulse .rt_pulses {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: rgba(165, 0, 201, 0.4);
    text-indent: -90000000px;
    position: relative;
}

#rt_features .rt_pulse .rt_pulse_inner:before,
#rt_features .rt_pulse .rt_pulses:before {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    background: rgba(165, 0, 201, 0.502);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
}

#rt_features .rt_pulse .rt_pulse_inner:after,
#rt_features .rt_pulse .rt_pulses:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #a500c9;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 50%;
}

#rt_features .rt_pulse .rt_pulse_inner {
    -webkit-animation: pulsing 3s infinite linear;
    -moz-animation: pulsing 3s infinite linear;
    -ms-animation: pulsing 3s infinite linear;
    -o-animation: pulsing 3s infinite linear;
    animation: pulsing 3s infinite linear;
}

#rt_features .rt_pulse .rt_pulses {
    -webkit-animation: pulsing 3s infinite linear;
    -moz-animation: pulsing 3s infinite linear;
    -ms-animation: pulsing 3s infinite linear;
    -o-animation: pulsing 3s infinite linear;
    animation: pulsing 3s infinite linear;
    animation-delay: 1.5s;
}

@keyframes pulsing {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
    }
}

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

/*         End Features Section       */

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

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

/*           ScreenShots Section         */

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

#rt_screenshots {
    padding: 120px 0;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#rt_screenshots .owl-carousel .owl-item {
    position: relative;
    background-color: transparent;
    cursor: url(../images/cursor.png), move;
    -moz-cursor: url(../images/cursor.png), move;
    -webkit-cursor: url(../images/cursor.png), move;
    -o-cursor: url(../images/cursor.png), move;
    -ms-cursor: url(../images/cursor.png), move;
    overflow: hidden;
}

#rt_screenshots .owl-carousel img {
    height: auto;
    opacity: 0.15;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    width: 100%;
}

#rt_screenshots .owl-item.active.center img {
    display: block;
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6);
}

#rt_screenshots .item,
#rt_screenshots .item img {
    transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
}

#rt_screenshots .owl-carousel .owl-item,
#rt_screenshots .owl-carousel .owl-wrapper {
    backface-visibility: hidden;
    transform: initial;
}

#rt_screenshots .owl-nav {
    display: none;
}

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

/*           End ScreenShots Section         */

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

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

/*         	Team          */

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

#rt_team {
    padding: 120px 0;
    position: relative;
}

#rt_team .owl-dots {
    text-align: center;
    margin-top: 30px;
}

@media only screen and (max-width: 640px) {
    #rt_team .owl-dots {
        margin-top: 10px;
    }
}

#rt_team .owl-dots .owl-dot.active {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    border-radius: 5px;
    height: 5px;
    transition: all 0.5s ease 0s;
    width: 20px;
}

#rt_team .owl-dots .owl-dot {
    border: 1px solid #2371AE;
    border-radius: 5px;
    display: inline-block;
    height: 5px;
    margin-right: 12px;
    width: 20px;
}

@media only screen and (max-width: 449px) {
    #rt_team .item {
        margin: 0 auto;
        width: 290px;
    }
}

#rt_team .member_item {
    background-color: #fff;
    color: #ffffff;
    display: inline-block;
    font-family: 'WonderUnitSans-Extrabold';
    font-size: 16px;
    margin: 10px 5px;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: right;
    width: 100%;
}

#rt_team .member_item img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
}

#rt_team .member_item:before,
#rt_team .member_item:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    opacity: 0.5;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

#rt_team .member_item:before {
    -webkit-transform: skew(30deg) translateX(80%);
    transform: skew(30deg) translateX(80%);
}

#rt_team .member_item:after {
    -webkit-transform: skew(-30deg) translateX(70%);
    transform: skew(-30deg) translateX(70%);
}

#rt_team .member_item figcaption {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    bottom: 0;
    padding: 20px 20px 20px 40%;
}

#rt_team .member_item figcaption:before,
#rt_team .member_item figcaption:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    content: '';
    opacity: 0.5;
    z-index: -1;
}

#rt_team .member_item figcaption:before {
    -webkit-transform: skew(30deg) translateX(100%);
    transform: skew(30deg) translateX(100%);
}

#rt_team .member_item figcaption:after {
    -webkit-transform: skew(-30deg) translateX(90%);
    transform: skew(-30deg) translateX(90%);
}

#rt_team .member_item h3,
#rt_team .member_item p {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px;
    color: #FFFFFF;
}

#rt_team .member_item h3 {
    font-family: 'WonderUnitSans-Extrabold';
    font-size: 36px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 140px;
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
    #rt_team .member_item h3 {
        font-size: 18px;
        margin-top: 140px;
    }
}

@media only screen and (max-width: 679px) {
    #rt_team .member_item h3 {
        font-size: 18px;
        margin-top: 100px;
    }
}

#rt_team .member_item p {
    font-size: 0.9em;
}

#rt_team .member_item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#rt_team .member_item:hover h3,
#rt_team .member_item.hover h3,
#rt_team .member_item:hover p,
#rt_team .member_item.hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.9;
}

#rt_team .member_item:hover:before,
#rt_team .member_item.hover:before {
    -webkit-transform: skew(30deg) translateX(30%);
    transform: skew(30deg) translateX(30%);
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

#rt_team .member_item:hover:after,
#rt_team .member_item.hover:after {
    -webkit-transform: skew(-30deg) translateX(20%);
    transform: skew(-30deg) translateX(20%);
}

#rt_team .member_item:hover figcaption:before,
#rt_team .member_item.hover figcaption:before {
    -webkit-transform: skew(30deg) translateX(50%);
    transform: skew(30deg) translateX(50%);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

#rt_team .member_item:hover figcaption:after,
#rt_team .member_item.hover figcaption:after {
    -webkit-transform: skew(-30deg) translateX(40%);
    transform: skew(-30deg) translateX(40%);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

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

/*         	End Team           */

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

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

/*          Fun And Fact         */

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

#rt_watch {
    padding: 120px 0;
    position: relative;
}

#rt_watch .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    opacity: 0.8;
}

#rt_watch .watch_content {
    position: relative;
}

#rt_watch .watch_content h1 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    font-family: 'WonderUnitSans-Extrabold';
}

@media only screen and (max-width: 767px) {
    #rt_watch .watch_content h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 640px) {
    #rt_watch .watch_content h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
}

#rt_watch .watch_content p {
    color: #fff;
    width: 70%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    #rt_watch .watch_content p {
        width: 95%;
    }
}

#rt_watch .watch_content a {
    width: 90px;
    display: block;
    margin: 0 auto;
}

#rt_watch .watch_content a img {
    display: block;
    width: 100%;
    margin-bottom: 45px;
}

@media only screen and (max-width: 480px) {
    #rt_watch .watch_content a img {
        margin-bottom: 0;
    }
}

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

/*          End Fun And Fact          */

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

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

/*      Testimonials      */

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

#rt_testimonial {
    padding: 120px 0;
    background: #f9f9f9;
}

@media only screen and (max-width: 640px) {
    #rt_testimonial {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 640px) {
    #rt_testimonial h2 {
        margin-bottom: 30px;
    }
}

#rt_testimonial .owl-carousel {
    clear: both;
}

#rt_testimonial .owl-dots {
    text-align: center;
    margin-top: 30px;
}

@media only screen and (max-width: 640px) {
    #rt_testimonial .owl-dots {
        margin-top: 10px;
    }
}

#rt_testimonial .owl-dots .owl-dot.active {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    border-radius: 5px;
    height: 5px;
    transition: all 0.5s ease 0s;
    width: 20px;
}

#rt_testimonial .owl-dots .owl-dot {
    border: 1px solid #2371AE;
    border-radius: 5px;
    display: inline-block;
    height: 5px;
    margin-right: 12px;
    width: 20px;
}

#rt_testimonial .testimonial_main {
    background: #FFFFFF;
    border-radius: 8px;
    float: left;
    margin: 0 0 8px;
    padding: 65px 25px 25px;
    width: 100%;
    -webkit-box-shadow: 3px 4px 9px -6px #cccccc;
    -moz-box-shadow: 3px 4px 9px -6px #cccccc;
    box-shadow: 3px 4px 9px -6px #cccccc;
}

@media only screen and (max-width: 991px) {
    #rt_testimonial .testimonial_main {
        margin: 65px 0 8px;
    }
}

@media only screen and (max-width: 640px) {
    #rt_testimonial .testimonial_main {
        text-align: center;
        margin: 0 0 8px;
    }
}

#rt_testimonial .testimonial_main .mt_testimonial_img {
    float: left;
    text-align: left;
    width: 15%;
}

@media only screen and (max-width: 480px) {
    #rt_testimonial .testimonial_main .mt_testimonial_img {
        width: 35%;
    }
}

#rt_testimonial .testimonial_main .mt_testimonial_img img {
    border-radius: 50%;
    box-shadow: 4px 8px 18px 0 #cccccc;
    display: block;
    margin: 15px auto 0;
    width: 100%;
}

#rt_testimonial .testimonial_main p {
    margin-bottom: 6px !important;
    position: relative;
}

#rt_testimonial .testimonial_main p:before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 50px;
    left: -30px;
    opacity: 0.1;
    position: absolute;
    top: -30px;
}

@media only screen and (max-width: 640px) {
    #rt_testimonial .testimonial_main p {
        font-size: 14px;
        line-height: 22px;
    }
}

#rt_testimonial .testimonial_main .client_name {
    float: left;
    margin-left: 15px;
    margin-top: 22px;
    width: 80%;
    text-align: left;
}

@media only screen and (max-width: 480px) {
    #rt_testimonial .testimonial_main .client_name {
        width: 50%;
    }
}

#rt_testimonial .testimonial_main .client_name em {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

#rt_testimonial .testimonial_main .client_name span {
    display: block;
    font-size: 12px;
    margin-top: -4px;
}

#rt_testimonial .darker .testimonial_main {
    background: #202020;
}

#rt_testimonial .darker .testimonial_main em,
#rt_testimonial .darker .testimonial_main span {
    color: #e1e1e1;
}

#rt_testimonial .darker .testimonial_main .mt_testimonial_img img {
    box-shadow: 3px 3px 14px 0 #000000;
    -ms-box-shadow: 3px 3px 14px 0 #000000;
    -webkit-box-shadow: 3px 3px 14px 0 #000000;
    -moz-box-shadow: 3px 3px 14px 0 #000000;
    -o-box-shadow: 3px 3px 14px 0 #000000;
}

#rt_testimonial .darker .owl-dot.active {
    background: #e1e1e1;
}

#rt_testimonial .darker .owl-dot.active:before {
    border-color: #e1e1e1;
}

#rt_testimonial .darker .owl-dot {
    border-color: #e1e1e1;
}

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

/*      End Testimonials       */

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

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

/*          Fun And Fact         */

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

#mt_fun {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    padding: 120px 0;
}

#mt_fun .mt_heading h2,
#mt_fun .mt_heading p {
    color: #FFFFFF;
}

#mt_fun .facts_row {
    padding-left: 40px;
    padding-right: 40px;
}

#mt_fun .facts_row .fun-facts_item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 95px;
    height: 95px;
    margin: 0 auto;
    margin-bottom: 28px;
    position: relative;
    -o-text-overflow: clip;
    text-overflow: clip;
    background-color: transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#mt_fun .fun-facts_contain {
    width: 95px;
    height: 95px;
    margin: 0 auto;
}

#mt_fun .fun-facts_contain p {
    position: absolute;
    width: 95px;
    text-align: center;
    padding-top: 12px;
    font-size: 50px;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;
}

#mt_fun .fun-facts_contain i {
    color: #fff;
    font-size: 72px;
}

#mt_fun .fun-facts_figure {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    color: #fff;
    margin-top: 38px;
    margin-bottom: 0px;
}

#mt_fun .fun-facts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
}

#mt_fun .fun-facts_title:before {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    margin: 0 auto;
    margin-bottom: 8px;
}

#mt_fun .fun-facts_wrapper:hover .fun-facts_contain p {
    color: #fafafa;
}

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

/*          End Fun And Fact          */

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

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

/*        Pricing         */

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

#rt_pricing {
    padding: 120px 0;
}

@media only screen and (max-width: 640px) {
    #rt_pricing {
        padding: 60px 0;
    }
}

#rt_pricing .main_pricing_conatiner.highlight_pricing {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#rt_pricing .main_pricing_conatiner.highlight_pricing h2 {
    margin-bottom: 100px;
}

@media only screen and (max-width: 640px) {
    #rt_pricing .main_pricing_conatiner.highlight_pricing h2 {
        margin-bottom: 30px;
    }
}

#rt_pricing .main_pricing_conatiner.highlight_pricing:hover a {
    color: #FFFFFF;
    background: #2371ae !important;
    background: linear-gradient(to right, #bb47d4 0%, #2371ae 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb47d4', endColorstr='#2371ae', GradientType=1);
    transition: all 0.5s ease;
    text-shadow: initial;
    -ms-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -o-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -moz-box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    box-shadow: -1px 4px 36px 0 rgba(0, 0, 0, 0.61);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing .price_listing ul li {
    color: #FFFFFF;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing .price_listing ul li:before {
    background: #FFFFFF !important;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing h2 {
    color: #FFFFFF !important;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing h2 .price_icon i {
    color: #FFFFFF !important;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing .price_tag {
    color: #FFFFFF !important;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing .per_month {
    color: #FFFFFF !important;
}

#rt_pricing .main_pricing_conatiner.highlight_pricing .mt_btn_color {
    background: #FFFFFF;
    color: #212529;
}

#rt_pricing .main_pricing_conatiner {
    background: #FFFFFF none repeat scroll 0 0;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
}

@media only screen and (max-width: 991px) {
    #rt_pricing .main_pricing_conatiner {
        margin-bottom: 40px;
    }
}

#rt_pricing .main_pricing_conatiner h2 {
    margin-bottom: 100px;
}

@media only screen and (max-width: 640px) {
    #rt_pricing .main_pricing_conatiner h2 {
        margin-bottom: 30px;
    }
}

#rt_pricing .main_pricing_conatiner:hover a {
    color: #f9f9f9;
    background-color: #444444 !important;
    transition: all 0.5s ease;
    text-shadow: initial;
    -ms-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -webkit-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
    box-shadow: -1px 4px 36px 0 rgba(204, 204, 204, 0.61);
}

#rt_pricing .main_pricing_conatiner .price {
    padding: 35px 0 0;
    text-align: center;
    position: relative;
}

#rt_pricing .main_pricing_conatiner .price h2 {
    font-family: montserrat;
    font-weight: 800;
    margin-bottom: 5px;
    color: #212529;
}

@media only screen and (max-width: 480px) {
    #rt_pricing .main_pricing_conatiner .price h2 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 0;
    }
}

#rt_pricing .main_pricing_conatiner .price h2 .price_icon {
    display: block;
    margin-bottom: 6px;
}

#rt_pricing .main_pricing_conatiner .price h2 .price_icon i {
    color: #212529;
    font-size: 65px;
}

#rt_pricing .main_pricing_conatiner .price .price_tag {
    font-family: montserrat;
    font-size: 48px;
    font-weight: 500;
    color: #212529;
    position: relative;
}

@media only screen and (max-width: 480px) {
    #rt_pricing .main_pricing_conatiner .price .price_tag {
        font-size: 40px;
    }
}

#rt_pricing .main_pricing_conatiner .price .price_tag .currency {
    font-size: 28px;
    left: -18px;
    position: absolute;
}

#rt_pricing .main_pricing_conatiner .price .per_month {
    font-family: open sans;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #212529;
}

#rt_pricing .main_pricing_conatiner .price_listing {
    padding: 25px 40px 8px;
}

#rt_pricing .main_pricing_conatiner .price_listing ul li:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

@media only screen and (max-width: 480px) {
    #rt_pricing .main_pricing_conatiner .price_listing {
        padding: 70px 0 25px 20px;
    }
}

#rt_pricing .main_pricing_conatiner .choose_plan_btn {
    text-align: center;
    padding-bottom: 40px;
}

#rt_pricing .main_pricing_conatiner .choose_plan_btn .mt_btn_white {
    background: #f9f9f9;
    height: 55px;
    line-height: 55px;
    padding: 0;
    text-align: center;
    width: 55px;
    border-color: #f9f9f9 !important;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.61);
}

#rt_pricing .main_pricing_conatiner .choose_plan_btn .mt_btn_white i {
    font-size: 45px;
}

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

/*        End Pricing          */

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

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

/*          Blog Section         */

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

#rt_blog {
    padding: 120px 0px;
    position: relative;
    background: #f9f9f9;
}

#rt_blog .grid-item {
    margin-bottom: 38px;
}

@media only screen and (max-width: 991px) {
    #rt_blog .grid-item {
        width: 100%;
        float: left;
    }
}

#rt_blog .rt_view_btn {
    margin-top: 40px;
    margin-bottom: 0;
}

#rt_blog .blog_post {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
}

#rt_blog .blog_post * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#rt_blog .blog_post img {
    max-width: 100%;
    vertical-align: top;
    position: relative;
}

@media only screen and (max-width: 991px) {
    #rt_blog .blog_post img {
        width: 100%;
    }
}

#rt_blog .blog_post figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    #rt_blog .blog_post figcaption {
        width: 100%;
    }
}

#rt_blog .blog_post figcaption:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #700877;
    content: '';
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    opacity: 0.8;
    z-index: -1;
}

#rt_blog .blog_post .date {
    background-color: #fff;
    border-radius: 50%;
    color: #C02942;
    font-size: 18px;
    font-weight: 700;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: -25px;
}

#rt_blog .blog_post .date span {
    display: block;
    line-height: 14px;
}

#rt_blog .blog_post .date .month {
    font-size: 11px;
}

#rt_blog .blog_post h3,
#rt_blog .blog_post p {
    margin: 0;
    padding: 0;
}

#rt_blog .blog_post h3 {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: roboto;
    margin-bottom: 0px;
    line-height: 30px;
}

#rt_blog .blog_post p {
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 0px;
    color: #FFFFFF;
}

#rt_blog .blog_post a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

#rt_blog .blog_post:hover img,
#rt_blog .blog_post.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#rt_blog .pagination {
    margin-bottom: 68px;
    margin-top: 30px;
}

#rt_blog .pagination li {
    padding-left: 0;
    padding-bottom: 0;
}

#rt_blog .pagination li:before,
#rt_blog .pagination li:after {
    display: none !important;
}

#rt_blog .pagination li a {
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    margin-right: 9px;
    padding: 0;
    text-align: center;
    width: 40px;
    color: #c02942;
    font-size: 12px;
    border-color: #c02942;
}

#rt_blog .pagination li a:hover,
#rt_blog .pagination li a:focus {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    color: #FFFFFF;
    border-color: #c02942;
}

#rt_blog .pagination .prev a,
#rt_blog .pagination .next a {
    border-radius: 50px;
    width: 100px;
}

#rt_blog .pagination li.active a {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    color: #FFFFFF;
    border: none;
}

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

/*         End Blog Section         */

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

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

/*         Contact        */

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

#rt_contact {
    padding: 120px 0;
}

@media only screen and (max-width: 640px) {
    #rt_contact {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 640px) {
    #rt_contact h2 {
        margin-bottom: 30px;
    }
}

#rt_contact .contact_form {
    padding: 30px 25px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -o-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    -ms-box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    box-shadow: 0 5px 25px 0 rgba(5, 5, 5, 0.2);
    border-radius: 8px;
}

@media only screen and (max-width: 990px) {
    #rt_contact .contact_form {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 480px) {
    #rt_contact .contact_form {
        padding: 20px 15px;
    }
}

#rt_contact .contact_form h3 {
    line-height: 35px;
    margin-bottom: 40px;
    margin-top: 0;
    font-family: "Wonder Unit Sans Extrabold";
    color: #212529;
}

@media only screen and (max-width: 480px) {
    #rt_contact .contact_form h3 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 28px;
    }
}

#rt_contact .contact_form textarea {
    resize: none !important;
}

@media only screen and (max-width: 480px) {
    #rt_contact .contact_form textarea {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    #rt_contact .contact_form input[type="text"],
    #rt_contact .contact_form input[type="email"] {
        font-size: 16px;
    }
}

#rt_contact .contact_form #submit-btn {
    text-align: right;
    padding-left: 45px;
    padding-right: 45px;
    margin-top: 5px;
    position: relative;
}

@media only screen and (max-width: 480px) {
    #rt_contact .contact_form #submit-btn {
        font-size: 15px;
        margin-top: 5px;
        padding: 10px 30px;
    }
}

#rt_contact .contact_form .mt_load {
    display: none;
    position: absolute;
    top: 11px;
    right: -35px;
    margin-left: 14px;
}

#rt_contact .contact_form .mt_load span {
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid #111;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: inline-block;
}

#rt_contact .contact_form .mt_load:after {
    border-radius: 50%;
    width: 26px;
    height: 26px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 767px) {
    #rt_contact .contact_info {
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 767px) {
    #rt_contact .contact_info .location {
        margin-bottom: 20px;
    }
}

#rt_contact .contact_info .contact_heading {
    margin-bottom: 60px;
}

#rt_contact .contact_info .contact_heading span {
    font-size: 16px;
    margin-left: 30px;
    position: relative;
    display: block;
    font-weight: 500;
}

#rt_contact .contact_info .contact_heading span:before {
    background: #444444;
    content: "";
    height: 1px;
    left: -38px;
    position: absolute;
    top: 11px;
    width: 30px;
}

#rt_contact .contact_info .contact_heading h3 {
    margin-top: 0;
    font-family: "Wonder Unit Sans Extrabold";
    color: #212529;
}

#rt_contact .contact_info .email_sec .row {
    margin-bottom: 15px;
}

#rt_contact .contact_info .email_sec i {
    font-size: 30px;
}

#rt_contact .contact_info h5 {
    margin-bottom: 5px;
}

#rt_contact .contact_info h2 {
    color: #444444;
    margin-bottom: 10px;
}

#rt_contact .contact_info p {
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: roboto;
}

#rt_contact .contact_info a {
    color: #666;
    text-decoration: none;
}

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

/*         End Contact         */

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

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

/*          Get App              */

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

#rt_get_app {
    background: #f9f9f9;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
}

#rt_get_app img {
    width: 100%;
    position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #rt_get_app img {
        display: block;
        margin: 50px auto 0;
        position: initial;
        width: 40%;
    }
}

@media only screen and (max-width: 767px) {
    #rt_get_app img {
        display: block;
        margin: 50px auto 0;
        position: initial;
        width: 100%;
    }
}

#rt_get_app .mt_heading .section_heading span:after,
#rt_get_app .mt_heading_white .section_heading span:after {
    left: 0;
    transform: initial;
}

#rt_get_app .mt_heading .heading_txt,
#rt_get_app .mt_heading_white .heading_txt {
    width: 100%;
}

#rt_get_app .btn-app-store {
    background: #000000;
    border-radius: 50px;
    color: #FFFFFF;
    height: 60px;
    padding-left: 75px;
    padding-right: 40px;
    position: relative;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    #rt_get_app .btn-app-store {
        margin-bottom: 15px;
    }
}

#rt_get_app .btn-app-store:hover {
    background: #FFFFFF;
    color: #000000;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#rt_get_app .btn-app-store .fa-google-play {
    color: #FFFFFF;
}

#rt_get_app .btn-app-store i {
    font-size: 30px;
    left: 25px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

#rt_get_app .btn-app-store .small {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
    margin-top: 5px;
}

#rt_get_app .btn-app-store .big {
    display: block;
    text-align: left;
    font-size: 21px;
    line-height: 21px;
}

#rt_get_app .google_play {
    background: #A4C639;
    color: #FFFFFF;
}

#rt_get_app .google_play:hover {
    background: #FFFFFF;
    color: #A4C639;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#rt_get_app .google_play i {
    font-size: 35px;
}

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

/*          End Get App               */

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

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

/*          Subscription           */

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

#newsletter {
    padding: 120px 0px;
    position: relative;
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
}

#newsletter:before {
    content: '';
    background-image: url(../images/newsletter-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#newsletter .newsletter-inner_wrapper h4 {
    line-height: 41px;
    display: block;
    padding-left: 10px;
    margin-bottom: 10px;
}

#newsletter .newsletter-inner_wrapper h4 .stay-touch {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 500;
    font-family: roboto;
}

@media only screen and (max-width: 767px) {
    #newsletter .newsletter-inner_wrapper h4 .stay-touch {
        font-size: 16px;
    }
}

#newsletter .newsletter-inner_wrapper h4 .offers {
    color: #fff;
    display: block;
    font-family: 'WonderUnitSans-Extrabold';
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #newsletter .newsletter-inner_wrapper h4 .offers {
        font-size: 22px;
    }
}

@media only screen and (max-width: 480px) {
    #newsletter .newsletter-inner_wrapper h4 .offers {
        font-size: 18px;
        line-height: 30px;
    }
}

#newsletter .newsletter-inner_wrapper .newsletterForm {
    margin-top: 13px;
}

#newsletter .newsletter-inner_wrapper .newsletterForm input[type=text] {
    font-size: 20px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    color: #676767;
    padding-left: 81px;
    height: 58px;
    background-image: url(../images/icon-email.png);
    background-repeat: no-repeat;
    background-position: left 40px top 29px;
    background-position-x: 10%;
    background-position-y: 50%;
}

@media only screen and (max-width: 767px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm input[type=text] {
        background-position: 5% 50%;
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm input[type=text] {
        background-position: 14% 50%;
        background-size: 12%;
        padding-left: 74px;
        padding-right: 10px;
    }
}

#newsletter .newsletter-inner_wrapper .newsletterForm input[type=text]:hover,
#newsletter .newsletter-inner_wrapper .newsletterForm input[type=text]:focus {
    box-shadow: none;
}

#newsletter .newsletter-inner_wrapper .newsletterForm input[type=email] {
    font-size: 20px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    color: #676767;
    padding-left: 81px;
    height: 58px;
    background-image: url(../images/icon-email.png);
    background-repeat: no-repeat;
    background-position: left 40px top 29px;
    background-position-x: 7%;
    background-position-y: 50%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

@media only screen and (max-width: 767px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm input[type=email] {
        background-position: 5% 50%;
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm input[type=email] {
        background-position: 14% 50%;
        background-size: 12%;
        padding-left: 74px;
        padding-right: 10px;
    }
}

#newsletter .newsletter-inner_wrapper .newsletterForm input[type=email]:hover,
#newsletter .newsletter-inner_wrapper .newsletterForm input[type=email]:focus {
    box-shadow: none;
}

#newsletter .newsletter-inner_wrapper .newsletterForm .submit-button {
    background-color: #fff;
    color: #fff;
    border: none;
    height: 58px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 11px 30px;
}

@media only screen and (max-width: 480px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm .submit-button {
        padding: 11px 20px;
        padding-left: 8px;
    }
}

@media only screen and (max-width: 480px) {
    #newsletter .newsletter-inner_wrapper .newsletterForm .submit-button img {
        margin-right: 13px;
        width: 25px;
    }
}

#newsletter .newsletter-inner_wrapper .newsletterForm .submit-button:hover,
#newsletter .newsletter-inner_wrapper .newsletterForm .submit-button:focus {
    background-color: #fff !important;
    box-shadow: none;
    outline: 0px;
}

#newsletter .newsletter-inner_wrapper .newsletterForm .newsletter-message {
    color: white;
    text-align: center;
    font-size: 17px;
    margin: 0px;
    margin-top: 8px;
}

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

/*          End Subscription           */

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

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

/*         Footer         */

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

#rt_footer {
    padding: 60px 0;
    background-color: #f9f9f9;
    width: 100%;
    /* =========== Footer Logo =========== */
    /* =========== Footer Social Icons =========== */
    /* =========== Copyright =========== */
}

#rt_footer .footer_logo {
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    #rt_footer .footer_logo {
        text-align: center;
        margin-bottom: 30px;
    }
}

#rt_footer .footer_logo img {
    width: 160px;
}

@media only screen and (max-width: 991px) {
    #rt_footer .footer_address {
        text-align: center;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) {
    #rt_footer .footer_address a {
        margin-right: 15px;
    }
}

#rt_footer .footer_address p,
#rt_footer .footer_address a {
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 0;
    color: #565656;
}

#rt_footer .footer_address p {
    line-height: 14px;
}

#rt_footer .footer_address span a {
    color: #444;
    font-weight: 400;
}

#rt_footer .social_icons {
    font-size: 14px;
    text-align: left;
}

@media only screen and (max-width: 991px) {
    #rt_footer .social_icons {
        text-align: center;
        margin-bottom: 15px;
    }
}

#rt_footer .social_icons a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin: 0 6px;
    text-align: center;
    display: inline-block;
    color: #161C35;
    border-radius: 50%;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}

#rt_footer .social_icons a i,
#rt_footer .social_icons a span {
    position: relative;
    top: 0;
    left: 0;
}

#rt_footer .social_icons a:hover {
    color: #000;
}

#rt_footer .social_icons a:hover:before {
    background: #161C35;
}

@media only screen and (max-width: 991px) {
    #rt_footer .copyright {
        text-align: center;
    }
}

#rt_footer .copyright p {
    font-size: 14px;
    margin-bottom: 6px;
    font-family: roboto;
    font-weight: 500;
    color: #565656;
}

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

/*         End Footer          */

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

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

/* 		   		Blog Section      	 	  	 */

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

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

/*          Blog Single          */

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

#blog_main_sec {
    padding: 100px 0;
}

#blog_main_sec .post_img {
    margin-bottom: 30px;
}

#blog_main_sec .post_img img {
    width: 100%;
}

#blog_main_sec .post_title h3 {
    font-weight: 500;
    margin-bottom: 10px;
}

#blog_main_sec .post_title ul li:before {
    display: none;
}

#blog_main_sec .post_body {
    margin-bottom: 60px;
}

#blog_main_sec .author_box {
    background: #FAF8F8;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    margin-bottom: 30px;
}

#blog_main_sec .author_box .author_img {
    float: left;
    width: 22%;
}

@media only screen and (max-width: 480px) {
    #blog_main_sec .author_box .author_img {
        width: 100%;
        float: none;
    }
}

#blog_main_sec .author_box .author_img img {
    margin-bottom: 10px;
    width: 100%;
}

#blog_main_sec .author_box .author_img ul li {
    display: inline-block;
    padding-left: 15px;
    margin-bottom: 0;
}

#blog_main_sec .author_box .author_img ul li:before {
    display: none;
}

#blog_main_sec .author_box .author_img ul li a {
    color: #444444;
    font-size: 17px;
}

#blog_main_sec .author_box .author_img ul li a:hover {
    color: #2371AE;
    transition: all 0.4s ease;
}

#blog_main_sec .author_box .author_bio {
    float: left;
    margin-left: 3%;
    width: 75%;
}

@media only screen and (max-width: 480px) {
    #blog_main_sec .author_box .author_bio {
        width: 100%;
        float: none;
    }
}

#blog_main_sec .author_box .author_bio h5 {
    margin-top: 0;
}

#blog_main_sec #comments {
    margin-top: 60px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 991px) {
    #blog_main_sec #comments {
        margin-bottom: 70px;
    }
}

#blog_main_sec #comments .single-post_heading {
    font-size: 20px;
    color: #444444;
    text-transform: capitalize;
}

#blog_main_sec #comments .comments-lists {
    margin-left: 0;
}

#blog_main_sec #comments .comments-lists:before {
    display: none;
}

#blog_main_sec #comments .comments-lists .comment {
    position: relative;
    list-style: none;
    padding-left: 0;
    padding-top: 1px;
    min-height: 100px;
    border-bottom: 1px solid #F4F6F6;
    margin-top: 35px;
}

#blog_main_sec #comments .comments-lists .comment:last-child {
    border-bottom: 0px;
}

#blog_main_sec #comments .comments-lists .comment:before {
    display: none;
}

#blog_main_sec #comments .comments-lists .comment .activity_rounded {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#blog_main_sec #comments .comments-lists .comment .activity_rounded img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
    -moz-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
    -o-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
    -ms-box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
    box-shadow: 6px 6px 11px 0 rgba(204, 204, 204, 0.61);
}

#blog_main_sec #comments .comments-lists .comment h4 {
    font-size: 15px;
    color: #444444;
    margin-top: 0;
    text-transform: capitalize;
    margin-bottom: 6px;
    line-height: 28px;
}

#blog_main_sec #comments .comments-lists .comment p {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
}

#blog_main_sec #comments .comments-lists .comment small.date-posted {
    color: #666666;
    font-size: 12px;
    margin-left: 12px;
}

@media only screen and (max-width: 480px) {
    #blog_main_sec #comments .comments-lists .comment small.date-posted {
        display: block;
        font-size: 12px;
        margin-bottom: 15px;
        margin-left: 0;
    }
}

#blog_main_sec #comments .comments-lists .comment .comment-body {
    padding-bottom: 18px;
    padding-left: 105px;
}

#blog_main_sec #comments .comments-lists .comment .comment-body .comment-reply-link {
    padding: 0px 25px;
    border: 1px solid #666666;
    color: #666666;
    font-size: 12px;
    border-radius: 0 5px 0 5px;
    margin-bottom: 10px;
    display: inline-block;
}

#blog_main_sec #comments .comments-lists .comment .comment-body .comment-reply-link:hover {
    background: #666666;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

#blog_main_sec #comments .comments-lists .comment .children {
    overflow: hidden;
    list-style: none;
    padding-left: 0px;
    list-style: none;
    margin-left: 20px;
}

#blog_main_sec #comments .comments-lists .comment .children .comment {
    position: relative;
    /*padding-left: 118px;*/
    border-top: 1px solid #F4F6F6;
    border-bottom: 0px;
    margin-top: 0px;
}

#blog_main_sec #comments .comments-lists .comment .children .comment:before {
    display: none;
}

#blog_main_sec #comments .comments-lists .comment .children .comment .activity_rounded {
    margin-top: 25px;
}

#blog_main_sec #comments .comments-lists .comment .children .comment .comment-body {
    border: none;
    margin-top: 25px;
}

#blog_main_sec #comments .leave_comment h3 {
    font-size: 20px;
    color: #444444;
    text-transform: capitalize;
}

#blog_main_sec #comments .leave_comment .form-group .form-control {
    height: 40px;
}

#blog_main_sec #comments .leave_comment .form-group input[type="text"],
#blog_main_sec #comments .leave_comment .form-group input[type="email"] {
    border: 1px solid #eceaea;
    border-radius: 50px;
    box-shadow: none;
    font-size: 16px;
    color: #1a1a1a;
    padding: 10px 25px;
    margin-bottom: 20px;
}

#blog_main_sec #comments .leave_comment .form-group input[type="text"]:hover,
#blog_main_sec #comments .leave_comment .form-group input[type="text"]:focus,
#blog_main_sec #comments .leave_comment .form-group input[type="email"]:hover,
#blog_main_sec #comments .leave_comment .form-group input[type="email"]:focus {
    border: 1px solid #2371AE;
}

#blog_main_sec #comments .leave_comment textarea {
    resize: vertical;
    min-height: 180px;
    border: none;
    border: 1px solid #eceaea;
    border-radius: 8px;
    box-shadow: none;
    font-size: 16px;
    color: #1a1a1a;
    padding: 10px 25px;
    margin-bottom: 20px;
}

#blog_main_sec #comments .leave_comment textarea:hover,
#blog_main_sec #comments .leave_comment textarea:focus {
    border: 1px solid #2371AE;
}

aside .widget {
    background-color: #fff;
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

aside .widget h3 {
    margin-bottom: 30px;
}

aside .widget ul {
    padding: 0px;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0px;
}

aside .widget ul li {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0;
}

aside .widget ul li:before {
    display: none;
}

aside .widget ul li span.categoryCount {
    float: right;
}

aside .widget ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    text-decoration: none;
}

aside .widget .search-form input[type=text] {
    width: 100%;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 40px;
    font-weight: 300;
    background-image: url(../images/search-icon.jpg);
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-position-x: 98%;
    background-position-y: 50%;
}

aside .widget_recent_entries ul {
    overflow: hidden;
}

aside .widget_recent_entries ul li {
    position: relative;
    padding-left: 90px;
    float: left;
}

aside .widget_recent_entries ul li:before {
    display: none;
}

aside .widget_recent_entries ul li h4 {
    margin-bottom: 3px;
    line-height: 16px;
    margin-top: 0;
}

aside .widget_recent_entries ul li h4 a {
    color: #444444;
    line-height: 20px;
}

aside .widget_recent_entries ul li h4 a:hover {
    color: #00D5C3;
    transition: all ease 0.4s;
}

aside .widget_recent_entries ul li span {
    color: #666666;
    font-size: 14px;
}

aside .widget_recent_entries ul li p {
    color: #666666;
    font-size: 14px;
}

aside .widget_recent_entries ul li img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 79px;
}

aside .widget_recent_entries ul li a {
    font-size: 16px;
    display: block;
    text-decoration: none;
}

aside .widget_tag_cloud ul {
    overflow: hidden;
}

aside .widget_tag_cloud ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
}

aside .widget_tag_cloud ul li a {
    background-color: #faf8f8;
    border-radius: 50px;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: capitalize;
}

aside .widget_tag_cloud ul li a:hover,
aside .widget_tag_cloud ul li a:focus {
    color: #FFFFFF;
    background: #2371AE;
}

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

/*          End Blog Single          */

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

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

/*          Blog Listing         */

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

#blog_single_main_sec {
    padding: 100px 0;
    background-color: #fff;
    position: relative;
}

#blog_single_main_sec li:before {
    display: none;
}

#blog_single_main_sec .pagination {
    margin-bottom: 0;
    margin-top: 0;
}

@media only screen and (max-width: 991px) {
    #blog_single_main_sec .pagination {
        margin-bottom: 68px;
        margin-top: 30px;
    }
}

#blog_single_main_sec .pagination li {
    padding-left: 0;
    padding-bottom: 0;
}

#blog_single_main_sec .pagination li:before {
    display: none;
}

#blog_single_main_sec .pagination li a {
    border-color: #bfbfbf;
    border-radius: 50px;
    color: #777777;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px 16px;
}

#blog_single_main_sec .pagination li a:hover,
#blog_single_main_sec .pagination li a:focus {
    background-color: #F5F5F5;
    color: #777777;
    border-color: #bfbfbf;
}

#blog_single_main_sec .pagination li.active a {
    background: #2371ae;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2371ae', endColorstr='#bb47d4', GradientType=1);
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.summer-fashion-wrap {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.summer-fashion {
    background: #212121;
    display: block;
    text-align: center;
}

.fashion-description {
    margin-top: 20px;
}

.icons-details ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: block;
}

.icons-details ul li {
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
    width: 74%;
}

.icons-details ul li i {
    font-size: 20px;
}

.icons-details span {
    font-size: 16px;
}

.fall-trends {
    float: left;
    width: 100%;
}

.fall-trends h3 {
    color: #000000;
    margin-top: 0;
    font-weight: 600;
}

@media only screen and (max-width: 480px) {
    .fall-trends h3 {
        font-size: 18px;
        line-height: 30px;
    }
}

.fall-trends p {
    color: #656565;
    line-height: 25px;
}

.fashion-date {
    text-align: center;
    padding-right: 10px;
    padding-left: 0;
}

.fashion-date h3 {
    line-height: 35px;
    margin-bottom: 0;
}

.fashion-date p {
    font-size: 14px;
}

.recent-posts {
    float: left;
    width: 100%;
}

.recent-posts p {
    font-size: 16px;
    margin-bottom: 0;
}

.recent-posts h4 {
    margin-top: 0;
}

.recent-posts .recent-posts-block {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.recent-posts .recent-posts-block span {
    font-size: 12px;
    color: #cdcdcd;
}

.blog-sidebar .sidebar-box {
    background: inherit;
    padding: 0;
}

.pagination-box {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 30px;
}

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

/*          End Blog Listing          */

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

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

/*         404 Page       */

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

.page_not_found {
    padding: 0 0 120px 0;
}

.page_not_found .not_found_content img {
    width: 100%;
}

.page_not_found .not_found_content h1 {
    font-size: 48px;
    font-weight: 600;
    margin-top: 45px;
    text-align: center;
    background: linear-gradient(to right, #2371ae 0%, #bb47d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page_not_found .not_found_content h3 {
    text-transform: uppercase;
    text-align: center;
    color: #444;
    margin-bottom: 5px;
}


 .product-card {
      background-color: #2a2a2a;
      border: none;
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 30px;
      transition: transform 0.3s;
    }
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 0 15px rgba(0, 198, 255, 0.3);
    }
    .product-card img {
      max-height: 150px;
      object-fit: contain;
    }
    .btn-gradient {
      background: linear-gradient(135deg, #00c6ff, #0072ff);
      color: white;
      font-weight: bold;
      border-radius: 30px;
      border: none;
      padding: 10px 20px;
    }
    .main-content {
  padding-top: 70px;
}


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

/*         End 404 Page        */

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

/*# sourceMappingURL=style.css.map */
.floating-buttons {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.float-button {
    width: 50px;
    height: 50px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    animation: pulse 1.5s infinite;
    transition: transform 0.3s;
    text-decoration: none;
}

.float-button.call {
    background-color: #007bff;
}

.float-button:hover {
    transform: scale(1.1);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}