/*------------------------------------------------------------------------------------------------------
    

-----------------------------------------------------------------


    CSS INDEX
    =========================

    1. General CSS
    2.Typography	
		2.1. Browser Upgrade Prompt
		2.2. Default CSS
		2.3. All Padding Margin	
	3. Main Menu
	4. Slider	
	5. About Section	
	6. Sticky Menu
	7. About Fixing
	8. Our Services
	9. Skew Design
	10. Exclusive Feature Section
	11. App Screenshorts
	12. App Video
	13. Testimonials
	14. Pricing 
	15. Get appix now
	16. Contact us
	17. Footer Area
	18. scrollUP
	19. Page Header Background (All)
	20. Blog
	21. Pagination
	22. Blog Footer 
	23. Blog sidebar 
	24. Left bottom link item
	25. Comment
	26. Preloader

	27. Homepage Dark Version
	28. Homepage Version 3
	29. Homepage Version 2
	30. Print styles	



----------------------------------------------------------------*/
/* ==============================================
    1. General CSS
   ============================================== */
#demonote { display: none !important;}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none !important;}
* {
    margin: 0;
    padding: 0;
    outline: none;
}
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 25px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
ol,
ul {
    list-style: none;
}
a:hover {
    text-decoration: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
}
p {
    color: #666666;
}
/*=========================
    2.Typography	
===========================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}
h1 {
    font-size: 48px;
    font-weight: 600;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 24px;
    font-weight: 600;
}
h4 {
    font-size: 14px;
    font-weight: 500;
}
h5 {
    font-weight: 400;
}
h6 {}
/* ==============================================
    2.1. Browser Upgrade Prompt
   ============================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==============================================
    2.2. Default CSS
   ============================================== */

.np {
    padding: 0;
}
.padding-zero {
    padding: 0;
}
.bg-change {
    background: #ffffff!important;
    color: #f96a91!important;
}
/*===================
 2.3. All Padding Margin
=====================*/

.mt {
    margin-top: 115px;
}
.mb {
    margin-bottom: 115px;
}
.mt-90 {
    margin-top: 0px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-0 {
    margin-top: 0px;
}
.mb-100 {
    margin-bottom: 100px;
}
section.pt-25 {
    padding-top: 25px;
}

.section-ptb {
    padding-top: 90px;
    padding-bottom: 90px;
}
.section-ptb-2 {
    padding-top: 60px;
    padding-bottom: 50px;
}
.section-ptb-3 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-ptb-4 {
    padding-top: 30px;
    padding-bottom: 90px;
}
.section-pt {
    padding-top: 90px;
}
.section-pb {
    padding-bottom: 90px;
}
.pt {
    padding-top: 95px;
}
.pb {
    padding-bottom: 95px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-50 {
    padding-top: 50px;
}
.pt {
    padding-top: 80px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-80 {
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
.themeix-title-h1 {
    font-size: 36px;
    line-height: 48px;
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
}
.appix-danger {
    display: inline-block;
    padding: 12px 52px;
    background: #F96A91;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s;
}
.appix-danger:hover {
    color: #fff;
}
.b-mr {
    margin-right: 25px;
}
.appix-info {
    display: inline-block;
    padding: 12px 20px;
    background: #3694F4;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center font-size: 12px;
    border-radius: 5px;
    transition: all 0.5s;
}
.appix-info:hover {
    color: #fff;
}
.para-mb {
    margin-bottom: 42px;
    font-size: 16px;
}
/* ==========================================
	3. Main Menu
   ========================================== */

header {
    position: absolute;
    width: 100%;
    z-index: 22;
    left: 0;
    top: 0;
}
.main-menu {
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid rgba(245, 245, 245, .1);
    padding: 20px 0px;
}
.navbar-nav {
    margin: 5.5px -15px!important;
}
.logo-brand {
    float: left;
}
.log-icon {
    float: left;
    font-size: 43px;
    background: #424242;
    padding: 4px 20px;
    color: #fff;
}
.custom-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #FFFFFF;
}
.themeix-logo-title {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    float: right;
    text-align: center;
    padding: 12px 8px;
    background: #f96a91;
    margin-top: 0px;
}
.main-menu .navbar-nav li a {
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: all 0.5s ease-in-out;
    font-weight: 400;
}
.main-menu .navbar-nav li a:hover {
    color: #fff;
    background-color: #f86a90;
    border-radius: 39px;
}
.stickey .navbar-nav li a:hover {
    background-color: transparent!important;
    color: #f96a91;
}
.stickey .main-menu .navbar-nav li.active a {
    color: #f96a91;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li a:active {
    background: none;
}
.logo-title {
    font-size: 30px;
}
/* ==========================================
	4. Slider
   ========================================== */

.themeix-bg {
    background-image: url("images/slide-image/slider-image-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.themeix-bg.header-bg-2 {
    background-image: url(images/slide-image/home-page-image.jpg);
}
.themeix-bg.header-bg-3 {
    background-image: url(images/slide-image/slider-image-1.jpg);
}
.main-slider-overlay {
    background: -moz-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(54, 148, 244, 0.88)), color-stop(100%, rgba(255, 105, 142, 1)), color-stop(100%, rgba(255, 105, 142, 1)));
    background: -webkit-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -o-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -ms-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff698e', endColorstr='#3694f4', GradientType=1);
}
.mobi-carousel.sm-carousel {
    margin-bottom:50px;
}
.caption-area {
    padding: 40% 0;
}
.first-skew {
    position: relative;
}
.first-skew-sub-1,
.first-skew-sub-2,
.first-skew-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform-origin: 446% 3%;
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
}
.first-bg-gradient {
    background: #FFFFFF;
}
.first-skew-deg-3 .first-skew-sub-1 {
    transform: skewY(0deg);
}
.first-skew-deg-3 .first-skew-sub-2 {
    transform: skewY(-6deg);
}
.caption-area .caption-heading {
    line-height: 0px;
    margin-bottom: 40px;
    color: #ffffff;
}
.caption-area .caption-para {
    font-size: 24px;
    color: #fff;
    margin-bottom: 45px;
    line-height: 36px;
}
.caption-area .caption-para-second {
    color: #fff;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
}
.themeix-button-group .themeix-btn {
    padding: 12px 20px;
    display: inline-block;
    font-size: 15px;
    text-transform: CAPITALIZE;
    line-height: 24px;
    background: #f96a91;
    margin-right: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.4s;
}
.themeix-button-group .themeix-btn:hover {
    color: #F96A91;
}
.themeix-button-group .themeix-btn:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #FFFFFF;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-btn:hover:before {
    height: 50%;
}
.themeix-button-group .themeix-btn:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #FFFFFF;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-btn:hover:after {
    height: 50%;
}
.themeix-button-group .bg-change:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F96A91;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .bg-change:hover:before {
    height: 50%;
}
.themeix-button-group .bg-change:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F96A91;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .bg-change:hover:after {
    height: 50%;
}
.themeix-button-group .bg-change:hover {
    color: #FFFFFF!important;
}
.themeix-button-group .bg-change {
    background: #F96A91;
}
.mr {
    margin-right: 10px;
}
.border-rad {
    border-radius: 4px;
}
/* ==========================================
	5. About Section
   ========================================== */

.about-section {
    background: #ffffff;
}
.light-300 {
    font-size: 16px;
}
.themeix-section-heading-title {
    text-align: center;
    margin: 0 auto;
}
.themeix-section-heading-title h2 {
    margin-top: 0;
    font-weight: 600;
    color: #3f8ee8;
}
.themeix-section-heading-title .head-title {
    position: relative;
}
.themeix-section-heading-title .head-title:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 60px;
    width: 100px;
    height: 2px;
    background: #3f8ee8;
    margin: 0 auto;
    transform: translateX(-53%);
}
.themeix-section-heading-title .head-title:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 58px;
    width: 20px;
    height: 6px;
    background: #3f8ee8;
    margin: 0 auto;
    transform: translateX(-53%);
}
.themeix-section-heading-title .light-300 {
    padding: 0 70px;
    margin-top: 47px;
    margin-bottom: 20px;
    font-weight: 400;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 45px;
}
.change-color {
    color: #FFFFFF;
}
.themeix-info {
    background: #3694F4!important;
    color: #ffffff!important;
}
.themeix-button-group .themeix-danger:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #3694F4;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-danger:hover:before {
    height: 50%;
}
.themeix-button-group .themeix-danger:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #3694F4;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-danger:hover:after {
    height: 50%;
}
.themeix-button-group .themeix-danger:hover {
    color: #FFFFFF!important;
}
/* ==========================================
6. Sticky Menu
   ========================================== */

.stickey .main-menu {
    animation: 400ms linear 0s normal none 1 running fadeInDown;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    left: 0;
    color: #303030 !important;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 300ms linear 0s;
    z-index: 10;
    padding: 0px 0;
    border: 0;
}
.stickey .main-menu ul li a {
    color: #303030;
}
/* ==========================================
7. About Fixing
   ========================================== */

.about-pb {
    padding-top: 80px;
    padding-bottom: 150px;
    overflow: hidden;
}
/* ==========================================
8. Our Services
   ========================================== */

.our-service-section {
    padding: 25px 0 30px;
}
.themeix-sub-title {
    color: #ffffff;
    position: relative;
}
.themeix-sub-title::after {
    position: absolute;
    content: "";
    height: 3px;
    left: 45%;
    top: 40px;
    width: 6%;
    background: #ffffff;
    text-align: center;
    margin: 0 auto;
}
.service-main {
    padding-top: 110px;
    padding-bottom: 110px;
    text-align: center;
}
.servic-icon {
    margin-bottom: 30px;
}
.service-content h3 {
    margin-bottom: 30px;
}
.themeix-para-style {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
}
/* ==========================================
9. Skew Design
   ========================================== */

.skew {
    position: relative;
}
.skew_sub-1,
.skew_sub-2 {
    overflow: hidden;
}
.skew_sub-1,
.skew_sub-2,
.skew_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform-origin: 150% 50%;
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
}
.bg-gradient {
    background: -moz-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 1) 100%);
    /* ff3.6+ */
    
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(249, 106, 145, 1)), color-stop(100%, rgba(54, 148, 244, 1)));
    /* safari4+,chrome */
    
    background: -webkit-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 1) 100%);
    /* safari5.1+,chrome10+ */
    
    background: -o-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 1) 100%);
    /* opera 11.10+ */
    
    background: -ms-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 1) 100%);
    /* ie10+ */
    
    background: linear-gradient(55deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 1) 100%);
    /* w3c */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f96a91', endColorstr='#3694F4', GradientType=1);
    /* ie6-9 */
}
.skew__deg-2 .skew_bg {
    transform: skewY(-6deg);
    margin-bottom: -11.86869%;
}
.skew__deg-3 {
    margin-top: -11.86869%;
    padding-top: 11.86869%;
}
.skew__deg-3 .skew_sub-1 {
    transform: skewY(0deg);
}
.skew__deg-3 .skew_sub-2 {
    transform: skewY(-6deg);
}
/* ==========================================
10. Exclusive Feature Section
   ========================================== */

.feature-content h3 {
    position: relative;
}
.feature-content h3::after {
    content: "";
    left: 45px;
    background: #3F8EE8!important;
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -8px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.feature-content:hover h3:after {
    width: 20%;
}
.phone-holder {
    background: url(images/exclusive-image/1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}
.hgh-linner img {
    padding: 10px 10px;
    width: 334px;
    height: 398px;
}
.feature-icon i {
    float: left;
    font-size: 24px;
    line-height: 22px;
    margin-right: 20px;
    color: #f86a90;
    width: 40px;
    margin-right: 0;
    text-align: left;
}
#features .highlight.active .fa {
    background: none!important;
}
#features .highlight.active .themeix-feature-title,
#features .highlight.active .feature-icon i {
    color: #3F8EE8;
}
#features {
    background: #fff;
}
.feature-content .themeix-feature-title {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #f86a90;
}
.feature-section.highlight {
    padding-bottom: 15px;
}
.exclusive-img-section {
    text-align: center;
}
.phone-holder {
    display: block;
    height: 540px;
    margin: auto;
    overflow: hidden;
    position: relative;
    top: 20px;
    width: 270px;
}
.hgi {
    position: absolute;
    top: 58px;
    left: 10px;
    width: 245px;
    height: 410px;
    visibility: hidden;
    text-align: center;
}
.hgi img {
    width: 230px;
    height: 380px;
}
.hgi.active {
    visibility: visible;
}
/* ==========================================
11. App Screenshorts
   ========================================== */

.app-screenshorts-area {
    background: #F5F5F5;
}
.trailer-video-overlay {
    background: #FFFFFF;
}
#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}
.container h1 {
    color: white;
}
#video .modal-content {
    border-radius: 0;
}
#video .modal-header {
    background: rgba(0, 0, 0, 0) linear-gradient(55deg, rgb(249, 106, 145) 0%, rgb(54, 148, 244) 100%) repeat scroll 0 0;
    padding: 0;
}
#video .modal-header h3 {
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    padding: 14px 15px!important;
    text-align: left;
    margin: 0 5px;
}
#video .modal-header .close-btn {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 33px;
    line-height: 48px;
    margin: 0;
    width: 40px;
    float: right;
}
#video .modal-body .btn.btn-primary {
    background-color: #cc181e;
    border: medium none;
    border-radius: 4px;
    font-size: 18px;
    min-width: 116px;
}
#video .modal-content {
    border: medium none;
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}
.app-screen-mobile {
    text-align: center;
}
/* ==========================================
12. App Video
========================================== */

.themeix-section-heading-title .themeix-title-a-b-col-change:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 60px;
    width: 100px;
    height: 2px;
    background: #ffffff;
    margin: 0 auto;
    transform: translateX(-53%);
}
.themeix-section-heading-title .themeix-title-a-b-col-change:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 58px;
    width: 20px;
    height: 6px;
    background: #ffffff;
    margin: 0 auto;
    transform: translateX(-53%);
}
#video {
    background-attachment: fixed;
    background-image: url("images/trailer-video/trailer-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}
#video a {
    color: #fff;
    display: inline-block;
}
#video a i {
    font-size: 100px;
}
#video h4 {
    color: #fff;
    margin-bottom: 20px;
}
#video p {
    color: #fff;
}
.vidoverlay {
    background: rgba(0, 0, 0, 0) linear-gradient(55deg, rgba(249, 106, 145, 0.5) 0%, rgba(54, 148, 244, 0.5) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* ==========================================
13. Testimonials
   ========================================== */

.our-testimonials-section {
    background: #F5F5F5;
}
.single-testimonials-section {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}
.be-af-icon:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    left: -50px;
    font-size: 45px;
    top: 97px;
    color: #CFCDCD;
}
.image-section {
    margin: 0 auto;
    display: table;
    text-align: center;
    margin-bottom: 20px;
}
.image-section img {
    display: table-cell;
    border-radius: 50%;
}
.content-section {
    padding: 20px;
}
.content-section {
    position: relative;
}
.content-section p:before {
    position: absolute;
    content: "\f10d";
    font-family: 'FontAwesome';
    left: -23px;
    top: 16px;
    color: #CFCDCD;
    font-size: 35px;
}
.content-section p::after {
    position: absolute;
    content: "\f10e";
    font-family: 'FontAwesome';
    right: -18px;
    bottom: 153px;
    color: #CFCDCD;
    font-size: 35px;
}
.content-section h4 span {
    color: #666666;
}
.content-section h4 {
    font-size: 15px;
}
.author-info {
    margin: 35px 0;
}
.author-info .rating:before {
    content: "\f005   \f005   \f005   \f005   \f005";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #f96a91;
}
.owl-controls .owl-nav div {
    display: inline-block;
    background: #F86A90;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 6px;
    color: #FFFFFF;
}
.owl-nav {
    position: absolute;
    left: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    /* top: 31px; */
    
    bottom: -6px;
}
.owl-next {
    background: #3D93F1!important;
}
.owl-nav div.owl-next {
    /* margin-left: 61px; */
    
    left: 57px;
}
/* ==========================================
14. Pricing 
   ========================================== */

section#pricing {
    background-color: #fff;
}
.single-pricing {
    background-color: #F5F5F5;
    display: block;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 40px;
    overflow: hidden;
    position: relative;
}
span.price-tag {
    background-color: #F96A91;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    position: absolute;
    right: -145px;
    top: 20px;
    transform: rotate(45deg);
    width: 100%;
}
.single-pricing > h2 {
    font-size: 36px;
    margin: 30px 0;
    text-transform: uppercase;
}
.single-pricing h2 span {
    display: block;
    font-weight: 600;
    color: #3d93f1;
}
.price-table {
    background-color: #FFFFFF;
    padding: 20px 0;
    transition: all .5s linear 0s;
    color: #666666;
}
.appiex-active {
    color: #FFFFFF;
}
span.dollar-rate {
    font-size: 60px;
    line-height: 70px;
}
span.dollar-rate > b {
    margin-left: 5px;
}
span.dollar-cent {
    font-size: 34px;
}
.price-table sub {
    font-size: 16px;
}
ul.pricing-features {
    padding: 30px 0;
}
ul.pricing-features > li {
    display: block;
    padding: 15px 0;
    font-weight: 400;
    font-size: 16px;
}
.see-pricing {
    color: #fff;
    transition: all .5s linear 0s;
}
.single-pricing {
    transition: all .4s linear 0s;
}
.single-pricing:hover .price-table {
    background-color: #4a4a4a;
}
.single-pricing .active-color {
    background: #F96A91;
}
.single-pricing:hover .price-table {
    color: #FFFFFF;
}
.active-box-shadow {
    -webkit-box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
}
.single-pricing:hover {
    -webkit-box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -1px 17px 2px rgba(0, 0, 0, 0.2);
}
.single-pricing-plan {
    background-color: #fff;
    min-height: 825px;
}
.single-pricing-plan.pricing-color {
    background-color: #f1f1f1;
    text-align: center;
}
.single-pricing-plan h4 {
    background-color: #288feb;
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase;
}
.single-pricing-plan h4 span {
    display: block;
    font-weight: 500;
}
ul li i.fa-check {
    color: #12bf12;
}
ul li i.fa-times {
    color: #ff0000;
}
.pricing-plan {
    box-sizing: border-box;
    padding: 30px;
}
ul.pricing-plan li {
    line-height: 50px;
    font-size: 14px;
}
.single-pricing-plan h6 {
    color: #288feb;
    font-size: 24px;
    margin: 0 0 20px;
    text-align: center;
}
.single-pricing-plan h6 span {
    color: #4a4a4a;
    font-size: 14px;
}
.pricing-plan .try-btn {
    color: #288feb;
    line-height: 50px;
}
.price-btn-cust,
.active-bg {
    padding: 14px 60px!important;
    font-size: 15px!important;
    background: #666666!important;
}
.themeix-button-group .active-bg {
    padding: 14px 60px!important;
    font-size: 15px!important;
    background: #F96A91!important;
}
.themeix-price-active {
    background: #F96A91!important;
}
/*=========================================
    themeix-price-button-active
===========================================*/

.themeix-button-group .themeix-price-button-active:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #666666;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-price-button-active:hover:before {
    height: 50%;
}
.themeix-button-group .themeix-price-button-active:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #666666;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .themeix-price-button-active:hover:after {
    height: 50%;
}
.themeix-button-group .themeix-price-button-active:hover {
    color: #FFFFFF!important;
}
/*=========================================
    End  themeix-price-button-active
===========================================*/

.themeix-button-group .price-btn-cust:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F96A91;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .price-btn-cust:hover:before {
    height: 50%;
}
.themeix-button-group .price-btn-cust:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F96A91;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.themeix-button-group .price-btn-cust:hover:after {
    height: 50%;
}
.themeix-button-group .price-btn-cust:hover {
    color: #FFFFFF!important;
}
/* ==========================================
           15. Get appix now
   ========================================== */

.get-appix-setion {
    overflow: hidden;
    background: #F5F5F5;
}
.display-middle {
    display: table;
    width: 100%;
    height: 100%;
    padding: 50px 0;
}
.table-middle {
    display: table-cell;
    text-align: center;
}
.play-store-button {
    background: #F96A91;
    padding: 18px 25px;
    text-align: center;
    color: #FFFFFF;
    line-height: 0px;
    position: relative;
    font-weight: 500;
    border: radial-gradient;
    border-radius: 4px;
    font-size: 40px;
    overflow: hidden;
    letter-spacing: 2px;
    margin-right: 25px;
    transition: all .4s linear 0s;
}
.play-store-button:hover {
    color: #FFFFFF;
    -webkit-box-shadow: -1px -1px 27px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -1px 27px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -1px 17px 8px rgba(0, 0, 0, 0.2);
}
.itune-change-bg-color {
    background: #3D93F1;
    padding: 18px 60px;
}
.play-store-button:after {
    position: absolute;
    content: "Download From";
    left: 0;
    top: 16px;
    font-size: 13px;
    text-align: center;
    right: 0;
    text-transform: uppercase;
}
/* ==========================================
           16. Contact us
   ========================================== */

.contact-us-area {
    background-image: url(images/contact-image/bg.jpg);
    background-size: cover;
    background-position: center center;
}
.overlay-color {
    background: -moz-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 0.70) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(249, 106, 145, 0.70)), color-stop(100%, rgba(54, 148, 244, 1)));
    background: -webkit-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 0.70) 100%);
    background: -o-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 0.70) 100%);
    background: -ms-linear-gradient(35deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 0.70) 100%);
    background: linear-gradient(55deg, rgba(249, 106, 145, 1) 0%, rgba(54, 148, 244, 0.70) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f96a91', endColorstr='#3694F4', GradientType=1);
}
.title-color-change {
    color: #ffffff!important
}
.full-width {
    width: 100%;
}
.themeix-button-group button {
    border-radius: 0!important;
    border: 0;
    background: #F96A91!important;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea.form-control {
    background: #FFFFFF;
    border: 1px solid #e1e1e1;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    height: 47px;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 100%;
    border: 0;
    border-radius: 0;
}
textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 0px solid #e1e1e1;
    color: #666666;
    font-size: 14px;
    padding: 10px 10px 10px 20px;
    width: 100%;
    height: 190px;
    margin-bottom: 12px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border: 1px solid #F96A91;
}
.themeix-button-group .themeix-submit-btn {
    padding: 12px 30px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 24px;
    background: #f96a91;
    margin-right: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    z-index: 22;
    -webkit-transition: 0.4s;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.themeix-button-group .themeix-submit-btn::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -65px;
    border-radius: 50%;
    background: #424242;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-8%, -50%);
    -moz-transform: translate(-1%, -40%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: width 0.7s, height 0.7s;
    -webkit-transition: width 0.7s, height 0.7s;
    -moz-transition: width 0.7s, height 0.7s;
    -ms-transition: width 0.7s, height 0.7s;
    -o-transition: width 0.7s, height 0.7s;
    top: 70px;
    z-index: -22;
}
.themeix-button-group .themeix-submit-btn:hover:after {
    width: 700px;
    height: 700px;
}
input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-ms-input-placeholder {
    /* IE 10+ */
    
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-moz-placeholder {
    /* Firefox 18- */
    
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea::-webkit-input-placeholder {
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea::-moz-placeholder {
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea:-ms-input-placeholder {
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea:-moz-placeholder {
    color: #606060;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* ==========================================
           17. Footer Area
   ========================================== */

.themeix-footer-bottom {
    text-align: center;
    padding: 60px 0;
}
.themeix-footer-bottom a {
    color: #fff;
    font-weight: 700;
}
.inner-section a {
    display: inline-block;
}
.footer-menu {
    padding: 10px 0;
}
.footer-menu li {
    display: block;
    display: inline-block;
    border-right: 1px solid#ffffff;
}
.footer-menu li:last-child {
    border-right: none;
}
.footer-menu li a {
    color: #FFFFFF;
    font-weight: 400;
    padding: 0 11px;
}
.footer-overlay {
    background: rgba(0, 0, 0, .10);
}
.inner-section {
    color: #ffffff;
}
/* ==========================================
           18. scrollUP
   ========================================== */

#scrollUp {
    background: #F86A90 none repeat scroll 0 0;
    bottom: 40px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    right: 3%;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 40px;
    text-align: center;
}
/* ==========================================
           19. Page Header Background (All)
   ========================================== */

.page-header-bg {
    background: url(images/blog-image/header-bg.jpg);
    background-size: cover;
    background-position: 50% 14px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-position: top center;
}
.page-header-bg {
    padding-top: 140px;
    padding-bottom: 72px;
    color: #FFFFFF;
}
ul.page-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.page-list li {
    display: inline-block;
    color: #e1e2e2;
}
ul.page-list li + li::before {
    font-family: 'FontAwesome';
    content: "\f101";
    padding: 0px 8px;
}
ul.page-list li a {
    color: #FFFFFF;
}
/* ==========================================
           20. Blog
   ========================================== */

.blog-item {
    padding-bottom: 35px;
    overflow:hidden;
}
.blog-item .blog-image {
    position: relative;
    overflow: hidden;
}
.blog-image:after {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    color: #fff;
    z-index: 11;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\f067";
    font-family: FontAwesome;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    transition: transform 400ms ease 0s;
    -webkit-transition: -webkit-transform 400ms ease 0s;
    -moz-transition: transform 400ms ease;
}
.blog-item:hover .blog-image:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.blog-image > img {
    width: 100%;
}
.item-overlay:before {
    position: absolute;
    content: " ";
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(63, 63, 63, .61);
    opacity: 0;
    transition: all 350ms;
}
.blog-item:hover .item-overlay:before {
    opacity: 1;
}
.blog-details h3 a {
    font-size: 20px;
    text-transform: NONE;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    transition: all .4s linear 0s;
    padding-bottom: 0px;
    display: inline-block;
}
.blog-details h3 a:hover {
    color: #f86a90;
}
ul.blog-author-name li {
    display: inline-block;
    margin-right: 10px;
    color: #F96A91;
}
ul.blog-author-name li a {
    color: #F96A91;
}
ul.blog-author-name li i {
    margin-right: 10px;
    color: #9d9d9d;
}
.blog-details p {   
    color: #777777;
    font-size: 15px;
    line-height: 24px;
}
.themeix-second-button .btn-read {
    background-color: #F96A91;
    color: #fff;
    border: 2px solid #F96A91;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 11px 46px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    float: left;
}
.themeix-second-button .btn-read:hover {
    background: #FFFFFF;
    color: #424242;
}
.share-icon span {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 20px;
    color: #F86A90;
}
ul.social-icon {
    display: inline-block;
    margin-bottom: 0;
}
.social-icon li a {
    display: inline-block;
    width: 35px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin-right: 6px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.social-icon li {
    display: inline-block;
}
.twitter {
    background: #1DA1F2;
}
.facebook {
    background: #3B5998;
}
.google {
    background: #DC4A3D;
}
.social-icon a:hover {
    background: #424242;
    color: #FFFFFF;
}
.icon-button {
    position: relative;
    padding-top: 20px;
}
.blog-meta-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.blog-meta {
    float: left;
    width: 60%;
}
.tag-clouds {
    margin-bottom: 10px;
}
.tag-clouds a {
    border: 1px solid #f86a90;
    color: #f86a90;
    padding: 5px 10px;
    margin-right: 5px;
}
.blog-cats {
    float: left;
    margin-right: 15px;
}
.blog-cats i, .blog-author i {
    margin-right: 5px;
    color: #9d9d9d;
}
.share-icon {
    float: right;
}
.blog-navigation {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.previous-blog-post {
    float: left;
    width: 50%;
    padding-right: 30px;
}
.next-blog-post {
    padding-left: 30px;
    float: right;
    width: 50%;
	text-align: right;
}
.hover-color {
    transition:all .4s linear 0s;
}
.hover-color:hover {
    color: #f86a90;;
}
 h5.author-title {
    color: #333333;
    font-size: 18px;
    line-height: 64px;
}
.read-more {
    float: left;
}
.blog-excerpt p {
    margin-top: 20px;
	margin-bottom:20px
}
.previous-blog-post i {
    padding-right: 5px;
}
.blog-cats a, .blog-author a {
    color: #f86a90;
}
.previous-blog-post a, .previous-blog-post i, 
.next-blog-post a, .next-blog-post i
{
    color: #3d93f1;
}
/* ==========================================
           21. Pagination
   ========================================== */

.cust-pagi {} .pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination >li > a {
    padding: 8px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #ddd;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    background: #CCCCCC;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 8px;
}
.pagination li a:hover {
    background: #F96A91;
    color: #FFFFFF;
}
.pagination li a.active {
    background: #F96A91;
    color: #FFFFFF;
}
/* ==========================================
           22. Blog Footer 
 ========================================== */

.footer-area {
    background: #FFFFFF;
}
.column {
    overflow: hidden;
}
.column .widget-title h3 {
    color: #666666;
    margin-bottom: 20px;
}
.column .widget-title p {
    color: #666666;
}
.themeix-social-area .themeix-tool {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #CFCBCB;
    border-radius: 50%;
    margin-right: 6px;
    overflow: hidden;
    transition: transform 0.4s;
    text-align: center;
    line-height: 47px;
    display: inline-block;
}
.themeix-tool i {
    color: #FFFFFF;
    font-size: 20px;
}
.themeix-tool:hover i {
    color: #ffffff;
    transition: color 0.3s 0.6s;
}
.themeix-tool:hover #colorbox,
.themeix-tool:hover #colorboxs,
.themeix-tool:hover #colorboxss {
    margin-top: -61px;
    height: 72px;
    transition: margin 0.6s, height 0.3s 0.6s;
}
.themeix-tool {
    transform: scale(1);
}
.themeix-tool:hover {
    transform: scale(1.1);
}
.themeix-color {
    background-color: #F86A90;
}
.twitter-color {
    background-color: #55ACEE;
}
.facebook-color {
    background: #3B5998;
}
.google-color {
    background: #DC4A3D;
}
#colorbox,
#colorboxs,
#colorboxss {
    height: 30px;
    width: 63px;
    margin-top: 100px;
}
.column p {
    margin-bottom: 22px;
}
.widget-content {} .widget-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget-content ul li {
    margin-bottom: 6px;
}
.widget-content ul li a {
    color: #666666;
    font-size: 14px;
    display: inline-block;
}
.widget-content ul li a:hover {
    color: #f86a90;
}
.newsletter {
    position: relative;
}
.newsletter input {
    background: #FFFFFF;
    border: 1px solid#E4E4E4;
    width: 100%;
    padding: 0 15px;
    line-height: 25px;
    text-align: left;
}
.newsletter button {
    position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    width: 43px;
    line-height: 42px;
    background: #F96A91;
    color: #FFF;
    border: 0;
}
.mar-top {
    margin-top: -12px;
}
.blog-footere {
    background: url(images/blog-image/footer-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.blog-footer-overlya {
    background-color: rgba(61, 147, 241, .80);
}
/* ==========================================
           23. Blog sidebar 
   ========================================== */

.details-img img {
    width: 100%;
}
.sidebar .widget h5 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
}
.sidebar ul li.cat-item a,
.sidebar ul li a {
    color: #666666;
    font-weight: 400;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: block;
}
.sidebar ul li.cat-item,
.sidebar ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
    position: relative;
}
.widget {
    margin-bottom: 50px;
}
.sidebar .widget h3 {
    margin-top: 0;
}
.sidebar ul li a:hover {
    color: #F86A90;
}
.tagcloud > li {
    list-style: outside none none;
}
.sidebar ul li a {
    color: #666666;
    display: inline;
}
.sidebar ul li.cat-item a {
    font-weight: 400;
}
.sidebar ul li span {
    color: #777777;
    display: block;
    font-size: 13px;
    margin: 5px 0;
}
span.dis {
    display: inline!important;
}
.tagcloud li {
    display: inline;
}
.tagcloud li a {
    border: 1px solid #efefef;
}
ul.tagcloud li a {
    border: 1px solid #e4e4e4;
    color: #777777;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 8px 20px;
}
ul.tagcloud li a:hover {
    background-color: #288feb;
    color: #fff;
    border-color: #288feb;
}
ul.tagcloud li.widget-active a {
    background-color: #288feb;
    color: #fff;
}
.custom ul li {
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/* ==========================================
           24. Left bottom link item
   ========================================== */

.left-link-item {} .left-link-item ul li {
    display: inline-block;
    margin-right: 12px;
}
.left-link-item ul li::before {
    content: "\f292";
    font-family: 'FontAwesome';
    margin-right: 10px;
    color: #666666;
}
.left-link-item ul li a {
    color: #F96A91;
}
.middle-section {
    position: relative;
}
.author-box {
    background: #F86A90;
    display: inline-block;
    min-height: 50px;
}
.about-author .author-box .author-img {
    width: 17%;
    float: left;
}
.about-author .author-box .author-details {
    width: 83%;
    float: left;
    padding: 10px 22px;
}
.john {
    float: left;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.author-name {
    display: inline-block;
    width: 100%;
}
ul.author-link {
    float: right;
    margin-top: 7px;
}
ul.author-link li {
    display: inline-block;
    margin-right: 10px;
}
ul.author-link li a {
    color: #FFFFFF;
    font-size: 15px;
}
.author-details p {
    margin-top: 4px;
    margin-bottom: 3px;
    color: #fff;
}
/* =======================================
           25. Comment
========================================== */

h5.comment-title {
    color: #333333;
    font-size: 18px;
    line-height: 64px;
}
ul.comments-list {
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
}
ul.comments-list > li,
ul.comments-list > li.children {
    background-color: #f5f5f5;
    border-radius: 1px;
    box-sizing: border-box;
    margin-bottom: 25px;
    padding: 30px;
}
ul.comments-list li.children {
    margin-left: 50px;
}
.comment-pic,
.comment-text {
    display: inline-block;
    float: left;
}
.comment-pic {
    width: 15%;
    margin-top: 30px;
}
ul.comments-list > li::after,
ul.comments-list > li.children::after {
    clear: both;
    content: "";
    display: table;
}
.comment-text {
    padding-left: 15px;
    width: 85%;
}
.comment-text > h5 {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
}
.comment-text > h5 > a {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
}
span.comment-date {
    color: #b1b1b1;
    font-size: 14px;
    line-height: 24px;
}
.comment-text > p {
    color: #999999;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}
.comment::after {
    clear: both;
    content: "";
    display: table;
}
.comment {
    position: relative;
}
a.comment-reply {
    border-bottom: 1px solid #999999;
    color: #999999;
    position: absolute;
    right: 0;
    top: 0;
}
a.comment-reply:hover {
    border-color: #288feb;
    color: #288feb;
}
.contact-form {
    padding-bottom: 50px;
    padding-top: 10px;
}
.contact-info {
    margin-top: 30px;
}
.contact-info img {
    margin-bottom: -1px;
}
.contact-section.section-padding {
    padding-bottom: 0;
}
.contact-form .form-control {
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
    color: #868686;
    display: block;
    font-size: 16px;
    height: 48px;
    line-height: 1.42857;
    padding: 10px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
textarea.form-control {
    min-height: 200px;
}
.contact-us-wrapper h4 {
    color: #323232;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}
.contact-us-wrapper > p {
    color: #777777;
    font-size: 15px;
    line-height: 26px;
    margin: 25px 0;
}
.blog-cust-btn {
    padding: 10px 22px;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    background: #f86a90;
    margin-right: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.4s;
    border: 0;
}
.blog-cust-btn:hover {
    color: #FFFFFF;
}
.blog-cust-btn:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F86A90;
    top: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.blog-cust-btn:hover:before {
    height: 50%;
}
.blog-cust-btn:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #F86A90;
    bottom: 50%;
    left: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -11;
}
.blog-cust-btn:hover:after {
    height: 50%;
}
#carousel {
    height: 750px;
    display: relative;
}
.apps-carousel {
    margin-top: -122px;
}
#carousel img {
    display: hidden;
    cursor: pointer;
}
.carousel .sm-carousel {
    height: 800px;
    margin-top: 0;
}
/* =======================================
           26. Preloader
========================================== */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
}
.preloader-battery {
    display: block;
    margin: 0px auto;
    position: relative;
    width: 4.25rem;
    height: 8.5rem;
    box-shadow: 0 0 0 0.2rem rgb(66, 92, 119);
    -o-box-shadow: 0 0 0 0.2rem rgb(66, 92, 119);
    -ms-box-shadow: 0 0 0 0.2rem rgb(66, 92, 119);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(66, 92, 119);
    -moz-box-shadow: 0 0 0 0.2rem rgb(66, 92, 119);
    border-radius: 0.09rem;
    -o-border-radius: 0.09rem;
    -ms-border-radius: 0.09rem;
    -webkit-border-radius: 0.09rem;
    -moz-border-radius: 0.09rem;
    background: white;
}
.preloader-battery:before {
    content: '';
    position: absolute;
    left: 0.5625rem;
    right: 0.5625rem;
    top: -0.75rem;
    height: 0.7375rem;
    width: 3.125rem;
    background: rgb(66, 92, 119);
    border-radius: 0.18rem;
    -o-border-radius: 0.18rem;
    -ms-border-radius: 0.18rem;
    -webkit-border-radius: 0.18rem;
    -moz-border-radius: 0.18rem;
}
.preloader-battery:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-right: 4.25rem solid transparent;
    border-bottom: 7.05rem solid rgba(255, 255, 255, 0.32);
}
.preloader-battery .cssload-liquid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 4.25rem;
    background: rgb(255, 80, 80);
    animation: load 2.59s infinite;
    -o-animation: load 2.59s infinite;
    -ms-animation: load 2.59s infinite;
    -webkit-animation: load 2.59s infinite;
    -moz-animation: load 2.59s infinite;
}
.preloader-battery .cssload-liquid:after,
.preloader-battery .cssload-liquid:before {
    content: '';
    position: absolute;
    top: -0.5rem;
    height: 1.125rem;
    width: 1.4625rem;
    background: rgb(255, 80, 80);
    opacity: 0;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.preloader-battery .cssload-liquid:after {
    right: 0;
    animation: cssload-liquid-1 2.59s infinite;
    -o-animation: cssload-liquid-1 2.59s infinite;
    -ms-animation: cssload-liquid-1 2.59s infinite;
    -webkit-animation: cssload-liquid-1 2.59s infinite;
    -moz-animation: cssload-liquid-1 2.59s infinite;
}
.preloader-battery .cssload-liquid:before {
    left: 0;
    animation: cssload-liquid-2 2.59s infinite;
    -o-animation: cssload-liquid-2 2.59s infinite;
    -ms-animation: cssload-liquid-2 2.59s infinite;
    -webkit-animation: cssload-liquid-2 2.59s infinite;
    -moz-animation: cssload-liquid-2 2.59s infinite;
}
@keyframes load {
    0% {
        top: 4.5rem;
    }
    70% {
        top: 1.125rem;
    }
    90% {
        top: 0;
    }
    95% {
        top: 0;
    }
    100% {
        top: 4.5rem;
    }
}
@-o-keyframes load {
    0% {
        top: 4.5rem;
    }
    70% {
        top: 1.125rem;
    }
    90% {
        top: 0;
    }
    95% {
        top: 0;
    }
    100% {
        top: 4.5rem;
    }
}
@-ms-keyframes load {
    0% {
        top: 4.5rem;
    }
    70% {
        top: 1.125rem;
    }
    90% {
        top: 0;
    }
    95% {
        top: 0;
    }
    100% {
        top: 4.5rem;
    }
}
@-webkit-keyframes load {
    0% {
        top: 4.5rem;
    }
    70% {
        top: 1.125rem;
    }
    90% {
        top: 0;
    }
    95% {
        top: 0;
    }
    100% {
        top: 4.5rem;
    }
}
@-moz-keyframes load {
    0% {
        top: 4.5rem;
    }
    70% {
        top: 1.125rem;
    }
    90% {
        top: 0;
    }
    95% {
        top: 0;
    }
    100% {
        top: 4.5rem;
    }
}
@keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }
    25% {
        top: -0.25rem;
    }
    35% {
        height: 1.125rem;
        top: -0.5rem;
    }
    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-o-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }
    25% {
        top: -0.25rem;
    }
    35% {
        height: 1.125rem;
        top: -0.5rem;
    }
    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-ms-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }
    25% {
        top: -0.25rem;
    }
    35% {
        height: 1.125rem;
        top: -0.5rem;
    }
    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-webkit-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }
    25% {
        top: -0.25rem;
    }
    35% {
        height: 1.125rem;
        top: -0.5rem;
    }
    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-moz-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }
    25% {
        top: -0.25rem;
    }
    35% {
        height: 1.125rem;
        top: -0.5rem;
    }
    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }
    20% {
        top: -0.25rem;
    }
    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }
    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-o-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }
    20% {
        top: -0.25rem;
    }
    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }
    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-ms-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }
    20% {
        top: -0.25rem;
    }
    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }
    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-webkit-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }
    20% {
        top: -0.25rem;
    }
    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }
    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-moz-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }
    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }
    20% {
        top: -0.25rem;
    }
    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }
    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }
    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }
    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
/* =======================================
        27. Homepage Dark Version
========================================== */

.themeix-dark-home-page .main-menu {
    background: #232323;
}
.themeix-dark-home-page .main-menu > ul > li > a {
    color: #FFFFFF;
}
.themeix-dark-home-page .dark-overlay {
    background: rgba(29, 29, 29, 0.98);
}
.themeix-dark-home-page .caption-area .caption-heading {
    color: #797979;
}
.themeix-dark-home-page .caption-area .caption-para,
.themeix-dark-home-page .caption-area .caption-para-second {
    color: #949494;
}
.themeix-dark-home-page .caption-area .dark-send-input {
    position: relative;
}
.themeix-dark-home-page .caption-area .dark-send-input input {
    width: 45%;
    background: #343232;
    color: #949493;
    font-size: 16px;
}
.themeix-dark-home-page .caption-area .dark-send-input .dark-email-button {
    width: 83px;
    height: 46px;
    border: 0;
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #3F8EE8;
    color: #fff;
    font-size: 22px;
}
.themeix-dark-home-page .main-menu .navbar-nav li a {
    color: #FFFFFF;
}
.themeix-dark-home-page .about-section {
    background: #232323;
}
.dark-about-bg {
    background: #3694F4;
}
.themeix-dark-home-page .themeix-section-heading-title .head-title {
    color: #666666;
}
/* Exclusive Features */

.themeix-dark-home-page .themeix-section-heading-title .head-title {
    color: #666666;
}
.themeix-dark-home-page .exclusive-features-section {
    background: #232323!important;
}
.zenith-wrapper .row {
    padding: 0 !important;
}
.themeix-dark-home-page .phone-holder {
    background: url(images/exclusive-image/dark-2.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.themeix-dark-home-page #fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/phone-black.png) center top no-repeat;
    z-index: 2;
    overflow: hidden;
}
.themeix-dark-home-page .phone-holder {
    display: block;
    height: 550px;
    position: relative;
    top: 0px;
    width: 290px;
    margin: auto;
    overflow: hidden;
}
.themeix-dark-home-page .hgi {
    position: absolute;
    top: 58px;
    left: 36px;
    width: 235px;
    height: 400px;
    visibility: hidden;
}
.themeix-dark-home-page .hgi img {
    width: 100%;
    height: 400px;
}
.themeix-dark-home-page .hgi.active {
    visibility: visible;
}
/* app screenshort */

.themeix-dark-home-page .app-screenshorts-area {
    background: #1D1D1D;
}
/* youtube video */

.themeix-dark-home-page .trailer-video-overlay {
    background: #232323;
}
/* our testimonials */

.themeix-dark-home-page .our-testimonials-section {
    background: #1D1D1D;
}
.themeix-dark-home-page .single-testimonials-section .content-section p::before,
.themeix-dark-home-page .single-testimonials-section .content-section p:after {
    color: #3D3D3D;
}
/* Latest Pricing */

.themeix-dark-home-page .themeix-pricing-area {
    background: #232323!important
}
.themeix-dark-home-page .single-pricing {
    background: #1D1D1D;
}
.themeix-dark-home-page .single-pricing > h2 {
    color: #666666;
}
.themeix-dark-home-page .price-table {
    background: #3D93F1;
    color: #fff;
}
.themeix-dark-home-page .single-pricing:hover .price-table {
    background-color: #4a4a4a;
}
.themeix-dark-home-page .single-pricing .active-color {
    background: #F96A91;
}
.themeix-dark-home-page .single-pricing:hover .price-table {
    color: #FFFFFF;
}
.themeix-dark-home-page ul.pricing-features > li {
    color: #666666;
}
/* Get Appix Now */

.themeix-dark-home-page .get-appix-setion {
    background: #3D93F1;
}
.themeix-dark-home-page .itune-change-bg-color {
    background: #232323;
}
.themeix-dark-home-page .overlay-color {
    background: rgba(29, 29, 29, 0.96);
}
.themeix-dark-home-page .dark-change {
    color: #fff!important;
}
.themeix-dark-home-page .themeix-section-heading-title .dark-change:after,
.themeix-dark-home-page .themeix-section-heading-title .dark-change:before {
    background: #ffffff;
}
.themeix-dark-home-page .themeix-section-heading-title .dv-ch-color:after,
.themeix-dark-home-page .themeix-section-heading-title .dv-ch-color:before {
    background: #3D93F1;
}
.themeix-dark-home-page .contact-form .form-control {
    opacity: .74;
    background: #2A2A29;
    border: 0;
}
.themeix-dark-home-page textarea {
    opacity: .74;
    background: #2A2A29;
    border: 0;
}
.themeix-dark-home-page .dark-send-input input[type="text"]:focus,
.themeix-dark-home-page .dark-send-input input[type="email"]:focus,
.themeix-dark-home-page .dark-send-input input[type="password"]:focus,
.themeix-dark-home-page .dark-send-input textarea:focus {
    border: 1px solid #3F8EE8!important;
}
.themeix-dark-home-page .about-appix-left-img img {
    margin-left: 80px;
}
.themeix-dark-home-page .get-appix-setion .themeix-section-heading-title h2,
.themeix-dark-home-page .get-appix-setion .themeix-section-heading-title p {
    color: #fff;
}
.themeix-dark-home-page .get-appix-setion .themeix-section-heading-title .head-title::before {
    background-color: #fff;
}
.themeix-dark-home-page .get-appix-setion .themeix-section-heading-title .head-title::after {
    background-color: #fff;
}
.themeix-dark-home-page .themeix-title-h1 {
    color: #666666!important;
}

/* =======================================
        28. Homepage Version 3
========================================== */

.home-page-v-three .video-bg {
    position: relative;
}
.home-page-v-three #my-video {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
}
.home-page-v-three .image-dawo {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}
.home-page-v-three .main-slider-overlay {
    background: rgba(10, 10, 10, 0.5);
    width: 100%;
    height: 100%;
}
.image-dawo {
    background-image: url("images/slide-image/home_page_one_v3.png");
    background-size: cover;
    background-position: cover;
    background-repeat: repeat-x;
    height: 123px;
}
/*our-service-section*/

.home-page-v-three .bg {
    background: -moz-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(54, 148, 244, 0.88)), color-stop(100%, rgba(255, 105, 142, 1)), color-stop(100%, rgba(255, 105, 142, 1)));
    background: -webkit-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -o-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -ms-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff698e', endColorstr='#3694f4', GradientType=1);
}
.home-page-v-three .caption-area .dark-send-input {
    position: relative;
}
.home-page-v-three .caption-area .dark-send-input input {
    width: 45%;
    background: #FFFFFF;
    color: #949493;
    font-size: 16px;
}
.home-page-v-three .caption-area .dark-send-input .dark-email-button {
    width: 83px;
    height: 48px;
    border: 0;
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F96A91;
    color: #fff;
    font-size: 22px;
}
/* =======================================
        29. Homepage Version 2
========================================== */

.home-page-v-two .caption-area .dark-send-input {
    position: relative;
}
.home-page-v-two .caption-area .dark-send-input input {
    width: 45%;
    background: #FFFFFF;
    color: #949493;
    font-size: 16px;
}
.home-page-v-two .caption-area .dark-send-input .dark-email-button {
    width: 83px;
    height: 46px;
    border: 0;
    position: absolute;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F96A91;
    color: #fff;
    font-size: 22px;
}
/*our-service-section*/

.home-page-v-two .bg {
    background: -moz-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(54, 148, 244, 0.88)), color-stop(100%, rgba(255, 105, 142, 1)), color-stop(100%, rgba(255, 105, 142, 1)));
    background: -webkit-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -o-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: -ms-linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    background: linear-gradient(45deg, rgba(54, 148, 244, 0.88) 0%, rgba(255, 105, 142, 0.88) 100%, rgba(255, 105, 142, 0.88) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff698e', endColorstr='#3694f4', GradientType=1);
}
/* ==========================================================================
                 30. Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.slider-section {
    background-image: url("images/slide-image/slider-image-1.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.slider-section::before {
    background-color: #fff;
    bottom: -586px;
    content: "";
    height: 498px;
    position: absolute;
    right: -33px;
    transform: rotate(-5deg);
    transform-origin: 0 0 0;
    width: 120%;
}
.skew_appended,
.skew_prepended {
    background: #fff;
}
.skew {
    position: relative;
}
.skew_appended,
.skew_prepended {
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    -webkit-transform: skewY(-3.1deg);
    -ms-transform: skewY(-3.1deg);
    transform: skewY(-3.1deg);
    -webkit-backface-visibility: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1;
}
#demonote { display: none !important;}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none !important;}