/*
	Theme Name: Matrix Premium
	Description: Matrix is Responsive Multi-Purpose CSS3 Theme for (Desktop, tablet, mobile phone…). Matrix is Created with Twitter Bootstrap 3.3.2 Framework. Matrix is a great design idea for website of Creative Corporate, Corporation, Company Profile, Personal Portfolio, and Blogging or any type of site. Create Outstanding Website or Blog in Minutes!. Awesome Design, Unique Concepts, Scalable Responsive, Amazing flexibility, 3 colorscheme, static and fixed header feature. it's developed with lots of care and love. the theme has two, three, four footer layout feature.We focused on usability across various devices, starting with smart phones.it is compatible with various devices. matrix is a Cross-Browser Compatible theme that works on All leading web browsers. matrix is easy to use and user friendly theme. matrix is Retina-Ready theme. matrix has boxed and full-width layout feature. powerful but simple matrix theme content customized through customizer. It has a typography control feature to change the font styling of the theme. to make your site attractive it has two widget sections first for "sidebar widget section" and second for "Footer widget section" where you can show you widgets. To make your website in two column use sidebar widget section. to set custom menu in header set primary location and for the footer section set secondary section. we added social media links to added your social links. and we provided awesome home blog with Caroufredsel slider feature in custom home page. It boasts of 3 beautifully designed page templates , Home, Blog and Default Page Template Page(with right sidebar).Theme compatible with woo-commerce. matrix is translation ready theme with WPML compatible & Many More.....For more detail visit our free theme from wordpress.org. here is link : https://wordpress.org/themes/matrix/
	Version: 2.0
	Theme URI: http://demo.webhuntinfotech.com/demo/#matrix
	Author: WebHunt Infotech
	Author URI: http://webhuntinfotech.com/
	Website: http://webhuntinfotech.com
	License: GNU General Public License v3 or later
	License URI: http://www.gnu.org/licenses/gpl.html
	Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-logo, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, footer-widgets, blog, e-commerce, news, photography, portfolio
 	Text Domain: matrix
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,700);

/*------------------------------------------*/
/*	     01 - General & Basic Styles
/*------------------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 300;
    color: #888;
    background: url(images/patterns/12.png) fixed repeat;
    overflow-x: hidden;
}

strong, b {
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
}

ul, ol {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover {
    color: #444;
}

a, a:hover {
    text-decoration: none;
}

i {
    font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    color: #444;
}

h1 {
    font-size: 24px;
    line-height: 30px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

h4 {
    font-size: 16px;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

p {
    color: #888;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    margin: 0;
}

p strong {
    font-weight: 600;
}

.accent-color-bg {
    color: #fff;
}
.full-width {
    width: 100%;
}
.fittext {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 35px;
    color: rgba(0, 0, 0, 0.8);
}

.fittext strong {
    font-weight: 700;
}

.page-content p {
    margin-bottom: 15px;
}

.wite-text {
    color: #fff;
}

.uppercase {
    text-transform: uppercase;
}

.image-text {
    margin-right: 10px;
}

a.main-button, input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding: 6px 16px;
    margin-left: 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

a.main-button:hover, input[type="submit"]:hover {
    background: #444;
    color: #fff;
}

a.main-button i {
    font-size: 1.2em;
}

input[type="submit"] {
    border: none;
}

.tooltip .tooltip-inner {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

#content {
    padding: 60px 0;
}

#content.full-sections {
    padding: 0;
}

.section {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.section.repeat-bg {
    background-repeat: repeat;
    -webkit-background-size: auto !important;
    -moz-background-size: auto !important;
    -o-background-size: auto !important;
    background-size: auto !important;
}
.section-video {
    position: absolute;
    z-index: 33;
    left: 0;
    top: -100px;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

.section-video object {
    display: block;
    width: 100% !important;
    height: auto !important;
}

.section-video img {
    display: block;
    width: 100% !important;
    height: auto !important;
}

.section-video-content {
    z-index: 35;
    position: relative;
    opacity: 0.98;
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    opacity: 0.7;
}

.light-section {
    color: #fff;
}

.light-section .testimonials {
    color: #aaa;
}

.light-section .testimonials .testimonial-content p {
    color: #c4c4c4;
}

#container {
    background-color: #fff;
}

.boxed-page {
/*     position: relative; */
    width: 1220px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.boxed-page header {
    width: 1220px;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999999;
}

.spinner {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation: rotatee 2.0s infinite linear;
    animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: bouncee 2.0s infinite ease-in-out;
    animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotatee {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

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

@-webkit-keyframes bouncee {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncee {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*------------------------------------------*/
/*	     02 - Header & Navigation
/*------------------------------------------*/
header {
    width: 100%;
    z-index: 9999999;
}

.header1 {
    position: static !important;
    top: 0;
    height: auto !important;
    width: 100%;
    z-index: 9999999;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.fixed-header {
    opacity: 0.95;
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-top.affix{
	/* width: 100%; */
	width: 1220px;
	top: 0;
	z-index:  9999999;	    
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-top.affix .navbar-brand {
	padding: 19px 0px; 
}
.navbar-top.affix .navbar-nav > li > a,
.navbar-top.affix .navbar-nav > li > a:focus {
	padding: 20px 15px;
}
.navbar-top.affix .search-side{
	margin-top: -7px;
}
.top-bar {
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
}

.top-bar.color-bar {
    border-bottom: 0;
}

.top-bar.color-bar a {
    color: rgba(255, 255, 255, .6);
}

.top-bar.color-bar a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.top-bar.color-bar ul.social-list li a i {
    border-left: 1px solid rgba(255, 255, 255, .1);
}

.top-bar.color-bar ul.social-list li:last-child a i {
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.top-bar.color-bar .contact-details li a:before {
    color: rgba(255, 255, 255, .2);
}

.top-bar.dark-bar {
    background-color: #444;
    border-bottom: 0;
}

.top-bar.dark-bar a {
    color: rgba(255, 255, 255, .4);
}

.top-bar.dark-bar a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.top-bar.dark-bar ul.social-list li a i {
    border-left: 1px solid rgba(255, 255, 255, .08);
}

.top-bar.dark-bar ul.social-list li:last-child a i {
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.top-bar.dark-bar .contact-details li a:before {
    color: rgba(255, 255, 255, .2);
}

.top-bar a {
    color: #aaa;
}

.top-bar .contact-details li {
    display: inline-block;
}

.top-bar .contact-details li a:before {
    position: relative;
    content: "|";
    font-size: 13px;
    margin: 0 3px;
    top: -1px;
    color: #ddd;
}

.top-bar .contact-details li a:before {
    color: #aaa;
}

.top-bar .contact-details li:first-child a:before {
    display: none;
}

.top-bar .contact-details li a {
    font-size: 14px;
    display: block;
    line-height: 32px;
}

ul.social-list {
    float: right;
}

ul.social-list li {
    float: left;
}

ul.social-list li a {
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.social-list li a:hover {
    color: #fff;
}

ul.social-list li a.facebook:hover {
    background-color: #507CBE;
}

ul.social-list li a.twitter:hover {
    background-color: #63CDF1;
}

ul.social-list li a.google:hover {
    background-color: #F16261;
}

ul.social-list li a.dribbble:hover {
    background-color: #E46387;
}

ul.social-list li a.linkdin:hover {
    background-color: #90CADD;
}

ul.social-list li a.tumblr:hover {
    background-color: #4D7EA3;
}

ul.social-list li a.flickr:hover {
    background-color: #E474AF;
}

ul.social-list li a.instgram:hover {
    background-color: #4D4F54;
}

ul.social-list li a.vimeo:hover {
    background-color: #87D3E0;
}

ul.social-list li a.skype:hover {
    background-color: #36C4F3
}

ul.social-list li a i {
    font-size: 1em;
    display: block;
    width: 34px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-left: 1px solid #f2f2f2;
}

ul.social-list li:last-child a i {
    border-right: 1px solid #f2f2f2;
}

.navbar {
    margin-bottom: 0px;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.navbar-brand {
    position: relative;
    margin: 0 !important;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    height: auto;
    width: 100%;
}

.navbar-default .navbar-nav {
    margin-right: 10px !important;
    position: relative;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > li {
    margin-left: 6px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #999;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 22px 15px 22px 15px;
    line-height: 20px;
    overflow: hidden;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}

.navbar-default .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li:hover > a {
    border-bottom: 2px solid;
}

.navbar-default .navbar-nav > li > a i {
    margin: 2px;
	font-size: 12px;
}
li.drop > a.drop:after {
    content: '\f105';
    float: right;
    font-family: "Font Awesome\ 5 Free";
	font-weight: 600;
}
.slicknav_menu a > i{
    display: none;
}
.navbar-default .navbar-nav > li > a:after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    width: 5px;
    opacity: 0;
    margin: 0 0 -3px -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

.navbar-default .navbar-nav > li.current-menu-item > a:after {
    opacity: 1;
}

.navbar-default .navbar-nav .dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 180px;
    background-color: #fff;
    visibility: hidden;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li.drop:hover .dropdown {
    visibility: visible;
    opacity: 1;
}

.dropdown li, .sup-dropdown li {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.dropdown li:first-child, .sup-dropdown li:first-child {
    border-top: none;
}

.dropdown li a, .sup-dropdown li a {
    display: block;
    color: #aaa;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 9px 14px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
}

.dropdown > li:hover > a, .sup-dropdown li:hover > a {
    padding-left: 18px;
}

.dropdown li a i {
    margin: 0 0 0 -4px;
}

.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
    background-color: #fff;
    margin-top: 10px;
    transition: margin-top 0.2s ease-in-out;
    -moz-transition: margin-top 0.2s ease-in-out;
    -webkit-transition: margin-top 0.2s ease-in-out;
    -o-transition: margin-top 0.2s ease-in-out;
    visibility: hidden;
    z-index: 3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0;
}

.search-side {
    position: relative;
    float: right;
    top: 19px;
    right: -15px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.show-search {
    position: relative;
    display: block;
    float: right;
}

.show-search i {
    font-size: 1.2em !important;
    display: block;
    color: #aaa;
    width: 36px;
    height: 36px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    line-height: 36px;
    text-align: center;
    background-color: #f2f2f2;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.show-search:hover i {
    color: #888;
}

.navbar .search-form {
    position: absolute;
    right: 0;
    z-index: 20;
    float: right;
    display: none;
    top: 40px;
}

.navbar .search-form:before {
    background-color: #ccc;
    top: -2px;
    content: '';
    display: block;
    height: 4px;
    width: 4px;
    z-index: 20;
    right: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

.navbar .search-form form input {
    border: 2px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 5px 14px;
    z-index: 22;
    color: #9d9d9d;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
    box-shadow: none;
}

.navbar .search-form form {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

/*==================================================
     Slideshow
 ================================================== */
/*-- Main slide --*/
#main-slide .item img {
    width: 100%;
}

#main-slide .item .slider-content {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

#main-slide .carousel-indicators {
    bottom: 30px;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #fff !important;
    margin: 1px !important;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

#main-slide .carousel-control.left span,
#main-slide .carousel-control.right span {
    padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
    left: 0;
}

#main-slide .carousel-control .fa-angle-right {
    right: 0;
}

#main-slide .carousel-control i {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    line-height: 36px;
    font-size: 32px;
    padding: 15px 20px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.slider-content .text-center span {
    margin: 0 0 0px 0;
    display: inline-block;
    line-height: 1.4em;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.slider-content .text-center h2 span {
    background: rgba(0, 0, 0, 0.6);
}

#main-slide .slider-content h2 {
    font-size: 36px;
    font-weight: 100;
    color: #555;
}

#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3 {
    font-size: 21px;
    font-weight: 300;
    text-align: center;
    color: #555;
}

.slider.btn {
    padding: 10px 40px;
    margin-top: 20px;
    font-size: 20px;
    border-radius: 2px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.slider.btn.btn-default {
    margin-left: 4px;
    background: #ECECEC
}

.slider.btn.btn-default:hover {
    background: #000;
    color: #fff;
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right {
    position: relative;
}

/*-- Animation --*/
.carousel .item.active .animated1 {
}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 1s ease-in 1000ms both;
    animation: fadeInDown 1s ease-in 1000ms both;
}

/*------------------------------------------*/
/*	   03 - Main Page Elements
/*------------------------------------------*/
.page-banner {
    padding: 30px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #eee;
}

.page-banner h2 {
    font-weight: 500;
    text-transform: uppercase;
}

.page-banner p {
    font-weight: 300;
}

ul.breadcrumbs {
    float: right;
    /* margin-top: 15px; */
}

.no-subtitle ul.breadcrumbs {
    margin-top: 4px;
}

ul.breadcrumbs li {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-left: 3px;
    /* color: #999; */
    float: left;
}

ul.breadcrumbs li:before {
    content: '/';
    margin: 0 4px 0 2px;
    color: #bbb;
}

ul.breadcrumbs li:first-child {
    margin: 0;
}

ul.breadcrumbs li:first-child:before {
    content: '';
    margin: 0;
}

ul.breadcrumbs li a {
    color: #888;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

label {
    font-size: 13px;
    color: #aaa;
    font-weight: 300;
    cursor: pointer;
}

label .required {
    color: #ED2C3A;
    margin-left: 2px;
}

input[type="submit"] {
    outline: none;
}

.widget-search input[type="search"],
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea,
#respond input[type="text"],
#respond textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.error-page {
    padding: 90px 0;
    text-align: center;
}

.error-page h1 {
    font-size: 160px;
    line-height: 140px;
    font-weight: 700;
    color: #333;
}

.error-page h3 {
    font-size: 64px;
    line-height: 70px;
    font-weight: 300;
}

.error-page p {
    font-size: 22px;
    line-height: 28px;
    color: #aaa;
    margin-bottom: 25px
}

#map {
    position: relative;
    height: 350px;
    width: 100%;
}

/*------------------------------------------*/
/*	     05 - Shortcodes Elements
/*------------------------------------------*/
/*************** Dividers ***************/
.margin-60 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-top {
    margin-top: 30px;
}

.hr1 {
    height: 1px;
}

.hr2 {
    height: 0;
    border-bottom: 1px solid #eee;
}

.hr3 {
    height: 0;
    border-bottom: 1px dotted #eee;
}

.hr4 {
    height: 0;
    border-bottom: 1px dashed #eee;
}

.hr5 {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}

/*************** Clients Carousel ***************/
.partner {
    padding-bottom: 80px;
}

.clients-carousel .client-item a {
    display: block;
    padding: 12px 0;
    text-align: center;
}

.clients-carousel .client-item a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.clients-carousel:hover .client-item a img {
    opacity: 0.6;
}

.clients-carousel:hover .client-item a:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
    opacity: 1;
}

/*************** Call To Action ***************/
.call-action-boxed {
    padding: 30px 40px;
}

.call-action.no-descripton h2.primary {
    margin-top: 4px;
}

.call-action h2.primary {
    font-weight: 500;
}

.call-action h2.primary strong {
    font-weight: 700;
}

.call-action p {
    font-size: 14px;
    margin-bottom: 0;
}

.call-action h2 + p {
    margin-top: 4px;
}

.call-action .button-side {
    float: right;
}

.call-action-style1 {
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
}

.call-action-style2 {
    background: #f2f2f2;
}

.call-action-style3 {
    background: #444;
}

.call-action-style3 h2.primary {
    color: #fff;
}

.call-action-style3 p {
    color: #fff;
}

/*************** Custom Carousel ***************/
.custom-carousel .item {
    padding-right: 20px;
}

.custom-carousel.show-one-slide .item {
    padding-right: 0;
}

/*************** Latest News ***************/
.latest-posts-classic .post-row {
    margin: 10px;
}
.latest-posts-classic .post-row {
    border: 1px #eee solid;
    border-radius: 5px;
    padding: 7px;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    overflow: hidden;
}

.latest-posts-classic .post-title, .latest-posts-classic .post-meta {
    padding: 0px 7px 0px 7px;
}

.latest-posts-classic .post-title a {
    color: #444;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.latest-posts-classic .read-more {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.latest-posts-classic .read-more:hover {
    color: #444;
}
/* necessary for proper sizing with margins */
.hero-grid__grid-sizer {
  position: absolute;
}
.ajax_posts .post-row, .hero-grid__grid-sizer {
    width: 22.5%;
    margin: 0 1% 20px 1%;
}

@media only screen and (min-width: 768px) {
  
  .ajax_posts .post-row, .hero-grid__grid-sizer {
      width: 31.33%;
      
    }
  
}
@media only screen and (max-width: 767px) {
    .ajax_posts .post-row, .hero-grid__grid-sizer {
      width: 48%;
      
    }
}
@media only screen and (max-width: 479px) {
    .ajax_posts .post-row, .hero-grid__grid-sizer {
      width: 100%;
      
    }
}
/*************** Toggles & Accordion ***************/
.panel-default > .panel-heading {
    background-color: #fff;
}

.panel-group .panel {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.panel-default {
    border-color: #e8e8e8;
}

.panel-body {
    padding: 4px 15px 10px 15px;
}

.panel-heading {
    padding: 0;
}

.panel-title {
    font-size: 13px;
    font-weight: 600;
}

.panel-title a {
    position: relative;
    display: block;
    padding: 6px 12px;
    background-color: #fff;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.panel-title a.collapsed {
    color: #444;
    box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
}

.panel-title a.collapsed:hover {
    color: #666;
}

.panel-title a .control-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.panel-title a.collapsed .control-icon {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.panel-title a i {
    font-size: 1.2em;
    padding-right: 5px;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}

/*************** Dropcaps ***************/
.dropcap {
    display: block;
    float: left;
    font-size: 40px;
    line-height: 34px;
    color: #444;
    margin: 6px 8px 0 0;
}

.dropcap.border-dropcap {
    border: 2px solid #444;
    width: 46px;
    height: 46px;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 8px 12px 0 0;
}

.dropcap.bg-dropcap {
    background-color: #444;
    color: #fff;
    width: 48px;
    height: 48px;
    font-size: 28px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 8px 12px 0 0;
}

.dropcap.circle-dropcap {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

/*************** Milestone ***************/
.milestone-block {
    display: inline-block;
    margin-bottom: 25px;
    margin-right: 50px;
}

.milestone-block:last-child {
    margin-right: 0;
}

.milestone-block .milestone-icon {
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-right: 9px;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    position: relative;
}

.milestone-block .milestone-icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 21px;
    right: -2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.milestone-block .milestone-icon i {
    font-size: 2em;
    color: #fff;
}

.milestone-block .milestone-right {
    float: left;
    text-align: left;
}

.milestone-block .milestone-number {
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
}

.milestone-block .milestone-text {
    font-size: 18px;
    color: #444;
}

/*************** Pricing Tables ***************/
.pricing-tables {
    padding: 20px 0px 0px 0px;
    text-align: center;
}

.pricing-tables .pricing-table {
    border: 1px solid #e4e4e4;
    text-align: center;
    position: relative;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.pricing-tables .pricing-table:hover {
    z-index: 2;
    top: -3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.pricing-tables .highlight-plan {
    margin: -15px 0;
    margin-right: -1px;
    z-index: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}

.pricing-tables .pricing-table.highlight-plan .plan-name {
    padding: 25px 0;
}

.pricing-tables .pricing-table.highlight-plan .plan-name h3 {
    color: #fff;
}

.pricing-tables .pricing-table.highlight-plan .plan-signup {
    padding: 30px 0;
}

.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn {
    border-color: #fff;
    color: #fff;
}

.pricing-table .plan-name {
    padding: 15px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    border-bottom: 1px solid #eee;
}

.pricing-table .plan-name h3 {
    font-weight: 300;
    color: #888;
}

.pricing-table .plan-price {
    padding: 25px 0;
}

.pricing-table .plan-price .price-value {
    font-size: 38px;
    line-height: 40px;
    font-weight: 600;
    color: #444;
}

.pricing-table .plan-price .price-value span {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
}

.pricing-table .plan-price .interval {
    line-height: 14px;
}

.pricing-table .plan-list li {
    padding: 8px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

.pricing-table .plan-list li:first-child {
    border-top: 1px solid #eee;
}

.pricing-table .plan-signup {
    padding: 25px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
}

.pricing-table .plan-signup a {
    text-transform: uppercase;
}

/*************** Buttons ***************/
.btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.btn-system {
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    font-weight: 300;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
}

.btn-system:last-child {
    margin-right: 0;
}

.btn-system {
    font-size: 1em;
    width: auto;
}

.btn-system.border-btn {
    background-color: transparent;
    border: 1px solid;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-system:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-system.border-btn:hover {
    opacity: 1;
    color: #fff;
}

.btn-system.border-btn.btn-gray:hover {
    background-color: #444;
    color: #fff;
}

.btn-system.border-btn.btn-black:hover {
    background-color: #111;
    color: #fff;
}

.btn-system.border-btn.btn-wite:hover {
    background-color: #fff;
}

.btn-system.btn-gray {
    background-color: #444;
}

.btn-system.btn-black {
    background-color: #111;
}

.btn-system.btn-wite {
    background-color: #fff;
}

.btn-system.border-btn.btn-gray {
    background-color: transparent;
    border: 1px solid #444;
    color: #444;
}

.btn-system.border-btn.btn-black {
    background-color: transparent;
    border: 1px solid #111;
    color: #111;
}

.btn-system.border-btn.btn-wite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn-large {
    font-size: 14px;
    padding: 9px 22px;
}

.btn-medium {
    font-size: 14px;
    padding: 7px 18px;
}

.btn-small {
    padding: 5px 15px;
}

.btn-mini {
    padding: 3px 12px;
}

.btn-large.border-btn {
    padding: 8px 22px;
}

.btn-medium.border-btn {
    padding: 6px 18px;
}

.btn-small.border-btn {
    padding: 4px 15px;
}

.btn-mini.border-btn {
    padding: 2px 12px;
}

/*************** Alerts ***************/
.alert {
}

.alert-success p {
    color: #468847;
}

.alert-info p {
    color: #3a87ad;
}

.alert-warning p {
    color: #c09853;
}

.alert-danger p {
    color: #a94442;
}

.alert h4 {
    margin-bottom: 10px;
}

.alert strong {
    font-weight: 700;
}
/*************** Lists ***************/
ul.icons-list {
    margin-bottom: 6px;
}

ul.icons-list li, ul.list-unstyled li {
    margin-bottom: 4px;
}

ul.icons-list li i {
    font-size: 14px;
    margin-right: 4px;
}

/*************** Tabs ***************/
.nav-tabs {
    border-color: #eee;
}

.nav-tabs > li > a {
    font-weight: 600;
    color: #666;
    padding: 8px 14px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border: 1px solid #eee;
    border-bottom: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.nav-tabs > li > a i {
    margin-right: 1px;
    padding-right: 5px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #fff;
    border-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-color: #eee;
    border-bottom-color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
}

.tab-content {
    border: 1px solid #eee;
    border-top: none;
    padding: 12px 16px;
}

.tab-content p {
    margin-bottom: 15px;
}

.tab-content p:last-child {
    margin-bottom: 0;
}

/*************** Icons ***************/
.section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section.no-pad {
    padding-top: 0px;
    padding-bottom: 0px;
}

.icon-small {
    font-size: 2em;
    color: #444;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-small:hover, .service-box:hover .icon-small {
    text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}

.icon-medium {
    font-size: 2.5em;
    color: #666;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium:hover, .service-box:hover .icon-medium {
    text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}

.icon-large {
    font-size: 6em;
    color: #888;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large:hover, .service-box:hover .icon-large,.service-boxed:hover .icon-large {
    text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}

.icon-mini-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 1.2em;
    color: #fff;
    top: 4px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 2em;
    color: #fff;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large-effect {
    position: relative;
    display: block;
    z-index: 1;
    font-size: 2.6em;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*First Icon Effect */
.icon-effect-1 {
    background-color: #fff;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;
}

.gray-icon.icon-effect-1 {
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-1:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-1:after {
    background: #444;
}

.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1 {
    color: #444;
}

.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/*Seconed Icon Effect */
.icon-effect-2 {
    background: #fff;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;
}

.gray-icon.icon-effect-2 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-2:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-2:after {
    background: #444;
}

.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2 {
    color: #fff;
}

.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*Third Icon Effect */
.icon-effect-3 {
    background: #fff;
}

.gray-icon.icon-effect-3 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before {
    -webkit-animation: toRightFromLeft 0.4s forwards;
    -moz-animation: toRightFromLeft 0.4s forwards;
    animation: toRightFromLeft 0.4s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

/*Fourth Icon Effect */
.icon-effect-4 {
    background: #fff;
}

.gray-icon.icon-effect-4 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before {
    -webkit-animation: toLeftFromRight 0.4s forwards;
    -moz-animation: toLeftFromRight 0.4s forwards;
    animation: toLeftFromRight 0.4s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

/*Fifth Icon Effect */
.icon-effect-5 {
    background: #fff;
}

.gray-icon.icon-effect-5 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before {
    -webkit-animation: toTopFromBottom 0.4s forwards;
    -moz-animation: toTopFromBottom 0.4s forwards;
    animation: toTopFromBottom 0.4s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

/*six Icon Effect */
.icon-effect-6 {
    background: #fff;
}

.gray-icon.icon-effect-6 {
    color: #444;
    box-shadow: 0 0 0 3px #444;
    -o-box-shadow: 0 0 0 3px #444;
    -moz-box-shadow: 0 0 0 3px #444;
    -webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before {
    -webkit-animation: toBottomFromTop 0.4s forwards;
    -moz-animation: toBottomFromTop 0.4s forwards;
    animation: toBottomFromTop 0.4s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

/*************** Service Box ***************/
.grey-bg {
    background: #f6f6f6;
}
.service-box .read-more {
    margin-top: 4px;
    font-weight: 500;
    margin-left: 2px;
}

.service-box .read-more i {
    display: inline-block;
    position: relative;
    top: 1px;
}

.image-service-box img {
    margin-bottom: 14px;
}

.image-service-box h4 {
    margin-bottom: 8px;
    padding: 0 10px;
    font-weight: 400;
}

.image-service-box p {
    padding: 0 10px;
}

.service-box {
    margin-bottom: 0px;
    margin-top: 20px;
}

.service-center {
    text-align: center;
}

.service-icon-left .service-icon {
    float: left;
}

.service-icon-left .service-content {
    padding-left: 45px;
}

.service-icon-left-more .service-icon {
    float: left;
}

.service-icon-left-more .service-content {
    padding-left: 60px;
}

.service-center .service-icon {
    margin-bottom: 14px;
}

.service-center .service-content h4 {
    margin-bottom: 6px;
    font-weight: 500;
}

.service-center .service-icon i {
    display: inline-block;
}

.service-box h4 {
    margin-bottom: 5px;
    font-weight: 400;
}

.service-box > div:first-child {
    padding: 0;
}

.service-boxed {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 32px 0px rgba(122, 122, 122, 0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


/* Scale up the box */

.hover:hover {
    transform: scale(1.08, 1.08);
}

.service-boxed p {
    margin-bottom: 0;
}

/*************** Testimonials ***************/
.testimonials {
    padding-top: 8px;
    text-align: center;
    position: relative;
}

/*.testimonials:after {
	font-family: "Font Awesome\ 5 Free";
	content: '\f0e5';
	font-weight: 900;
	font-size: 6em;
	line-height: 70px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	color: rgba(255,255,255,.06);
}*/
.testimonials .testimonial-content p {
    font-family: 'Lora', serif;
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    font-weight: 400;
    color: #444;
}

.testimonials .testimonial-content {
    position: relative;
}

.testimonials .testimonial-content p::before {
    content: open-quote;
    margin-right: 6px;
}

.testimonials .testimonial-content p::after {
    content: close-quote;
    margin-left: 6px;
}

.testimonials .testimonial-author {
    padding: 8px;
    margin-bottom: 10px;
}

.classic-testimonials .testimonial-content {
    position: relative;
    padding: 14px 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
}

.classic-testimonials .testimonial-content:before {
    content: "\201C";
    font-weight: 300;
    position: absolute;
    font-size: 30px;
    opacity: 0.5;
    top: 8px;
    left: 6px;
}

.classic-testimonials .testimonial-author {
    margin-left: 10px;
}

.classic-testimonials .testimonial-author span {
    font-weight: 600;
}

/*************** Team Members ***************/
.team-member {
    padding: 3px;
    position: relative;
}

.team-member .member-photo {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.team-member .member-photo .member-name {
    position: absolute;
    bottom: 12px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 2px;
    width: 140px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #444;
    z-index: 9994;
}

.team-member .member-photo .member-name span {
    position: absolute;
    top: 90%;
    right: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 1px 5px;
    width: 140px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.team-member .member-info {
    padding: 15px 6px 12px 6px;
}

.team-member .member-socail {
	text-align : center;
}

.team-member .member-socail a i {
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    display: inline-block;
    background-color: #d2d2d2;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.team-member .member-socail a.facebook:hover i {
    background-color: #507CBE;
}

.team-member .member-socail a.twitter:hover i {
    background-color: #63CDF1;
}

.team-member .member-socail a.gplus:hover i {
    background-color: #F16261;
}

.team-member .member-socail a.dribbble:hover i {
    background-color: #E46387;
}

.team-member .member-socail a.linkedin:hover i {
    background-color: #90CADD;
}

.team-member .member-socail a.flickr:hover i {
    background-color: #E474AF;
}

.team-member .member-socail a.instagramm:hover i {
    background-color: #4D4F54;
}

.team-member.modern .member-info {
    padding: 14px 0;
}

.team-member.modern .member-photo {
    position: relative;
    padding: 0px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.team-member.modern .member-photo:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 1px);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9993;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

.team-member.modern:hover .member-photo:after {
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.team-member.modern .progress {
    height: 3px;
    border-width: 2px;
    margin-bottom: 6px;
}

.team-member.modern .progress-label {
    font-size: 11px;
    line-height: 2em;
}

.team-member.modern .progress span {
    display: none;
}

.team-member.modern .member-socail {
    margin-top: 15px;
}

.team-member.modern .member-socail a i {
    background-color: transparent;
    color: #aaa;
}

.team-member.modern .member-socail a:hover i {
    color: #fff;
}

/*************** Heading Titles ***************/
.classic-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    font-weight: 300;
    padding-top: 20px;
}

.classic-title span {
    padding-bottom: 8px;
    border-bottom: 1px solid;
}

.big-title {
    margin-bottom: 20px;
}

.big-title h1, .big-title h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}

.big-title h1 strong, .big-title h2 strong {
    font-weight: 400;
}

.big-title .title-desc {
    font-size: 16px;
    line-height: 22px;
    color: #888;
}

.big-title h2 + .title-desc, .big-title h1 + .title-desc {
    margin-top: 4px;
}

/*------------------------------------------*/
/*	        06 - Portfolio Styles
/*------------------------------------------*/
.portfolio-filter {
    margin-bottom: 30px;
}

.portfolio-filter li {
    display: inline-block;
    margin-right: 2px;
}

.portfolio-filter li a {
    color: #888;
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-filter li a:hover {
    border-color: #ddd;
}

.portfolio-filter li a.selected, .portfolio-filter li a.selected:hover {
    color: #fff;
}

.portfolio-item {
    margin-bottom: 30px;
}

.portfolio-4 {
    margin-left: 5px;
}

.portfolio-4 .portfolio-item {
    width: 24.99% !important;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 22px;
}

.portfolio-item .portfolio-border {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-item:hover .portfolio-border {
    box-shadow: 0 1px 3px #f8f8f8;
    -o-box-shadow: 0 1px 3px #f8f8f8;
    -moz-box-shadow: 0 1px 3px #f8f8f8;
    -webkit-box-shadow: 0 1px 3px #f8f8f8;
}

.portfolio-item .portfolio-thumb {
    position: relative;
    overflow: hidden;
}

.portfolio-item .portfolio-thumb .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-item:hover .portfolio-thumb .thumb-overlay {
    background: rgba(255, 255, 255, 0.5);
}

.portfolio-item .portfolio-thumb .thumb-overlay i {
    color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 42%;
    left: 50%;
    display: block;
    margin-left: -27px;
    margin-top: -19px;
    font-size: 3em;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-item:hover .portfolio-thumb .thumb-overlay i {
    top: 50%;
    color: #444;
}

.portfolio-item .portfolio-details {
    position: relative;
    padding: 9px 12px 6px 12px;
}

.portfolio-item .portfolio-details .like-link {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -9px;
}

.portfolio-item .portfolio-details .like-link i, .portfolio-item .portfolio-details .like-link span {
    color: #aaa;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-item .portfolio-details .like-link:hover i, .portfolio-item .portfolio-details .like-link:hover span {
    color: #F54B5C;
}

.portfolio-item .portfolio-details .like-link i {
    padding-right: 5px;
}

.portfolio-item .portfolio-details h4 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-item .portfolio-details a span {
    color: #888;
}

.portfolio-item .portfolio-details span:after {
    content: ", ";
    margin-right: 2px;
}

.portfolio-item .portfolio-details span:last-child:after {
    content: "";
}

/*---- Isotope filtering ----*/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* Start Campaign Section
==================================================================
*/
.campaign {
    background: #f1f1f1;
    padding: 30px 0;
}

.campaign img {
    max-width: 100%;
}

.text-center {
    margin-bottom: 35px;
}

#portfolio-list {
    list-style: none;
    margin: 0;
    padding: 20px 0px 0px 0px;
    display: block;
}

#portfolio-list li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    /* width: 50%; */
    margin-left: -1px;
    margin-bottom: -4px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portfolio-list li h3 {
    background: #fff;
    bottom: 0;
    font-size: 1.4em;
    font-weight: 300;
    left: 0;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px;
    position: absolute;
    text-align: right;
    text-transform: none;
    width: 100%;
    transition: transform 0.2s ease 0s, color 0.2s ease 0s;
    -webkit-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
}

/* @media only screen
and (max-width: 550px) {
    #portfolio-list li {
        width: 100%;
    }
} */

/* Edit by John */
/* @media only screen
and (max-width: 767px)
and (min-width: 551px) {
    #portfolio-list li {
        width: 49.8%;
    }
} */

/* Edit by John */
/* @media (min-width: 768px) {
    #portfolio-list li {
        width: 33.10%;
    }
} */

/* Edit by John */
/* @media (min-width: 992px) {
    .full-width-portfolio #portfolio-list li {
        width: 24.79%;
    }
} */

/* @media (min-width: 768px) and (max-width: 991px) {
    .full-width-portfolio #portfolio-list li {
        width: 24.7%;
    }
} */

/* Edit by Jhon */
/* @media (min-width: 768px) {
    .portfolio-2column #portfolio-list li {
        width: 49.86%;
    }
} */

#portfolio-list li .header {
    display: none;
    margin: 2% 2% 0%;
    padding: 4% 0;
    font-size: 1.8em;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    color: #fff;
}

@media (min-width: 992px) {
    #portfolio-list li .header {
        display: block;
    }
}

#portfolio-list li .body {
    display: none;
    font-size: 1em;
    color: #fff;
}

@media (min-width: 992px) {
    #portfolio-list li .body {
        display: block;
    }
}

#portfolio-list li img {
    width: 100%;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -ms-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;
}

#portfolio-list li .portfolio-item-content {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #050F1E;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#portfolio-list li .more {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    display: inline-block;
    content: "i";
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 76px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    height: 80px;
    width: 80px;
    color: #fff;
    background: #000;
    border: 2px solid #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

#portfolio-list li:hover h3 {
    color: #FFFFFF;
    transform: translate3d(0px, 70px, 0px);
    -webkit-transform: translate3d(0px, 70px, 0px);
    -moz-transform: translate3d(0px, 70px, 0px);
    -o-transform: translate3d(0px, 70px, 0px);
    -ms-transform: translate3d(0px, 70px, 0px);
    opacity: 0;
    -webkit-opacity: 0;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
}

#portfolio-list li:hover > li:before {
    border-color: #2E3444;
    border-width: 14px;
}

#portfolio-list li:hover .portfolio-item-content {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
}

#portfolio-list li:hover .more {
    opacity: 0.75;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    -o-opacity: .75;
    top: 50%;
    margin-top: -40px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

@media (min-width: 992px) {
    #portfolio-list li:hover .more {
        top: 60%;
        margin-top: 0;
    }
}

#portfolio-list li:hover .more:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    color: #556270;
    border-color: #fff;
    background: #fff;
}

/*------------------------------------------*/
/*		  07 - Single Project Styles
/*------------------------------------------*/
.project {
    padding-top: 30px;
}

.project-page {
    margin-bottom: 50px;
}

.project-slider {
    position: relative;
}

.project-slider img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.project-slider .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.project-slider:hover .thumb-overlay {
    background: rgba(255, 255, 255, 0.5);
}

.project-slider .thumb-overlay i {
    font-size: 3em;
    color: rgba(0, 0, 0, 0);
    position: absolute;
    left: 50%;
    top: 42%;
    margin-left: -27px;
    margin-top: -19px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.project-slider:hover .thumb-overlay i {
    top: 50%;
    color: #444;
}

.project-content h4 {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.project-content h4 span {
    padding-bottom: 8px;
    border-bottom: 1px solid;
}

.project-content p, .project-content ul {
    margin-bottom: 30px;
}

.project-content ul li {
    margin-bottom: 5px;
}

.recent-projects h4.title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.recent-projects h4.title span {
    padding-bottom: 8px;
    border-bottom: 1px solid;
}

.projects-carousel {
    width: 1150px !important;
}

.projects-carousel .item {
    margin-right: 15px;
    margin-bottom: 0;
}

.full-width-recent-projects .projects-carousel {
    width: 100% !important;
}

.full-width-recent-projects .projects-carousel .item {
    margin: 0;
}

.full-width-recent-projects .portfolio-item .portfolio-border {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay {
    opacity: 0.65;
    z-index: 9994;
}

.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i {
    top: 25%;
}

.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i {
    color: #fff;
    top: 45%;
}

.full-width-recent-projects .portfolio-item .portfolio-details {
    position: absolute;
    bottom: -10px;
    opacity: 0;
    width: 100%;
    z-index: 9995;
    padding: 0 20px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.full-width-recent-projects .portfolio-item:hover .portfolio-details {
    bottom: 10px;
    opacity: 1;
}

.full-width-recent-projects .portfolio-item:hover .portfolio-details h4 {
    color: rgba(255, 255, 255, .9);
}

.full-width-recent-projects .portfolio-item .portfolio-details a span {
    color: rgba(255, 255, 255, .8);
}

.full-width-recent-projects .portfolio-item .portfolio-details .like-link i, .full-width-recent-projects .portfolio-item .portfolio-details .like-link span {
    color: #fff;
}

/*------------------------------------------*/
/*			   08 - Blog Styles
/*------------------------------------------*/
.blog-post {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.blog-post .post-head {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.blog-post .post-head .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.blog-post .post-head:hover .thumb-overlay {
    background-color: rgba(255, 255, 255, 0.4);
}

.blog-post .post-head .thumb-overlay i {
    font-size: 3em;
    color: rgba(0, 0, 0, 0);
    position: absolute;
    left: 50%;
    top: 42%;
    margin-left: -27px;
    margin-top: -19px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.blog-post .post-head:hover .thumb-overlay i {
    color: #444;
    top: 50%;
}

.blog-post .post-head img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.blog-post .post-content {
    padding-left: 54px;
    position: relative;
}

.blog-post .post-type {
    position: absolute;
    left: 0;
    top: 5px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.blog-post .post-type i {
    font-size: 1.2em;
    color: #fff;
}

.blog-post.quote-post .post-type {
    top: 0;
}

.post-content h2 {
    margin-bottom: 4px;
}

.post-content h2 a {
    color: #444;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.blog-post.quote-post .qoute-box {
    background: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 20px 25px;
    color: #fff;
    margin-bottom: 10px;
}

.blog-post.quote-post .qoute-box a {
    color: #999;
}

.blog-post.quote-post .qoute-box h2 {
    font-family: 'Lora', serif;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.blog-post.quote-post .qoute-box .qoute-author {
    margin-left: 5px;
}

.blog-post.quote-post .qoute-box .qoute-author:before, .blog-post.quote-post .qoute-box .qoute-author:after {
    content: " - "
}

.blog-post .post-slider {
    position: relative;
}

ul.post-meta {
    margin-bottom: 10px;
}

ul.post-meta li {
    display: inline-block;
}

ul.post-meta li:after {
    content: "-";
    margin: 0 8px 0 8px;
}

ul.post-meta li:last-child:after {
    content: "";
    margin: 0;
}

ul.post-meta li, ul.post-meta li a {
    color: #666;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/* Edited by Hunny */
/*Pagination*/
#pagination span, #pagination a {
    display: inline-table;
    text-align: center;
    padding: 0 15px 0px 15px;
    width: auto;
    height: auto;
    color: #888;
    line-height: 33px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#pagination span.current {
    color: #fff;
}

#pagination a:hover {
    border-color: #ddd;
}

#pagination .all-pages, #pagination .next-page {
    width: auto;
    padding: 0 14px;
}

/*------------------------------------------*/
/*		    09 - Single post Styles
/*------------------------------------------*/
.blog-page, .blog-post-page {
    padding-top: 5px;
}

.blog-post-page .blog-post {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.blog-post-page ul.post-meta {
    margin-bottom: 12px;
}

.post-content h2 {
    font-weight: 500;
}

.post-bottom {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #f6f6f6;
}

.post-tags-list {
    float: right;
    padding-top: 6px;
}

.post-tags-list a {
    display: inline-block;
    color: #888;
    font-size: 12px;
    padding: 2px 8px;
    background: #eee;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.post-tags-list a:hover {
    color: #fff;
}

.post-share {
    float: left;
}

.post-share span {
    margin-right: 4px;
    font-size: 13px;
    color: #888;
}

.post-share a {
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.post-share a.facebook {
    background-color: #507CBE;
}

.post-share a.facebook:hover {
    background-color: #3E68A8;
}

.post-share a.twitter {
    background-color: #63CDF1;
}

.post-share a.twitter:hover {
    background-color: #36BFED;
}

.post-share a.gplus {
    background-color: #F16261;
}

.post-share a.gplus:hover {
    background-color: #EF4545;
}

.post-share a.linkedin {
    background-color: #90CADD;
}

.post-share a.linkedin:hover {
    background-color: #72BBD3;
}

.post-share a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 1em;
}

.blog-post .author-info {
    display: block;
    margin-bottom: 10px;
}

.blog-post .author-info .author-image {
    float: left;
}

.blog-post .author-info .author-image img {
    width: 70px;
    height: 70px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 4px solid #eee;
}

.blog-post .author-info .author-bio {
    padding-left: 85px;
}

.blog-post .author-info h4 {
    margin-bottom: 4px;
    font-weight: 500;
}

.blog-post .author-info p:last-child {
    margin: 0;
}

#comments .comments-list {
    padding: 0;
    margin: 0 0 35px 0;
}

#comments .comments-title {
    font-weight: 500;
    margin-bottom: 20px;
}

/* Edit by John */
#comments .comments-list li .comment-box {
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
    word-wrap: break-word;
}

#comments .comments-list li ul {
    padding-left: 80px;
}

#comments .avatar {
    float: left;
}

#comments .avatar img {
    width: 60px;
    height: 60px;
    padding: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #e8e8e8;
}

#comments .comment-content {
    padding-left: 72px;
}

#comments .comment-content .comment-meta {
    margin-bottom: 5px;
}

.comment-content .comment-meta span:after {
    content: "-";
    margin: 0 5px;
    font-weight: 100;
    color: #888;
}

.comment-content .comment-meta span:last-child:after {
    content: "";
    margin: 0;
}

.comment-content .comment-meta .comment-by {
    font-weight: 600;
    color: #444;
}

.comment-content .comment-meta .comment-date {
    color: #888;
}

#respond .respond-title {
    font-weight: 500;
    margin-bottom: 15px;
}

/*------------------------------------------*/
/*			10 - SideBar Styles
/*------------------------------------------*/
.sidebar {
    margin-bottom: 30px;
}

.sidebar a {
    color: #888;
}

.sidebar .widget {
    margin-bottom: 20px;
}

.sidebar .widget ul {
    margin: 0;
}

.widget-search input[type="search"] {
    position: relative;
    margin: 0;
    float: left;
    height: 37px;
    line-height: 37px;
    width: calc(100% - 38px);
    border-right: none;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
}

.widget-search .search-btn {
    display: inline-block;
    width: 38px;
    height: 37px;
    border: none;
    color: #fff;
    font-size: 1.2em;
    line-height: 36px;
    text-align: center;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.widget-search .search-btn:hover {
    background-color: #444;
}

.sidebar .widget h4 {
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.sidebar .widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 2px;
    background-color: #ddd;
    margin: 0;
}

.widget_categories ul li a, .widget_archive ul li a, .widget_product_categories ul li a {
    padding: 8px 0;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eee;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.widget_categories ul li:first-child a ,.widget_archive ul li:first-child a {
    padding-top: 0;
}

.widget_categories ul li a:hover, .widget_archive ul li a:hover {
    padding-left: 8px;
}

.sidebar .widget-popular-posts li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.sidebar .widget-popular-posts li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sidebar .widget-popular-posts .widget-thumb {
    float: left;
    margin-right: 8px;
    border: 3px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.sidebar .widget-popular-posts .widget-thumb img {
    width: 65px;
    height: 65px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .widget-popular-posts .widget-thumb:hover img {
    opacity: 0.7;
}

.sidebar .widget-popular-posts .widget-content h5 {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 5px;
    font-weight: 300;
}

.sidebar .widget-popular-posts .widget-content span {
    color: #bbb;
    font-size: 12px;
}

.sidebar .tagcloud a, .footer-widget .tagcloud a {
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-size: 12px !important;
    padding: 4px 10px;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .tagcloud a:hover, .footer-widget .tagcloud a:hover {
    color: #fff;
    background-color: #444;
    text-decoration: none;
}

/*------------------------------------------*/
/*			 11 - Footer Styles
/*------------------------------------------*/
footer {
    background-color: #222;
    border-top: 4px solid #555;
    color: #ccc;
}

footer p {
    color: #ccc;
}

footer a {
    color: #aaa;
}

footer a:hover {
    color: #aaa;
    text-decoration: underline;
}
.footer-widgets{
	padding: 60px 0;
}
/* .footer-widget {
    margin-bottom: 45px;
} */

.footer-widget h4 {
    color: #eee;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.footer-widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #333;
    margin: 0;
}

.social-widget ul.social-icons li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}

.social-widget ul.social-icons li a i {
    font-size: 1.4em;
    width: 36px;
    height: 36px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.social-widget ul.social-icons li a:hover {
    text-decoration: none;
}

.social-widget ul.social-icons li a.facebook:hover i {
    background-color: #507CBE;
}

.social-widget ul.social-icons li a.twitter:hover i {
    background-color: #63CDF1;
}

.social-widget ul.social-icons li a.google:hover i {
    background-color: #F16261;
}

.social-widget ul.social-icons li a.dribbble:hover i {
    background-color: #E46387;
}

.social-widget ul.social-icons li a.linkdin:hover i {
    background-color: #90CADD;
}

.social-widget ul.social-icons li a.tumblr:hover i {
    background-color: #4D7EA3;
}

.social-widget ul.social-icons li a.flickr:hover i {
    background-color: #E474AF;
}

.social-widget ul.social-icons li a.instgram:hover i {
    background-color: #4D4F54;
}

.social-widget ul.social-icons li a.vimeo:hover i {
    background-color: #87D3E0;
}

.social-widget ul.social-icons li a.skype:hover i {
    background-color: #36C4F3
}

.contact-widget {
    background: url(images/map.png) center bottom no-repeat;
}

.contact-widget span {
    font-weight: 700;
}

.contact-widget ul li {
    margin-bottom: 12px;
}

.contact-widget ul li p a {
    color: #bbb;
}

.contact-widget p {
    padding-bottom: 20px;
}

.twitter-widget a:hover {
    color: #43B9CD;
    text-decoration: underline;
}

.twitter-widget ul li {
    margin-bottom: 20px;
}

.twitter-widget ul li span {
    color: #888;
}

.flickr-widget ul {
    overflow: hidden;
}

.flickr-widget ul li {
    float: left;
    margin-left: 8px;
    margin-bottom: 8px;
}

.flickr-widget ul li:nth-child(3n+1) {
    margin-left: 0;
}

.flickr-widget ul li a {
    display: inline-block;
    width: 80px;
    opacity: 0.6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border: 4px solid #333;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.flickr-widget ul li a img {
    width: 100%;
    height: 65px;
}

.flickr-widget ul li a:hover {
    opacity: 1;
}

.mail-subscribe-widget form {
    margin-top: 15px;
    margin-bottom: 20px;
}

.mail-subscribe-widget form input[type="text"] {
    outline: none;
    color: #888;
    font-size: 12px;
    padding: 6px 12px;
    border: none;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
}

.copyright-section {
    padding: 15px 0;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.copyright-section p {
    font-size: 11px;
    text-transform: uppercase;
}

ul.footer-nav {
    float: right;
}

ul.footer-nav li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

ul.footer-nav li:first-child {
    margin-left: 0;
}

ul.footer-nav li a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.footer-nav li a:hover {
    color: #fff;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}

.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #444;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/*
 * 	Core Owl Carousel CSS
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    margin-bottom: -33px;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(images/icons/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/*
* 	Owl Carousel Owl Theme
*/
.owl-theme .owl-controls {
    text-align: center;
}

/* Styling Next and Prev buttons */
.touch-slider .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    height: 60px;
	width: 40px;
    line-height: 60px;
    display: inline-block;
    zoom: 1;
    padding: 0 1px;
    *display: inline; /*IE7 life-saver */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #444;
    filter: Alpha(Opacity=60); /*IE7 fix*/
    opacity: 0.6;
    margin-top: -30px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-buttons div {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

.touch-slider .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}

.touch-slider .owl-controls .owl-buttons div.owl-next {
    right: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}

.touch-slider .owl-controls .owl-buttons div i {
    font-size: 1.8em;
    color: #fff;
}

.touch-carousel .owl-controls .owl-buttons {
    position: absolute;
    top: -50px;
    right: 2px;
}

.touch-carousel.projects-carousel .owl-controls .owl-buttons {
    right: 12px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons {
    position: relative;
    top: 0;
    right: 0;
}

.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons {
    top: -8px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
    background-color: #f2f2f2;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i {
    color: #666;
}

.touch-carousel.navigation-3 {
    padding-top: 45px;
}

.touch-carousel.navigation-3.clients-carousel {
    padding-top: 25px;
}

.touch-carousel.navigation-3 .owl-controls .owl-buttons {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons {
    right: 9px;
}

.touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div {
    height: 22px;
    width: 22px;
    line-height: 22px;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    margin-left: 4px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i {
    font-size: 1.2em;
    color: #ccc;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.testimonials-carousel .owl-controls .owl-buttons div i {
    color: #fff;
}

.touch-carousel .owl-controls.clickable .owl-buttons div:hover i {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

/* Styling Pagination*/
.owl-pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 2px 4px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #444;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-page span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border-color: #0A95D8;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #444;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
}

#progressBar {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(images/icons/ajaxloader.gif) no-repeat center center
}
/******* Style Switcher *******/
.switcher-box {
    width: 212px;
    position: fixed;
    left: -212px;
    top: 160px;
    text-align: center;
    z-index: 999;
    background-color: #fff;
    border-radius: 0 0 2px 0;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.switcher-box h4 {
    display: block;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #333;
    margin-bottom: 10px;
}
.switcher-box span {
    display: block;
    padding: 5px 20px;
    text-align: left;
}
.switcher-box .colors-list {
    padding: 0 18px 0 18px;
    margin-bottom: 8px;
    line-height: 20px;
}
.switcher-box .colors-list li {
    display: inline-block;
    margin-right: 2px;
}
.switcher-box .colors-list li a {
    display: block;
    width: 24px;
    height: 18px;
    cursor: pointer;
}
.switcher-box .colors-list li a.blue {
    background-color: #0a9fd8;
}
.switcher-box .colors-list li a.cyan {
    background-color: #27bebe;
}
.switcher-box .colors-list li a.jade {
    background-color: #0bb586;
}
.switcher-box .colors-list li a.red {
    background-color: #ee3733;
}
.switcher-box .colors-list li a.yellow {
    background-color: #E8CF0F;
}
.switcher-box .colors-list li a.teal {
    background-color: #008080;
}
.switcher-box .colors-list li a.brown {
    background-color: #c69c6d;
}
.switcher-box .colors-list li a.green {
    background-color: #59AB02;
}
.switcher-box .colors-list li a.orange {
    background-color: #f36510;
}
.switcher-box .colors-list li a.pink {
    background-color: #F455AF;
}
.switcher-box .colors-list li a.purple {
    background-color: #6a3da3;
}
.switcher-box .colors-list li a.crimson {
    background-color: #DC143C;
}
.switcher-box .layout-style, .switcher-box .topbar-style {
    width: 172px;
    padding: 6px 9px;
    outline: none;
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 4px 6px;
    color: #888;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
    margin: 0 0 12px 20px;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.06);
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.switcher-box .bg-list {
    padding: 0 18px 0 18px;
    margin-bottom: 18px;
}
.switcher-box .bg-list li {
    display: inline-block;
    margin-right: 2px;
}
.switcher-box .bg-list li a {
    display: block;
    width: 20px;
    height: 20px;
}
.switcher-box .bg-list li a.bg1 {
    background: url(images/patterns/1.png) repeat;
}
.switcher-box .bg-list li a.bg2 {
    background: url(images/patterns/2.png) repeat;
}
.switcher-box .bg-list li a.bg3 {
    background: url(images/patterns/3.png) repeat;
}
.switcher-box .bg-list li a.bg4 {
    background: url(images/patterns/4.png) repeat;
}
.switcher-box .bg-list li a.bg5 {
    background: url(images/patterns/5.png) repeat;
}
.switcher-box .bg-list li a.bg6 {
    background: url(images/patterns/6.png) repeat;
}
.switcher-box .bg-list li a.bg7 {
    background: url(images/patterns/7.png) repeat;
}
.switcher-box .bg-list li a.bg8 {
    background: url(images/patterns/8.png) repeat;
}
.switcher-box .bg-list li a.bg9 {
    background: url(images/patterns/9.png) repeat;
}
.switcher-box .bg-list li a.bg10 {
    background: url(images/patterns/10.png) repeat;
}
.switcher-box .bg-list li a.bg11 {
    background: url(images/patterns/11.png) repeat;
}
.switcher-box .bg-list li a.bg12 {
    background: url(images/patterns/12.png) repeat;
}
.switcher-box .bg-list li a.bg13 {
    background: url(images/patterns/13.png) repeat;
}
.switcher-box .bg-list li a.bg14 {
    background: url(images/patterns/14.png) repeat;
}
.switcher-box .open-switcher {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 2px 2px 0;
    background: #444 center no-repeat;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.switcher-box .open-switcher:hover {
    background: #444 center no-repeat;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    color: #fff;
}
.switcher-box .open-switcher i {
    text-align: center;
    padding-top: 7px;
}
.services-2 {
    position: relative;
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.services-2-icon {
    display: inline-block;
    width: 100%;
    display: table;
}

.services-2-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0px auto;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    float: left;
    text-align: center;
    font-size: 26px;
    background: #E93735;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.services-2:hover .services-2-icon i {
    display: block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.services-2-text {
    margin-left: 75px;
    overflow: hidden;
}

.services-2-icon h4 {
    font-family: 'Open Sans', sans-serif;
    color: #404449;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0px 0px 0px;
    text-align: left;
    display: table-cell;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
}

.services-2 p {
    color: #ACB2B8;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

/* progress bar */
.skill p {
    margin-bottom: 7px;
}

.progress {
    overflow: visible;
    height: 18px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: relative;
}

.progress-bar-span {
    opacity: 1;
    position: absolute;
    top: -5px;
    background: #ACB2B8;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 0px;
    right: 0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.skill:hover .progress-bar-span {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* Counter */
.counter-item {
    position: relative;
    text-align: center;
}

.counter-item h5 {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
}

.counter-item i {
    font-size: 40px;
}

.timer {
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    line-height: 80px;
}

.parallax {
    width: 100%;
    padding: 0;
    margin: 0;
    background-position: 50% 30%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.parallax-text-container-1 .parallax-text-item {
    padding: 120px 0px;
    text-align: center;
}

.parallax-mobile {
    background-position: 50% 0px !important;
    background-attachment: scroll !important;
}

.services-3 {
    position: relative;
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.services-3-icon {
    display: inline-block;
    width: 100%;
    display: table;
}

.services-3-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0px auto;
    position: relative;
    display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.services-3:hover .services-3-icon i {
    display: block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.services-3-text {
    margin-right: 75px;
    overflow: hidden;
}

.services-3-icon h4 {
    font-family: 'Raleway', sans-serif;
    color: #404449;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 0px 15px 0px;
    text-align: right;
    display: table-cell;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
}

.services-3 p {
    color: #ACB2B8;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

.purchase {
    background: url(images/banner.jpg) no-repeat;
    background-attachment: fixed;
    padding: 100px 0;
}

.navbar-collapse {
    max-height: 340px;
}

/** Home Service Edited by John **/
.service-image img {
    border-radius: 50%;
    text-shadow: 0 0 0 #ee3733;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    height: 70px;
    width: 70px;
    margin-bottom: 8px;
    margin: 0 auto;
}

.service-image img:hover {
    border-radius: 50%;
}

.blog_img {
    padding: 0px 0px 10px;
}

.latest-posts-classic .post-content p {
    word-wrap: break-word;
    padding: 7px;
}

/* Contact Social */
.social-widget ul.social-icons li a i {
    color: #ee3733;
}

.social-widget ul.social-icons li {
    background-color: #222;
}

.social-widget ul.social-icons li a i:hover {
    color: #fff;
}

/* Pagination Styling */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration: none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

/* =Index pagination
----------------------------------------------- */
/* The containing box with a nice white background */
.paging-navigation {
    font-family: sans-serif;
    padding: 1em;
    background: #fff;
    background: hsl(0, 0%, 100%);
}

/* Remove bullets and list indentation */
.paging-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Make the list items appear horizontally */
.paging-navigation li {
    display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
    padding: .3em .7em;
    color: #333;
    color: hsl(0, 0%, 20%);
}

/* Link hover state */
a:hover.page-numbers {
    color: #000;
    color: hsl(0, 0%, 0%);
}

/* Current page bold and dark */
.paging-navigation .current {
    font-weight: bold;
    color: #000;
    color: hsl(0, 0%, 0%);
}

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span {
    padding: 0
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover {
    text-decoration: none
}

.pagination > li > a {
    padding: 3px 18px 22px 18px;
    margin-left: -5px;
}

/* Hide Gallery Images On Single Page */
.gallery {
    display: none;
}

#s {
    position: relative;
    margin: 0;
    float: left;
    height: 37px;
    line-height: 37px;
    width: calc(100% - 38px) !important;
    border-right: none;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
}

#s {
    color: #aaafb5;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.search-btn {
    display: inline-block;
    width: 38px;
    height: 37px;
    border: none;
    color: #fff;
    font-size: 1.2em;
    line-height: 36px;
    text-align: center;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/* .widget-categories ul li:before{
	font-family: ""Font Awesome\ 5 Free"";
	content: '\f000';
	font-weight: 900;
	display: inline-block;
	margin-left: 10px;
} */
.container > .navbar-header {
    margin-top: -1px;
}

.copyright-section ul.social-list li a i {
    height: 36px;
    font-size: 20px;
    border-left: 0px;
}

.copyright-section ul.social-list li:last-child a i {
    border-right: 0px;
}

.text-center {
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.service-content h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px !important;
}

.service-content p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

/* Default Style */
.wp-caption {
}

.wp-caption-text {
}

.gallery-caption {
}

.bypostauthor {
}

.alignright {
}

.alignleft {
}

.aligncenter {
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Home Blog */
.latest-posts {
    margin-bottom: 30px;
}

/* .purchase {
    margin-bottom: 80px;
} */

.latest-posts {
    margin-bottom: 16px !important;
}

img#logo {
    margin-bottom: 5px;
}

.boxed-page1 {
    margin: 31px auto !important;
}

.top-bar1 {
    margin-top: 32px !important;
}

.boxed-page2 {
    margin: -31px auto !important;
}

.top-bar2 {
    margin-top: -32px !important;
}

.dark_sup_menu {
    background-color: #000;
}

/* .hidden-header {
    height: auto !important;
} */
.top-bar3 {
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
    padding-bottom: 28px;
    margin-bottom: 0px;
}

/* Slider Btn Style */
.slider-color {
    color: #fff !important;
}

.slider.btn.btn-default {
    color: #fff;
    transition: all 0.8s ease 0s !important;
    background-color: #000 !important;
    background-image: linear-gradient(to bottom, #000 50%, #fff 50%) !important;
    background-size: 100% 200% !important;
    border: 2px solid #000 !important;
}

.slider.btn.btn-default:hover {
    background-position: 0 -100%;
    color: #000;
}

.slider-btn1 {
    color: #fff;
    transition: all 0.8s ease 0s !important;
    background-size: 100% 200% !important;
}

.slider-btn1:hover {
    background-position: 0 -100%;
}

/* Call out button */
.call_btn1 {
    display: inline;
    box-shadow: 3px 3px 3px #fff;
    padding: 15px !important;
    margin-right: 10px;
    transition: all 0.8s ease 0s !important;
    background-size: 100% 200% !important;
}

.call_btn1:hover {
    background-position: 0 -100%;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #000;
}

.call_btn2 {
    display: inline;
    padding: 15px !important;
    color: #fff !important;
    margin-right: 10px;
    transition: all 0.8s ease 0s !important;
    background-color: #000 !important;
    background-image: linear-gradient(to bottom, #000 50%, #fff 50%) !important;
    background-size: 100% 200% !important;
    border: 2px solid #000 !important;
}

.call_btn2:hover {
    background-position: 0 -100% !important;
    color: #000 !important;
    box-shadow: 3px 3px 3px #000 !important;
}

.call_btn1 i:before, .call_btn2 i:before {
    margin-right: 10px;
}

.call-sec {
    margin-top: 70px !important;
}

/******* ===== *****/
/* Home Blog */
.matrix_carousel-prev, .matrix_carousel-next {
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
}

.matrix_carousel-navi.home-blog-content {
    text-align: center;
}

/* Home Portfolio */
#portfolio-list li .more {
    font-size: 25px;
    margin-left: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}

#portfolio-list li .margin-left {
    margin-left: -55px;
}

/* Single Post Link */
.left a {
    float: left;
    color: #fff !important;
}

.right a {
    float: right;
    color: #fff !important;
}

/* Logo */
a#alogo {
    margin: 0 auto;
    text-align: center;
}

/* Calender Styling */
#wp-calendar {
    text-align: center;
    height: auto;
}

#wp-calendar td {
    text-align: center;
    padding: 4px;
    border: 1px solid gray;
}
#wp-calendar td#today {
    color: #fff;
}
#wp-calendar th {
    text-align: center;
    padding: 4px;
}

#wp-calendar caption {
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 0px;
    padding: 5px;
    border-radius: 6px 6px 0px 0px;
}

/* Load More Post Button */
.btn_c {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    display: inline-block;
    background: #444;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    position: relative;
    margin-top: 30px;
    height: 43px;
    line-height: 42px;
    padding: 0 15px 0 54px;
    border-radius: 20px;
}

.btn_c {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a > span {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.centered {
    text-align: center;
}

.btn_c span.btn_c_ic_b, .btn_c:hover span.btn_c_ic_a {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.btn_c:hover span.btn_c_ic_a {
    left: 50%;
}

.btn_c span.btn_c_ic_a {
    left: 0;
}

.btn_c span.btn_c_ic_b {
    right: 50%;
}

.btn_c span.btn_c_ic_a, .btn_c span.btn_c_ic_b {
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 43px;
    position: absolute;
    top: 0;
    font-size: 18px;
}

.btn_c:hover {
    color: #fff;
    padding: 0 54px 0 15px;
}

.btn_c > span {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.btn_c.large_btn span.btn_c_ic_a, .btn_c.large_btn span.btn_c_ic_b {
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.btn_c.medium_btn {
    font-size: 15px;
    height: 50px;
    line-height: 47px;
    padding: 0 20px 0 64px;
}

.btn_c.medium_btn span.btn_c_ic_a, .btn_c.medium_btn span.btn_c_ic_b {
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.btn_c:hover {
    color: #fff;
    padding: 0 54px 0 15px;
}

.btn_c:hover span.btn_c_ic_a {
    left: 50%;
}

.btn_c:hover span.btn_c_ic_b {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    right: 0;
}

/* Header Social Icon */
.copyright-section ul.social-list li a:hover {
    text-decoration: none;
}

.funfact_title h1 {
    color: #fff !important;
    margin-top: -55px;
    margin-bottom: 90px;
}

.color1 {
    background-color: #1DAAEC;
}

.color2 {
    background-color: #2AB866;
}

.color3 {
    background-color: #515D94;
}

.color4 {
    background-color: #D00;
}

.color5 {
    background-color: #E67E22;
}

.progressbar {
    line-height: 30px;
}

.bar-width {
    color: white;
    font-weight: bold;
    margin-left: 10px;
    font-size: 16px;
}
/* Home Portfolio */
#my-portfolio{
	border-top:0;
	border-bottom:0;
	background:#fff;
}
/* Portfolio img inline */
.port_img{
	display:none !important;
	visibility:hidden
}
/* Home Team */
.home_team{
	background:#fff;
}
/* Call Out */
.call_out_one{
	margin-top:4px;
}
.call_out_two{
	margin-top:10px;
}
.callout_prim_title1{
	font-size:22px;
}
.callout_sec_title1{
	font-size:18px;
}
/* custom-background-desc */
.custom-background-desc{
	font-size: 15px;
}
/* Footer Widget */
.footer-widget > ul > li > a:hover{
	text-decoration: none;
}
/* Menu */
.navbar-default .navbar-nav > li > a {
    padding: 30px 25px 30px 15px !important;
	margin-bottom: 2px;
}
.wpb-mobile-menu{
	display: none;
}
.navbar-toggle{
	display: none;
}
 /* contact inputs */
.contactForm label{
	color: #000;
	font-weight: 600;
}
.contactForm label.error{
    color: #ed2d3b;
}
.classic-title span{
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}

.contactForm  a.main-button, .contactForm  input[type="submit"]{
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
	margin-left: 0px;
	padding: 10px 16px;
}
/* Home Testimonial */
.section_one{
	margin-bottom: 0px !important;
}
.bg_gray {
    background: #f9fafc;
    border-bottom: 1px solid #eaebed;
    border-top: 1px solid #eaebed;
}
.normal_text_slider {
    position: relative;
}
.normal_text_slider .c_say {
    text-align: center;
}
.normal_text_slider .client_img {
    border: 1px solid #ddd;
    display: inline-block;
    overflow: hidden;
    padding: 6px;
    position: relative;
    text-align: center;
}
.normal_text_slider .client_img img {
    display: block;
    position: relative;
}
.normal_text_slider .client_img > span {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.normal_text_slider .client_details {
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 30px 0 15px;
    text-transform: uppercase;
}
.normal_text_slider .url {
    color: #fff;
}
.normal_text_slider .desc {
    margin-bottom: 30px;
    color: #8f8e8e;
    font-size: 19px;
    line-height: 33px;
    display: block;
}
.white_section .normal_text_slider .client_img {
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding: 5px;
}
.white_section .normal_text_slider .client_details {
    color: #fff;
}
.white_section .normal_text_slider .desc {
    color: #fff;
}
.white_section .btn_a {
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
    border: none;
}
.normal_text_slider.client_say_slider .desc {
    margin-bottom: 0;
}
.what_say_block {
    position: relative;
    margin-bottom: 40px;
}
.what_say_block .say_img {
    border: 1px solid #dadbdb;
    display: inline-block;
    padding: 4px;
    position: absolute;
}
.what_say_block .say_datils {
    min-height: 89px;
    padding-left: 100px;
}
.say_datils > h5 {
    color: #324545;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.say_datils > h5 > span {
    margin-left: 7px;
}
.say_datils .text {
    line-height: 25px;
}
.normal_text_slider .client_img {
	border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.normal_text_slider .client_img img {
	border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.normal_text_slider.client_say_slider .owl-controls{
    position: absolute;
    width: 100%;
    top: 0;
}
.normal_text_slider .enar_owl_n{
    text-indent: 2px;
}
.normal_text_slider .enar_owl_p, .normal_text_slider .enar_owl_n{
    background: #fff;
    border: 2px solid #000;
    color: #000;
    display: block;
    font-size: 24px;
    height: 37px;
    line-height: 36px;
    text-align: center;
    width: 37px;
}
.white_section .normal_text_slider .enar_owl_p, .white_section .normal_text_slider .enar_owl_n {
    background: none;
    border-color: #fff;
    color: #fff;
}
.normal_text_slider.client_say_slider .owl-prev, .normal_text_slider.client_say_slider .owl-next {
    top: 71px;
}
.normal_text_slider.client_say_slider .owl-prev {
    left: 30%;
}
.normal_text_slider.client_say_slider .owl-next {
    right: 30%;
}
.normal_text_slider .owl-prev {
    left: -55px;
    top: 10px;
}
.normal_text_slider .owl-next {
    right: 55px;
    top: 10px;
}
.normal_text_slider:not(.client_say_slider) {
    padding: 0 55px;
}

.normal_text_slider .owl-prev, .normal_text_slider .owl-next {
    position: absolute;
}
.enar_owl_p > span {
    left: 18px;
    top: 21px;
}
.enar_owl_p > span:after {
    background: #e74c3c;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 5px;
}
.enar_owl_p > span:before {
    background: #e74c3c;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -5px;
    top: 5px;
    width: 5px;
}
.enar_owl_n > span {
    left: 25px;
    top: 21px;
}
.enar_owl_n > span:after {
    background: #e74c3c;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 5px;
}
.enar_owl_n > span:before {
    background: #e74c3c;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: -5px;
    top: 5px;
    width: 5px;
}
/* newly added */
.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: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* 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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.post-content ul:not(.post-meta){
	list-style: inherit;
	margin-left: 3%;
}
.post-content li ul:not(.post-meta){
	list-style: circle;
}
.tab-content ul {
    margin-left: 3%;
}
.pricing-table .plan-list li{
    list-style:none;
}
.woocommerce span.dcjq-icon:after {
    content: "+";
    float: right;
}
.woocommerce span.dcjq-icon.less:after {
    content: "-";
    float: right;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    float: left;
    width: 45px;
    margin-right: 5px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
	border-bottom: 1px #eee solid;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	padding: .1em;
    min-width: 2em;
}
.widget li ul li {
    margin-left: 10px;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: .5em;
}
.woocommerce-product-details__short-description {
    margin-top: 5px;
    margin-bottom: 10px;
}
.entry-summary a.compare.button {
    top: -30px;
}
.entry-summary .yith-wcwl-add-to-wishlist {
    float: right;
}
.woocommerce ul.products li.product .button {
    margin-top: .5em;
}
section.related.products h2 {
    clear: both;
}
section.related.products {
    position: static;
}
/* Slider text content styling */
.carousel-inner .transbox {
    width: 50%;
    margin-left: 50%;
    transform: translateX(-50%) translateY(16px);
}
.transbox {
    margin: 30px;
    background-color: #000;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#yith-quick-view-content div.images{
  padding:22px;
}
.woocommerce ul.products.grid li.product .button {
    margin-top: .5em;
}
.add_to_cart_button:before {
    content: '\f07a';
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
    margin-right: 5px;
}
.button.yith-wcqv-button:before {
    content: '\f002';
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
    margin-right: 5px;
}
.products:not(.list) .button.yith-wcqv-button:before {
    content: '\f002';
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
    margin-right: 5px;
    float: left;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    text-indent: 0;
}
.products:not(.list)  .compare.button:before {
    content: '\f0ec';
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
    margin-right: 5px;
    float: left;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    text-indent: 0;
}
.compare.button:before {
    content: '\f0ec';
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
    margin-right: 5px;
}
.products:not(.list) .compare.button,.products:not(.list) .button.yith-wcqv-button {
	display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
	color:#333;
	background:transparent;
	
}
.products.grid  .compare.button{
	margin-left:3px;
}
.up-sells.upsells h2:before{
	content:'\f004';
	font-family:"Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right:7px;
}
.related.products h2:not(.woocommerce-loop-product__title):before{
	content:'\f291';
	font-family:"Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right:7px;
}
.cross-sells h2:before{
	content:'\f004';
	font-family:"Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right:7px;
}
.related.products ul.products, .cross-sells ul.products{
  margin: 10px 0 1em;
}
.related.products h2:not(h2.woocommerce-loop-product__title), .up-sells.upsells h2, .cross-sells h2 {
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
	width:45px;
}
@media(	min-width:1153px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 23%;
	}
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin: 0 1.8% 3.992em 0;
	border: 1px solid #eee;
	padding: 7px;
	   -moz-transition: all 0.3s;
	   -webkit-transition: all 0.3s;
	   transition: all 0.3s;

}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{
       -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);

}
.woocommerce ul.products li.product .star-rating{
	margin:0 auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products:not(.list) li.product h3{
	text-align:center;
}
p.home_sec_desc {
	padding: 0 20px;
}
.products.grid .woocommerce-product-details__short-description{
    display: none;
}
/** filters list **/
#filter-list {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
#filter-list li {
	display: inline-block;
	width: auto;
	padding: 6px 10px;
	margin-right: 15px;
	font-size: 1.2em;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #eaeaea;
    color: #000;
    font-weight: 600;
}
#filter-list li:hover {
	background: #e7e2eb;
}
#filter-list li.active {
	font-weight: bold;
    color: #fff;
	box-shadow: 3px 2px 3px #000;
}
#portfolio-list .item {
    display: none;
    opacity: 0;
}
.post-content ul#filter-list {
    margin-left: 0;
}
/* Breadcrumb */
.has_bg_image {
    padding: 50px 0;
}
.large_header.has_bg_image {
    padding: 150px 0;
}
/* List Style */
.page .post-content ul, .post .post-content ul {
	list-style: disc;
}
.page .post-content ol, .post .post-content ol {
	list-style: decimal;
}
.page .post-content ol li, .post .post-content ol li {
    padding: 0 10px;
}
.min_height {
    min-height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}
/* Service Block CSS */
.matrix-btn-shadow {
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}
.matrix-btn-classic {
    margin-right: 10px;
    border: 2px solid #fff;
    margin-top: 10px;
	background-color: #DC143C;
}
.matrix-btn-classic {
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border: 0;
    z-index: 1;
}
.matrix-btn-classic:hover {
	text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #222222;
}
/* Blocks */
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 8px);
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin: 0 16px 16px 0;
    position: relative;
}