/*
Template Name: Morki - App Landing Template
Version: 1.0
Author: SnazzyTheme
Template URI: https://themeforest.net/user/snazzytheme
License URI: https://themeforest.net/user/snazzytheme
Tags: app landing, morki, template, bootstrap
*/

/* ------------------------------------------------------------------
[Table of contents]
--------------------
1.  General Styles
2.  Index 01
	2.1  - Header
	2.2  - Intro /.intro
	2.3  - Services /.services
	2.4  - Section Header /.section-header
	2.5  - About App /.about-app
	2.6  - App features /.app-features
	2.7  - Newsletter /.newsletter
	2.8  - Screenshots /.screenshots
	2.9  - Counters /.counters
	2.10 - Price Table /.price-table
	2.11 - Testimonial /.testimonial
	2.12 - Team /.team
	2.13 - Download App /.download-app
	2.14 - Change Log /.change-log
	2.15 - FAQs /.faqs
	2.16 - Video /.video-featured
	2.17 - Blog /.blog
	2.18 - Clients Logo /.clients-logo
	2.19 - Contact /.contact
	2.20 - Footer

3.  Index 02
	3.1 - Intro /.intro-style2
	3.2 - Services /.service-style2
	3.3 - About App /.about-app2
	3.4 - Price Table /.Price-table2

4.  Index 03
	4.1 - Intro /.intro-style3

5.	Page Header
6.	Blog Page
7.	Blog details
8.	Team Page Styles
9.	Contact Page Style
10.	Coming Soon Page
11.	Gallery Page Style
12.	Shop Page Style
13.	Shop Details page
14.	Helper Classes

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

/* ==========================
	General Styles
=========================== */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #0065ff;
    text-shadow: none;
	color: #fff;
}
::selection {
    background: #0065ff;
    text-shadow: none;
	color: #fff;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a:focus{outline: 0;}
*:focus{outline:none;}
input, textarea{
	box-shadow: none;
}
body {
    font-family: "Lato", sans-serif;
}
p {
    font-size: 15px;
    line-height: 25px;
    color: #616161;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    color: #282828;
}
h2 {
    font-size: 40px;
    text-transform: uppercase;
}
h3 {
    font-size: 20px;
}
a {
    transition: 0.3s ease;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
figure {
    margin: 0;
}
/* -------- Pre Loader -------- */
.preloader{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	left:0;
	top: 0;
	z-index: 99999;
}
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.7em;
  margin-left: -2.7em;
  width: 5.4em;
  height: 5.4em;
  background-color: #fff;
	z-index: 100;
}
#hill {
  position: absolute;
  width: 7.1em;
  height: 7.1em;
  top: 1.7em;
  left: 1.7em;
  background-color: transparent;
  border-left: .25em solid #0065ff;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
#hill:after {
  content: '';
  position: absolute;
  width: 7.1em;
  height: 7.1em;
  left: 0;
  background-color: #fff;
}
#box {
  position: absolute;
  left: 0;
  bottom: -.1em;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .25em solid #0065ff;
  border-radius: 15%;
  -ms-transform: translate(0, -1em) rotate(-45deg);
      transform: translate(0, -1em) rotate(-45deg);
  animation: push 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
}
@keyframes push {
  0% {
    transform: translate(0, -1em) rotate(-45deg);
  }
  5% {
    transform: translate(0, -1em) rotate(-50deg);
  }
  20% {
    transform: translate(1em, -2em) rotate(47deg);
  }
  25% {
    transform: translate(1em, -2em) rotate(45deg);
  }
  30% {
    transform: translate(1em, -2em) rotate(40deg);
  }
  45% {
    transform: translate(2em, -3em) rotate(137deg);
  }
  50% {
    transform: translate(2em, -3em) rotate(135deg);
  }
  55% {
    transform: translate(2em, -3em) rotate(130deg);
  }
  70% {
    transform: translate(3em, -4em) rotate(217deg);
  }
  75% {
    transform: translate(3em, -4em) rotate(220deg);
  }
  100% {
    transform: translate(0, -1em) rotate(-225deg);
  }
}

/*
	Intro Slider
============================= */
.intro-carousel-wrapper .intro-carousel{
	position:relative;
}
.intro-carousel-wrapper .intro-carousel .owl-nav{
	position:absolute;
	width:100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.intro-carousel-wrapper .intro-carousel .owl-nav .owl-prev, .intro-carousel-wrapper .intro-carousel .owl-nav .owl-next{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 32px;
    text-align: center;
}
.intro-carousel-wrapper .intro-carousel .owl-nav .owl-prev{
    margin-left: -100px;
}
.intro-carousel-wrapper .intro-carousel .owl-nav .owl-next{
    float: right;
    margin-right: -100px
}


/* ==================================================
	Index 01
=================================================== */
/* Header */
header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}
header nav.navbar {
    border: 0 none;
    border-radius: 0;
    background: none;
    transition: 0.3s ease;
}
header nav.navbar .navbar-header {
    padding-top: 25px;
	transition:0.3s ease;
}
header .is-sticky nav.navbar .navbar-header {
    padding-top: 15px;
}
header nav.navbar .navbar-header a.navbar-brand {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}
header nav.navbar .navbar-morki {
    padding-top: 25px;
	transition:0.3s ease;
}
header .is-sticky nav.navbar .navbar-morki {
    padding-top: 15px;
}
header nav.navbar .navbar-morki ul.nav li a {
    background: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}
header nav.navbar .navbar-morki ul.nav li a:hover {
    background: none;
    color: #333;
}
header nav.navbar .navbar-morki ul.nav li a:focus {
    background: none;
    color: #323232 !important;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li a:focus {
    color: #fff !important;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li ul li a:focus {
    color: #323232 !important;
}
header nav.navbar .navbar-morki ul.nav li a:active {
    background: none;
    color: #fff;
}
header nav.navbar .navbar-morki ul.nav li.nav-download-btn a {
    background: #333;
    color: #fff;
    border-radius: 3px;
    padding: 10px 25px;
    margin-top: 5px;
}
header nav.navbar .navbar-morki ul.nav li.nav-download-btn a:hover {
    background: #fff;
    color: #333;
}
header .is-sticky {
    z-index: auto;
}
header .is-sticky nav.navbar {
    background: #333;
    margin-bottom: 0;
    padding-bottom: 15px;
    transition: 0.3s ease;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li a:hover {
    color: #0065ff;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li.nav-download-btn a {
    background: #0065ff;
    color: #fff;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li.nav-download-btn a:hover {
    background: #fff;
    color: #333;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li.active a {
    color: #0065ff;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li.active.nav-download-btn a {
    color: #333;
}

/* Dropdown Menu */
header nav.navbar .navbar-morki ul.nav li{
	position: relative;
}
header nav.navbar .navbar-morki ul.nav li.dropdown:before{
	color: #fff;
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	right: 2px;
	top: 15px;
}
header nav.navbar .navbar-morki ul.nav li ul {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	left: 0;
	position: absolute;
	top: 70px;
	width: 220px;
	padding: 10px 0;
	transition: 0.3s ease;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}
header nav.navbar .navbar-morki ul.nav li:hover ul{
	opacity: 1;
	top: 50px;
	visibility: visible;
}
header nav.navbar .navbar-morki ul.nav li ul li{
	padding: 8px 15px;
}
header nav.navbar .navbar-morki ul.nav li ul li a{
	color: #323232;
}
header .is-sticky nav.navbar .navbar-morki ul.nav li.active ul li a {
    color: #323232;
}














/* Intro */
.intro {
    min-height: 780px;
    padding: 50px 0 0 0;
    position: relative;
    background: url(../images/intro-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.intro:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,101,255);
}
.intro .intro-info {
    height: 780px;
    position: relative;
}
.intro .intro-info .intro-info-content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.intro .intro-info .intro-info-content h1 {
    font-size: 50px;
    color: #fff;
    margin: 0 0 25px 0;
    line-height: 65px;
    font-weight: 300;
}
.intro .intro-info .intro-info-content h1 span {
    font-weight: 600;
}
.intro .intro-info .intro-info-content p {
    color: #fff;
    margin-bottom: 0;
}
.intro .intro-info .intro-info-content ul {
    margin: 40px 0 0 0;
}
.intro .intro-info .intro-info-content ul li {
    display: inline-block;
    margin-right: 20px;
}
.intro .intro-info .intro-info-content ul li:last-child {
    margin-right: 0;
}
.intro .intro-info .intro-info-content ul li a {
    color: #fff;
    display: block;
    padding: 15px 45px;
    border: 2px solid #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
}
.intro .intro-info .intro-info-content ul li a:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}
.intro .intro-info .intro-info-content ul li:first-child a {
    background: #fff;
    color: #0065ff;
}
.intro .intro-info .intro-info-content ul li:first-child a:hover {
    background: #333;
    color: #fff;
}
.intro .intro-image {
    height: 750px;
    position: relative;
}
.intro .intro-image .intro-image-content {
    position: absolute;
    width: 200%;
    left: -200px;
    top: 40%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.intro .intro-info .intro-info-content form{
	margin-top: 30px;
}
.intro .intro-info .intro-info-content form .select-items{
	position:relative;
	display:inline-block;
	margin-right:15px;
	margin-bottom:15px;
}
.intro .intro-info .intro-info-content form .select-items:before{
	position:absolute;
	content:"\f107";
	font-family:"FontAwesome";
	right:15px;
	top:23px;
	line-height:0;
}
.intro .intro-info .intro-info-content form select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
	width:100%;
}
.intro .intro-info .intro-info-content form select option{
	height:100px;
}
.intro .intro-info .intro-info-content form select, .intro .intro-info .intro-info-content form input{
	height:45px;
	border: 1px solid rgba(0,0,0,0.05);
	padding: 0 15px;
}
.intro .intro-info .intro-info-content form input{
	margin-right:15px;
	margin-bottom: 15px;
}
.intro .intro-info .intro-info-content form button{
	height:45px;
	border: 0 none;
	color:#fff;
	background:#333333;
	padding: 0 35px;
	text-transform:uppercase;
	font-weight:500;
	margin-bottom: 15px;
}
.intro .intro-info .intro-info-content span.caution{color:#fff; font-style:; display:block; margin-bottom:5px;}
.intro .intro-info .intro-info-content a.ext-link{color:inherit;}
.intro .intro-info .intro-info-content a.ext-link:hover{text-decoration:underline;}





/* Services */
.services {
    padding: 120px 0;
}
.services .service-box {
    padding: 30px;
    background: #f4f4f4;
}
.services .service-box .icon {
    display: inline-block;
    text-align: center;
    border: 2px solid #0065ff;
    transition: 0.3s ease;
    width: 50px;
    height: 50px;
    font-size: 25px;
    padding-top: 5px;
    position: relative;
}
.services .service-box .icon:before,
.services .service-box .icon:after {
    background: #eee;
    content: "";
    height: 2px;
    left: 48px;
    position: absolute;
    top: 21px;
    width: 150px;
    transition: 0.5s ease;
}
.services .service-box .icon:after {
    width: 0;
    background: #0065ff;
}
.services .service-box a {
    font-weight: 700;
    text-transform: uppercase;
    color: inherit;
}
.services .service-box:hover .icon {
    border-color: #0065ff;
    background: #0065ff;
    color: #fff;
}
.services .service-box:hover .icon:after {
    width: 150px;
}
.services .service-box:hover a {
    color: #0065ff;
}


/* Section Header */
.section-header {
    margin-bottom: 60px;
}
.section-header h2 {
    margin: 0;
    text-align: center;
    padding-bottom: 25px;
    position: relative;
}
.section-header h2:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #0065ff;
    left: 50%;
    bottom: 0;
    margin-left: -25px;
}


/* About App */
.about-app {
    /*padding: 120px 0;*/
    background: #f4f4f4;
}
.about-app .app-info {
    margin-top: 108px;
}
.about-app .app-info h2 {
    text-transform: none;
    line-height: 55px;
    margin: 0 0 40px 0;
}
.about-app .app-info h2 span {
    color: #0065ff;
    font-weight: 600;
}
.about-app .app-info ul {
    margin-bottom: 0;
}
.about-app .app-info ul li {
    padding-bottom: 15px;
    padding-left: 30px;
    position: relative;
    font-size: 15px;
    color: #616161;
}
.about-app .app-info ul li:last-child {
    padding-bottom: 0;
}
.about-app .app-info ul li:before {
    position: absolute;
    content: "\f00c";
    font-family: "FontAwesome";
    left: 0px;
    top: 0;
    color: #0065ff;
}


/* App Features */
.app-features {
    padding: 120px 0;
    overflow: hidden;
}
.app-features .features-left {
    text-align: right;
    padding-top: 80px;
}
.app-features .features-left .feature-single {
    margin-bottom: 40px;
}
.app-features .features-left .feature-single:last-child {
    margin-bottom: 0;
}
.app-features .features-left .feature-single .feature-icon,
.app-features .features-left .feature-single .feature-info {
    display: table-cell;
    vertical-align: top;
}
.app-features .features-left .feature-single .feature-icon span {
    display: block;
    font-size: 28px;
    height: 70px;
    padding-top: 15px;
    text-align: center;
    width: 70px;
    position: relative;
    transition: 0.3s ease;
    z-index: 1;
    color: #0065ff;
}
.app-features .features-left .feature-single .feature-icon span:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    content: "";
    height: 70px;
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
    border-radius: 35px 35px 35px 0;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    transition: 0.3s ease;
    z-index: -1;
}
.app-features .features-left .feature-single .feature-info {
    padding-right: 25px;
}
.app-features .features-left .feature-single .feature-info h3 {
    margin: 0 0 10px 0;
}
.app-features .features-left .feature-single:hover .feature-icon span {
    color: #fff;
}
.app-features .features-left .feature-single:hover .feature-icon span:before {
    background: #0065ff;
}
.app-features .feature-image {
    text-align: center;
}
.app-features .feature-image img {
    display: inline;
}
.app-features .features-right {
    padding-top: 80px;
}
.app-features .features-right .feature-single {
    margin-bottom: 40px;
}
.app-features .features-right .feature-single:last-child {
    margin-bottom: 0;
}
.app-features .features-right .feature-single .feature-icon,
.app-features .features-right .feature-single .feature-info {
    display: table-cell;
    vertical-align: top;
}
.app-features .features-right .feature-single .feature-icon span {
    display: block;
    font-size: 28px;
    height: 70px;
    padding-top: 15px;
    text-align: center;
    width: 70px;
    position: relative;
    transition: 0.3s ease;
    z-index: 1;
    color: #0065ff;
}
.app-features .features-right .feature-single .feature-icon span:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    content: "";
    height: 70px;
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
    border-radius: 35px 35px 0 35px;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    transition: 0.3s ease;
    z-index: -1;
}
.app-features .features-right .feature-single .feature-info {
    padding-left: 25px;
}
.app-features .features-right .feature-single .feature-info h3 {
    margin: 0 0 10px 0;
}
.app-features .features-right .feature-single:hover .feature-icon span {
    color: #fff;
}
.app-features .features-right .feature-single:hover .feature-icon span:before {
    background: #0065ff;
}


/* Newsletter */
.newsletter {
    padding: 100px 0;
    text-align: center;
    background: url(../images/intro-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.newsletter:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(239, 73, 77, 0.95);
}
.newsletter h3 {
    color: #fff;
    margin: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 25px;
}
.newsletter form {
    margin: 40px auto 0 auto;
    width: 500px;
    position: relative;
}
.newsletter form input {
    width: 100%;
    border: 1px solid #fff;
    background: none;
    height: 45px;
    padding: 0 115px 0 15px;
    color: #ffffff;
}
.newsletter form button {
    border: 1px solid #fff;
    right: 0;
    top: 0;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    height: 45px;
    padding: 0 10px;
    position: absolute;
    color: #0065ff;
}


/* Screenshot */
.screenshots {
    padding: 120px 0;
    overflow: hidden;
}
.screenshots .section-header {
    margin-bottom: 55px;
}
.screenshots .screenshot-gallery .owl-stage-outer {
    padding-top: 5px;
    padding-bottom: 5px;
}
.screenshots .screenshot-gallery .screenshot-single figure {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
}
.screenshots .screenshot-gallery .screenshot-single figure figcaption {
    position: absolute;
    width: 90%;
    height: 94%;
    background: rgba(0, 0, 0, 0.6);
    left: 5%;
    top: 3%;
    transition: 0.3s ease;
    -ms-transform: scale(1.9);
        transform: scale(1.9);
    opacity: 0;
    visibility: hidden;
}
.screenshots .screenshot-gallery .screenshot-single figure figcaption a {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    display: inline-block;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    cursor: pointer;
}
.screenshots .screenshot-gallery .screenshot-single figure figcaption a:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    left: 50%;
    margin-left: -1.5px;
    top: 0;
    background: #0065ff;
}
.screenshots .screenshot-gallery .screenshot-single figure figcaption a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
    left: 0;
    background: #0065ff;
}
.screenshots .screenshot-gallery .screenshot-single figure:hover figcaption {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1);
}
.screenshots .gallery-info h3 {
    margin: 5px 0 20px 0;
}
.screenshots .gallery-info p {
    margin-bottom: 30px;
}
.screenshots .gallery-info a {
    background: #0065ff;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    padding: 15px 40px;
    text-transform: uppercase;
    border-radius: 3px;
}
.screenshots .gallery-info a:hover {
    background: #333;
    border-color: #333;
}
.screenshots .owl-dots {
    text-align: center;
    margin-top: 60px;
}
.screenshots .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}
.screenshots .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
.screenshots .owl-dots .owl-dot span {
    border: 2px solid #0065ff;
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
}
.screenshots .owl-dots .owl-dot span:before {
    border: 2px solid #0065ff;
    content: "";
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px;
    transition: 0.3s ease;
}
.screenshots .owl-dots .owl-dot.active span:before {
    background: #0065ff;
    transition: 0.3s ease;
}


/* Counters */
.counters {
    padding: 120px 0 100px;
    background: #f4f4f4;
    text-align: center;
}
.counters .counter-box:hover div {
    color: #fff;
}
.counters .counter-box:hover div:before {
    border-color: #0065ff;
    background: #0065ff;
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
}
.counters .counter-box div {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    padding-top: 23px;
    margin-bottom: 30px;
    font-size: 25px;
    color: #0065ff;
    z-index: 1;
    transition: 0.3s ease;
}
.counters .counter-box div:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #fff;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    transition: 0.3s ease;
    z-index: -1;
}
.counters .counter-box span {
    font-size: 25px;
    display: block;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #0065ff;
}
.counters .counter-box h3 {
    font-weight: 300;
    margin: 15px 0 0 0;
    font-size: 18px;
}


/* Price Table */
.price-table {
    padding: 120px 0 80px 0;
}
.price-table .price-table-wrapper {
    background: #f4f4f4;
    text-align: center;
    padding: 40px 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.price-table .price-table-wrapper .price-header {
    margin-bottom: 20px;
}
.price-table .price-table-wrapper .price-header h3 {
    margin: 0 0 20px 0;
}
.price-table .price-table-wrapper .price-header span {
    display: inline-block;
}
.price-table .price-table-wrapper .price-header span.price {
    font-size: 30px;
    color: #0065ff;
    font-weight: 700;
    position: relative;
    padding-right: 10px;
}
.price-table .price-table-wrapper .price-header span.price:before {
    bottom: 5px;
    content: "/";
    font-size: 15px;
    position: absolute;
    right: 0;
}
.price-table .price-table-wrapper .price-content ul li {
    padding: 7px 0;
    font-size: 15px;
}
.price-table .price-table-wrapper .price-content ul li.ablock {
    color: #bababa;
}
.price-table .price-table-wrapper .price-btn {
    margin-top: 30px;
}
.price-table .price-table-wrapper .price-btn a {
    border: 2px solid #0065ff;
    color: #0065ff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 25px;
    text-transform: uppercase;
    border-radius: 3px;
}
.price-table .price-table-wrapper.price-table-featured:before {
    background: #0065ff;
    content: "";
    height: 50px;
    right: -25px;
    position: absolute;
    top: -25px;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    width: 50px;
}
.price-table .price-table-wrapper.price-table-featured .price-btn a {
    color: #fff;
    background: #0065ff;
}
.price-table .price-table-wrapper:hover .price-btn a {
    color: #fff;
    background: #0065ff;
}


/* Testimonial */
.testimonial {
    padding: 120px 0;
    background: #f4f4f4;
}
.testimonial .testimonial-slider .slide-single .client-info {
    text-align: center;
    margin-bottom: 30px;
}
.testimonial .testimonial-slider .slide-single .client-info ul {
    display: inline-block;
}
.testimonial .testimonial-slider .slide-single .client-info ul li {
    display: table-cell;
    vertical-align: middle;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-image {
    position: relative;
    padding-right: 30px;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-image:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #0065ff;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-name {
    padding-left: 30px;
    padding-right: 30px;
    background: #eee;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-name h3 {
    margin: 0 0 12px 0;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-name h4 {
    margin: 0 0 7px 0;
    font-weight: 400;
}
.testimonial .testimonial-slider .slide-single .client-info ul li.client-name span {
    font-size: 15px;
}
.testimonial .testimonial-slider .slide-single .client-text {
    text-align: center;
}
.testimonial .testimonial-slider .slide-single .client-text p {
    margin-bottom: 0;
}
.testimonial .owl-dots {
    text-align: center;
    margin-top: 65px;
}
.testimonial .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}
.testimonial .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
.testimonial .owl-dots .owl-dot span {
    border: 2px solid #0065ff;
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
}
.testimonial .owl-dots .owl-dot span:before {
    border: 2px solid #0065ff;
    content: "";
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px;
    transition: 0.3s ease;
}
.testimonial .owl-dots .owl-dot.active span:before {
    background: #0065ff;
    transition: 0.3s ease;
}


/* Team */
.team {
    padding: 120px 0;
}
.team .team-carousel .team-single:hover figure figcaption {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1);
}
.team .team-carousel .team-single figure {
    position: relative;
    overflow: hidden;
}
.team .team-carousel .team-single figure figcaption {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background: rgba(239, 73, 77, 0.9);
    visibility: hidden;
    opacity: 0;
    -ms-transform: scale(1.9);
        transform: scale(1.9);
    transition: 0.3s ease;
}
.team .team-carousel .team-single figure figcaption div {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    color: #fff;
}
.team .team-carousel .team-single figure figcaption div h3 {
    margin: 0 0 5px 0;
    color: #fff;
}
.team .team-carousel .team-single figure figcaption div ul {
    margin: 25px 0 0 0;
}
.team .team-carousel .team-single figure figcaption div ul li {
    display: inline-block;
    padding-right: 15px;
}
.team .team-carousel .team-single figure figcaption div ul li:last-child {
    padding-right: 0;
}
.team .team-carousel .team-single figure figcaption div ul li a {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    color: #fff;
    padding-top: 4px;
    z-index: 1;
}
.team .team-carousel .team-single figure figcaption div ul li a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    border: 1px solid #fff;
    z-index: -1;
    transition: 0.3s ease;
}
.team .team-carousel .team-single figure figcaption div ul li a:hover {
    color: #0065ff;
}
.team .team-carousel .team-single figure figcaption div ul li a:hover:before {
    background: #fff;
}
.team .owl-dots {
    text-align: center;
    margin-top: 65px;
}
.team .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}
.team .owl-dots .owl-dot:last-child {
    margin-right: 0;
}
.team .owl-dots .owl-dot span {
    border: 2px solid #0065ff;
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
}
.team .owl-dots .owl-dot span:before {
    border: 2px solid #0065ff;
    content: "";
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px;
    transition: 0.3s ease;
}
.team .owl-dots .owl-dot.active span:before {
    background: #0065ff;
    transition: 0.3s ease;
}


/* Download App */
.download-app {
    padding: 120px 0;
    text-align: center;
    background: url(../images/intro-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.download-app:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(239, 73, 77, 0.9);
}
.download-app h2 {
    margin: 0 0 25px 0;
    color: #fff;
}
.download-app p {
    color: #fff;
    margin-bottom: 0;
    max-width: 700px;
    margin: 0 auto;
}
.download-app ul {
    margin: 50px 0 0 0;
}
.download-app ul li {
    display: inline-block;
    margin-right: 30px;
}
.download-app ul li a{
	display: block;
}
.download-app ul li:last-child {
    margin-right: 0;
}



/* Changle Log */
.change-log {
    padding: 120px 0;
}
.change-log .changelog-timeline {
    position: relative;
}
.change-log .changelog-timeline:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    top: 0;
    background: #0065ff;
}
.change-log .changelog-timeline .timeline-single {
    position: relative;
    margin-bottom: 60px;
}
.change-log .changelog-timeline .timeline-single:last-child {
    margin-bottom: 0;
}
.change-log .changelog-timeline .timeline-single .content-left,
.change-log .changelog-timeline .timeline-single .content-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.change-log .changelog-timeline .timeline-single .content-left {
    padding-right: 50px;
    text-align: right;
}
.change-log .changelog-timeline .timeline-single .content-right {
    padding-left: 50px;
}
.change-log .changelog-timeline .timeline-single h3 {
    margin: 0 0 10px 0;
}
.change-log .changelog-timeline .timeline-single p {
    margin-bottom: 0;
}
.change-log .changelog-timeline .timeline-single .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #f8f8f8;
    color: #0065ff;
    border-radius: 50%;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    text-align: center;
    padding-top: 10px;
}


/* FAQs */
.faqs {
    padding: 120px 0;
    background: #fff;
}
.faqs .faq-single {
    margin-bottom: 50px;
}
.faqs .faq-single:last-child {
    margin-bottom: 0;
}
.faqs .faq-single .faq-icon,
.faqs .faq-single .faq-content {
    display: table-cell;
    vertical-align: top;
}
.faqs .faq-single .faq-icon span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #0065ff;
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding-top: 10px;
}
.faqs .faq-single .faq-content {
    padding-left: 30px;
}
.faqs .faq-single .faq-content h3 {
    margin: 0 0 10px 0;
    line-height: 26px;
    text-transform: none;
}
.faqs .faq-single .faq-content p {
    margin-bottom: 0;
}


/* Video */
.video-featured {
    padding: 150px 0;
    text-align: center;
    background: url(../images/video-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.video-featured:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(239, 73, 77, 0.95);
}
.video-featured a.video-btn span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    transition: 0.3s ease;
}
.video-featured a.video-btn span:first-child {
    width: 80px;
    height: 80px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #0065ff;
    font-size: 25px;
}
.video-featured a.video-btn span:last-child {
    padding-left: 15px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.video-featured a.video-btn:hover span:first-child {
    background: #333;
    color: #fff;
}


/* Blog */
.blog {
    padding: 120px 0;
}
.blog .blog-single figure figcaption {
    position: relative;
}
.blog .blog-single figure figcaption ul.post-meta {
    background: rgba(239, 73, 77, 0.9);
    color: #fff;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: -55px;
    width: 100%;
}
.blog .blog-single figure figcaption ul.post-meta li {
    display: inline-block;
    color: #fff;
}
.blog .blog-single figure figcaption ul.post-meta li:last-child {
    float: right;
}
.blog .blog-single figure figcaption ul.post-meta li a {
    color: #fff;
    font-size: 14px;
}
.blog .blog-single figure figcaption ul.post-meta li a:hover {
    color: #1b1b1b;
}
.blog .blog-single figure figcaption h3 {
    text-transform: none;
    line-height: 27px;
    margin: 15px 0 15px 0;
}
.blog .blog-single figure figcaption h3 a {
    color: inherit;
}
.blog .blog-single figure figcaption ul.post-bottom {
    margin-bottom: 0;
}
.blog .blog-single figure figcaption ul.post-bottom li {
    display: inline-block;
}
.blog .blog-single figure figcaption ul.post-bottom li a {
    color: inherit;
    text-transform: uppercase;
    font-weight: 700;
}
.blog .blog-single figure figcaption ul.post-bottom li:last-child {
    float: right;
}
.blog .blog-single:hover figure figcaption h3 a,
.blog .blog-single:hover figure figcaption ul.post-bottom li a {
    color: #0065ff;
}
.blog .blog-btn {
    text-align: center;
    margin-top: 80px;
}
.blog .blog-btn a {
    display: inline-block;
    padding: 15px 45px;
    font-weight: 700;
    text-transform: uppercase;
    background: #0065ff;
    color: #fff;
    border-radius: 3px;
}
.blog .blog-btn a:hover {
    background: #333;
}


/* Client Logo */
.clients-logo {
    padding: 100px 0;
    background: #f4f4f4;
}
.clients-logo .col-sm-3 {
    text-align: center;
}
.clients-logo .col-sm-3 img {
    display: inline;
}


/* Contact */
.contact {
    padding: 120px 0;
    background: url(../images/footer-bg.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}
.contact:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(239, 73, 77, 0.95);
}
.contact .section-header h2 {
    color: #fff;
}
.contact .section-header h2:before {
    background: #fff;
}
.contact .contact-wrapper form .form-group {
    margin-bottom: 0;
}
.contact .contact-wrapper form .form-group input,
.contact .contact-wrapper form .form-group textarea {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #eee;
    transition: 0.3s ease;
    box-shadow: none;
    background: none;
    margin-bottom: 30px;
    color: #fff;
}
.contact .contact-wrapper form .form-group input:focus,
.contact .contact-wrapper form .form-group textarea:focus {
    border-color: #fff;
}
.contact .contact-wrapper form .form-group input::placeholder,
.contact .contact-wrapper form .form-group textarea::placeholder,
.newsletter form input::placeholder{
    color: #fff;
}
.contact-main .contact-wrapper form .form-group input::placeholder,
.contact-main .contact-wrapper form .form-group textarea::placeholder{
    color: #323232;
}
.contact .contact-wrapper form .form-group textarea {
    height: 150px;
    padding: 15px;
}
.contact .contact-wrapper form .form-group button {
    background: #fff;
    text-transform: uppercase;
    font-weight: 700;
    color: #0065ff;
    border: 0 none;
    padding: 13px 25px;
    border-radius: 3px;
    transition: 0.3s ease;
}
.contact .contact-wrapper form .form-group button:hover {
    background: #333;
    color: #fff;
}
.contact .contact-details h3 {
    margin: 0 0 15px 0;
    color: #fff;
}
.contact .contact-details p {
    color: #fff;
}
.contact .contact-details ul.contact-info-list li {
    padding: 5px 0;
    color: #fff;
}
.contact .contact-details ul.contact-info-list li i {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding-right: 7px;
}
.contact .contact-details ul.contact-social {
    margin: 25px 0 0 0;
}
.contact .contact-details ul.contact-social li {
    display: inline-block;
    padding-right: 15px;
}
.contact .contact-details ul.contact-social li:last-child {
    padding-right: 0;
}
.contact .contact-details ul.contact-social li a {
    display: block;
    width: 45px;
    height: 45px;
    color: #0065ff;
    text-align: center;
    padding-top: 10px;
    font-size: 18px;
    background: #fff;
}
.contact .contact-details ul.contact-social li a:hover {
    background: #333;
    color: #fff;
}
.contact .contact-details ul.contact-social li a:hover i {
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
}
.contact .contact-details ul.contact-social li a i {
    transition: 0.5s ease;
}

/* Footer */
footer {
    background: #1b1b1b;
    padding: 25px 0;
}
footer p {
    color: #fff;
    margin-bottom: 0;
}
footer p i {
    color: #0065ff;
}
footer .footer-bottom-menu ul {
    text-align: right;
    margin-bottom: 0;
}
footer .footer-bottom-menu ul li {
    display: inline-block;
    padding-right: 15px;
}
footer .footer-bottom-menu ul li:last-child {
    padding-right: 0;
}
footer .footer-bottom-menu ul li a {
    color: #fff;
}
footer .footer-bottom-menu ul li a:hover {
    color: #0065ff;
}
/* Back To top */
footer p#back-top {
    text-align: right;
    margin-bottom: 0;
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 10;
}
footer p#back-top a {
    background: #323232;
    display: inline-block;
    font-size: 25px;
    height: 35px;
    text-align: center;
    width: 35px;
    padding-top: 3px;
}
footer p#back-top a i{
	color:#fff;
}
footer p#back-top a:hover {
    background: #0065ff;
    border-color: #0065ff;
}

/* ==================================================
	Index 02
=================================================== */
/* Intro */
.intro-style2 .intro-info-content,
.intro-style2 .intro-image-content {
    padding: 0 15px;
}

/* Services */
.service-style2 .service-box {
    background: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* About App */
.about-app2 {
    position: relative;
}
.about-app2:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: #0065ff;
    width: 50%;
    height: 100%;
}
.about-app2 .app-info {
    padding-left: 30px;
    margin-top: 50px;
}
.about-app2 .app-info h2 {
    color: #fff;
    font-size: 35px;
}
.about-app2 .app-info h2 span {
    color: #333;
}
.about-app2 .app-info ul li {
    color: #fff;
}
.about-app2 .app-info ul li:before {
    color: #fff;
}

/* Price Table */
.price-table2 .price-table-wrapper {
    background: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


/* ==================================================
	Index 03
=================================================== */
.intro-style3 {
    overflow: hidden;
}
.intro-style3 .intro-image .intro-image-content {
    top: 60%;
}


/* ==================================================
	Page Header
=================================================== */
.pages-header {
    position: relative;
    background: url(../images/intro-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 130px 0 80px 0;
}
.pages-header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(239, 73, 77, 0.95);
}
.pages-header .page-header-inner {
    text-align: center;
}
.pages-header .page-header-inner .page-header-content {
    border: 4px double rgba(255, 255, 255, 0.6);
    display: inline-block;
    padding: 20px 60px;
    position: relative;
}
.pages-header .page-header-inner .page-header-content:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    height: 4px;
    margin-top: -2px;
    position: absolute;
    left: -113px;
    top: 50%;
    width: 100px;
}
.pages-header .page-header-inner .page-header-content:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    height: 4px;
    margin-top: -2px;
    position: absolute;
    right: -113px;
    top: 50%;
    width: 100px;
}
.pages-header .page-header-inner .page-header-content h1 {
    margin: 0 0 10px 0;
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
}
.pages-header .page-header-inner .page-header-content ul {
    margin-bottom: 0;
}
.pages-header .page-header-inner .page-header-content ul li {
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.pages-header .page-header-inner .page-header-content ul li:before {
    position: absolute;
    content: "/";
    right: 7px;
    top: 0;
    color: #fff;
}
.pages-header .page-header-inner .page-header-content ul li a {
    color: #fff;
}
.pages-header .page-header-inner .page-header-content ul li:last-child {
    padding-right: 0;
}
.pages-header .page-header-inner .page-header-content ul li:last-child:before {
    content: none;
}
.pages-header .page-header-inner .page-header-content ul li.active {
    color: #ddd;
}


/* ==================================================
	Blog Page
=================================================== */
.blog-wrapper {
    padding: 120px 0;
}
.blog-wrapper .blog-content .blog-single {
    margin-bottom: 70px;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure {
    position: relative;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption {
    bottom: 15px;
    left: 15px;
    min-height: 130px;
    min-width: 130px;
    position: absolute;
    background: rgba(239, 73, 77, 0.7);
    text-align: center;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption .thumb-prefix {
    position: absolute;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 0;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption .thumb-prefix span {
    display: block;
    padding-bottom: 6px;
    color: #ddd;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption .thumb-prefix span:last-child {
    padding-bottom: 0;
}
.blog-wrapper .blog-content .blog-single .blog-thumb figure figcaption .thumb-prefix span a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents {
    padding-top: 20px;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents h3 {
    margin: 0 0 15px 0;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents h3 a {
    color: inherit;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents h3 a:hover {
    color: #0065ff;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents ul {
    margin-bottom: 15px;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents ul li {
    display: inline-block;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents ul li a {
    color: inherit;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents ul li a:hover {
    color: #0065ff;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents ul li:last-child {
    float: right;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents .rm-btn {
    text-align: left;
    margin-top: 25px;
    position: relative;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents .rm-btn:before {
    background: #ddd;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -1;
    transition: 0.3s ease;
}
.blog-wrapper .blog-content .blog-single .blog-single-contents .rm-btn a {
    border: 1px solid #ddd;
    color: inherit;
    display: inline-block;
    font-weight: 700;
    padding: 10px 45px;
    text-transform: uppercase;
    background: #fff;
}
.blog-wrapper .blog-content .blog-single:hover .blog-single-contents .rm-btn:before {
    background: #0065ff;
}
.blog-wrapper .blog-content .blog-single:hover .blog-single-contents .rm-btn a {
    background: #0065ff;
    border-color: #0065ff;
    color: #fff;
}
.blog-wrapper .blog-content .blog-pagination ul {
    margin-bottom: 0;
    text-align: center;
}
.blog-wrapper .blog-content .blog-pagination ul li {
    display: inline-block;
    margin-right: 5px;
}
.blog-wrapper .blog-content .blog-pagination ul li:last-child {
    margin-right: 0;
}
.blog-wrapper .blog-content .blog-pagination ul li a {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    padding-top: 6px;
    color: inherit;
}
.blog-wrapper .blog-content .blog-pagination ul li a:hover {
    border-color: #0065ff;
    color: #0065ff;
}
.blog-wrapper .blog-content .blog-pagination ul li.active a {
    background: #0065ff;
    border-color: #0065ff;
    color: #fff;
}
.blog-wrapper .blog-sidebar .sidebar-widget {
    margin-bottom: 60px;
}
.blog-wrapper .blog-sidebar .sidebar-widget:last-child {
    margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget h3 {
    text-transform: uppercase;
    margin: 0 0 30px 0;
    position: relative;
    padding-left: 20px;
}
.blog-wrapper .blog-sidebar .sidebar-widget h3:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
    background: #0065ff;
}
.blog-wrapper .blog-sidebar .sidebar-widget.search-widget form {
    position: relative;
}
.blog-wrapper .blog-sidebar .sidebar-widget.search-widget form input {
    width: 100%;
    border: 1px solid #ddd;
    height: 45px;
    padding: 0 60px 0 15px;
    transition: 0.3s ease;
}
.blog-wrapper .blog-sidebar .sidebar-widget.search-widget form input:focus {
    border-color: #0065ff;
}
.blog-wrapper .blog-sidebar .sidebar-widget.search-widget form button {
    width: 45px;
    height: 45px;
    background: #0065ff;
    color: #fff;
    border: 1px solid #0065ff;
    position: absolute;
    right: 0;
    top: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget.recent-post ul,
.blog-wrapper .blog-sidebar .sidebar-widget.archieve-widget ul {
    margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget.recent-post ul li,
.blog-wrapper .blog-sidebar .sidebar-widget.archieve-widget ul li {
    padding: 10px 0 10px 25px;
    position: relative;
}
.blog-wrapper .blog-sidebar .sidebar-widget.recent-post ul li:before,
.blog-wrapper .blog-sidebar .sidebar-widget.archieve-widget ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    left: 0;
    background: #0065ff;
    top: 20px;
}
.blog-wrapper .blog-sidebar .sidebar-widget.recent-post ul li a,
.blog-wrapper .blog-sidebar .sidebar-widget.archieve-widget ul li a {
    color: #616161;
}
.blog-wrapper .blog-sidebar .sidebar-widget.recent-post ul li a:hover,
.blog-wrapper .blog-sidebar .sidebar-widget.archieve-widget ul li a:hover {
    color: #0065ff;
}
.blog-wrapper .blog-sidebar .sidebar-widget.tags-widget ul {
    margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget.tags-widget ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.blog-wrapper .blog-sidebar .sidebar-widget.tags-widget ul li:last-child {
    margin-right: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget.tags-widget ul li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    color: #616161;
}
.blog-wrapper .blog-sidebar .sidebar-widget.tags-widget ul li a:hover {
    color: #0065ff;
    border-color: #0065ff;
}


/* ==================================================
	Blog Details
=================================================== */
.post-details .article-meta {
    margin: 20px 0 30px 0;
}
.post-details .article-meta h2 {
    margin: 0 0 20px 0;
    line-height: 50px;
    text-transform: none;
}
.post-details .article-meta ul {
    margin-bottom: 0;
}
.post-details .article-meta ul li {
    display: inline-block;
    margin-right: 20px;
}
.post-details .article-meta ul li:last-child {
    margin-right: 0;
}
.post-details .article-meta ul li i {
    display: inline-block;
    padding-right: 6px;
}
.post-details .article-meta ul li a {
    color: #0065ff;
}
.post-details .article-content blockquote {
    background: none;
    border: 4px double rgba(239, 73, 77, 0.4);
    margin: 30px 0;
    padding: 15px;
}
.post-details .article-content ul.blog-post-pagination {
    margin: 50px 0;
}
.post-details .article-content ul.blog-post-pagination li {
    display: inline-block;
}
.post-details .article-content ul.blog-post-pagination li:last-child {
    float: right;
}
.post-details .article-content ul.blog-post-pagination li a {
    color: inherit;
    font-weight: 700;
}
.post-details .article-content ul.blog-post-pagination li a:hover {
    color: #0065ff;
}
.post-details .post-comments {
    margin: 60px 0 0 0;
}
.post-details .post-comments h2 {
    font-size: 25px;
    margin: 0 0 40px 0;
    text-transform: uppercase;
}
.post-details .post-comments ul.comment-list li {
    margin-bottom: 50px;
}
.post-details .post-comments ul.comment-list li .comment-author {
    display: table-cell;
    vertical-align: top;
}
.post-details .post-comments ul.comment-list li .comment-author img {
    width: 70px;
    height: 70px;
}
.post-details .post-comments ul.comment-list li .comment-details {
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
}
.post-details .post-comments ul.comment-list li .comment-details h3 {
    margin: 0 0 10px 0;
    color: #0065ff;
}
.post-details .post-comments ul.comment-list li .comment-details p {
    margin: 10px 0;
}
.post-details .post-comments ul.comment-list li .comment-details a {
    color: inherit;
    font-weight: 500;
}
.post-details .post-comments ul.comment-list li .comment-details a:hover {
    color: #0065ff;
}
.post-details .post-comments ul.comment-list li ul.children {
    margin-left: 50px;
}
.post-details .post-comments ul.comment-list li ul.children li {
    margin: 50px 0 0 0;
}
.post-details .post-comments ul.comment-list li ul.children li:last-child {
    margin-bottom: 0;
}
.post-details .leave-comment {
    margin-top: 100px;
}
.post-details .leave-comment h2 {
    margin: 0 0 40px 0;
    text-transform: uppercase;
    font-size: 25px;
}
.post-details .leave-comment form .form-group {
    margin-bottom: 0;
}
.post-details .leave-comment form .form-group input {
    width: 100%;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding: 0 15px;
    margin-bottom: 30px;
}
.post-details .leave-comment form .form-group textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding: 15px;
    height: 150px;
    margin-bottom: 30px;
}
.post-details .leave-comment form .form-group button {
    border: 2px solid #0065ff;
    background: #0065ff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 30px;
    transition: 0.3s ease;
}
.post-details .leave-comment form .form-group button:hover {
    background: none;
    color: #0065ff;
}


/* ==================================================
	Team Page Style
=================================================== */
.team-wrapper {
    padding: 120px 0 60px 0;
}
.team-wrapper .team-single {
    margin-bottom: 60px;
}
.team-wrapper .team-single:hover figure figcaption {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1);
}
.team-wrapper .team-single figure {
    position: relative;
    overflow: hidden;
}
.team-wrapper .team-single figure figcaption {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background: rgba(239, 73, 77, 0.9);
    visibility: hidden;
    opacity: 0;
    -ms-transform: scale(1.9);
        transform: scale(1.9);
    transition: 0.3s ease;
}
.team-wrapper .team-single figure figcaption div {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    color: #fff;
}
.team-wrapper .team-single figure figcaption div h3 {
    margin: 0 0 5px 0;
    color: #fff;
}
.team-wrapper .team-single figure figcaption div ul {
    margin: 25px 0 0 0;
}
.team-wrapper .team-single figure figcaption div ul li {
    display: inline-block;
    padding-right: 15px;
}
.team-wrapper .team-single figure figcaption div ul li:last-child {
    padding-right: 0;
}
.team-wrapper .team-single figure figcaption div ul li a {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    color: #fff;
    padding-top: 4px;
    z-index: 1;
}
.team-wrapper .team-single figure figcaption div ul li a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    border: 1px solid #fff;
    z-index: -1;
    transition: 0.3s ease;
}
.team-wrapper .team-single figure figcaption div ul li a:hover {
    color: #0065ff;
}
.team-wrapper .team-single figure figcaption div ul li a:hover:before {
    background: #fff;
}


/* ==================================================
	Contact Page Style
=================================================== */
.contact-main {
    padding-bottom: 0;
    background: none;
}
.contact-main:before {
    content: none;
}
.contact-main .section-header h2 {
    color: #323232;
}
.contact-main .section-header h2:before {
    background: #0065ff;
}
.contact-main .contact-wrapper form .form-group input,
.contact-main .contact-wrapper form .form-group textarea {
    border-color: #ddd;
	color:#323232;
}
.contact-main .contact-wrapper form .form-group input:focus,
.contact-main .contact-wrapper form .form-group textarea:focus {
    border-color: #0065ff;
}
.contact-main .contact-wrapper form .form-group button {
    background: #0065ff;
    color: #fff;
}
.contact-main .contact-details h3 {
    color: #323232;
}
.contact-main .contact-details ul.contact-info-list li,
.contact-main .contact-details p {
    color: #616161;
}
.contact-main .contact-details ul.contact-info-list li i {
    color: #0065ff;
}
.contact-main .contact-details ul.contact-social li a {
    background: #0065ff;
    color: #fff !important;
}
.contact-main #map {
    width: 100%;
    height: 400px;
    margin-top: 100px;
}
.success {
  color: #fff;
  margin-top: 20px;
}

/* ==================================================
	Coming Soon Page
=================================================== */
.countdown-timer {
    margin-top: 80px;
}
.countdown-timer #timer-wrapper .timer-body-block {
    text-align: center;
}
.countdown-timer #timer-wrapper .timer-body-block .table-cell {
    display: inline-block;
    margin-right: 50px;
    color: #fff;
}
.countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child {
    margin-right: 0;
}
.countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
    font-size: 35px;
}
.countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
.get-notified {
    padding-top: 80px;
}
.get-notified h3 {
    color: #fff;
    margin: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
}
.get-notified form {
    margin: 40px auto 0 auto;
    width: 500px;
    position: relative;
}
.get-notified form input {
    width: 100%;
    border: 1px solid #fff;
    background: none;
    height: 45px;
    padding: 0 115px 0 15px;
    color: #fff;
}
.get-notified form input::placeholder{
    color: #fff;
}
.get-notified form button {
    border: 1px solid #fff;
    right: 0;
    top: 0;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    height: 45px;
    padding: 0 10px;
    position: absolute;
    color: #0065ff;
}


/* ================================
	Gallery Page Style
================================== */
.gallery-wrapper {
    padding: 120px 0;
}
.gallery-wrapper .portfolio-content figure {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.gallery-wrapper .portfolio-content figure img {
    transition: 0.6s ease;
}
.gallery-wrapper .portfolio-content figure:hover img {
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.gallery-wrapper .portfolio-content figure:hover figcaption {
    background: rgba(239, 73, 77, 0.9);
    opacity: 1;
    visibility: visible;
    -ms-transform: scale(1);
        transform: scale(1);
    bottom: 0;
    left: 0;
}
.gallery-wrapper .portfolio-content figure figcaption {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: 0.6s ease;
    -ms-transform: scale(0.2);
        transform: scale(0.2);
}
.gallery-wrapper .portfolio-content figure figcaption div {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.gallery-wrapper .portfolio-content figure figcaption div p a {
    color: #fff;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.gallery-wrapper .portfolio-content figure figcaption div h3 {
    margin: 0;
}
.gallery-wrapper .portfolio-content figure figcaption div h3 a {
    text-transform: uppercase;
    color: #fff;
}
.gallery-wrapper .portfolio-content figure figcaption div a:hover {
    color: #323232;
}
.gallery-wrapper .gallery-pagination {
    margin-top: 30px;
}
.gallery-wrapper .gallery-pagination ul {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
}
.gallery-wrapper .gallery-pagination ul li {
    display: inline-block;
}
.gallery-wrapper .gallery-pagination ul li a {
    background: none;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    color: #727272;
}
.gallery-wrapper .gallery-pagination ul li a:hover {
    background: #0065ff;
    color: #fff;
}
.gallery-wrapper .gallery-pagination ul li.active a {
    background: #0065ff;
    color: #fff;
}


/* ================================
	Shop Page Style
================================== */
.shop-wrapper {
    padding: 120px 0 60px 0;
}
.shop-wrapper .single-product {
    margin-bottom: 60px;
    padding-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.shop-wrapper .single-product figure {
    position: relative;
    overflow: hidden;
}
.shop-wrapper .single-product figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    background: rgba(239, 73, 77, 0.9);
    transition: 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
.shop-wrapper .single-product figure figcaption div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    padding: 15px;
}
.shop-wrapper .single-product figure figcaption div p {
    color: #fff;
}
.shop-wrapper .single-product figure figcaption div a {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    color: #0065ff;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.shop-wrapper .single-product figure figcaption div a:last-child {
    margin-bottom: 0;
}
.shop-wrapper .single-product figure figcaption div a:hover {
    background: #333;
    color: #fff;
}
.shop-wrapper .single-product:hover figure figcaption {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}
.shop-wrapper .single-product .product-meta {
    margin-top: 15px;
}
.shop-wrapper .single-product .product-meta span {
    display: block;
    font-size: 25px;
    color: #0065ff;
    text-align: center;
}
.shop-wrapper .single-product .product-meta h3 {
    margin: 10px 0 0 0;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
}
.shop-wrapper .single-product .product-meta h3 a {
    color: inherit;
}
.shop-wrapper .single-product .product-meta h3 a:hover {
    color: #0065ff;
}
.shop-wrapper .shop-pagination {
    margin-top: 30px;
}
.shop-wrapper .shop-pagination ul {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
}
.shop-wrapper .shop-pagination ul li {
    display: inline-block;
}
.shop-wrapper .shop-pagination ul li a {
    background: none;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    color: #727272;
}
.shop-wrapper .shop-pagination ul li a:hover {
    background: #0065ff;
    color: #fff;
}
.shop-wrapper .shop-pagination ul li.active a {
    background: #0065ff;
    color: #fff;
}


/* ==================================================
	Product Details
=================================================== */
.product-details{
	padding: 100px 0 0 0;
}
.product-details-container h2{
	margin: 0 0 20px 0;
}
.product-details-container ul.product-rating{
	margin-bottom: 20px;
}
.product-details-container ul.product-rating li{
	display: inline-block;
	color: #0065ff;
}
.product-details-container .p-price{
	margin-bottom: 50px;
}
.product-details-container .p-price p{
	font-size: 30px;
	color: #0065ff;
	font-weight: 600;
	margin-bottom: 5px;
	margin-bottom: 15px;
}
.product-details-container ul.pd-btns{
	margin: 50px 0;
}
.product-details-container ul.pd-btns li{
	display: inline-block;
	margin-right: 15px;
}
.product-details-container ul.pd-btns li a{
	display: block;
	padding: 10px 25px;
	border: 1px solid #0065ff;
	color: #0065ff;
	margin-bottom: 15px;
}
.product-details-container ul.pd-btns li a:hover{
	color: #fff;
	background: #0065ff;
}
.product-details-container ul.pd-btns li:first-child a{
	background: #0065ff;
	color: #fff;
}
.product-details-container ul.pd-btns li:first-child a:hover{
	background: none;
	color: #0065ff;
}
.shop-wrapper .related-products{
	margin-bottom: 50px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.navbar-brand img {
    max-width: 300px;
    height: auto;
}

@media (max-width: 767px) {
.navbar-brand img {
    max-width: 200px;
	height: auto;
}

@media (max-width: 767px) {
    .intro .intro-image {
        height: 400px; /* Ajuste a altura desejada para dispositivos móveis */
    }
}