/* ------------------------------------------------------------------
Theme Name: EcoProject
Theme URI: http://www.ecologytheme.com/wordpress/project/
Author: Ecology Theme
Author URI: http://www.ecologytheme.com
Description: Project - Creative multipurpose wordpress theme. Project Build with HTML5, CSS3, JS, jQuery and Latest Bootstrap 3.3.7. It is fully responsive, so you have the power to make your new website look awesome on all types of devices.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.ecologytheme.com
Tags: blog, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: ecoproject
------------------------------------------------------------------- */
/*
[Table of contents]
--------------------
1.  Base Styles
2.  Header / header
3.  Intro / .intro
4.  About / .about
5.  Creative Concept / .creative-concept
6.  Services / .services
7.  Portfolio / .portfolio
8.  Testimonial / .testimonial 
9.  Pricing Table / .pricing-table 
10. Blog / .blog
11. Team / .team
12. Video / .video
14. Footer / footer
15. Helper Classes
------------------------------------------------------------------- */
/* ===================
   Base styles
   =================== */

html{
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
	max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
figure{
    margin: 0;
}
textarea {
    resize: vertical;
}
a{
    transition: .3s ease;
}
a:focus, a:active, a:hover{
    outline: none;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    color:#282828;
}
li,
ol{
	line-height: 30px;
}
select{
	width: 100%;
    padding: 10px;
}
table{
	width: 100%;
}
td, th {
  border: 1px solid #eee;
  padding: 5px 10px;
}
p{
    color:#727272;
    font-size: 15px;
    line-height: 25px;
	font-weight:300;
}
body{
	font-family:"Roboto", sans-serif;
}
a:focus{outline: 0;}
*:focus{outline:none;}
.sidebar-widget input{
    width: 85%;
    height: 40px;
    border: 1px solid #eee;
    padding: 0 15px;
    transition: .3s ease;
}
.sidebar-widget button{
	border: 0 none;
    border-radius: 0;
    padding: 5px 15px;
    position: absolute;
}
.sidebar-widget .sub-menu {
  margin-left: -20px;
}

.sidebar-widge .widget_categories{
  margin-left: -20px;
}

/* -------- Pre Loader -------- */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fefefe;
	z-index:99999;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url('images/preloader.gif');
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}

/* =========================
   Header
   ========================= */
   
header {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
header nav {
    padding: 25px 0;
    margin-bottom: 0 !important;
	border-radius:0;
}
header nav .navbar-brand {
    padding: 0;
	margin: 0 !important;
}
.navbar-brand {
  position: relative;
  z-index: 1;
}
header nav .navbar-header {
    margin-top: 5px;
}
header nav ul.nav {
    margin-top: 15px !important;
}
header nav ul.nav li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #000;
	background: transparent;
    padding: 0 0 20px;
}
header nav ul.nav li:hover {
    color: #333333;
    background: transparent;
}
header nav ul.nav li a:hover{
	background: transparent;
	color: #f62459;
}
header nav ul.nav li a:focus {
    background: transparent;
    outline: none;
}
header nav ul.nav li a:current {
    background: none;
    outline: none;
}
header nav ul.nav li.current > a {
    color: #f62459;
    border-bottom: 2px dotted #f62459;
}
header nav ul.nav li:last-child {
    position: relative;
}
header nav ul.nav li:last-child a {
	padding-right:0;
}
header nav ul.nav li:last-child a:hover + form {
    visibility: visible;
    opacity: 1;
}
header nav ul.nav li:last-child form {
    position: absolute;
    width: 200px;
    background: #f62459;
    padding: 5px;
    right: -15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
header nav ul.nav li:last-child form input {
    float: left;
    width: 150px;
    display: block;
    height: 40px;
    border: none;
    padding: 0 10px;
}
header nav ul.nav li:last-child form button {
    float: left;
    width: 40px;
    display: block;
    height: 40px;
    border: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
header nav ul.nav li:last-child form button:hover {
    background: #f62459;
    color: #fff;
}
header nav ul.nav li:last-child form:before {
    border-bottom: 20px solid #f62459;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    right: 8px;
    top: -19px;
}
header nav ul.nav li:last-child form:hover {
    visibility: visible;
    opacity: 1;
}
header nav ul.nav li:last-child form:focus {
    visibility: visible;
    opacity: 1;
}
header nav ul.nav li:last-child form:active {
    visibility: visible;
    opacity: 1;
}
.sticky-wrapper.is-sticky .navbar {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 1px 3px #ddd;
	transition: all 0.3s ease 0s;
	border-radius:0;
}
.sticky-wrapper nav {
	transition: all 0.3s ease 0s;
}
header nav .top-search a {
    padding-bottom: 20px;
	padding-right:0;
	color:inherit;
}
header nav .top-search a:hover + form {
    visibility: visible;
    opacity: 1;
}
header nav .top-search form {
    position: absolute;
    width: 200px;
    background: #f62459;
    padding: 5px;
    right: -15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
	top:40px;
}
header nav .top-search form input {
    float: left;
    width: 150px;
    display: block;
    height: 40px;
    border: none;
    padding: 0 10px;
}
header nav .top-search form button {
    float: left;
    width: 40px;
    display: block;
    height: 40px;
    border: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
header nav .top-search form button:hover {
    background: #f62459;
    color: #fff;
}
header nav .top-search form:before {
    border-bottom: 20px solid #f62459;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    right: 8px;
    top: -19px;
}
header nav .top-search form:hover {
    visibility: visible;
    opacity: 1;
}
header nav .top-search form:focus {
    visibility: visible;
    opacity: 1;
}
header nav .top-search form:active {
    visibility: visible;
    opacity: 1;
}
header nav .top-search {
	position: absolute;
	right: -3px;
	top: 14px;
}
header nav .pcart {
  position: absolute;
  right: -47px;
  top: 14px;
}
header nav .navbar-collapse{
 position:relative;
}

.widget-single ul li a{
	position: relative;
	padding-left: 20px;
}
.widget-single ul li a:before{
	position: absolute;
	left:5px;
	top:-7px;
	content: "\f0da";
	font-family: FontAwesome;
	color: #f62459;
}
#recentcomments  a{
	padding-left: 15px !important;
}

/* Dropdown Menu */
header nav ul li{
	position:relative;
	padding:0 12px;
	background: transparent;
}
header nav ul li ul{
	left: 0;
	padding: 5px 0 5px 0;
	position: absolute;
	width: 180px;
	background: #fff;
	box-shadow:0 3px 10px #ddd;
	border-top: 2px solid #f62459;
	transition: .4s ease;
	visibility:hidden;
	opacity:0;
	margin-top:15px;
	top: 80px;
}
header nav ul li:hover ul{
	visibility:visible;
	opacity:1;
	top:30px;
}
header nav ul li ul li{
	border-bottom: 1px solid #eee;
    list-style-type: none;
    padding: 5px 12px;
}
header nav ul li ul li:last-child{
	border-bottom: 0px solid #eee;
}
header nav ul li ul li{
	position:relative;
}
header nav ul li ul li ul{
	margin-left: 180px;
	position: absolute;
	top: 0;
	width: 180px;
	visibility:hidden;
	opacity:0;
}
header nav ul li:hover ul li ul{
	visibility:hidden;
	opacity:0;
}
header nav ul li ul li ul li ul{
 visibility:hidden;
}
header nav ul li ul li:hover ul li ul{
 margin-top:-35px;
 visibility:hidden;
 opacity:1;
}
header nav ul li ul li:hover ul li:hover ul{
 visibility:visible;
}
header nav ul li ul li:hover ul{
	margin-top:-35px;
	visibility:visible;
	opacity:1;
}
header nav ul li:hover ul li a {
    color: #333333;
}
header nav ul li:hover a{
    color: #f62459;
}
header nav ul li li:hover a{
	color: #f62459;
	background: transform;
}
.current-menu-item  a{
  border-bottom: 0 dotted red;
}
.admin-bar .sticky-wrapper, .admin-bar .sticky-wrapper.is-sticky nav {
  margin-top: 30px;
}
header nav ul li ul li:hover ul li ul{
 visibility:hidden;
 opacity:0;
 top:80px;
}
header nav ul li ul li:hover ul li:hover ul{
 visibility:visible;
 opacity:1;
 top:30px;
}

/* Mega Menu */
header nav ul li ul.megamenu-container {
  border: 0 none;
  margin: 0;
  padding: 0;
}
header nav ul li ul.megamenu-container li{
	padding:0;
}
header nav ul li .mega-menu{
	position:absolute;
	width:830px;
	left:-300px;
	top:50px;
	background:#fff;
	padding:30px 15px 30px 15px;
	box-shadow:0 3px 10px #ddd;
	border-top: 2px solid #f62459;
	transition:.2s ease;
	visibility:hidden;
	opacity:0;
}
header nav ul li:hover .mega-menu{
	top:0;
	visibility:visible;
	opacity:1;
}
header nav ul li .mega-menu span{
	width:200px;
	float:left;
}
header nav ul li .mega-menu span a{
	display:block;
	color:#000;
	font-weight:300;
	position:relative;
	left:12px;
	padding-left: 10px;
}
header nav ul li .mega-menu span a:before{
	position:absolute;
	content:"\f105";
	font-family:"FontAwesome", sans-serif;
	left:0;
	font-weight:300;
}
header nav ul li .mega-menu span a:first-child{
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	font-weight:600;
	left:0;
}
header nav ul li .mega-menu span a:first-child:before{
	position:absolute;
	content:"";
	width:150px;
	height:1px;
	left:12px;
	background:#ddd;
	bottom:0;
}
header nav ul li .mega-menu span:last-child a:first-child:before{
	content:none;
}
.larg-margin-top{
	margin-top: 100px;
}
.ubermenu-responsive-toggle,
.ubermenu-sticky-toggle-wrapper {
  margin-top: -50px !important;
}
.current-menu-item a {
  color: #f62459 !important;
}

/*=======
  Intro
  =======*/
.intro {
    position: relative;
}
.intro #intro-carousel .carousel-inner .item figure {
    position: relative;
}
.intro #intro-carousel .carousel-inner .item figure img {
    width: 100%;
}
.intro #intro-carousel .carousel-inner .item figure figcaption {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
}
.intro #intro-carousel .carousel-inner .item figure figcaption h1 {
    font-size: 70px;
    font-family: "Raleway", sans-serif;
    width: 800px;
    font-weight: 300;
    color: #282828;
}
.intro #intro-carousel .carousel-inner .item figure figcaption h1 span:first-child {
    color: #f62459;
    font-weight: 600;
}
.intro #intro-carousel .carousel-inner .item figure figcaption h1 span:last-child {
    font-weight: 600;
    color: #282828;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a {
    background: #f62459;
    color: #fff;
    font-size: 16px;
	font-weight: 700;
    padding: 18px 40px;
    text-transform: uppercase;
    margin-top: 30px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a:hover {
    text-decoration: none;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a:before {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a:hover:before {
    width: 100%;
}
.intro #intro-carousel .left-slide,
.intro #intro-carousel .right-slide {
    bottom: 150px;
    display: inline-block;
    font-size: 50px;
    position: absolute;
    right: 125px;
    z-index: 20;
    color: #282828;
	width:60px;
	height:35px;
}
.intro #intro-carousel .left-slide:hover,
.intro #intro-carousel .right-slide:hover {
    color: #f62459;
}
.intro #intro-carousel .left-slide {
    margin-right: 70px;
}
.intro #intro-carousel .left-slide:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.intro #intro-carousel .left-slide:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.intro #intro-carousel .right-slide:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.intro #intro-carousel .right-slide:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.intro #intro-carousel .left-slide:hover:before{
	background:#f62459;
}
.intro #intro-carousel .left-slide:hover:after{
	border-color:#f62459;
}
.intro #intro-carousel .right-slide:hover:before{
	background:#f62459;
}
.intro #intro-carousel .right-slide:hover:after{
	border-color:#f62459;
}
.intro .intro-bottom {
    text-align: center;
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    height: 220px;
}
.intro-bottom > a{
	position:relative;
	display:inline-block;
	width:30px;
	height:45px;
}
.intro-bottom > a::before {
	border: 3px solid #f62459;
	border-radius: 15px;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	left:0;
	top:0;
}
.intro-bottom > a::after {
	 border-bottom: 0 !important;
	 color: #f62459;
	 content: "";
	 font-family: "FontAwesome",sans-serif;
	 font-size: 12px;
	 font-weight: 600;
	 height: 22px;
	 left: 0;
	 padding-top: 2px;
	 position: absolute;
	 text-align: center;
	 width: 100%;
    -webkit-animation-name: mouse-tb;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: mouse-tb;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mouse-tb {
    0%   {top:5px; opacity:1;}
    100% {top:15px; opacity:0.5;}
}

/* Standard syntax */
@keyframes mouse-tb {
    0%   {top:5px;opacity:1;}
    100% {top:15px; opacity:0.5;}
}

/* Section Heading Style */
.section-number {
    border: 1px solid #f62459;
    border-radius: 100px;
    color: #f62459;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    margin-left: 50px;
    text-align: center;
    width: 40px;
    position: relative;
    font-family: "Raleway", sans-serif;
}
.section-number:before {
    background: #f62459 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -50px;
    position: absolute;
    top: 20px;
    width: 50px;
}
.section-number:after {
    background: #f62459 none repeat scroll 0 0;
    content: "";
    height: 138px;
    left: -50px;
    position: absolute;
    top: -117px;
    width: 1px;
}
h2.section-heading {
    font-size: 45px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 85px;
}

/* =========================
   About Section
   ========================= */
.about {
    position: relative;
    padding: 115px 0 66px 0;
}
.about i {
    color: #f62459;
    font-size: 28px;
}
.about h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
    font-weight: 400;
}
.about a {
    font-size: 13px;
    text-transform: uppercase;
    color: #f62459;
    font-weight: 700;
}
.about-box{
	margin-bottom: 60px;
}

/* =========================
   Creative Concept
   ========================= */
.creative-concept {
    position: relative;
    background: #F3F3F3;
    padding: 116px 0 0 0;
}
.creative-concept .concept-text p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 50px;
    line-height: 27px;
}
.creative-concept .concept-image {
    margin-top: -200px;
}
.creative-concept .concept-image img {
    width: 100%;
}

/* =========================
   Service Section
   ========================= */
.services {
    padding: 116px 0;
}
.services .service-box {
    text-align: center;
}
.services .service-box i {
    font-size: 28px;
    color: #f62459;
}
.services .service-box h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
    font-weight: 400;
}
.services .service-box a {
    color: #f62459;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.services .service-box:first-child {
    margin-bottom: 85px;
}

/* =========================
   Portfolio Section
   ========================= */
.portfolio {
    background: #f3f3f3;
    position: relative;
    padding: 116px 0;
}
.portfolio .portfolio-item {
    margin-bottom: 30px;
}
.portfolio .portfolio-item figure {
    position: relative;
}
.portfolio .portfolio-item figure:hover figcaption {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.portfolio .portfolio-item figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    background: rgba(255, 72, 72, 0.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.portfolio .portfolio-item figure figcaption div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.portfolio .portfolio-item figure figcaption div a {
    font-size: 25px;
    color: #fff;
}
.portfolio .portfolio-item figure figcaption div p {
    font-size: 25px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    padding: 0 15px;
    margin-top: 10px;
}
.portfolio .portfolio-more {
    text-align: right;
}

/* =========================
   Testimonial Section
   ========================= */
.testimonial {
    padding: 116px 0 195px 0;
}
.testimonial #testimonial-carousel .owl-wrapper-outer {
    border-left: 1px solid #f62459;
    border-bottom: 1px solid #f62459;
    padding-bottom: 40px;
}
.testimonial #testimonial-carousel .client-image img {
    display: block;
    margin: 0 auto;
}
.testimonial #testimonial-carousel .client-content .client-info {
    position: relative;
    margin-top: 30px;
}
.testimonial #testimonial-carousel .client-content .client-info p.c-signature {
    font-family: 'Sacramento', cursive;
    font-size: 40px;
}
.testimonial #testimonial-carousel .client-content .client-info h2 {
    font-size: 15px;
    margin-bottom: 10px;
}
.testimonial #testimonial-carousel .client-content .client-info h3 {
    font-size: 15px;
    color: #f62459;
    margin-top: 0;
}
.testimonial #testimonial-carousel .client-content .client-info ul.c-rating {
    position: absolute;
    right: 0;
    top: 45px;
}
.testimonial #testimonial-carousel .client-content .client-info ul.c-rating li {
    padding: 0;
    font-size: 20px;
    color: #f62459;
}
.testimonial #testimonial-carousel .owl-controls .owl-pagination {
    position: absolute;
    bottom: 40px;
    left: 35%;
}
.testimonial #testimonial-carousel .owl-controls .owl-pagination .owl-page {
    border: 3px solid #282828;
    display: inline-block;
    height: 11px;
    margin-right: 10px;
    width: 11px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.testimonial #testimonial-carousel .owl-controls .owl-pagination .owl-page.active {
    background: #f62459;
    border-color: #f62459;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons {
    position: absolute;
    right: 15px;
    bottom: -80px;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
    width:60px;
	height:35px;
	position:relative;
}

.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-prev {
    display: inline-block;
    margin-right: 20px;
	width:60px;
	height:35px;
	position:relative;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-prev:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-prev:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-next:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-next:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-next:hover:before{
	background:#f62459;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-next:hover:after{
	border-color:#f62459;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-prev:hover:before{
	background:#f62459;
}
.testimonial #testimonial-carousel .owl-controls .owl-buttons .owl-prev:hover:after{
	border-color:#f62459;
}

/* =========================
   Pricing Table
   ========================= */
.pricing-table {
    background: #f3f3f3;
    position: relative;
    padding: 116px 0;
}
.pricing-table .single-plan .pricing-wrapper {
    border: 1px solid #727272;
    background: #fff;
    border-radius: 10px;
    padding: 40px 60px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
	margin-bottom: 30px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-head {
    text-align: center;
    margin-bottom: 50px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-head h4 {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.pricing-table .single-plan .pricing-wrapper .pricing-head span {
    font-size: 20px;
    font-weight: 300;
}
.pricing-table .single-plan .pricing-wrapper .pricing-currency {
    margin-bottom: 50px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-currency p {
    text-align: center;
    font-size: 80px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.pricing-table .single-plan .pricing-wrapper .pricing-currency p sup {
    font-size: 40px;
    font-weight: normal;
    left: 10px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-currency p sub {
    font-size: 22px;
    font-weight: normal;
    right: 17px;
    bottom: 0;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content ul li p span {
    float: right;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase {
    text-align: center;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272 none repeat scroll 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-top: 30px;
	padding: 15px 40px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover {
    text-decoration: none;
    color: #fff;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover:before {
    width: 100%;
    color: #fff;
}
.pricing-table .single-plan:hover .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table .featured-plan .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table .container:hover .featured-plan .pricing-wrapper {
    border: 1px solid #727272;
    box-shadow: none;
}
.pricing-table .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272;
}
.pricing-table .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
}
.pricing-table .container:hover .featured-plan:hover .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}

/* =========================
   Blog Section
   ========================= */
.project-blog {
    padding: 116px 0;
}
.project-blog .single-post h3 {
    margin: 40px 0 15px 0;
}
.project-blog .single-post h3 a {
    font-size: 20px;
    text-transform: uppercase;
    color: inherit;
    font-weight: 400;
}
.project-blog .single-post h3 a:hover {
    color: #f62459;
}
.project-blog .single-post a.read-more-btn {
    background: #727272 none repeat scroll 0 0;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	margin-top: 10px;
	padding: 10px 15px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}
.project-blog .single-post a.read-more-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.project-blog .single-post a.read-more-btn:hover {
    text-decoration: none;
    color: #fff;
}
.project-blog .single-post a.read-more-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.project-blog .single-post a.read-more-btn:hover:before {
    width: 100%;
    color: #fff;
}
.project-blog .single-post:first-child {
    margin-bottom: 60px;
}
/* =========================
   Blog Section
   ========================= */
.blog {
    padding: 70px 0 0;
}
.blog .single-post h3 {
    margin: 40px 0 15px 0;
}
.blog .single-post h3 a {
    font-size: 20px;
    text-transform: uppercase;
    color: inherit;
    font-weight: 400;
}
.blog .single-post h3 a:hover {
    color: #f62459;
}
.blog .single-post a.read-more-btn {
    background: #727272;
    color: #fff;
    font-size: 15px;
    padding: 10px 15px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    font-weight: normal;
}
.blog .single-post a.read-more-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.blog .single-post a.read-more-btn:hover {
    text-decoration: none;
    color: #fff;
}
.blog .single-post a.read-more-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.blog .single-post a.read-more-btn:hover:before {
    width: 100%;
    color: #fff;
}
.blog .single-post:first-child {
    margin-bottom: 60px;
}

/* =========================
   Our Team
   ========================= */
.team {
    background: #f3f3f3;
    position: relative;
    padding: 116px 0 195px 0;
}
.team #team-carousel .team-single figure {
    position: relative;
	overflow:hidden;
}
.team #team-carousel .team-single figure figcaption {
    background: rgba(255, 72, 72, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    visibility: hidden;
    opacity: 0;
}
.team #team-carousel .team-single figure figcaption h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: 30px 0 10px 0;
    font-family: "Raleway", sans-serif;
    color: #fff;
}
.team #team-carousel .team-single figure figcaption h3 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    color: #fff;
}
.team #team-carousel .team-single figure figcaption ul {
    text-align: center;
    margin: 50px 0;
}
.team #team-carousel .team-single figure figcaption ul li {
    margin-right: 20px;
}
.team #team-carousel .team-single figure figcaption ul li:last-child {
    margin-right: 0;
}
.team #team-carousel .team-single figure figcaption ul li a {
    font-size: 25px;
    color: #fff;
}
.team #team-carousel .team-single figure figcaption .skills {
    padding: 0 40px;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single {
    margin-bottom: 20px;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single p {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-one,
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-two,
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-three,
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-four {
    height: 6px;
    background: #cacaca;
    border-radius: 5px;
    position: relative;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-one:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 80%;
    height: 100%;
    left: 0;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-one:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 78%;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-two:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 70%;
    height: 100%;
    left: 0;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-two:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 68%;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-three:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 90%;
    height: 100%;
    left: 0;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-three:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 88%;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-four:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    left: 0;
}
.team #team-carousel .team-single figure figcaption .skills .skill-single .skill-four:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 48%;
}
.team #team-carousel .team-single figure:hover figcaption {
    top: 0;
    visibility: visible;
    opacity: 1;
}
.team #team-carousel .team-single .member-info {
    position: relative;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    top: 0;
}
.team #team-carousel .team-single .member-info h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin: 30px 0 10px 0;
    font-family: "Raleway", sans-serif;
}
.team #team-carousel .team-single .member-info h3 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}
.team #team-carousel .team-single:hover .member-info {
    top: -100px;
    visibility: hidden;
    opacity: 0;
}
.team #team-carousel .owl-controls .owl-buttons {
    position: absolute;
    right: 15px;
    bottom: -80px;
    z-index: 10;
}
.team #team-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
	position:relative;
	width:60px;
	height:35px;
}

.team #team-carousel .owl-controls .owl-buttons .owl-prev {
    display: inline-block;
	position:relative;
    margin-right: 20px;
	width:60px;
	height:35px;
}
.team #team-carousel .owl-controls .owl-buttons .owl-prev:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.team #team-carousel .owl-controls .owl-buttons .owl-prev:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.team #team-carousel .owl-controls .owl-buttons .owl-next:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.team #team-carousel .owl-controls .owl-buttons .owl-next:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.team #team-carousel .owl-controls .owl-buttons .owl-next:hover:before{
	background:#f62459;
}
.team #team-carousel .owl-controls .owl-buttons .owl-next:hover:after{
	border-color:#f62459;
}
.team #team-carousel .owl-controls .owl-buttons .owl-prev:hover:before{
	background:#f62459;
}
.team #team-carousel .owl-controls .owl-buttons .owl-prev:hover:after{
	border-color:#f62459;
}
/* =========================
   Video Section
   ========================= */
.video {
    padding: 116px 0;
}
.video .video-wrapper iframe {
    border: 0;
    display: block;
    margin: 0 auto;
}

/* =========================
   Contact Section
   ========================= */
.contact {
    background: #f3f3f3;
    position: relative;
    padding: 116px 0;
}
.contact form div input {
    display: block;
    width: 50%;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f62459;
    border-left: 0;
    background: none;
    padding: 10px 0;
    box-shadow: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #282828;
    font-size: 20px;
    font-weight: 400;
}
.contact form div input:focus {
    border-color: #727272;
    box-shadow: none;
}
.contact form div input:active {
    border-color: #727272;
    box-shadow: none;
}
.contact form div input::-moz-placeholder {
    opacity: 1;
    color: #282828;
}
.contact form div input::-webkit-input-placeholder {
    opacity: 1;
    color: #282828;
}
.contact form div input[type="text"] {
    margin-bottom: 50px;
}
.contact form div input[type="email"] {
    float: right;
}
.contact form div textarea {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f62459;
    border-left: 0;
    background: none;
    padding: 60px 0 10px;
    box-shadow: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #282828;
    font-size: 20px;
    font-weight: 400;
    resize: none;
    height: 100px;
    margin-top: 20px;
}
.contact form div textarea::-moz-placeholder {
    opacity: 1;
    color: #282828;
}
.contact form div textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #282828;
}
.contact form div textarea:active {
    padding: 10px 0;
}
.contact form div textarea:focus {
    padding: 10px 0;
	border-color:#727272;
}
.contact form div button[type="submit"] {
    background: #f62459;
    color: #fff;
    font-size: 25px;
    padding: 10px 35px;
    margin-top: 80px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    border: none;
    border-radius: 3px;
    float: right;
}
.contact form div button[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
}
.contact form div button[type="submit"]:before {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.contact form div button[type="submit"]:hover:before {
    width: 100%;
    color: #fff;
}
#contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-form-title {
  font-size: 20px;
}

/* =========================
   Footer
   ========================= */
footer {
    position: relative;
}
footer .footer-widget-area{
	background:#f5f5f5;
	padding:100px 0;
	color: #727272;
}
footer .footer-widget-area .footer-widget .widget-content p{
	font-size:15px;
	font-weight:300;
	line-height:24px;
}
footer .footer-widget-area .footer-widget .widget-content .footer-logo{
	margin-bottom:20px;
}
footer .footer-widget-area .footer-widget .widget-content .footer-logo + p a{
	color:#f62459;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-links li a{
	display:block;
	position:relative;
	padding:5px 0;
	color:#727272;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-links li a:hover{
	color:#f62459;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-links li a i{
	position:absolute;
	right:0;
	transition:.3s ease;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-links li a:hover i{
	right:-5px;
}
footer .footer-widget-area .footer-widget h2.title{
	margin:0 0 20px 0;
	padding-bottom:20px;
	font-size:22px;
	position:relative;
    font-weight: 400;
}
footer .footer-widget-area .footer-widget h2.title:before{
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	background:#f62459;
	left:0;
	bottom:0
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-left, footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right{
	display:table-cell;
	vertical-align:top;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-left{
	padding-right:10px;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-left a img{
	width:60px;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right h6{
	margin:0 0 4px 0;
	font-size:14px;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right h6 a{
	color:#333;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right h6 a:hover{
	color:#f62459;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right p{
	font-size:12px;
	margin-bottom:0;
}
footer .footer-widget-area .footer-widget .widget-content .blog-post-meta .post-right p i{
	display:inline-block;
	padding-right:5px;
}
footer .footer-widget-area .footer-widget .widget-content .portfolio-grid{
	margin-left:-6px;
	margin-right:-6px;
}
footer .footer-widget-area .footer-widget .widget-content .portfolio-grid .col-md-6.col-xs-4{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-social{
	margin-top:15px;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-social li a {
	border: 1px solid #ccc;
	border-radius: 100px;
	display: inline-block;
	height: 35px;
	padding-top: 1px;
	text-align: center;
	width: 35px;
	color:#727272;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-social li a:hover{
	background:#f62459;
	border-color:#f62459;
	color:#fff;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-address li{
	padding:5px 0;
	color:#727272;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-address li a{
	color:#727272;
}
footer .footer-widget-area .footer-widget .widget-content ul.footer-address li i{
	display:inline-block;
	width:20px;
	color:#f62459;
}

footer .footer-bottom{
	background:#f62459;
}
footer p.copyright-text {
    text-align: center;
    margin: 20px 0;
    color: #fff;
}
.widget-footer{
	list-style: none;
	padding-left: 15px;
}
ul.widget-footer ul {
    padding: 0;
    list-style: none;
}
.widget-footer h2.widgettitle{
	margin-top: 20px;
}

/* ==================================================================
                          [- Contact Page -]
   ================================================================== */
.page-header{
    padding: 100px 0 0 0;
    margin: 0;
    background: url(images/slider02.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header h2{
    background: #f62459 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	margin: 100px 0 0 0;
	padding: 12px 30px;
	text-transform: uppercase;
}
.page-header ol.breadcrumb{
    border:0 none;
    background: none;
    text-align: right;
    border-radius: 0;
    margin: 95px 0 0 0;
}
.page-header ol.breadcrumb li a{
    color: #f62459;
}
.breadcrumb > li + li::before{
	color: #ccc;
    content: " ";
    padding: 0 5px;
}
.google-map .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.google-map .container-fluid .row{
    margin-left: 0;
    margin-right: 0;
}
.google-map .container-fluid .row .col-sm-9, .google-map .container-fluid .row .col-sm-3{
    padding-left: 0;
    padding-right: 0;
}
#map{
    width: 100%;
    height: 300px;
}
.google-map .map-address{
    height: 300px;
    background: url(images/contact-our-office.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 70px 0;
    position: relative;
    z-index: 1;
}
.google-map .map-address:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(246,36,89,0.9);
    left: 0;
    top: 0;
    z-index: -1;
}
.google-map .map-address h3{
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #fff;
}
.google-map .map-address h3:before{
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #f62459;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.google-map .map-address ul li{
    font-size: 18px;
}
.contact-main{
    padding: 100px 0;
}
.contact-main h2.title{
    margin: 0 0 30px 0;
}
.contact-main ul.contact-address-list{
    margin-top: 30px;
}
.contact-main ul.contact-address-list li{
    padding-left: 50px;
    position: relative;
    margin-bottom: 25px;
}
.contact-main ul.contact-address-list li i{
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 30px;
    text-shadow:
    -1px -1px 0 #323232,  
     1px -1px 0 #323232,
     -1px 1px 0 #323232,
      1px 1px 0 #323232;
    color: #fff;
}
.contact-main ul.contact-address-list li strong{
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}
.contact-main ul.contact-address-list li span{
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
}
.contact-form form input, .contact-form form textarea{
    width: 100%;
    box-shadow: none;
    border: 1px solid #ddd;
    display: block;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 3px;
}
.contact-form form textarea{
    height: 150px;
}
.contact-form form input[type="submit"]{
    background: none;
    border: 2px solid #f62459;
    border-radius: 3px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #f62459;
    font-weight: 500;
    transition: .3s ease;
	width: 170px;
}
.contact-form form input[type="submit"]:hover{
    background: #f62459;
    color: #fff;
}

/* ==================================================================
                          [- Service Page -]
   ================================================================== */
.service-about{
	padding:100px 0;
}
.service-about h3.about-title{
	margin:0 0 20px 0;
}
.service-about h3.about-title strong {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.service-list{
	background:#F0F0F0;
	padding:100px 0;
}
.section-header h2{
	margin:0 0 20px 0;
	padding-bottom:20px;
	position:relative;
}
.section-header h2:before{
	position:absolute;
	content:"";
	width:100px;
	height:2px;
	background:#f62459;
	bottom:0;
	left:0;
}
.service-list .service-block{
	background:#fff;
	margin-bottom:30px;
}
.service-list .service-block .service-block-icon, .service-list .service-block .service-block-content{
	display:table-cell;
	vertical-align:top;
}
.service-list .service-block .service-block-icon {
	border-right: 1px solid #f0f0f0;
	padding: 20px 15px;
	transition:.3s ease;
}
.service-list .service-block .service-block-icon i{
	display: inline-block;
	font-size: 30px;
	text-align: center;
	width: 65px;
	height: 65px;
	padding-top: 18px;
	border-radius: 100px;
	background:#fff;
	color:#f62459;
	border:1px solid #f62459;
	transition:.3s ease;	
}
.service-list .service-block:hover .service-block-icon{
	background:#f62459;
	border-color:#f62459;
}
.service-list .service-block:hover .service-block-icon i{
	background:#fff;
	color:#f62459;
}
.service-list .service-block .service-block-content{
	padding:20px;
}
.service-list .service-block .service-block-content h3{
	margin:0 0 15px 0;
	font-size:18px;
}
.service-list .service-block .service-block-content p{
	margin-bottom:0;
}
.service-list .service-block .service-block-content p a{
	color:#f62459;
}
.clients{
	padding:100px 0;
}
.clients .clients-brand-img img{
	background:#f7f7f7;
}
.service-calltoaction{
	background:#f62459;
	padding:20px 0;
	color:#fff;
	margin-bottom: -100px;
}
.service-calltoaction .service-calltocontent{
	position:relative;
	padding-left:80px;
}
.service-calltoaction .service-calltocontent i{
	display:inline-block;
	position:absolute;
	left:0;
	top:5px;
}
.service-calltoaction .service-calltocontent h2{
	color:#fff;
	margin:0 0 10px 0;
}
.service-calltoaction .service-calltocontent p{
	color:#fff;
	margin:0;
}
.service-calltoaction .service-calltobutton a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-weight: 600;
  margin-top: 10px;
  padding: 15px 40px;
}
.service-calltoaction .service-calltobutton a:hover{
	background:#fff;
	color:#f62459;
	border-color:#f62459;
}

/* ==================================================================
                          [- About Page -]
   ================================================================== */
.about-quote{
	padding:100px 0;
	background:#f62459;
}
.about-quote h4{
	font-style:italic;
	text-align:center;
	font-size:24px;
	line-height:1.8em;
	margin:0;
	color:#fff;
}
.our-services{
	background:#F9F9F9;
}
.vmv-statement{
	background:url(images/statement-bg.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.vmv-statement .statement-box{
	padding:60px;
}
.vmv-statement .statement-box:first-child{
	background:#f62459;
}
.vmv-statement .statement-box:last-child{
	background:#222222;
}
.vmv-statement .statement-box h3{
	color:#fff;
	margin:0 0 15px 0;
}
.vmv-statement .statement-box p{
	color:rgba(255,255,255,0.8);
	margin-bottom:0;
}
.history-timeline{
	padding:100px 0;
}
.history-timeline .text-center .btn.btn-primary {
  background: #f62459 none repeat scroll 0 0;
  border: medium none;
  border-radius: 100px;
  padding: 10px 20px;
}
.history-timeline .timeline{
	position:relative;
	padding:20px 0;
}
.history-timeline .timeline:before{
	position:absolute;
	content:"";
	width:3px;
	height:100%;
	background:#eee;
	left:50%;
	top:0;
	margin-left:-1.5px;
}

.timeline > li {
    clear: left;
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 50%;
}
.timeline > li::before, .timeline > li::after {
    content: " ";
    display: table;
}
.timeline > li::after {
    clear: both;
}
.timeline > li::before, .timeline > li::after {
    content: " ";
    display: table;
}
.timeline > li::after {
    clear: both;
}
.history-timeline .timeline li.timeline-inverted{
	float:right;
	clear:right;
	width:50%;
}
.history-timeline .timeline li:nth-child(2){
	margin-top:60px;
}
.history-timeline .timeline li .timeline-badge{
	position:absolute;
	top:15px;
	right:-12px;
	width:25px;
	height:25px;
	font-size:1.4em;
	text-align:center;
}
.history-timeline .timeline li .timeline-badge > a {
  color: #C4C4C4;
  transition:.3s ease;
}
.history-timeline .timeline li .timeline-badge > a:hover, .history-timeline .timeline li:hover .timeline-badge > a{
	color:#f62459;
}
.history-timeline .timeline li .timeline-badge .tooltip{
	display:block;
	width:100px;
}
.history-timeline .timeline li .timeline-panel{
	width:95%;
	border:1px solid #eee;
	padding:20px;
	transition:.3s ease;
	position:relative;
}
.history-timeline .timeline li .timeline-panel:before{
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	content: "";
	height: 20px;
	position: absolute;
	right: -11px;
	top: 18px;
	transform: rotate(-45deg);
	width: 20px;
	transition:.3s ease;
}
.history-timeline .timeline li.timeline-inverted .timeline-badge {
	left: -13px;
}
.history-timeline .timeline li.timeline-inverted .timeline-panel{
	float:right;
}
.history-timeline .timeline li.timeline-inverted .timeline-panel::before {
	left: -11px;
	transform: rotate(135deg);
}
.history-timeline .timeline li:hover .timeline-panel{
	border-color:#BFBFBF;
}
.history-timeline .timeline li:hover .timeline-panel::before{
	border-color:#BFBFBF;
}
/* ==================================================================
                          [- Portfolio Page -]
   ================================================================== */
.portfolio-gallery{
	padding:100px 0;
}
.portfolio-gallery .portfolio-image{
	margin-bottom:30px;
}
.portfolio-gallery .portfolio-image figure{
	position:relative;
	transition:.3s ease;
	overflow:hidden;
}
.portfolio-gallery .portfolio-image figure::before {
	background: rgba(246,36,89,0.8);
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	opacity:0;
	transition:.3s ease;
}
.portfolio-gallery .portfolio-image figure:hover::before{
	height:100%;
	opacity:1;
}
.portfolio-gallery .portfolio-image figure figcaption{
	text-align:center;
	position:absolute;
	top:150%;
	width:100%;
	transform:translateY(-50%);
	color:#fff;
	opacity:0;
	transition:.8s ease;
}
.portfolio-gallery .portfolio-image figure:hover figcaption{
	top:50%;
	opacity:1;
}
.portfolio-gallery .portfolio-image figure figcaption ul li{
	display:inline-block;
	margin-right:10px;
}
.portfolio-gallery .portfolio-image figure figcaption ul li:last-child{
	margin-right:0;
}
.portfolio-gallery .portfolio-image figure figcaption ul li a {
	border: 1px solid #fff;
	border-radius: 100px;
	display: block;
	height: 45px;
	padding-top: 12px;
	width: 45px;
	color:#fff;
}
.portfolio-gallery .portfolio-image figure figcaption ul li a:hover{
	background:#fff;
	color:#f62459;
}
.portfolio-gallery .portfolio-image figure figcaption h4{
	color:#fff;
}
.portfolio-pagination{
	text-align:center;
}
.portfolio-pagination ul li a {
	border: 1px solid #ddd;
	display: block;
	padding: 10px 15px;
	color:#ddd;
}
.portfolio-pagination ul li a:hover, .portfolio-pagination ul li.active a:hover{
	border-color:#f62459;
	background:#f62459;
	color:#fff;
}
.portfolio-pagination ul li.active a{
	border-color:#222;
	color:#222;
}

/* ==================================================================
                          [- Blog Page -]
   ================================================================== */
.blog-wrapper{
    padding: 50px 0;
}
.blog-wrapper article{
    margin-bottom: 60px;
}
.blog-wrapper article .post-meta{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    background: #fcfcfc;
	 margin-bottom: 15px;
}
.blog-wrapper article .post-meta .format{
    padding: 20px 0;
    font-size: 25px;
    color:#f62459;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
} 
.blog-wrapper article .post-meta .date{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.blog-wrapper article .post-meta .date i{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}
.blog-wrapper article .post-meta .comments{
    border-bottom: 1px solid #eee;
    padding: 15px 5px;
}
.blog-wrapper article .post-meta .comments i{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}
.blog-wrapper article .post-meta .comments a{color: #333;}
.blog-wrapper article .post-content .post-title h2{
    margin: 0 0 15px 0;
}
.blog-wrapper article .post-content .post-title h2 a{
    color: #282828;
    text-transform: uppercase;
}
.blog-wrapper article .post-content .post-title h2 a:hover{
    color: #f62459;
}
.post-image img{
	margin-bottom: 25px;
}
.blog-wrapper article .post-content .post-excerpt p{
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 26px;
}
.blog-wrapper article .post-content .post-meta-bottom{
    margin-top: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
	clear: both;
}
.blog-wrapper article .post-content .post-meta-bottom ul{
    margin-bottom: 0;
    display: inline-block;
}
.blog-wrapper article .post-content .post-meta-bottom ul li{
    display: inline;
    margin-right: 15px;
	text-transform: uppercase;
}
.blog-wrapper article .post-content .post-meta-bottom ul li a{
    text-transform: uppercase;
    color: #282828;
}
.blog-wrapper article .post-content .post-meta-bottom ul li a:hover{
    color: #f62459;
}
.blog-wrapper article .post-content .post-meta-bottom .post-read-more-btn{
    color: #f62459;
	font-size: 13px;
	font-weight: 500;
	margin-top: 6px;
	text-transform: uppercase;
}
.blog-wrapper article .post-content .quote-post blockquote {
    background: #f62459 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight: 400;
    padding: 30px;
    font-style: italic;
}
.blog-wrapper article .post-content .quote-post blockquote i{
    font-size: 60px;
    float: left;
    opacity: .4;
    margin-right: 15px;
}
.blog-wrapper article .post-content .post-video iframe{
    border: 0 none;
    width: 100%;
}
.blog-wrapper article .post-content .post-audio iframe{
    border: 0 none;
    width: 100%;
    border-radius: 0;
}
.blog-pagination{
    text-align: center;
}
.blog-pagination ul li.active a{
    background: #f62459;
    color: #fff;
    border-color: #f62459;
}
.blog-pagination ul li span.current {
  background: #f62459 none repeat scroll 0 0;
  border: 1px solid #f62459;
  color: #fff;
  padding: 10px 15px;
}
.blog-pagination ul li a {
  border: 1px solid #eee;
  color: #777;
  display: initial;
  height: 30px;
  padding: 10px 15px;
  text-align: center;
  width: 30px;
}
.blog-pagination ul li a:hover {
  background: #f62459 none repeat scroll 0 0;
  border-color: #f62459;
  color: #fff;
}

/*page pagination*/

.page-pagination {
	margin-top: 30px;
	display: inline-block;
}
.page-pagination span {
	background: #f62459;
	padding: 5px 10px;
	color: #fff;
}
.page-pagination a span {
	background: #fff;
	padding: 4px 9px;
	color: #333;
	border: 1px solid #f62459;
}

/* Sidebar Style */
.sidebar-widget{
	list-style: none;
	overflow:hidden;
}
.sidebar-widget a{
	color:#727272;
}
.sidebar-widget a:hover{
	color:#f62459;
}
.sidebar-widget ul{
	list-style: none;
	margin-left:-40px;
}
.sidebar-widget ul.children{
	margin-left: -15px;
}
.sidebar-widget .widget-single{
    margin-bottom: 50px;
}
.sidebar-widget .widget-single .widget-content form.search-widget{
    position: relative;
}
.sidebar-widget .widget-single .widget-content form.search-widget input{
    width: 100%;
    height: 40px;
    border:1px solid #eee;
    padding: 0 15px;
    transition: .3s ease;
}
.sidebar-widget .widget-single .widget-content form.search-widget button{
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    height: 38px;
    border: 0 none;
    transition: .3s ease;
}
.sidebar-widget .widget-single .widget-content form.search-widget input:focus{
    border-color: #f62459;
}
.sidebar-widget .widget-single .widget-content form.search-widget input:focus + button{
    background: #F62459;
    color: #fff;
}
.sidebar-widget .widget-single h3.widget-title h3.widgettitle, 
.sidebar-widget .widget-single h2.widget-title h2.widgettitle{
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
}
.sidebar-widget .widget-single h3.widget-title:before h3.widgettitle:before,
.sidebar-widget .widget-single h2.widget-title:before h2.widgettitle:before{
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #f62459;
    bottom: 0;
}
.tagcloud a{
	background: #eee none repeat scroll 0 0;
    color: #333;
    font-size: 13px !important;
    padding: 5px 15px;
    text-transform: capitalize;
	display: inline-block;
	margin-top: 3px;
}

.widgettitle ul{
	list-style: none;
	padding: 0;
}
h2.widgettitle, 
.widget-title{
    margin: 50px 0 30px 0;
    padding-bottom: 15px;
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
}
.footer-widget-area h3.widget-title,
.footer-widget-area h2.widget-title{
	margin: 20px 0 20px 0;
}
.widgettitle:before,
.widget-title:before{
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #f62459;
    bottom: 0;
}
.widget-content .recent-post-widget .recent-post-single h3 {
	margin-top: 0px;
}
.recent-post-single{
	margin-top: 30px;
}
.widget-content .recent-post-widget .recent-post-single h3 a {
    color: #282828;
    font-size: 15px;
}
.sidebar-widget .widget-single .widget-content .category-widget ul li i{
    display: inline-block;
    margin-right: 10px;
    color: #f62459;
}
.sidebar-widget .widget-single .widget-content .category-widget ul li a{
    color: #727272;
}
.sidebar-widget .widget-single .widget-content .category-widget ul li a:hover{
    color: #f62459;
}
.sidebar-widget .widget-single .widget-content .question-box{
    background: #F8F9FD;
    padding: 20px;
}
.sidebar-widget .widget-single .widget-content .question-box a.request-btn{
    display: block;
    padding: 15px;
    background: #f62459;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.sidebar-widget .widget-single .widget-content .question-box a.request-btn i{
    display: inline-block;
    margin-right: 10px;
}
.sidebar-widget .widget-single .widget-content .recent-post-widget .recent-post-single{
    margin-bottom: 20px;
}
.sidebar-widget .widget-single .widget-content .recent-post-widget .recent-post-single h3{
    margin: 0 0 5px 0;
    line-height: 20px;
}
.sidebar-widget .widget-single .widget-content .recent-post-widget .recent-post-single h3 a{
    font-size: 15px;
    color: #282828;
}
.sidebar-widget .widget-single .widget-content .recent-post-widget .recent-post-single h3 a:hover{
    color: #f62459;
}
.sidebar-widget .widget-single .widget-content .tags ul li a{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin: 0 0 10px 0;
    color: #727272;
}
.sidebar-widget .widget-single .widget-content .tags ul li a:hover{
    color: #f62459;
    border-color: #f62459;
}

h2.widgettitle, .widget-title {
  margin-top: 0;
}
.widget-single .widget{
  margin-bottom: 50px;
}


/* ==================================================================
                        [- Blog Details Page -]
   ================================================================== */
.blog-single-post article img.post-thumb{
    width: 100%;
    margin-bottom: -6px;
}
.blog-single-post article .article-meta{
    border-top: 2px solid #f62459;
    margin-bottom: 20px;
    margin-top: 6px;
}
.blog-single-post article .article-meta .article-date{
    display: table-cell;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 15px;
    background: #f62459;
    color: #fff;
}
.blog-single-post article .article-meta .article-date span{
    display: block;
    font-size: 25px;
    font-weight: 700;
}
.blog-single-post article .article-meta .article-title{
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}
.blog-single-post article .article-meta .article-title h2{
    font-size: 25px;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
}
.blog-single-post article .article-meta .article-title ul li{
    position: relative;
}
.blog-single-post article .article-meta .article-title ul li:before{
    position: absolute;
    content: "/";
    right: 0;
    top:0;
}
.blog-single-post article .article-meta .article-title ul li:last-child:before{
    content: none;
}
.blog-single-post article .article-meta .article-title ul li a{
    color: #727272;
    padding-right: 10px;
}
.blog-single-post article .article-meta .article-title ul li a:hover{
    color:#f62459;
}
.blog-single-post article blockquote{
    border:1px solid #eee;
    padding: 30px 20px 20px 20px;
    text-align: center;
    margin: 30px 0;
    position: relative;
}
.blog-single-post article blockquote::before {
    content: "";
    font-family: "FontAwesome";
    height: 40px;
    left: 0;
    position: absolute;
    top: -20px;
    background: #fff;
    width: 40px;
    left: 50%;
    padding-top: 7px;
    margin-left: -20px;
    
}
.blog-single-post article blockquote cite{
    display: block;
    position: relative;
    color: #282828;
    margin-top: 15px;
}
.blog-single-post article .article-bottom-meta{
    padding: 20px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin: 45px 0;
	clear: both; 
}
.blog-single-post article .article-bottom-meta ul{
    margin-bottom: 0;
}
.blog-single-post article .article-bottom-meta ul li{
    display: inline;
    margin-right: 5px;
}
.blog-single-post article .article-bottom-meta ul li a{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    border:1px solid #ddd;
    color: #727272;
}
.blog-single-post article .article-bottom-meta ul li a:hover{
    color: #fff;
    border-color: #f62459;
    background: #f62459;
}
.blog-single-post article .article-bottom-meta p{
    text-align: right;
    margin-bottom: 0;
    margin-top: 7px;
}
.blog-single-post article .article-bottom-meta p i{
    color: #f62459;
}
.blog-single-post article .article-bottom-meta p a{
    color: #282828;
	text-transform: capitalize;
}
.blog-single-post article .article-bottom-meta p a:hover{
    color: #f62459;
}
.blog-single-post .comment-area .comment-title{
    margin: 20px 0 0 0;
}
.blog-single-post .comment-area .comment-title h2{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-thumb, .blog-single-post .comment-area .comments-inner .comment-single .author-comment{
    display: table-cell;
    vertical-align: top;
}
.blog-single-post .comment-area .comments-inner .comment-single{
    padding-top: 15px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-thumb{
    padding-right: 20px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-comment .comment-meta ul li{
    display: inline;
    margin-right: 10px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-comment .comment-meta ul li:first-child{
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 18px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-comment .comment-meta ul li:first-child:before{
    position: absolute;
    content: "|";
    right: 0;
    top: -2px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-comment .comment-meta ul li:last-child{
    float: right;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-comment .comment-meta ul li:last-child a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #eee;
    color: #727272;
    text-align: center;
    padding-top: 6px;
}
.blog-single-post .comment-area .comments-inner .comment-single .author-thumb img{
    width: 80px;
    height: auto;
}
.blog-single-post .comment-area .comments-inner .comment-single .comment-reply{
    margin: 40px 0 0 90px;
}

.blog-single-post .comment-form-area h2.comment-form-title{
    margin: 50px 0 40px 0;
}
.blog-single-post .comment-form-area h2.comment-form-title{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.blog-single-post .comment-form-area .form-group label{
    display: block;
    font-weight: 400;
}
.blog-single-post .comment-form-area .form-group input, .blog-single-post .comment-form-area .form-group textarea{
    width: 100%;
    border-top:0 none; 
    border-bottom:1px solid #eee; 
    border-left:0 none; 
    border-right: 0 none;
    padding: 5px 0;
    box-shadow: none;
    margin-bottom: 20px;
    transition: .3s ease;
}
.blog-single-post .comment-form-area .form-group input:focus, .blog-single-post .comment-form-area .form-group textarea:focus{
    border-bottom-color: #f62459;
}
.blog-single-post .comment-form-area .form-group textarea{
    height: 150px;
}
.blog-single-post .comment-form-area .form-group button{
    background: #f62459;
    border: 0 none;
    padding: 10px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
p.form-submit input{
    background: #f62459;
    border: 0 none;
    padding: 10px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
	display:inline-block;
	width:200px;
}
.comment-area ul{
	padding:0;
	list-style: none;
}
.comment ul.children{
	margin-left:30px;
}
.comment-respond a{
	color: #777;
}
.comment-respond form{
	margin-top:50px;
}
article.comment-body{
	
}


/* ==================================================================
                        [- Shop Page -]
   ================================================================== */
.shop-area{
    padding: 100px 0;
}
.shop-area .shop-top{
    margin-bottom: 50px;
}
.shop-area .shop-top p{
    display: inline-block;
    margin-bottom: 0;
}
.shop-area .shop-top select {
    background: rgba(0, 0, 0, 0) url("images/select-btn.png") no-repeat scroll 95% center / 20px auto;
    border: 1px solid #eee;
    padding: 10px 40px 10px 10px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor: pointer;
}
.shop-area .product-column .single-product{
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.shop-area .product-column .single-product figure{
    position: relative;
    overflow: hidden;
    border:1px solid #f5f5f5;
}
.shop-area .product-column .single-product figure:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(246,36,89,.8);
    transition: .3s ease;
    visibility: hidden;
    opacity: 0;
}
.shop-area .product-column .single-product figure:hover:before{
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.shop-area .product-column .single-product figure figcaption{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 100%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: .8s ease;
}
.shop-area .product-column .single-product figure:hover figcaption{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.shop-area .product-column .single-product figure figcaption ul{
    margin-bottom: 0;
}
.shop-area .product-column .single-product figure figcaption ul li a{
    border: 1px solid #fff;
    padding: 8px 15px;
    display: inline-block;
    color: #000;
    background: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-radius:3px;
}
.shop-area .product-column .single-product figure figcaption ul li a:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}
.shop-area .product-column .single-product .product-bottom{
    text-align: center;
    padding: 15px 0 0 0;
}
.shop-area .product-column .single-product .product-bottom h4{
    margin: 0 0 10px 0;
}
.shop-area .product-column .single-product .product-bottom h4 a{
    color: #333;
}
.shop-area .product-column .single-product .product-bottom h4 a:hover{
    color: #f62459;
}
.shop-area .product-pagination{
    text-align: center;
    padding-top: 20px;
}
.shop-area .product-pagination ul{
    margin-bottom: 0;
}
.shop-area .product-pagination ul li{
    display: inline;
}
.shop-area .product-pagination ul li a{
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #eee;
    color: #333;
}
.shop-area .product-pagination ul li.active a{
    background: #f62459;
    color: #fff;
    border-color:#f62459;
}
.shop-area .product-pagination ul li a:hover{
    border-color:#f62459;
}

/*Shop design*/
.project-shop{
	float: right;
    margin-top: -15px;
   
}
.project-shop span{
	background-color: #f62459;
    padding: 4px 7px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-family: "Exo",sans-serif;
    margin-top: -30px;
    display: block;
    margin-left: 10px;
}

/* WooCommerce Style */

.woocommerce span.onsale {
	background-color:#F62459;
}
.woocommerce nav.woocommerce-pagination ul {
  border-color: #eee currentcolor #eee #eee;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    background: #F62459;
    color: #fff;
    padding: 12px 20px;
	border-radius: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce 
nav.woocommerce-pagination ul li span.current {
  background: #f62459 none repeat scroll 0 0;
  color: #fff;
  padding: 10px 15px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  border: none;
  padding: 10px 15px;
  color: #333;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: 1px solid #eee;
}
.woocommerce ul.products li.product h3{
  font-size: 16px;
}
.woocommerce ul.products li.product .price {
  color: #333 !important;
  font-weight: 500;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #f62459;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #333;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce form .form-row.woocommerce-invalid label{
  color: #f62459;
}
.woocommerce-info, .woocommerce-message {
  border-top-color: #f62459;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 0;
  padding: 10px 15px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background-color: #f62459 !important;
  color: #fff !important;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
  background: #f62459 none repeat scroll 0 0;
  color: #fff;
}
a {
  color: #333;
}
a:focus, a:hover {
  color: #f62459;
}
.woocommerce .quantity .qty {
    text-align: center;
    width: 4.631em;
}
.article-content input, .blog-wrapper input {
    border: 1px solid #eee;
    height: 35px;
    padding: 0 12px;
    transition: all 0.3s ease 0s;
}


/* ==================================================================
                        [- Product Details Page -]
   ================================================================== */
.product-details{
    padding: 100px 0;
}
.product-details .product-info{
    margin-bottom: 50px;
}
.product-details .product-info > h2 {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.product-details .product-info span.p-price{
    font-weight: 700;
    display: block;
    font-size: 24px;
    color: #f62459;
    margin-bottom: 20px;
}
.product-details .product-info .product-activity{
    margin-top: 20px;
    padding: 30px 0 40px 0;
    border-top: 1px solid #eee;
}
.product-details .product-info .product-activity form div.quantity, .product-details .product-info .product-activity form button, .product-details .product-info .product-activity form .wishbtn{
    display: inline-block;
}
.product-details .product-info .product-activity form div.quantity > input {
    padding: 10px 0 10px 10px;
    width: 60px;
    border:1px solid #eee;
    transition: .3s ease;
}
.product-details .product-info .product-activity form div.quantity > input:hover{
    border-color: #777;
}
.product-details .product-info .product-activity form.cart button[type="submit"]{
    background: #f62459;
    border:0 none;
    padding: 10px 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 6px;
    transition: .3s ease;
}
.product-details .product-info .product-activity form.cart button[type="submit"]:hover{
    background: #000;
}
.product-details .product-info .product-activity form.cart .wishbtn a{
    color: #fff;
    background: #f62459;
    padding: 10px 15px;
    display: inline-block;
    margin-left: 6px;
}
.product-details .product-info .product-activity form.cart .wishbtn a:hover{
    background: #000;
}
.product-details .product-info .product-category p, .product-details .product-info .product-category ul, .product-details .product-info .product-tags p, .product-details .product-info .product-tags ul{
    display: inline-block;
}
.product-details .product-info .product-category{
    margin-bottom: 10px;
}
.product-details .product-info .product-category p, .product-details .product-info .product-tags p{
    min-width: 130px;
    color: #333;
    font-weight: 600;
}
.product-details .product-info .product-category ul, .product-details .product-info .product-tags ul{
    margin-bottom: 0;
}
.product-details .product-info .product-category ul li, .product-details .product-info .product-tags ul li{
    display: inline;
    position: relative;
    padding-right: 10px;
    margin-right: 0px;
}
.product-details .product-info .product-category ul li:before, .product-details .product-info .product-tags ul li:before{
    position: absolute;
    content: "/";
    right: 0;
}
.product-details .product-info .product-category ul li:last-child:before, .product-details .product-info .product-tags ul li:last-child:before{
    content: none;
    padding-right: 0;
    margin-right: 0;
}
.product-details .product-info .product-category ul li a, .product-details .product-info .product-tags ul li a{
    color: #777;
}
.product-details .product-info .product-category ul li a:hover, .product-details .product-info .product-tags ul li a:hover{
    color: #333;
}
.product-details .product-tabs ul.nav li a {
    font-size: 16px;
    color: #777;
}
.product-details .product-tabs ul.nav li a:hover{
    color: #f62459;
}
.product-details .product-tabs ul.nav li.active a{
    color: #333;
}
.product-details .product-tabs .tab-content .tab-pane{
    padding: 50px 0;
}
.product-details .product-tabs .tab-content .tab-pane p{
    font-weight: 300;
}
.product-details .product-tabs .tab-content .tab-pane ul li{
    font-size: 15px;
    font-weight: 300;
}

/* Review Style */
.product-details .product-tabs .tab-content .tab-pane .review-area .review-title h2{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review{
    display: table-cell;
    vertical-align: top;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single{
    padding-top: 40px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb{
    padding-right: 20px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li{
    display: inline;
    margin-right: 10px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2){
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 18px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child:before, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2):before{
    position: absolute;
    content: "|";
    right: 0;
    top: -2px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply .author-review .review-meta ul li:nth-child(2):before{
    content: none;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child{
    float: right;
    position: relative;
    top: -7px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul{
    display: inline-block;
    margin-right: 15px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li{
    display: inline-block;
    padding-right: 0;
    margin-right: 5px;
    position: inherit;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li:last-child{
    margin-right: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #eee;
    color: #727272;
    text-align: center;
    padding-top: 6px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb img{
    width: 80px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply{
    margin: 40px 0 0 90px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating{
    margin-bottom: 25px;
}
.fa-2x {
    font-size: 18px;
    margin-right: 5px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating span{
    display: block;
    margin-bottom: 10px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p{
    margin-bottom: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p i:hover{
    color: red;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area h2.review-form-title{
    margin: 50px 0 40px 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.product-details .product-tabs .tab-content .tab-panet .review-form-area h2.review-form-title{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group label{
    display: block;
    font-weight: 400;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{
    width: 100%;
    border-top:0 none; 
    border-bottom:1px solid #eee; 
    border-left:0 none; 
    border-right: 0 none;
    padding: 5px 0;
    box-shadow: none;
    margin-bottom: 20px;
    transition: .3s ease;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input:focus, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea:focus{
    border-bottom-color: #f62459;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{
    height: 150px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group button{
    background: #f62459;
    border: 0 none;
    padding: 10px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.related-products h2{
    margin: 0 0 50px 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    text-transform: uppercase;
}
.related-products .product-column .single-product{
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.related-products .product-column .single-product figure{
    position: relative;
    overflow: hidden;
    border:1px solid #f5f5f5;
}
.related-products .product-column .single-product figure:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(246,36,89,.8);
    transition: .3s ease;
    visibility: hidden;
    opacity: 0;
}
.related-products .product-column .single-product figure:hover:before{
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.related-products .product-column .single-product figure figcaption{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 100%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: .8s ease;
}
.related-products .product-column .single-product figure:hover figcaption{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.related-products .product-column .single-product figure figcaption ul{
    margin-bottom: 0;
}
.related-products .product-column .single-product figure figcaption ul li a{
    border: 1px solid #fff;
    padding: 8px 15px;
    display: inline-block;
    color: #000;
    background: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-radius:3px;
}
.related-products .product-column .single-product figure figcaption ul li a:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}
.related-products .product-column .single-product .product-bottom{
    text-align: center;
    padding: 15px 0 0 0;
}
.related-products .product-column .single-product .product-bottom h4{
    margin: 0 0 10px 0;
}
.related-products .product-column .single-product .product-bottom h4 a{
    color: #333;
}
.related-products .product-column .single-product .product-bottom h4 a:hover{
    color: #f62459;
}
/* Product Details Sidebar */
.pd-sidebar h2{
    text-align: center;
    background: #f62459;
    margin: 0 0 30px 0;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.pd-sidebar .sidebar-single-product{
    margin-bottom: 30px;
}
.pd-sidebar .sidebar-single-product .product-np, .pd-sidebar .sidebar-single-product .product-thumb{
    display: table-cell;
    vertical-align: top;
}
.pd-sidebar .sidebar-single-product .product-np{
    width: 70%;
}
.pd-sidebar .sidebar-single-product .product-np h4{
    margin: 0 0 15px 0;
}
.pd-sidebar .sidebar-single-product .product-np span{
    color: #f62459;
    font-size: 20px;
}
.pd-sidebar .sidebar-single-product .product-np h4 a{
    color: #333;
}
.pd-sidebar .sidebar-single-product .product-thumb{
    width: 30%;
}

/*==============================
	404 Page
================================*/
.error-404{
	padding:150px 0;
	text-align:center;
}
.error-404 h1 {
  font-size: 80px;
  margin: 0 0 10px;
  text-transform: uppercase;
  color:#333;
}
.error-404 h1 span{
	color:#777;
	font-size:40px;
}
.error-404 span{
	font-size:16px;
	font-weight:400;
}
.error-404 form{
	margin-top:20px;
}
.error-404 form input{
	border:1px solid #ddd;
	height:40px;
	padding: 0 15px;
	margin-right:-4px;
}
.error-404 form button{
	background:#f62459;
	border:1px solid #f62459;
	height:40px;
	width:40px;
	color:#fff;
	
}
h1.query-page-title{
	margin-top: 100px;
    text-align: center;
}

/*Content None*/
.page-content{
	text-align:center;
}
.page-content form{
	margin-top:20px;
}
.page-content form input{
	border:1px solid #ddd;
	height:40px;
	padding: 0 15px;
	margin-right:-4px;
}
.page-content form button{
	background:#f62459;
	border:1px solid #f62459;
	height:40px;
	width:40px;
	color:#fff;
	
}

/*==============================
	Login Page
================================*/
.login{
	padding:100px 0;
}
.login form label{
	display:block;
	color:#777;
	font-weight:500;
	margin-bottom:10px;
}
.login form input{
	width:100%;
	height:45px;
	padding:0 15px;
	border:1px solid #ddd;
	margin-bottom:10px;
	box-shadow:none;
}
.login form button{
	background:#f62459;
	color:#fff;
	border:0 none;
	padding:10px 25px;
	text-transform:uppercase;
	font-weight:500;
}
.login p {
	margin-top:20px;
	margin-bottom:0;
}
.login p a{
	color:#f62459;
}

/*==============================
	Signup Page
================================*/
.signup{
	padding:100px 0;
}
.signup form label{
	display:block;
	color:#777;
	font-weight:500;
	margin-bottom:10px;
}
.signup form input{
	width:100%;
	height:45px;
	padding:0 15px;
	border:1px solid #ddd;
	margin-bottom:10px;
	box-shadow:none;
}
.signup form input[type="checkbox"]{
	width:auto;
	height:auto;
	margin:0;
}
.signup form button{
	background:#f62459;
	color:#fff;
	border:0 none;
	padding:10px 25px;
	text-transform:uppercase;
	font-weight:500;
	margin-top:10px;
}
.signup p {
	margin-bottom:20px;
}
.signup p a{
	color:#f62459;
}
.signup form .form-group a{
	color:#f62459;
}



/* ====================================================================
	Angled Version Styles
====================================================================== */
/*
	Intro
	===========*/
.intro-a{
    position: relative;
}
.intro-a #intro-carousel .carousel-inner .item figure {
    position: relative;
}
.intro-a #intro-carousel .carousel-inner .item figure img {
    width: 100%;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 {
    font-size: 70px;
    font-family: "Raleway", sans-serif;
    width: 800px;
    font-weight: 300;
    color: #282828;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 span:first-child {
    color: #f62459;
    font-weight: 600;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 span:last-child {
    font-weight: 600;
    color: #282828;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption a {
    background: #f62459;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 40px;
    margin-top: 30px;
	text-transform: uppercase;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption a i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption a:hover {
    text-decoration: none;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption a:before {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.intro-a #intro-carousel .carousel-inner .item figure figcaption a:hover:before {
    width: 100%;
}
.intro-a #intro-carousel .left-slide,
.intro-a #intro-carousel .right-slide {
    bottom: 20%;
    display: inline-block;
    font-size: 50px;
    position: absolute;
    right: 125px;
    z-index: 20;
    color: #282828;
	width:60px;
	height:35px;
}
.intro-a #intro-carousel .left-slide:hover,
.intro-a #intro-carousel .right-slide:hover {
    color: #f62459;
}
.intro-a #intro-carousel .left-slide {
    margin-right: 70px;
}
.intro-a #intro-carousel .left-slide:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.intro-a #intro-carousel .left-slide:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.intro-a #intro-carousel .right-slide:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.intro-a #intro-carousel .right-slide:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.intro-a #intro-carousel .left-slide:hover:before{
	background:#f62459;
}
.intro-a #intro-carousel .left-slide:hover:after{
	border-color:#f62459;
}
.intro-a #intro-carousel .right-slide:hover:before{
	background:#f62459;
}
.intro-a #intro-carousel .right-slide:hover:after{
	border-color:#f62459;
}
.intro-a .intro-bottom {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/bot-triangle.png") no-repeat scroll center bottom;
    height: 188px;
}
.intro-bottom > a{
	position:relative;
	display:inline-block;
	width:30px;
	height:45px;
}
.intro-bottom > a::before {
	border: 3px solid #f62459;
	border-radius: 15px;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	left:0;
	top:0;
}
.intro-bottom > a::after {
	border-bottom: 3px solid #f62459;
	color: #f62459;
	content: "";
	font-family: "FontAwesome",sans-serif;
	font-size: 12px;
	font-weight: 600;
	height: 22px;
	left: 0;
	padding-top: 2px;
	position: absolute;
	text-align: center;
	width: 100%;
}
/* Section Heading Style */
.section-number-a {
    border: 1px solid #f62459;
    border-radius: 100px;
    color: #f62459;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    margin-left: 50px;
    text-align: center;
    width: 40px;
    position: relative;
    font-family: "Raleway", sans-serif;
}
.section-number-a:before {
    background: #f62459 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -50px;
    position: absolute;
    top: 20px;
    width: 50px;
}
.section-number-a:after {
    background: #f62459 none repeat scroll 0 0;
    content: "";
    height: 138px;
    left: -50px;
    position: absolute;
    top: -117px;
    width: 1px;
}
h2.section-heading-a {
    font-size: 45px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 85px;
}
/* =========================
   About
   ========================= */
.about-a {
    position: relative;
    padding-bottom: 100px;
}
.about-a i {
    color: #f62459;
    font-size: 28px;
}
.about-a h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
    font-weight: 400;
}
.services-a .service-box a,
.about-a a {
    font-size: 13px !important;
    text-transform: uppercase;
    color: #f62459;
    font-weight: 700 !important;
}
.about-a .col-sm-4 + .about-a-column{
    margin-top: 50px;
}
.about-a .about-a-column + .about-a-column + .about-a-column {
    margin-top: 100px;
}
.about-a .about-a-column .about-a-single{
	margin-bottom:30px;
}
/* =========================
   Creative Concept
   ========================= */
.creative-concept-a {
    position: relative;
    background: #F3F3F3;
    padding-top: 180px;
}
.creative-concept-a .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/top-triangle.png") no-repeat scroll center bottom;
    height: 250px;
}
.creative-concept-a .concept-text p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 50px;
    line-height: 27px;
}
.creative-concept-a .concept-image {
    margin-top: -150px;
}
.creative-concept-a .shape-bot {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/bot-triangle.png") no-repeat scroll center bottom;
    height: 220px;
}

/* =========================
   Services
   ========================= */
.services-a {
    padding-bottom: 100px;
}
.services-a .service-box {
    text-align: center;
}
.services-a .service-box i {
    font-size: 28px;
    color: #f62459;
}
.services-a .service-box h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
    font-weight: 400;
}
.services-a .service-box a {
    text-transform: uppercase;
    color: #f62459;
    font-weight: 400;
}
.services-a .service-box {
    margin-bottom: 10px;
}
.services-a .service-box:nth-child(2),
.services-a .service-box:nth-child(5),
.services-a .service-box:nth-child(8),
.services-a .service-box:nth-child(11),
.services-a .service-box:nth-child(14),
.services-a .service-box:nth-child(17),
.services-a .service-box:nth-child(20),
.services-a .service-box:nth-child(23),
.services-a .service-box:nth-child(26),
.services-a .service-box:nth-child(29)
{
    margin-top: 50px;
}
.services-a .service-box:nth-child(3),
.services-a .service-box:nth-child(6),
.services-a .service-box:nth-child(9),
.services-a .service-box:nth-child(12),
.services-a .service-box:nth-child(15),
.services-a .service-box:nth-child(18),
.services-a .service-box:nth-child(21),
.services-a .service-box:nth-child(24),
.services-a .service-box:nth-child(27),
.services-a .service-box:nth-child(30)
{
    margin-top: 100px;
}

.services-a .service-column:nth-child(3) {
    margin-top: 50px;
}
.services-a .service-column:last-child {
    margin-top: 20px;
}

/* =========================
   Portfolio
   ========================= */
.portfolio-a {
    background: #f3f3f3;
    position: relative;
    padding-top: 180px;
    padding-bottom: 180px;
}
.portfolio-a .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/top-triangle.png") no-repeat scroll center bottom;
    height: 250px;
}
.portfolio-a .portfolio-item {
    margin-bottom: 0px;
}
.portfolio-a .portfolio-item figure {
    position: relative;
}
.portfolio-a .portfolio-item figure:hover figcaption {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.portfolio-a .portfolio-item figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    background: rgba(255, 72, 72, 0.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.portfolio-a .portfolio-item figure figcaption div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.portfolio-a .portfolio-item figure figcaption div a {
    font-size: 25px;
    color: #fff;
}
.portfolio-a .portfolio-item figure figcaption div p {
    font-size: 25px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    padding: 0 15px;
    margin-top: 10px;
}

.portfolio-a .portfolio-column:nth-child(3),
.portfolio-a .portfolio-column:nth-child(6),
.portfolio-a .portfolio-column:nth-child(9),
.portfolio-a .portfolio-column:nth-child(12),
.portfolio-a .portfolio-column:nth-child(15),
.portfolio-a .portfolio-column:nth-child(18),
.portfolio-a .portfolio-column:nth-child(21),
.portfolio-a .portfolio-column:nth-child(24),
.portfolio-a .portfolio-column:nth-child(27),
.portfolio-a .portfolio-column:nth-child(30),
.portfolio-a .portfolio-column:nth-child(33),
.portfolio-a .portfolio-column:nth-child(36),
.portfolio-a .portfolio-column:nth-child(39),
.portfolio-a .portfolio-column:nth-child(42),
.portfolio-a .portfolio-column:nth-child(45),
.portfolio-a .portfolio-column:nth-child(48),
.portfolio-a .portfolio-column:nth-child(51)

{
	margin-top: 30px;
}

.portfolio-a .portfolio-column:nth-child(4),
.portfolio-a .portfolio-column:nth-child(7),
.portfolio-a .portfolio-column:nth-child(10),
.portfolio-a .portfolio-column:nth-child(13),
.portfolio-a .portfolio-column:nth-child(16),
.portfolio-a .portfolio-column:nth-child(19),
.portfolio-a .portfolio-column:nth-child(22),
.portfolio-a .portfolio-column:nth-child(25),
.portfolio-a .portfolio-column:nth-child(28),
.portfolio-a .portfolio-column:nth-child(31),
.portfolio-a .portfolio-column:nth-child(34),
.portfolio-a .portfolio-column:nth-child(37),
.portfolio-a .portfolio-column:nth-child(40),
.portfolio-a .portfolio-column:nth-child(43),
.portfolio-a .portfolio-column:nth-child(46),
.portfolio-a .portfolio-column:nth-child(49),
.portfolio-a .portfolio-column:nth-child(52)
{
	margin-top: 60px;
}




.portfolio-a .portfolio-more {
    text-align: right;
}
.portfolio-a .shape-bot {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/bot-triangle.png") no-repeat scroll center bottom;
    height: 220px;
}

/* =========================
   Testimonial
   ========================= */
.testimonial-a {
    padding-bottom: 100px;
}
.testimonial-a #testimonial-carousel .owl-wrapper-outer {
    border-left: 1px solid #f62459;
    border-bottom: 1px solid #f62459;
    padding-bottom: 40px;
}
.testimonial-a #testimonial-carousel .client-image img {
    display: block;
    margin: 0 auto;
}
.testimonial-a #testimonial-carousel .client-content .client-info {
    position: relative;
    margin-top: 30px;
}
.testimonial-a #testimonial-carousel .client-content .client-info p.c-signature {
    font-family: 'Sacramento', cursive;
    font-size: 40px;
}
.testimonial-a #testimonial-carousel .client-content .client-info h2 {
    font-size: 15px;
    margin-bottom: 10px;
}
.testimonial-a #testimonial-carousel .client-content .client-info h3 {
    font-size: 15px;
    color: #f62459;
    margin-top: 0;
}
.testimonial-a #testimonial-carousel .client-content .client-info ul.c-rating {
    position: absolute;
    right: 0;
    top: 45px;
}
.testimonial-a #testimonial-carousel .client-content .client-info ul.c-rating li {
    padding: 0;
    font-size: 20px;
    color: #f62459;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-pagination {
    position: absolute;
    bottom: 40px;
    left: 35%;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-pagination .owl-page {
    border: 3px solid #282828;
    display: inline-block;
    height: 11px;
    margin-right: 10px;
    width: 11px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-pagination .owl-page.active {
    background: #f62459;
    border-color: #f62459;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons {
    position: absolute;
    right: 15px;
    bottom: -100px;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
    width:60px;
	height:35px;
	position:relative;
}

.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-prev {
    display: inline-block;
    margin-right: 20px;
	width:60px;
	height:35px;
	position:relative;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-prev:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-prev:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-next:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-next:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-next:hover:before{
	background:#f62459;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-next:hover:after{
	border-color:#f62459;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-prev:hover:before{
	background:#f62459;
}
.testimonial-a #testimonial-carousel .owl-controls .owl-buttons .owl-prev:hover:after{
	border-color:#f62459;
}

/* =========================
   Pricing Table
   ========================= */
.pricing-table-a {
    background: #f3f3f3;
    position: relative;
    padding-top: 180px;
    padding-bottom: 180px;
}
.pricing-table-a .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/top-triangle.png") no-repeat scroll center bottom;
    height: 250px;
}
.pricing-table-a .single-plan .pricing-wrapper {
    border: 1px solid #727272;
    background: #fff;
    border-radius: 10px;
    padding: 40px 60px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-head {
    text-align: center;
    margin-bottom: 50px;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-head h4 {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-head span {
    font-size: 20px;
    font-weight: 300;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-currency {
    margin-bottom: 50px;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-currency p {
    text-align: center;
    font-size: 80px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-currency p sup {
    font-size: 40px;
    font-weight: normal;
    left: 10px;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-currency p sub {
    font-size: 22px;
    font-weight: normal;
    right: 17px;
    bottom: 0;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content ul li p span {
    float: right;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase {
    text-align: center;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
    padding: 15px 40px;
	font-weight: 700;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover {
    text-decoration: none;
    color: #fff;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.pricing-table-a .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover:before {
    width: 100%;
    color: #fff;
}
.pricing-table-a .single-plan:hover .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table-a .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table-a .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table-a .single-plan:nth-child(3),
.pricing-table-a .single-plan:nth-child(6),
.pricing-table-a .single-plan:nth-child(9),
.pricing-table-a .single-plan:nth-child(12),
.pricing-table-a .single-plan:nth-child(15),
.pricing-table-a .single-plan:nth-child(18),
.pricing-table-a .single-plan:nth-child(21),
.pricing-table-a .single-plan:nth-child(24),
.pricing-table-a .single-plan:nth-child(27),
.pricing-table-a .single-plan:nth-child(30)
 {
    margin-top: 50px;
}
.pricing-table-a .single-plan:nth-child(4),
.pricing-table-a .single-plan:nth-child(7),
.pricing-table-a .single-plan:nth-child(10),
.pricing-table-a .single-plan:nth-child(13),
.pricing-table-a .single-plan:nth-child(16),
.pricing-table-a .single-plan:nth-child(19),
.pricing-table-a .single-plan:nth-child(22),
.pricing-table-a .single-plan:nth-child(25),
.pricing-table-a .single-plan:nth-child(28),
.pricing-table-a .single-plan:nth-child(31)
{
    margin-top: 100px;
}
.pricing-table-a .featured-plan .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table-a .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table-a .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table-a .container:hover .featured-plan .pricing-wrapper {
    border: 1px solid #727272;
    box-shadow: none;
}
.pricing-table-a .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272;
}
.pricing-table-a .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
}
.pricing-table-a .container:hover .featured-plan:hover .pricing-wrapper {
    border: 1px solid #f62459;
    box-shadow: 0 5px 54px rgba(246, 36, 89, 0.2);
}
.pricing-table-a .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table-a .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table-a .shape-bot {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/bot-triangle.png") no-repeat scroll center bottom;
    height: 220px;
}

/* =========================
   Blog
   ========================= */
.blog-a {
    padding-bottom: 100px;
}
.blog-a .single-post h3 {
    margin: 40px 0 15px 0;
}
.blog-a .single-post h3 a {
    font-size: 20px;
    text-transform: uppercase;
    color: inherit;
    font-weight: 400;
}
.blog-a .single-post h3 a:hover {
    color: #f62459;
}
.blog-a .single-post a.read-more-btn {
    background: #727272 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.blog-a .single-post a.read-more-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.blog-a .single-post a.read-more-btn:hover {
    text-decoration: none;
    color: #fff;
}
.blog-a .single-post a.read-more-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.blog-a .single-post a.read-more-btn:hover:before {
    width: 100%;
    color: #fff;
}
.blog-a .single-post:first-child {
    margin-bottom: 0px;
}
.blog-a .post-column:nth-child(3),
.blog-a .post-column:nth-child(6),
.blog-a .post-column:nth-child(9),
.blog-a .post-column:nth-child(12),
.blog-a .post-column:nth-child(15),
.blog-a .post-column:nth-child(18),
.blog-a .post-column:nth-child(21)
{
    margin-top: 50px;
}
.blog-a .post-column:nth-child(4),
.blog-a .post-column:nth-child(7), 
.blog-a .post-column:nth-child(10),
.blog-a .post-column:nth-child(13), 
.blog-a .post-column:nth-child(16), 
.blog-a .post-column:nth-child(19), 
.blog-a .post-column:nth-child(22) 
{
    margin-top: 100px;
}

/* =========================
   Team
   ========================= */
.team-a {
    background: #f3f3f3;
    position: relative;
    padding-top: 180px;
    padding-bottom: 180px;
}
.team-a .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/top-triangle.png") no-repeat scroll center bottom;
    height: 250px;
}
.team-a .shape-bot {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/bot-triangle.png") no-repeat scroll center bottom;
    height: 220px;
}
.team-a #team-carousel .active {
    margin-top: 50px;
}
.team-a #team-carousel .active + .owl-item {
    margin-top: 100px;
}
.team-a #team-carousel .team-single figure {
	overflow: hidden;
	position: relative;
}
.team-a #team-carousel .team-single figure figcaption {
    background: rgba(255, 72, 72, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    visibility: hidden;
    opacity: 0;
}
.team-a #team-carousel .team-single figure figcaption h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: 30px 0 10px 0;
    font-family: "Raleway", sans-serif;
    color: #fff;
}
.team-a #team-carousel .team-single figure figcaption h3 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    color: #fff;
}
.team-a #team-carousel .team-single figure figcaption ul {
    text-align: center;
    margin: 50px 0;
}
.team-a #team-carousel .team-single figure figcaption ul li {
    margin-right: 20px;
}
.team-a #team-carousel .team-single figure figcaption ul li:last-child {
    margin-right: 0;
}
.team-a #team-carousel .team-single figure figcaption ul li a {
    font-size: 25px;
    color: #fff;
}
.team-a #team-carousel .team-single figure figcaption .skills {
    padding: 0 40px;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single {
    margin-bottom: 20px;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single p {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-one,
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-two,
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-three,
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-four {
    height: 6px;
    background: #cacaca;
    border-radius: 5px;
    position: relative;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-one:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 80%;
    height: 100%;
    left: 0;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-one:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 78%;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-two:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 70%;
    height: 100%;
    left: 0;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-two:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 68%;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-three:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 90%;
    height: 100%;
    left: 0;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-three:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 88%;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-four:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 50%;
    height: 100%;
    left: 0;
}
.team-a #team-carousel .team-single figure figcaption .skills .skill-single .skill-four:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    top: -4px;
    left: 48%;
}
.team-a #team-carousel .team-single figure:hover figcaption {
    top: 0;
    visibility: visible;
    opacity: 1;
}
.team-a #team-carousel .team-single .member-info {
    position: relative;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    top: 0;
}
.team-a #team-carousel .team-single .member-info h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin: 30px 0 10px 0;
    font-family: "Raleway", sans-serif;
}
.team-a #team-carousel .team-single .member-info h3 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}
.team-a #team-carousel .team-single:hover .member-info {
    top: -100px;
    visibility: hidden;
    opacity: 0;
}
.team-a #team-carousel .owl-controls .owl-buttons {
    position: absolute;
    right: 15px;
    bottom: -50px;
    z-index: 10;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-next {
    display: inline-block;
	position:relative;
	width:60px;
	height:35px;
}

.team-a #team-carousel .owl-controls .owl-buttons .owl-prev {
    display: inline-block;
	position:relative;
    margin-right: 20px;
	width:60px;
	height:35px;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-prev:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	left:0;
	top:12px;
	transition:.3s ease;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-prev:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-left:5px solid #282828;
	border-bottom:5px solid #282828;
	left:0;
	transform:rotate(45deg);
	top:2px;
	transition:.3s ease;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-next:before{
	position:absolute;
	content:"";
	width:80%;
	height:5px;
	background:#282828;
	right:0;
	top:12px;
	transition:.3s ease;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-next:after{
	position:absolute;
	content:"";
	width:25px;
	height:25px;
	border-right:5px solid #282828;
	border-bottom:5px solid #282828;
	right:0;
	transform:rotate(-45deg);
	top:2px;
	transition:.3s ease;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-next:hover:before{
	background:#f62459;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-next:hover:after{
	border-color:#f62459;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-prev:hover:before{
	background:#f62459;
}
.team-a #team-carousel .owl-controls .owl-buttons .owl-prev:hover:after{
	border-color:#f62459;
}

/* =========================
   Video
   ========================= */
.video-a {
    padding-bottom: 180px;
}
.video-a .video-wrapper iframe {
    border: 0;
    display: block;
    margin: 0 auto;
}

/* =========================
   Contact Section
   ========================= */
.contact{
	list-style: none;
}
.contact-a {
    background: #f3f3f3;
    position: relative;
    padding-top: 180px;
    padding-bottom: 180px;
	list-style: none;
}
.contact-a .shape-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/top-triangle.png") no-repeat scroll center bottom;
    height: 250px;
}
.contact-a form div input {
    display: block;
    width: 50%;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f62459;
    border-left: 0;
    background: none;
    padding: 10px 0;
    box-shadow: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #282828;
    font-size: 20px;
    font-weight: 400;
}
.contact-a form div input:focus {
    border-color: #727272;
    box-shadow: none;
}
.contact-a form div input:active {
    border-color: #727272;
    box-shadow: none;
}
.contact-a form div input::-moz-placeholder {
    opacity: 1;
    color: #282828;
}
.contact-a form div input::-webkit-input-placeholder {
    opacity: 1;
    color: #282828;
}
.contact-a form div input[type="text"] {
    margin-bottom: 50px;
}
.contact-a form div input[type="email"] {
    float: right;
}
.contact form div textarea,
.contact-a form div textarea {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f62459;
    border-left: 0;
    background: none;
    padding: 60px 0 10px;
    box-shadow: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #282828;
    font-size: 20px;
    font-weight: 400;
    resize: none;
    height: 100px;
    margin-top: 20px;
	overflow: hidden;
}
.contact-a form div textarea::-moz-placeholder {
    opacity: 1;
    color: #282828;
}
.contact-a form div textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #282828;
}
.contact-a form div textarea:active {
    padding: 10px 0;
}
.contact-a form div textarea:focus {
    padding: 10px 0;
	border-color: #727272;
}
.contact form div input[type="submit"],
.contact-a form div input[type="submit"] {
    background: #f62459 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 14px;
    margin-top: 50px;
    padding: 15px 45px;
	font-weight: 700;
    position: relative;
    text-transform: uppercase;
    width: auto;
    z-index: 1;
}
.contact form div input[type="submit"]:hover ,
.contact-a form div input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
}
.contact form div input[type="submit"]:before,
.contact-a form div input[type="submit"]:before {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.contact form div input[type="submit"]:hover:before,
.contact-a form div input[type="submit"]:hover:before {
    width: 100%;
    color: #fff;
}

/* =========================
   footer.footer-a
   ========================= */
footer.footer-a {
    padding: 0 0 50px 0;
    background: #f62459;
    position: relative;
}
footer.footer-a .shape-top {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/footer-shapes/red-shape.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 80px;
    left: 0;
    position: absolute;
    top: -80px;
    width: 100%;
}
footer.footer-a img.footer-logo {
    display: block;
    margin: 0 auto;
}
footer.footer-a p.copyright-text {
    text-align: center;
    margin: 20px 0;
    color: #fff;
}
footer.footer-a ul.footer-social {
    text-align: center;
}
footer.footer-a ul.footer-social li {
    margin-right: 40px;
}
footer.footer-a ul.footer-social li:last-child {
    margin-right: 0;
}
footer.footer-a ul.footer-social li a {
    font-size: 24px;
    color: #fff;
}


/* bottom to top */
.footer-bottom p#back-top {
    text-align: right;
    margin-bottom: 0;
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 10;
	border-radius: 2px;
}
.footer-bottom p#back-top a {
    background: #323232;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 35px;
    text-align: center;
    width: 35px;
    padding-top: 3px;
}
.footer-bottom p#back-top a:hover {
    background: #f62459;
    border-color: #f62459;
    color: #fff;
}

/* ====================================================================
	Material Version Styles
====================================================================== */
.intro #intro-carousel .carousel-inner .item figure figcaption a.rm-btn {
    background: #f62459;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    padding: 15px 35px;
    margin-top: 30px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}
.intro #intro-carousel .carousel-inner .item figure figcaption a.rm-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a.rm-btn:hover {
    text-decoration: none;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a.rm-btn:before {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.intro #intro-carousel .carousel-inner .item figure figcaption a.rm-btn:hover:before {
    width: 100%;
}
a.slider-material{
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);	
}

/* =========================
   About Section
   ========================= */
.about-m {
    position: relative;
    padding-top: 116px;
}
.about-m i {
    font-size: 35px;
	color:#fff;
	text-shadow:
   -1px -1px 0 #323232,  
    1px -1px 0 #323232,
    -1px 1px 0 #323232,
     1px 1px 0 #323232;
	margin-top:25px;
	transition:.3s ease;
}
.about-m .about-box:hover i {
	text-shadow:
	-1px -1px 0 #f62459,  
	 1px -1px 0 #f62459,
	 -1px 1px 0 #f62459,
	  1px 1px 0 #f62459;
}
.about-m .about-box img{
	border-radius:3px 3px 0 0;
}
.about-m .about-box p {
  padding: 0 15px;
}
.about-m h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
    font-weight: 400;
}
.about-m a {
	background: #f1f1f1 none repeat scroll 0 0;
    color: #727272 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 20px;
    text-transform: uppercase;
    border-radius: 3px;
    box-shadow: 0 3px 5px rgba(0,0,0,.24);
}
.about-m a:hover{
	box-shadow: 0 7px 12px rgba(0, 0, 0, 0.24);
}
.about-m .about-box:hover a {
	background: #f62459;
	color:#fff !important;
}
.about-m .about-box:hover a i{
	color:#fff;
}
.about-m a i{
	text-shadow:none;
	position:relative;
	top:1px;
	left:5px;
	font-size:18px;
	color: #727272;
}
.about-m .about-box img{
	transition:.3s ease;
}

.about-a .about-box:nth-child(3),
.about-a .about-box:nth-child(6),
.about-a .about-box:nth-child(9),
.about-a .about-box:nth-child(12),
.about-a .about-box:nth-child(15),
.about-a .about-box:nth-child(18),
.about-a .about-box:nth-child(21),
.about-a .about-box:nth-child(24),
.about-a .about-box:nth-child(27),
.about-a .about-box:nth-child(30),
.about-a .about-box:nth-child(33),
.about-a .about-box:nth-child(36),
.about-a .about-box:nth-child(39),
.about-a .about-box:nth-child(42),
.about-a .about-box:nth-child(45),
.about-a .about-box:nth-child(48),
.about-a .about-box:nth-child(51)
{
	margin-top: 30px;
}
.about-a .about-box:nth-child(4),
.about-a .about-box:nth-child(7),
.about-a .about-box:nth-child(10),
.about-a .about-box:nth-child(13),
.about-a .about-box:nth-child(16),
.about-a .about-box:nth-child(19),
.about-a .about-box:nth-child(22),
.about-a .about-box:nth-child(25),
.about-a .about-box:nth-child(28),
.about-a .about-box:nth-child(31),
.about-a .about-box:nth-child(34),
.about-a .about-box:nth-child(37),
.about-a .about-box:nth-child(40),
.about-a .about-box:nth-child(43),
.about-a .about-box:nth-child(46),
.about-a .about-box:nth-child(49),
.about-a .about-box:nth-child(52)
{
	margin-top: 60px;
}

.about-m .about-box{
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding-bottom:50px;
	transition:.3s ease;
	text-align:center;
	border-radius:3px;
}
.about-m .about-box:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: -5px;
}
.about-m .about-box:hover img {
  box-shadow: 0 18px 39px rgba(0, 0, 0, 0.2);
}
.creative-concept .concept-text a.primary-button-m{
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}
/* =========================
   Service Section
   ========================= */
.services-m {
    padding-top: 116px;
}
.services-m .service-box {
    text-align: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) ;
	padding:50px 15px;
	transition:.3s ease;
	overflow:hidden;
	border-radius:3px;
}
.services-m .service-box:hover{
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.services-m .service-box i {
    font-size: 35px;
	color:#fff;
	text-shadow:
	-1px -1px 0 #323232,  
	 1px -1px 0 #323232,
	 -1px 1px 0 #323232,
	  1px 1px 0 #323232;
	transition:.3s ease;
}
.services-m .service-box:hover i{
	text-shadow:
	-1px -1px 0 #f62459,  
	 1px -1px 0 #f62459,
	 -1px 1px 0 #f62459,
	  1px 1px 0 #f62459;
}
.services-m .service-box h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
	transition:.3s ease;
    font-weight: 400;
}
.services-m .service-box:hover h3{
	color:#f62459;
}
.services-m .service-box a {
	background: #f1f1f1 none repeat scroll 0 0;
	color: #727272 !important;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
	border-radius:3px;
	box-shadow:0 3px 5px rgba(0,0,0,.24);
	margin-top:20px;
	display: inline-block;
}
.services-m .service-box:hover a{
	background: #f62459;
	color:#fff !important;
}
.services-m .service-box a:hover{
	box-shadow: 0 7px 12px rgba(0, 0, 0, 0.24);
}
.services-m .service-box a i{
	text-shadow:none;
	left:5px;
	top:1px;
	position:relative;
	color: #727272;
	font-size:18px;
}
.services-m .service-box:hover a i{
	color:#fff;
}
.services-m .service-box:first-child {
    margin-bottom: 85px;
}
.portfolio .portfolio-more a.primary-button-m{
	box-shadow:1px 3px 3px rgba(0,0,0,.24);
    font-weight: 300;
}
/* =========================
   Pricing Table
   ========================= */
.pricing-table-m {
    background: #f3f3f3;
    position: relative;
    padding: 116px 0;
}
.pricing-table-m .single-plan .pricing-wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 40px 60px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-head {
    text-align: center;
    margin-bottom: 50px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-head h4 {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-head span {
    font-size: 20px;
    font-weight: 300;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-currency {
    margin-bottom: 50px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-currency p {
    text-align: center;
    font-size: 80px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-currency p sup {
    font-size: 40px;
    font-weight: normal;
    left: 10px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-currency p sub {
    font-size: 22px;
    font-weight: normal;
    right: 17px;
    bottom: 0;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content ul li p span {
    float: right;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase {
    text-align: center;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 40px;
    text-transform: uppercase;
    margin-top: 30px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    text-align: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover {
    text-decoration: none;
    color: #fff;
	box-shadow: 2px 7px 12px rgba(0, 0, 0, 0.4);
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.pricing-table-m .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:hover:before {
    width: 100%;
    color: #fff;
}
.pricing-table-m .single-plan:hover .pricing-wrapper {
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.24);
}
.pricing-table-m .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table-m .single-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table-m .featured-plan .pricing-wrapper {
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.24);
}
.pricing-table-m .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.pricing-table-m .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
.pricing-table-m .container:hover .featured-plan .pricing-wrapper {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.pricing-table-m .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #727272;
}
.pricing-table-m .container:hover .featured-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #f62459;
}
.pricing-table-m .container:hover .featured-plan:hover .pricing-wrapper {
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.24);
}
.pricing-table-m .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
    background: #f62459;
}
.pricing-table-m .container:hover .featured-plan:hover .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn:before {
    background: #727272;
}
/* =========================
   Blog Section
   ========================= */
.blog-m {
    padding: 116px 0;
}
.blog-m .single-post img{
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	transition:.3s ease;
}
.blog-m .single-post:hover img{
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.blog-m .single-post h3 {
    margin: 40px 0 15px 0;
}
.blog-m .single-post h3 a {
    font-size: 20px;
    text-transform: uppercase;
    color: inherit;
    font-weight: 400;
}
.blog-m .single-post h3 a:hover {
    color: #f62459;
}
.blog-m .single-post a.read-more-btn {
    background: #f1f1f1;
    color: #656565;
    font-size: 13px;
    font-weight: 700 !important;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    font-weight: normal;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	text-transform:uppercase;
}
.blog-m .single-post a.read-more-btn i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.blog-m .single-post a.read-more-btn:hover {
    text-decoration: none;
    color: #fff;
	box-shadow: 0 6px 9px rgba(0, 0, 0, 0.3);
}
.blog-m .single-post a.read-more-btn:before {
    background: #f62459;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 3px;
}
.blog-m .single-post a.read-more-btn:hover:before {
    width: 100%;
    color: #fff;
}
.blog-m .single-post:first-child {
    margin-bottom: 60px;
}

/* =========================
   Footer
   ========================= */
footer.footer-m {
    padding: 50px 0;
    background: #f62459;
    position: relative;
}
footer.footer-m img.footer-logo {
    display: block;
    margin: 0 auto;
}
footer.footer-m p.copyright-text {
    text-align: center;
    margin: 20px 0;
    color: #fff;
}
footer.footer-m ul.footer-social {
    text-align: center;
    margin-bottom: 0;
}
footer.footer-m ul.footer-social li {
    margin-right: 40px;
}
footer.footer-m ul.footer-social li:last-child {
    margin-right: 0;
}
footer.footer-m ul.footer-social li a {
    font-size: 24px;
    color: #fff;
}




/* =================
   Helper classes
   ================= */
/* Primary Button */
.primary-button {
	background: #f62459 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
	font-weight: 700 !important;
    padding: 15px 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.primary-button i {
	padding-left: 5px;
	position: relative;
	top: 1px;
}
.primary-button:hover {
	text-decoration: none;
	color: #fff;
}
.primary-button:before {
	background: #282828 none repeat scroll 0 0;
	color: #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
	transition: .3s ease;
	border-radius: 3px;
}
.primary-button:hover:before {
	width: 100%;
	color: #fff;
}

.no-padding{
	padding-left:0;
	padding-right:0;
}
.vc_column_container>.vc_column-inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.vc_row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Fade Effect */
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}

/* Hiidden Class */
.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;
}


/**********************************************************************************************
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                     WordPress Core Class
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
***********************************************************************************************/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #000;
    border: 1px solid #f0f0f0;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.bypostauthor{}
.wp-caption-text{
	color: #eee;
	padding-top: 10px;
}
.taxonomy-description{
	text-align: center;
}


/* WordPress Gallery 
------------------------------------------ */
.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}
div.sticky .blog-single .post-exerpt,
div.sticky .blog-single .post-content-head{
  background-color: #eee;  
}
.gallery-caption{
	color: #000;	
}

.sticky .post-title h2 a{
	color: #f62459 !important;
}
.screen-reader-text{
	display: none;
}

.article-content input, .blog-wrapper input{
    height: 40px;
    border: 1px solid #eee;
    padding: 0 15px;
    transition: .3s ease;
}
.article-content input[type="submit"], .blog-wrapper  input[type="submit"]{
	color: #fff;
	background: #f62459;
	margin-left: -5px;
}
.searchicon-top{
	float: right !important;
}


/* Responsive Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1200px) {
    .intro #intro-carousel .carousel-inner .item figure figcaption h1 {
        font-size: 50px;
        width: 600px;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption {
        top: 150px;
    }

    .about, .services, .testimonial, .project-blog, .video, .creative-concept, .portfolio, .team, .contact, .pricing-table {
        padding: 116px 0;
    }

    .creative-concept {
        padding-bottom: 100px;
    }

    .creative-concept .concept-image img {
        width: 107%;
    }

    .creative-concept {
        padding-bottom: 150px;
    }

    .testimonial #testimonial-carousel .owl-controls .owl-buttons {
        right: 0;
    }

    .pricing-table .single-plan .pricing-wrapper .pricing-content .plan-purchase a.buy-plan-btn {
        padding: 10px 25px;
    }

    .team #team-carousel .team-single figure figcaption ul {
        margin: 15px 0;
    }

    .team #team-carousel .owl-controls .owl-buttons {
        bottom: -30px;
        right: 0;
    }
}

@media only screen and (max-width: 991px) {
	.navbar-header {
		float: none;
		padding: 15px 0;
		text-align: center;
	}
	.navbar-brand {
		float: none;
	}
	nav#main-nav{
		text-align:center;
	}
	.intro #intro-carousel .carousel-inner .item figure figcaption {
        top: 130px;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption h1 {
        font-size: 40px;
        width: 100%;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption a {
        margin-top: 10px;
        padding: 10px 25px;
    }

    .intro .intro-bottom {
        height: 150px;
    }

    .intro #intro-carousel .left-slide, .intro #intro-carousel .right-slide {
        bottom: 100px;
    }

    .about, .services, .testimonial, .project-blog, .video, .creative-concept, .portfolio, .team, .contact, .pricing-table {
        padding: 116px 0;
    }

    .creative-concept {
        padding-bottom: 100px;
    }

    .creative-concept .concept-image {
        margin-top: -190px;
    }

    .creative-concept .concept-image img {
        width: 130%;
    }

    .creative-concept .concept-text p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .testimonial #testimonial-carousel .client-image img {
        width: 100%;
    }

    .testimonial #testimonial-carousel .owl-controls .owl-pagination {
        bottom: 10px;
        left: 50%;
    }

    .testimonial #testimonial-carousel .client-content .client-info ul.c-rating {
        right: 5px;
    }

    .testimonial #testimonial-carousel .owl-controls .owl-buttons {
        right: 0;
    }

    .pricing-table .single-plan {
        margin-bottom: 30px;
    }

    .pricing-table .single-plan:last-child {
        margin-bottom: 0;
    }

    .team #team-carousel .owl-controls .owl-buttons {
        right: 0;
    }

    .video-wrapper iframe {
        height: 400px;
        width: 700px;
    }

    .clients-brand-img {
        margin-bottom: 30px;
    }
	header nav ul li .mega-menu span {
	  width: 175px;
	  text-align:left;
	}
	header nav ul li .mega-menu {
	  width: 730px;
	  left:-265px;
	}
	.blog-wrapper {
	  margin-top: 50px;
	}
	.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 {
	  font-size: 25px;
	  margin-top: -105px;
	  width: 98%;
	  text-align: center;
	}
		
}

@media only screen and (max-width: 650px) {
    .video-wrapper iframe {
        height: auto;
        width: 100%;
    }
    .blog-wrapper {
	  margin-top: 50px;
	}
	.intro-a #intro-carousel .carousel-inner .item figure figcaption h1{
		font-size: 25px;
		width: 98%;
		margin-top: -105px;
	}
	.intro-a #intro-carousel .carousel-inner .item figure figcaption{
		text-align: center;
	}
	.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 {
	  font-size: 25px;
	  margin-top: -105px;
	  width: 98%;
	}
}

@media only screen and (max-width: 480px) {
	
	.navbar-brand > img {
	  display: block;
	  width: 100px;
	  margin: 20px auto 0;
	}
    .navbar-header {
        padding: 0 15px;
    }

    .navbar-toggle {
        margin: 0;
    }

    .navbar-toggle .icon-bar {
        background: #F62459;
    }

    header nav ul.nav.pull-right {
        float: none !important;
    }

    .navbar-collapse.collapse.in {
        background: #fff;
        box-shadow: 0 1px 3px #ddd;
    }

    .is-sticky .navbar-collapse.collapse.in {
        box-shadow: none;
    }

    header nav ul.nav li:last-child form::before {
        border-bottom: 25px solid transparent;
        border-right: 20px solid #f62459;
        border-top: 25px solid transparent;
        left: -41px;
        top: 1px;
        right: auto;
    }

    header nav ul.nav li:last-child form {
        left: 100px;
        top: -10px;
    }

    .mean-nav .nav.navbar-nav.pull-right {
        margin: 15px;
        width: 92%;
        background: #F8F8F8;
    }

    .mean-nav .nav.navbar-nav.pull-right li {
        padding: 15px 0;
    }
	.mean-container .mean-nav ul li a {
		padding: 0 5%;
	}
    .mean-nav .nav.navbar-nav.pull-right li a {
        color: #666;
    }

    .mean-nav .nav.navbar-nav.pull-right li form {
        text-align: center;
    }

    .mean-nav .nav.navbar-nav.pull-right li form input {
        border: 2px solid #f62459;
        display: inline-block;
        height: 32px;
        padding: 0 15px;
        margin-right: -4px;
    }

    .mean-nav .nav.navbar-nav.pull-right li form button {
        background: #f62459;
        border: 2px solid #f62459;
        display: inline-block;
        height: 32px;
        width: 32px;
        color: #fff;
    }

    .mean-nav .nav.navbar-nav.pull-right li.mean-last a {
        display: none;
    }

    .sticky-wrapper nav {
        position: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    header .navbar-header {
        margin-top: 40px !important;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption {
        top: 105px;
        text-align: center;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption h1 {
        font-size: 22px;
        width: 100%;
    }

    .intro #intro-carousel .carousel-inner .item figure figcaption a {
        font-size: 17px;
        margin-top: 10px;
        padding: 10px 20px;
    }

    .intro #intro-carousel .carousel-inner .item figure img {
        min-height: 350px;
    }

    .intro #intro-carousel .left-slide img, .intro #intro-carousel .right-slide img {
        width: 40px;
    }

    .intro #intro-carousel .left-slide, .intro #intro-carousel .right-slide {
        bottom: 0px;
        right: 32%;
    }
    .intro-a #intro-carousel .carousel-inner .item figure figcaption a,
    .intro-a #intro-carousel .left-slide, .intro-a #intro-carousel .right-slide {
        display:none;
    }

	.about .col-sm-4 {
		margin-bottom: 50px;
	}
    .intro #intro-carousel .left-slide {
        margin-right: 60px;
    }

    .intro .intro-bottom {
        height: 100px;
    }
	.intro-a .intro-bottom{
		display:none;
	}
    .section-number {
        margin-left: 0;
        margin-top: 20px;
    }
    .section-number::after {
        content: none;
        display: none;
    }
    .section-number::before {
        content: none;
        display: none;
    }
    .about, .creative-concept, .services, .testimonial, .project-blog, .video, footer, .portfolio, .team, .contact {
        text-align: center;
        padding: 80px 0;
    }

    h2.section-heading {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .creative-concept {
        padding-bottom: 0;
    }

    .creative-concept .concept-image {
        margin: 50px 0 0 0;
    }

    .creative-concept .concept-image img {
        width: 100%;
    }

    .services .service-box:first-child {
        margin-bottom: 50px;
    }

    .services .service-column:last-child {
        margin-top: 50px;
    }

    .portfolio-item figure img {
        width: 100%;
    }

    .portfolio .portfolio-more {
        text-align: center;
    }

    .testimonial #testimonial-carousel .owl-controls .owl-pagination {
        bottom: 10px;
        left: 50%;
        margin-left: -30px;
    }

    .testimonial #testimonial-carousel .client-content .client-info ul.c-rating {
        position: unset;
    }

    .testimonial #testimonial-carousel .owl-controls .owl-buttons {
        display: none;
    }

    .pricing-table .section-heading {
        text-align: center;
    }

    .pricing-table .section-number {
        margin: 0 auto;
        display: block;
    }

    .pricing-table .single-plan {
        margin-bottom: 15px;
    }

    .pricing-table .single-plan:last-child {
        margin-bottom: 0;
    }

    .team #team-carousel .owl-controls .owl-buttons {
        bottom: -55px;
        left: 50%;
        margin-left: -50px;
        right: auto;
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        margin-left: 7px;
    }

    .project-blog .post-column {
        margin-bottom: 60px;
    }

    .project-blog .post-column:last-child {
        margin-bottom: 0;
    }

    .video-wrapper iframe {
        height: 300px;
        width: 100%;
    }

    .contact form div input {
        width: 100%;
    }

    .contact form div button[type="submit"] {
        float: none;
    }

    footer {
        padding: 0;
    }
	
	/* About Page */
    .page-header {
        text-align: center;
    }

    .page-header ol.breadcrumb {
        margin: 20px 0;
        text-align: center;
    }

    .history-timeline .text-center {
        text-align: right;
    }

    .history-timeline .timeline::before {
        right: 50px;
        left: auto;
    }

    .timeline > li {
        float: none;
        width: 80%;
    }

    .history-timeline .timeline li.timeline-inverted {
        float: none;
        width: 80%;
    }

    .history-timeline .timeline li .timeline-badge {
        right: -26px;
    }

    .history-timeline .timeline li.timeline-inverted .timeline-badge {
        right: -26px;
        left: auto;
    }

    .history-timeline .timeline li.timeline-inverted .timeline-panel {
        float: left;
    }

    .history-timeline .timeline li.timeline-inverted .timeline-panel::before {
        left: auto;
        transform: rotate(-45deg);
    }

    .service-calltoaction {
        padding: 50px 0 0 0;
    }

    .service-calltobutton {
        text-align: center;
    }
    .post-read-more-btn.pull-right {
        float: none !important;
        display: block;
        margin-top: 5px;
    }
    .blog-sidebar {
        margin-top: 50px;
    }
	.error-404 h1{
		font-size:35px;
	}
	.error-404 h1 span{
		font-size:25px;
	}
	.mean-container .mean-bar{
		background: transparent;
	}
	.current-menu-item a{
		border:0;
	}
	.mean-container .mean-nav ul li{
		border:0;
	}
	.mean-container .mean-nav ul li ul a{
		padding: 0;
		margin-left: 30px;
	}
	.mean-container .mean-nav ul li ul{
		margin-top: 35px;
	}
	.mean-container .mean-nav ul li li a{
		line-height: 0;
	}
	.mean-nav .nav.navbar-nav.pull-right li a{
		line-height: 20px;		
	}
	
	.nav.navbar-nav.pull-right ul.sub-menu li a{	
		line-height: 0;	
	}
	.nav.navbar-nav.pull-right ul.sub-menu ul li a{
		padding-top: 0;
		padding-bottom: 0;
	}
	.blog-wrapper {
	  margin-top: 50px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
	.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 {
	  font-size: 45px;

	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.intro-a #intro-carousel .carousel-inner .item figure figcaption h1 {
	  color: #282828;
	  font-family: "Raleway",sans-serif;
	  font-size: 35px;
	  font-weight: 300;
	  margin-top: 30px;;
	  text-align: left;
	  width: 90%;
	}
}

/*		Mobile Layout: 320px	 */

@media only screen and (max-width: 768px){
	
	.navbar-header {
        padding: 0 15px;
    }

    .navbar-toggle {
        margin: 0;
    }

    .navbar-toggle .icon-bar {
        background: #F62459;
    }

    header nav ul.nav.pull-right {
        float: none !important;
    }

    .navbar-collapse.collapse.in {
        background: #fff;
        box-shadow: 0 1px 3px #ddd;
    }

    .is-sticky .navbar-collapse.collapse.in {
        box-shadow: none;
    }
	.intro #intro-carousel .carousel-inner .item figure figcaption h1 {
	  margin-top: -20px;
	}
    header nav ul.nav li:last-child form::before {
        border-bottom: 25px solid transparent;
        border-right: 20px solid #f62459;
        border-top: 25px solid transparent;
        left: -41px;
        top: 1px;
        right: auto;
    }

    header nav ul.nav li:last-child form {
        left: 100px;
        top: -10px;
    }

    .mean-nav .nav.navbar-nav.pull-right {
        margin: 15px;
        width: 93%;
        background: #F8F8F8;
    }

    .mean-nav .nav.navbar-nav.pull-right li {
        padding: 15px 0;
    }
	.mean-container .mean-nav ul li a {
		padding: 0 5%;
	}
    .mean-nav .nav.navbar-nav.pull-right li a {
        color: #666;
    }

    .mean-nav .nav.navbar-nav.pull-right li form {
        text-align: center;
    }

    .mean-nav .nav.navbar-nav.pull-right li form input {
        border: 2px solid #f62459;
        display: inline-block;
        height: 32px;
        padding: 0 15px;
        margin-right: -4px;
    }

    .mean-nav .nav.navbar-nav.pull-right li form button {
        background: #f62459;
        border: 2px solid #f62459;
        display: inline-block;
        height: 32px;
        width: 32px;
        color: #fff;
    }

    .mean-nav .nav.navbar-nav.pull-right li.mean-last a {
        display: none;
    }

    .sticky-wrapper nav {
        position: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    header .navbar-header {
        margin-top: 40px !important;
    }
	.mean-container .mean-bar{
		background:none;		
	}
	.searchicon-top{
		display: none;
	}
	.top-search{
	  background:#EDEDED;
	  display: none;
	 }
	 .pcart {
	  bottom: 26px;
	  left: 16px;
	  position: absolute;
	}
	.blog-wrapper {
	  margin-top: 50px;
	}
	.intro-bottom a{
		display: none;
	}
	.section-number-a, .section-number{
        display: none;
    }
    .about-a {
	  padding-top: 50px;
	}
    .testimonial-a #testimonial-carousel .owl-controls .owl-pagination {
		display: none;
	}
	.creative-concept-a .concept-image{
		margin-top: 50px;
	}
}

/*		Wide Mobile Layout: 480px	 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	ul.searchicon-top{
		display: none;
	}
	.top-search{
	  background:#EDEDED ;
	  display: none;
	}
	.nav.navbar-nav.pull-right ul.sub-menu li a{	
		line-height: 0;	
	}
	.nav.navbar-nav.pull-right ul,
	.nav.navbar-nav.pull-right ul.sub-menu ul{
		margin-top: 20px;
	}
	.nav.navbar-nav.pull-right ul.sub-menu ul li a{
		padding-top: 0;
		padding-bottom: 0;
	}
	.blog-wrapper {
	  margin-top: 50px;
	}
	.intro-a #intro-carousel .carousel-inner .item figure figcaption a{
		display: none;
	}
	.intro #intro-carousel .carousel-inner .item figure figcaption h1 {
	  margin-top: -50px;
	}
	.navbar-brand > img {
	  display: block;
	  margin: 20px auto 0;
	  width: 100px;
	}
	
}