@charset "utf-8";



/**

 Table of Contents:



1. DEFAULT CLASSES

2. ELEMENTS

  2.1.  HEADER

  2.2.  MENUS

  2.3.  SECTION

  2.4.  FEATURES

  2.5.  COUNTERS

  2.6.  PROJECTS

  2.7.  BLOG

  2.8.  CLIENT

  2.9.  FOOTER

  2.10. PROGRESS BARS

  2.11. TESTIMONIALS

  2.12. SERVICES

  2.13. TEAM

  2.14. PRICING

  2.15. GALLERY

  2.16. COUNTDOWN

  2.17. RESTAURANT MENU

  2.18. ACCORDION

  2.19. ALERT MESSAGE

  2.20. PIE CHART

  2.21. MOBILE MENU

3. COMMERCE

4. RESPONSIVE



*

* -----------------------------------------------------------------------------

*/





/* 1. DEFAULT CLASSES

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



@font-face {

	font-family: star;

	src: url(../fonts/star.eot);

	src: url(../fonts/star.eot?#iefix) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../fonts/star.svg#star) format("svg");

	font-weight: 400;

	font-style: normal

}



* {

	padding: 0;

	margin: 0;

}

*, :active, :focus, :hover {

	outline: 0!important;

}

body {

	font-family: 'Roboto', sans-serif;

    font-weight: 300;

    font-style: normal;

    font-size: 14px;

    line-height: 1.5;

    letter-spacing: 0.05em;

    color: #222;

    overflow-x: hidden;

}

ul, ol {

	list-style: none;

}

a {

	color: #090708;

	text-decoration: none;

	-webkit-transition: all .1s cubic-bezier(.645,.045,.355,1);

    transition: all .1s cubic-bezier(.645,.045,.355,1);

}

a:hover {

	text-decoration: none;

	color: #aaaaaa;

}

a:focus {

	text-decoration: none;

}

b, strong {

    font-weight: 900;

}

p {

	margin-bottom: 8px;

}

img {

	max-width: 100%;

	height: auto;

}

iframe {

	border: none;

	width: 100%;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'Oswald', sans-serif;

    font-weight: 300;

    font-style: normal;

    line-height: 1.3;

    letter-spacing: 0;

    color: #090708;

	margin-top: 0;

}

select, textarea, input {

    display: inline-block;

    margin-bottom: 10px;

    padding: 10px 15px;

    max-width: 100%;

    width: 100%;

    border: 1px solid #ddd;

    box-shadow: none;

    color: #888;

	font-weight: normal;

    font-size: 12px;

}

textarea:focus, input:focus {

	box-shadow: none !important;

}

input[type=checkbox], input[type=radio] {

    width: auto;

}

hr.gray {

	border-color: #444444;

}

hr.dashed {

	border-top-style: dashed;

	border-top-width: 2px;

}

hr.dotted {

	border-top-style: dotted;

	border-top-width: 2px;

}

.required {

    color: red;

    font-weight: 700;

    border: 0;

}

.btn {

    display: inline-block;

    margin-bottom: 0;

    text-align: center;

    cursor: pointer;

    color: #5472D2;

    border: 1px solid #ce1719;

    word-wrap: break-word;

    position: relative;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    line-height: normal;

    padding: 12px 30px;

	font-size: 12px;

	letter-spacing: .2em;

	background: none;

	width: auto;

}

.btn:hover {

	padding-right: 38px;

    padding-left: 22px;

    background-color: #ce1719;

    color: #fff;

}

.btn:after {

    display: inline-block;

    visibility: hidden;

    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

    content: "\f178";

	color: #fff;

	font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    opacity: 0;

	margin-left: -18px;

}

.btn:hover:after {

    transform: translateX(25px);

    visibility: visible;

    opacity: 1;

}

.btn.btn-large {

    padding: 18px 35px;

}

.btn.btn-large:hover {

    padding-right: 43px;

    padding-left: 27px;

}

.btn.btn-white {

	color: #fff;

}



.btn.btn-white-2 {

	color: #fff;

	border-color: #fff;

}

.btn.btn-white-2:hover {

    color: #ce1719;

    background: #fff;

}



.btn.btn-white-2:hover:after {

    transform: translateX(25px);

    visibility: visible;

    opacity: 1;

    color: #ce1719;

}



.btn.btn-dark {

	color: #2A2A2A;

	border-color: #ce1719;

}

.btn.btn-bg-white {

	color: #5e5e5e;

    background-color: #f0f0f0;

}

.btn.btn-bg-dark {

	background-color: #090708;

    color: #ffffff;

}

.btn.btn-white:hover {

	color: #fff;

}

.btn.btn-dark:hover {

	color: #fff;

    border-color: #ce1719;

    background-color: #ce1719;

}

.btn.btn-dark:hover:after {

	color: #fff;

}

.btn.btn-bg-white:hover {

    color: #666;

    background-color: #FFF;

}

.btn.btn-bg-white:hover:after {

	color: #666;

}

.btn.btn-bg-dark:hover:after {

	color: #fff;

}

.btn.btn-rounded {

	border-radius: 40px;

}

.btn-shop {

	transition: all 0.01s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    padding: 5px 0 2px;

    border-bottom: 1px solid #444;

    letter-spacing: .3rem;

    font-weight: 400;

    font-size: 12px;

	text-transform: uppercase;

}

.btn-shop:hover {

    border-color: transparent;

}

.btn-shop:before {

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    margin-left: -35px;

    padding-right: 5px;

    content: url(../images/arrow.svg);

    vertical-align: middle;

    opacity: 0;

}

.btn-shop:hover:before {

    margin-left: 0;

    opacity: 1;

}

.fullwidth {

	width: 100%;

}

.uppercase {

	text-transform: uppercase;

}

.site {

	position: relative;

}

.site-branding {

    position: relative;

    z-index: 99999;

    padding-left: 15px;

    /* max-width: 25%; */

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

}

.header-left-menu .site-branding {

    padding-left: 0;

    max-width: none;

	margin-bottom: 30px;

}

.search-form-container-full {

    transition: all 0.3s ease 0.15s;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999999;

    visibility: hidden;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	background-color: rgba(0, 0, 0, 0.85);

    color: #fff;

}

.search-form-container-full.open {

    visibility: visible;

    opacity: 1;

}

.search-form-container-full .search-form {

    transition: all 0.3s ease 0.15s;

    position: relative;

    opacity: 0;

    transform: translateY(50px);

}

.search-form-container-full.open .search-form {

    opacity: 1;

    transform: translateY(0);

}

.search-form-container-full .search-form .search-field {

    margin-bottom: 0;

    padding: 17px 0;

    width: 100%;

    border: 0;

    border-bottom: 1px solid #fff;

    background-color: transparent;

    color: #fff;

    font-weight: 300;

    font-size: 26px;

    line-height: 1.2em;

}

.search-form-container-full .search-form .button-search {

    position: absolute;

    top: 50%;

    right: 0;

    padding: 0;

    border: 0;

    background-color: transparent;

    transform: translateY(-50%);

}

.search-form-container-full .search-form .button-search i {

    font-size: 30px;

    transition: color .2s;

	color: #fff;

    cursor: pointer;

}

.search-form-container-full > .container,

.search-form-container-full > .container > .row,

.search-form-container-full .search-wrap {

    height: 100%;

}

.search-form-container-full .search-wrap {

    position: relative;

}

.search-form-container-full .middle {

    position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

}

.menu-button {

    position: relative;

    width: 20px;

    height: 14px;

    cursor: pointer;

}

.sidr {

    position: fixed;

    top: 0;

    z-index: 999999;

    display: block;

    overflow-x: hidden;

    overflow-y: auto;

    width: 350px;

    height: 100%;

}

.sidr.right {

    right: -350px;

    left: auto;

}

#side-box-container {

    padding: 50px 50px 0;

    width: 350px;

    background-color: #222;

    right: -350px;

	transition: right 0.2s ease;

}

#side-box-container .button-side-box-close {

    margin-left: -18px;

    color: #666;

    font-size: 60px;

    transition: all 0.3s;

}

#side-box-container .button-side-box-close:hover {

    color: #eee;

}

#side-box-container .side-box-inner {

    position: absolute;

    top: 170px;

    bottom: 70px;

    left: 0;

    overflow-y: auto;

    padding: 0 50px;

	width: 100%;

}

#side-box-container .widget {

    color: #fff;

    font-weight: 300;

}

#side-box-container .widget:not(:first-child) {

    margin-top: 100px;

}

#side-box-container .widget .widget-title {

    margin-bottom: 17px;

    color: #666;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 13px;

}

#side-box-container .widget a {

    color: #fff;

    font-weight: 400;

    font-size: 14px;

}

#side-box-container .widget ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

#side-box-container .widget li a {

    display: block;

    margin-bottom: 15px;

    text-transform: uppercase;

}

#side-box-container .widget li a:hover {

    color: #888;

}

#side-box-container .side-box-social-list {

    position: absolute;

    bottom: 50px;

    left: 50px;

    margin: 0;

    padding: 0;

}

#side-box-container .side-box-social-list li,

.social-list-inline li {

    display: inline-block;

}

#side-box-container .side-box-social-list li a,

.social-list-inline li a {

    margin-right: 15px;

}

#side-box-container .side-box-social-list li a i,

.social-list-inline li a i {

    color: #fff;

	transition: color 0.3s;

}

#side-box-container .side-box-social-list li a:hover i,

.social-list-inline li a:hover i {

    color: #666;

}

#side-box-container .side-box-social-list li a i,

.social-list-inline li a i {

    font-size: 16px;

}

#side-box-container .menu {

    padding-left: 0;

}

#side-box-container .menu li {

    position: relative;

    display: block;

    float: none;

    padding: 5px 0;

    width: 100%;

}

#side-box-container .menu li a {

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 14px;

}

#side-box-container .menu .sub-menu {

    padding-top: 5px;

    padding-left: 20px;

	/*display: none;*/

}

#side-box-container .menu li .menu-parent-toggle {

    position: absolute;

    top: 5px;

    right: 0;

    width: 20px;

    height: 20px;

    background-color: #333;

}

#side-box-container .menu li .menu-parent-toggle i {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 20px;

    transform: translate(-50%, -50%);

}

.header-icon-search {

	display: inline-block;

}

.bg-overlay {

    background-color: rgba(0,0,0,0.7);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 0;

}

.bg-overlay-dark {

    background-color: rgba(0,0,0,.8);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 0;

}

.bg-overlay-white {

    background-color: rgba(255, 255, 255, 0.92);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 0;

}

.mw-200 {

	max-width: 200%;

}

.full-left {

	margin-left: -100px;

}

.newsletter-form input[type=email] {

    float: left;

    margin-right: 20px;

    padding: 13px 0;

    width: 100%;

    border: 0;

    border-bottom: 1px solid #bbb;

    background: none;

    color: #222;

	max-width: 900px;

	font-size: 16px;

}

.newsletter-form input[type=submit] {

    padding: 15px 30px;

    border: 1px solid transparent;

    border-radius: 30px;

    letter-spacing: .2em;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

	background-color: #ce1719;

    color: #fff;

	width: auto;

	text-transform: uppercase;

}

.newsletter-form input[type=submit]:hover {

    border: 1px solid #ce1719;

    background: #fff;

    color: #ce1719;

}

.newsletter-form.style-2 {

    margin-top: 15px;

	display: block;

	width: 100%;

}

.newsletter-form.style-2 input[type=email] {

    float: none;

	display: block;

    margin-right: auto;

	margin-left: auto;

	padding: 14px 20px;

    width: 100%;

    border: 1px solid #fff;

    background: none;

    color: #fff;

	max-width: 680px;

	font-size: 16px;

}

.newsletter-form.style-2 input[type=submit] {

    display: inline-block;

	margin-top: 10px;

}

.office {

    padding-top: 30px;

}

.office p {

    margin-bottom: 10px;

}

.office.vcard p {

    margin-bottom: 0px;

}

.office i {

    width: 27px;

    font-size: 20px;

}

#whatsapp,
#backtotop {

    position: fixed;

    right: 20px;

    background: #090708;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-size: 15px;

    z-index: 9999;

    -webkit-transition: all 300ms linear 0ms;

    -khtml-transition: all 300ms linear 0ms;

    -moz-transition: all 300ms linear 0ms;

    -ms-transition: all 300ms linear 0ms;

    -o-transition: all 300ms linear 0ms;

    transition: all 300ms linear 0ms;

}

#whatsapp {
    background: #05cd51;
	color: #fff;
	font-size: 30px;
	border-radius: 100%;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 15px;
}

#whatsapp.on {
	bottom: 70px;
}
#backtotop.on {

    bottom: 15px;

}

.heli-word-slide {

    color: #fff;

    letter-spacing: 0;

    font-weight: 700;

    font-size: 90px;

	line-height: 1;

	position: absolute;

	top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	width: 100%;

}

.heli-word-slide #js-rotating {

    display: inline;

    text-indent: 10px;

}

.heli-word-slide #js-rotating > span {

    overflow: hidden;

    font-style: italic;

    font-family: 'Playfair Display';

	

}

.heli-listing {

    margin: 0;

    padding: 0;

}

.heli-listing li {

    margin-bottom: 10px;

    list-style-type: none;

}

.heli-listing li:before {

    margin-right: 10px;

    content: "\e685";

    vertical-align: middle;

	font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

	line-height: 1;

}

.heli-listing-arrow li {

    margin-bottom: 10px;

    list-style-type: none;

}

.heli-listing-arrow li:before {

    margin-right: 10px;

    content: "\e684";

    vertical-align: middle;

	font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

	line-height: 1;

}

.heli-listing-checked li {

    margin-bottom: 10px;

    list-style-type: none;

}

.heli-listing-checked li:before {

    margin-right: 10px;

    content: "\e66c";

    vertical-align: middle;

	font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

	line-height: 1;

}

.heli-listing-square {

    margin: 0;

    padding: 0 20px 0;

}

.heli-listing-square li {

    margin-bottom: 10px;

    list-style-type: square;

}

.heli-listing-circle {

    margin: 0;

    padding: 0 20px 0;

}

.heli-listing-circle li {

    margin-bottom: 10px;

    list-style-type: circle;

}

.heli-order {

    margin: 0;

    padding: 0 20px 0;

}

.heli-order li {

    margin-bottom: 10px;

	list-style: decimal;

}

.heli-typed-words {

    text-align: center;

    color: #444444;

    font-size: 36px;

    font-weight: 400;

    line-height: 1.6;

    letter-spacing: .05em;

    max-width: 920px;

    margin: 0 auto;

}

.heli-typed-words #typed, 

.heli-typed-words .typed-cursor {

    color: #3aacc7;

}

.heli-typed-words .dh-typed-text-wrap {

    display: inline-block;

    padding: 5px 10px;

}

.form-control {

    margin-bottom: 15px;

    border: 1px solid #ddd;

    background-color: transparent;

    color: #222;

	border-radius: 0;

	font-size: 16px;

	padding-top: 20px;

	padding-bottom: 20px;

	height: 34px;

}

.form-control:focus {

    background-color: transparent;

}

textarea.form-control {

    height: auto;

}

.black .form-control {

    border-color: #444;

    color: #fff;

}

.form-submit {

    text-transform: uppercase;

    font-weight: normal;

    font-size: 12px;

    cursor: pointer;

	margin-bottom: 15px;

    border: 1px solid #888;

	padding: 12px 30px;

	border-radius: 40px;

    letter-spacing: .2em;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

	background: none;

	width: auto;

}

.black .form-submit {

	border-color: #444;

	color: #fff;

}

.form-submit:hover {

	background-color: #222;

    color: #fff;

}

.black .form-submit:hover {

    background-color: #fff;

    color: #222;

}

.social-icons > a {

	margin-right: 10px;

    font-size: 18px;

	display: inline-block;

}

.barber-shop-info {

	padding: 15% 18%;

}

.video-background {

	position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: -2;

    overflow: hidden;

}

.video-background .video-background-inner {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    overflow: hidden;

    width: 1920px;

    height: 1080px;

    padding-bottom: 56.25%;

    background-image: url(../images/background/bg_1920x800.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.video-background video {

	width: 100%;

	height: auto;

}

.popup-video-wrapper {

	position: relative;

	display: inline-block;

    min-width: 100px;

    min-height: 100px;

}

.popup-video img {

	width: 100%;

}

.popup-video .video-overlay .video-play {

	width: 90px;

	height: 90px;

	border-radius: 50%;

	color: #222;

	background: #fff;

}

.popup-video .video-overlay .video-play i,

.popup-video .video-overlay .video-play {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

	transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.popup-video .video-play:hover {

	-webkit-transform: translate(-50%,-50%) scale(1.1);

	-ms-transform: translate(-50%,-50%) scale(1.1);

	transform: translate(-50%,-50%) scale(1.1);

}

.popup-video .video-overlay .video-play {

	width: 100px;

	height: 100px;

	color: #fff;

	background: none;

	border: 1px solid #fff;

	font-size: 35px;

}

.popup-video .video-overlay .video-play.left {

	position: absolute;

	top: 50%;

	left: 0%;

	-webkit-transform: translate(0%,-50%);

	-ms-transform: translate(0%,-50%);

	transform: translate(0%,-50%);

}

.popup-video .video-play.left:hover {

	-webkit-transform: translate(0%,-50%) scale(1.1);

	-ms-transform: translate(0%,-50%) scale(1.1);

	transform: translate(0%,-50%) scale(1.1);

}

.multiscroll-logo {

    position: absolute;

    top: 100px;

    left: 100px;

    z-index: 9999;

}

.ms-section .social-list li {

	list-style: none;

	width: 60px;

	height: 60px;

	display: inline-block;

	font-size: 30px;

}

#map {

    width: 100%;

    height: 100%;

    min-height: 500px;

}

.gotoshop > div:last-child {

    border: 0;

}

.left-menu-content #main {

    margin-left: 322px;

}

.time-loc {

	display: inline-flex;

	width: 100%;

	justify-content: center;

}

.content-middle {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.onepage-pagination {

    position: fixed;

    right: 75px;

    top: 50%;

    z-index: 5;

    list-style: none;

    margin: 0;

    padding: 0;

}

.onepage-pagination li {

    padding: 0;

    text-align: center;

}

.onepage-pagination li a {

    padding: 10px;

    width: 10px;

    height: 10px;

    display: block;

}

.onepage-pagination li a:before {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background: none;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border: 1px solid #CCCCCC;

}

.onepage-pagination li.active a:before {

    width: 10px;

    height: 10px;

    background: #CCCCCC;

}

#show table, #show table a {

    color: #ffffff;

}

#show table td {

    border: 1px solid #444;

    padding: 2% 4%;

}

#show table tr td:nth-child(1) {

    width: 23%;

}

#show table tr td:nth-child(2) {

    width: 58%;

}

#show table a {

    text-transform: uppercase;

    border-bottom: 1px solid #ffffff;

}

.contact-item .icon {

	float: left;

    margin: 0 10px 0 0;

	line-height: 0;

    font-size: 14px;

	background-color: rgba(255, 255, 255, 0.1);

    border-radius: 100%;

	text-align: center;

    display: inline-block;

    border: 2px solid transparent;

    width: 4em;

    height: 4em;

	box-sizing: content-box;

    position: relative;

}

.contact-item .icon i {

	color: #fff;

    font-size: 40px;

	font-style: normal;

    font-weight: 400;

	display: inline-block;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.contact-item h2 {

    font-size: 16px;

    color: #ffffff;

    text-align: left;

    font-weight: 700;

    text-transform: none;

    letter-spacing: normal;

	padding-top: 5px;

}

.breadcrumb {

	padding: 0;

	background: none;

	margin-bottom: 3px;

}

.bread_crumb {

    position: relative;

    display: inline-block;

    padding: 0;

	margin-bottom: 0;

	margin-left: 3px;

    text-transform: none;

	color: #A6A6AC;

}

.bread_crumb li {

    display: inline-block;

    margin-right: 6px;

}

.bread_crumb a {

    color: #A6A6AC;

}

.bread_crumb li a:after {

    margin-left: 10px;

    content: '/';

}

.bread_crumb li:last-child a:after {

    margin: 0px;

    content: '';

}

.faq-title .icon {

    float: left;

	font-size: 14px;

	margin-right: 20px;

}

.faq-title .icon i {

    font-size: 90px;

}

.pagination {

    margin-bottom: 70px;

	align-items: center;

  	justify-content: center;

}

.pagination a, .pagination span {

    display: inline-block;

    margin-right: 10px;

    width: 48px;

    height: 48px;

    border: 1px solid #222;

    color: #222;

    text-align: center;

    line-height: 48px;

}

.pagination .next, .pagination .prev {

    width: auto;

    border: 0;

}

.pagination a:not(.next):not(.prev):hover, 

.pagination span.current {

    background-color: #222;

    color: #fff;

}

.sidebar .widget {

    margin-bottom: 60px;

}

.sidebar .widget-title {

    display: inline-block;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: normal;

    font-size: 16px;

    line-height: 1;

}

.sidebar .widget ul {

    margin: 0;

    padding: 0;

}

.sidebar ul li {

    display: block;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee;

    word-wrap: break-word;

}

.sidebar .widget-recent-entries li a:before {

    margin-right: 10px;

    content: "\e69d";

	font-family: 'Pe-icon-7-stroke';

}

.sidebar .widget-recent-entries li span {

    display: inline-block;

    margin-left: 24px;

    color: #666;

    font-size: 13px;

}

.sidebar .widget-recent-comments span:before {

    margin-right: 10px;

    content: "\e693";

	font-family: 'Pe-icon-7-stroke';

}

.sidebar .widget-recent-comments a {

    display: inline;

    padding: 0;

    margin: 0;

}

.sidebar .widget-archive a:before {

    margin-right: 10px;

    content: "\e653";

	font-family: 'Pe-icon-7-stroke';

}

.tagcloud a {

    display: inline-block;

    margin-right: 8px;

    margin-bottom: 10px;

    padding: 7px 19px;

    border: 1px solid #ddd;

    border-radius: 20px;

    font-size: 16px;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.tagcloud a:hover {

    background-color: #222;

    color: #fff;

}

blockquote {

    border-left: 4px solid #707070;

    border-left: 4px solid rgba(51, 51, 51, 0.7);

    color: #707070;

    color: rgba(51, 51, 51, 0.7);

    font-size: 18px;

    font-size: 1.8rem;

    font-style: italic;

    line-height: 1.6667;

    margin: 0 0 1rem;

    padding-left: 0.7778em;

}

blockquote > p:last-child {

    margin-bottom: 0;

}

.author-info {

    margin-bottom: 40px;

    padding: 50px 30px;

    background-color: #222;

    color: #fff;

}

.author-info img {

    border-radius: 100%;

	height: auto;

}

.author-info h3 {

    color: #fff;

}

.comments-title {

    text-transform: uppercase;

    font-weight: normal;

    font-size: 16px;

}

.comment-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.comment-list > .comment {

    border-bottom: 1px solid #ddd;

	display: block;

	position: relative;

	float: left;

    width: 100%;

}

.comment > div {

    margin-bottom: 20px;

    padding: 20px;

}

.comment .comment-author {

    float: left;

    margin-right: 20px;

}

.comment .comment-author img {

    border-radius: 100%;

	height: auto;

	max-width: 100%;

}

.comment-content {

    padding-left: 120px;

}

.comment-content h3 {

    color: #000;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: normal;

    font-style: normal;

    font-size: 14px;

}

.comment-list .children {

    margin: 0;

    border-top: 1px solid #ddd;

    list-style: none;

	padding-left: 40px;

}

.comment-list .children .comment {

    position: relative;

	float: left;

    width: 100%;

}

.comment-reply-link {

    position: absolute;

    top: 20px;

    right: 20px;

    border-bottom: 1px solid #222;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: normal;

    font-size: 12px;

	word-wrap: break-word;

}

.comment-respond {

	float: left;

	width: 100%;

}

.comment-reply-title {

    margin-top: 30px;

    margin-bottom: 30px;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

}

.comment-form textarea {

    height: 200px;

    resize: vertical;

}

form.login {

    border: 1px solid #d3ced2;

    padding: 20px;

    margin: 2em 0;

    text-align: left;

}

form.login label {

    display: block;

}

table {

	width: 100%;

}

.table thead, table thead {

    background-color: #f2f2f5;

    color: #202020;

    text-transform: uppercase;

    letter-spacing: 2.4px;

    font-size: 80%;

    font-weight: 400;

    border: 1px solid #ddd;

    border-bottom: 0;

}

.table tr:last-child, table tr:last-child {

    border-bottom: 0;

}

.table td, .table th, table td, table th {

    padding: 5px;

	font-weight: 400;

}

.table > thead > tr > th, .table > tbody > tr > td {

	border-bottom: none;

	border-top: none;

}

.header-bottom-line:after {

    content: "";

    display: block;

    clear: both;

    width: 40px;

    height: 1px;

    background-color: #212121;

    margin-top: 22px;

}

.dropcap-01, .dropcap-02, .dropcap-03, .dropcap-04 {

    display: inline-block;

    margin: 0 5px 0 0;

    padding: 5px 20px;

    border: 1px solid #ddd;

    font-weight: 900;

    font-size: 32px;

}

.dropcap-02 {

    background-color: #ddd;

}

.dropcap-03 {

    background-color: #222;

    color: #fff;

}

.dropcap-04 {

    padding-right: 0;

    padding-left: 0;

    border: 0;

}

.block-border {

	border: 1px solid #ddd;

}

.highlighted-black {

    background-color: #222;

    color: #fff;

}

.highlighted-yellow {

    background-color: #fee7af;

}

.page-open-mobile-menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 30px;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	display: none;

}

.page-open-mobile-menu div {

	position: relative;

	width: 24px;

	height: 18px;

	cursor: pointer;

	margin-top: 6px;

}

.page-open-mobile-menu i {

	color: #fff;

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -1px;

	width: 100%;

	height: 2px;

	background: currentColor;

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

	transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.page-open-mobile-menu i::after, 

.page-open-mobile-menu i::before {

	position: absolute;

	left: 0;

	width: 100%;

	height: 100%;

	background: inherit;

	content: " ";

	-webkit-transition: width .3s cubic-bezier(.645,.045,.355,1);

	transition: width .3s cubic-bezier(.645,.045,.355,1);

}

.page-open-mobile-menu i:before {

	top: -8px;

}

.page-open-mobile-menu i:after {

	top: 8px;

}

.page-open-mobile-menu.dark i {

	color: #222;

}

.headroom.headroom--not-top .page-open-mobile-menu i {

	color: #222;

}



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

/* 2. ELEMENTS

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



/* === 2.1. HEADER === */

.header {

    background-color: rgba(0,0,0,0);

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

	position: relative;

}

.header.header-transparent {

    background: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

}

.header > .container-fluid > .row > div, 

.header > .container > .row > div {

    position: static;

}

.header > .container-fluid > .row > div, 

.header > .container > .row > div {

    position: static;

}

.header-column-icon-container {

    text-align: right;

    padding-top: 27px;

}

.header-column-icon-container .header-icon {

    float: none;

    margin-top: 0;

    margin-right: 0;

    margin-left: 20px;

    color: #222;

    cursor: pointer;

}

.header-column-icon-container .header-icon.header-icon-cart, 

.header-column-icon-container .header-icon.header-icon-search i {

    font-size: 20px;

}

.header-column-icon-container .header-icon.header-icon-canvas {

    margin-bottom: 2px;

}

.header-white .header-column-icon-container .header-icon {

    color: #fff;

}

.menu-button:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: #222;

    content: '';

}

.menu-button span {

    width: 100%;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    height: 2px;

    background-color: #222;

}

.menu-button:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: #222;

    content: '';

}

.header-white .menu-button:before,

.header-white .menu-button span,

.header-white .menu-button:after {

	background-color: #fff;

}

.headroom--not-top.header-transparent {

    background: #fff;

}

.header-white.headroom--not-top .main-navigation .main-menu > li > a {

    color: #222;

}

.header-white.bg-dark.headroom--not-top .main-navigation .main-menu > li > a {

    color: #fff;

}

.headroom--not-top .menu-button:before, 

.headroom--not-top .menu-button span, 

.headroom--not-top .menu-button:after {

    background-color: #222;

}

.header-white.bg-dark.headroom--not-top .menu-button:before, 

.header-white.bg-dark.headroom--not-top .menu-button span, 

.header-white.bg-dark.headroom--not-top .menu-button:after {

    background-color: #fff;

}

.header-1 .header-column-icon-container, 

.header-2 .header-column-icon-container {

    padding-right: 70px;

}

.header-1 > .container .header-column-icon-container, 

.header-2 > .container .header-column-icon-container {

    padding-right: 0px;

}

.header.container-wide > .container,

.header.container-wide-2 > .container {

	position: relative;

}

.header-left-menu {

	position: fixed;

    top: 0;

    left: 0;

    z-index: 9;

    padding: 50px;

	height: 100%;

	width: 322px;

}

.header-mobile {

    display: none;

}



/* === 2.2. MENUS === */

.main-navigation {

    z-index: 999;

    width: 100%;

	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 18px;

    line-height: 1.5;

    letter-spacing: 0.1em;

	position: static;

    max-width: 75%;

    -ms-flex-preferred-size: 75%;

    flex-basis: 75%;

}

.main-navigation.fullwidth {

    max-width: 100%;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

}

.main-navigation .main-menu {

	margin-bottom: 0;

}

.main-navigation .main-menu > li {

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    position: relative;

    display: inline-block;

    padding: 24px 15px;

}

.main-navigation .main-menu > li a {

    position: relative;

    z-index: 1;

    text-transform: uppercase;

    color: #222;

}

.main-navigation .sub-menu {

    position: absolute;

    top: 120%;

    left: 0;

    z-index: 2;

    visibility: hidden;

    margin: 0;

    padding: 0 0 20px;

    width: 350px;

    border-top: 2px solid #ddd;

    border-bottom: 2px solid #ddd;

    background-color: #f7f7f7;

    opacity: 0;

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.main-navigation .sub-menu li {

    position: relative;

    display: block;

    padding: 20px 40px 0;

    line-height: 1.5;

}

.main-navigation .main-menu > li > .sub-menu > li.menu-item-has-children:after {

    position: absolute;

    top: 67%;

    right: 20px;

    content: "\e684";

    font-size: 18px;

    font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

}

.main-navigation .main-menu > li .sub-menu a {

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.main-navigation .main-menu li:hover > .sub-menu {

    top: 100%;

    z-index: 999;

    visibility: visible;

    opacity: 1;

}

.main-navigation .main-menu li > .sub-menu .sub-menu {

    top: 0;

    left: 100%;

}

.main-navigation .main-menu > li.mega-menu {

    position: static;

}

.main-navigation .main-menu > li.mega-menu .sub-menu {

    width: 100%;

}

.main-navigation .main-menu > li.mega-menu > ul > li {

    padding: 0;

}

.main-navigation .main-menu > li.mega-menu > ul > li .column-inner {

    padding: 30px 0;

    width: 100%;

}

.main-navigation .main-menu > li .sub-menu a {

    color: #666;

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.main-navigation .main-menu > li.mega-menu > ul > li .mega-menu-content > .row > div:after {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    height: 100%;

    border-right: 1px solid #ddd;

    content: "";

}

.main-navigation .main-menu > li.mega-menu > ul > li .mega-menu-content > .row > div:last-child:after {

    display: none;

}

.main-navigation .main-menu > li .sub-menu a:hover {

    color: #ddd;

    border-bottom: 1px solid #ddd;

}

.main-navigation .main-menu > li.mega-menu > ul > li .mega-menu-content .column-inner h4 {

    padding-left: 20px;

    margin-bottom: 10px;

    color: #090708;

    text-transform: uppercase;

	font-size: 16px;

}

.main-navigation .main-menu > li.mega-menu ul {

	padding: 0 20px;

}

.main-navigation .main-menu > li.mega-menu ul li {

    padding: 10px 0;

}

.main-navigation .main-menu > li.mega-menu > ul > li {

    padding: 0;

}

.header-1 .main-navigation, 

.header-2 .main-navigation {

    padding-left: 65px;

}

.header-white .main-navigation .main-menu > li > a {

    color: #fff;

}

.mobile-menu {

    margin: 0;

	padding: 0;

}

.mobile-menu li {

    display: block;

    list-style-type: none;

}

.mobile-menu a {

    position: relative;

    display: block;

}

.mobile-menu a {

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 1.5;

	text-transform: uppercase;

	font-size: 14px;

}

.mobile-menu > li > a {

    padding: 5px 0;

    color: #fff;

}

.mobile-menu .toggle-sub-menu {

    position: absolute;

    top: 50%;

    right: 0;

    width: 20px;

    height: 20px;

    background: hsla(0,0%,100%,.1);

    color: #fff;

    text-align: center;

    line-height: 20px;

	z-index: 5;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

    transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.mobile-menu .toggle-sub-menu:after {

    display: block;

    content: "\f105";

    font-size: 12px;

    font-family: FontAwesome;

}

.mobile-menu .toggle-sub-menu.open:after {

    content: "\f107";

}

.mobile-menu .sub-menu a {

    padding-top: 8px;

    padding-bottom: 8px;

    padding-left: 0;

    padding-right: 0;

	font-size: 14px;

	color: #fff;

}

.mobile-menu .sub-menu {

    display: none;

    margin: 12px 0 14px 10px;

}

.mobile-menu .sub-menu.open {

    display: block;

}

.mobile-menu li a:hover {

    color: #888;

}

.header-left-menu .primary-menu ul li {

    position: relative;

    display: block;

    margin: 0;

    list-style: none;

    text-align: left;

    line-height: normal;

    direction: ltr;

    -webkit-tap-highlight-color: transparent;

    width: 100%;

    float: none;

	padding: 15px 0;

}

.header-left-menu .main-navigation .main-menu > li.mega-menu {

    position: relative;

}

.header-left-menu .primary-menu .sub-menu {

    background-color: #fff;

    list-style: none;

    text-align: left;

    line-height: normal;

    direction: ltr;

    -webkit-tap-highlight-color: transparent;

    visibility: hidden;

    opacity: 0;

    position: absolute;

    padding: 25px 0;

    min-width: 270px;

    box-shadow: 0 0 10px 3px rgba(0,0,0,.05);

    transition: all .3s ease;

    top: 200%;

    left: 100%;

}

.header-left-menu .main-navigation .main-menu > li.mega-menu .sub-menu {

    max-width: calc(100vw - 320px);

    width: 1170px;

}

.header-left-menu .main-navigation .main-menu li:hover > .sub-menu {

    top: 20px;

}

.header-left-menu .primary-menu .sub-menu li {

	padding: 10px 40px;

}



/* === 2.3. SECTION === */

.section-title {

    font-size: 32px;

    color: #090708;

}

.section-title b {

    font-weight: 900;

}

.section-title-bold {

    font-size: 80px;

    color: rgb(238, 238, 238);

    line-height: 1;

    font-weight: 800;

    text-transform: uppercase;

	letter-spacing: 0;

}

.section {

	position: relative;

	width: 100%;

	z-index: 1;

}

.section.border-bottom {

	border-bottom: 1px solid #eeeeee;

}

.section-fixed {

	background-attachment: fixed;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	transform: translate3d(0,0,0);

	-webkit-transform: translate3d(0,0,0);

}

.section-cover {

	background-repeat: no-repeat;

	background-size: cover;

}

.section-content-middle .content {

	height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

	flex-direction: column;

}

.section-bg-1 {

	background-image:url(../images/background/bg_1.jpg);

	background-position: center;

}

.section-bg-2 {

	background-image:url(../images/background/bg_2.jpg);

	background-position: center;

}

.section-bg-3 {

	background-image:url(../images/background/bg_3.jpg);

	background-position: center;

}

.section-bg-4 {

	background-image:url(../images/background/bg_4.svg);

	background-position: center;

}

.section-bg-5 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

}

.section-bg-6 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center;

}

.section-bg-7 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center;

}

.section-bg-8 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center;

}

.section-bg-9 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center;

}

.section-bg-10 {

	background-image:url(../images/background/bg_960x600.jpg);

	background-position: center;

}

.section-bg-11 {

	background-image:url(../images/background/bg_960x600.jpg);

	background-position: 320px top;

	background-repeat: no-repeat;

}

.section-bg-12 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

.section-bg-13 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

.section-bg-14 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

.section-bg-15 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: 0 0;

	background-repeat: no-repeat;

}

.section-bg-16 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: 0 0;

	background-repeat: no-repeat;

}

.section-bg-17 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: 0 0;

	background-repeat: no-repeat;

}

.section-bg-18 {

	background-image:url(../images/background/bg_20.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-19 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-20 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-21 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-22 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-23 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-24 {

	background-image:url(../images/background/bg_26.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-25 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-26 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-27 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-28 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-29 {

	background-image:url(../images/background/bg_1440x480.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-30 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-31 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

.section-bg-32 {

	background-image:url(../images/background/bg_1920x700.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-33 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-34 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-35 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-36 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-37 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-38 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-39 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-40 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-41 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-42 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-43 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-44 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-45 {

	background-image:url(../images/background/bg_390x300.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-46 {

	background-image:url(../images/background/bg_390x300.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-47 {

	background-image:url(../images/background/bg_390x300.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-48 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-49 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-50 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-51 {

	background-image:url(../images/background/bg_1920x800.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-52 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-53 {

	background-image:url(../images/background/bg_1920x600.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-54 {

	background-image:url(../images/background/bg-header.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-55 {

	background-image:url(../images/background/bg_1920x300.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

.section-bg-56 {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center bottom;

	background-repeat: no-repeat;

}

.section-coming-soon {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: top center;

	background-repeat: no-repeat;

}

.section-maintenance {

	background-image:url(../images/background/bg_1920x1000.jpg);

	background-position: center;

}

.section-coming-soon .section-title {

    margin-top: 430px;

}

.section-coming-soon .section-title {

	margin-top: 430px;

}

.section-coming-soon input[type=email] {

	display: block;

	max-width: 900px;

	text-align: center;

	min-height: 28px;

    width: 100%;

	margin-bottom: 0;

}

.section-coming-soon input[type="submit"] {

    padding: 0 30px;

    height: 40px;

    border: 1px solid #888;

    border-radius: 20px;

    background: #fff;

    color: #222;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    line-height: 40px;

	cursor: pointer;

    display: inline-block;

	max-width: 125px;

}

.section-coming-soon .comingsoon-subscribe {

    margin: 0 auto;

    max-width: 500px;

    text-align: center;

}





/* === 2.4. FEATURES === */

.features-blocks {

    overflow: hidden;

    padding: 10px 0 30px;

}

.feature-item.style-1 .feature-icon {

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	margin-bottom: 35px;

}

.feature-item.style-1:hover .feature-icon {

    transform: translateY(-180px);

}

.feature-item .feature-icon .feature-icon-inner {

    text-align: center;

    display: inline-block;

    border: 2px solid transparent;

    width: 4em;

    height: 4em;

    box-sizing: content-box;

    position: relative;

}

.feature-item.style-1 .feature-icon .feature-icon-inner i {

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    display: inline-block;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.feature-item.style-1 .feature-icon .feature-icon-inner i {

	font-size: 72px;

}

.feature-item.style-1 .feature-icon .feature-icon-inner i:before {

    font-style: normal;

    font-weight: 400;

    display: inline-block;

    font-size: 1em;

    text-align: center;

}

.feature-item.style-1 h4,
.feature-item.style-1 h3 {

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	font-size: 16px;

    color: #ffffff;

    text-align: center;

    font-weight: 400;

    text-transform: none;

}

.feature-item.style-1:hover h4,
.feature-item.style-1:hover h3 {

    transform: translateY(180px);

}

.feature-item.style-1 .desc {

    visibility: hidden;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-content: center;

    align-items: center;

    justify-content: center;

    text-align: center;

    opacity: 0;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.feature-item.style-1:hover .desc {

    visibility: visible;

    opacity: 1;

}

.feature-item.style-2 .feature-icon {

    float: left;

	font-size: 14px;

    margin-bottom: 35px;

    margin-right: 20px;

}

.feature-item.style-2 .feature-icon .feature-icon-inner i {

	font-size: 43px;

}

.feature-item.style-2 {

	width: 100%;

}

.feature-item.style-2 h3 {

	font-size: 18px;

}

.feature-item.style-2 .desc {

	margin-right: 50px;

    margin-bottom: 10px;

    padding-left: 80px;

}

.feature-item.style-2 .readmore {

    margin-left: 80px;

	transition: all 0.01s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    padding: 5px 0 2px;

    border-bottom: 1px solid #444;

    letter-spacing: .3rem;

    font-weight: 400;

    font-size: 12px;

	text-transform: uppercase;

	color: #222;

}

.feature-item.style-2 .readmore:hover {

    border-color: transparent;

}

.feature-item.style-2 .readmore:before {

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    margin-left: -20px;

    padding-right: 5px;

    content: "\f178";

	font-family: 'FontAwesome';

    vertical-align: middle;

    opacity: 0;

}

.feature-item.style-2 .readmore:hover:before {

    margin-left: 0;

    opacity: 1;

}

.feature-item.style-3 {

    padding-top: 10px;

    padding-bottom: 10px;

    background-image: url(../images/feature/feature_600x400.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

	position: relative;

	min-height: 400px;

    height: 100%;

}

.feature-item.style-3 .content { 

	width: 100%;

	position: absolute;

	top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.feature-item.style-3:before {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    background: #222;

    content: '';

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.feature-item.style-3:hover:before {

    background: rgba(0, 0, 0, 0.85);

}

.feature-item.style-3.no-overlay:before {

    display: none;

}

.feature-item.style-3 .feature-icon {

    margin-bottom: 25px;

	text-align: center;

    display: inline-block;

    border: 2px solid transparent;

    width: 4em;

    height: 4em;

    box-sizing: content-box;

    position: relative;

}

.feature-item.style-3 .feature-icon i {

	color: #fff;

    font-size: 90px;

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    display: inline-block;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.feature-item.style-3:hover .feature-icon i {

    font-size: 70px;

}

.feature-item.style-3 h3 {

	margin-top: 10px;

	margin-bottom: 0;

	font-size: 16px;

    color: #ffffff;

    text-align: center;

    font-weight: 400;

	position: relative;

	z-index: 1;

}

.feature-item.style-3 .desc {

    padding-top: 20px;

    padding-right: 70px;

    padding-left: 70px;

	overflow: hidden;

    max-height: 0;

    transition: max-height .8s;

	font-size: 16px;

    color: #ffffff;

    text-align: center;

    font-weight: 300;

	position: relative;

	z-index: 1;

}

.feature-item.style-3:hover .desc {

    max-height: 200px;

}

.feature-item.style-4 .feature-icon {

	margin-bottom: 25px;

}

.feature-item.style-4 .feature-icon i {

	font-size: 72px;

}

.feature-item.style-4 h4 {

	font-size: 16px;

	font-weight: normal;

}

.feature-item.style-4 .feature-icon .feature-icon-inner {

    width: auto;

    height: auto;

}

@media (min-width: 1024px) {

	.feature-item.style-1:before {

		position: absolute;

		top: -72px;

		bottom: -63px;

		left: 0;

		width: 1px;

        background-color: #f7f7f7;

        opacity: 0.2;

		content: '';

	}

}



/* === 2.5. COUNTERS === */

.counter-icon {

    font-style: normal;

    font-weight: 400;

    display: inline-block;

	width: 60px;

    height: 60px;

	font-size: 30px;

    margin-bottom: 10px;

	position: relative;

}

.counter-icon > i {

	position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.counter-desc {

    font-size: 16px;

    color: #ffffff;

}

.counter-digit {

    font-size: 48px;

    color: #ffffff;

    font-weight: 300;

}



@media (min-width: 1024px) {

	.counter:before {

		position: absolute;

		top: 20px;

		right: 0;

		bottom: 20px;

		width: 1px;

		background-color: rgba(255, 255, 255, 0.3);

		content: '';

	}

	.counter.no-border:before {

		background: none;

	}

}



/* === 2.6. PROJECTS === */

.project-carousel {

    position: relative;

}

.project-carousel h2.title {

    margin-top: 60px;

    margin-bottom: 10%;

    font-size: 36px;

    line-height: 1.3;

}

.project-carousel .content {

    margin: 0;

    padding: 50px;

    background-color: #222;

    color: #888;

}

.project-carousel .content .terms span {

    padding-right: 10px;

}

.project-carousel .content .terms span:after {

    content: ',';

}

.project-carousel .content .terms span:last-child:after {

    content: '';

}

.project-carousel .owl-controls .owl-buttons {

    position: absolute;

    right: 0;

}

.project-carousel .owl-controls .owl-buttons div {

    display: inline-block;

    margin: 5px;

    width: 80px;

    height: 80px;

    font-size: 0;

    line-height: 80px;

	cursor: pointer;

	padding: 0;

	filter: Alpha(Opacity=100);

    opacity: 1;

	background: none;

}

.project-carousel .owl-controls .owl-buttons div:before {

    display: block;

    width: 80px;

    height: 80px;

    background-color: #222;

    color: #fff;

    text-align: center;

    font-size: 60px;

    line-height: 80px;

	font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

}

.project-carousel .owl-controls .owl-buttons div.owl-prev:before {

    content: "\e686";

}

.project-carousel .owl-controls .owl-buttons div.owl-next:before {

    content: "\e684";

}

.masonry-item {

    position: relative;

}

.masonry-item .media {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}

.masonry-item .media img {

	width: 100%;

	opacity: 1;

    visibility: visible;

	transform-style: flat;

    transform-origin: 50% 50% 0px;

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item:hover .media img {

	opacity: 0;

    visibility: hidden;

    transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0.001, 0.999999);

}

.masonry-item .overlay-wrapper {

	width: 100%;

	height: 100%;

	position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

	visibility: hidden;

	transform-style: flat;

    opacity: 0;

    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0.999);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item:hover .overlay-wrapper {

	visibility: visible;

	opacity: 1;

	transform: translate(0,0);

}

.masonry-item .overlay-wrapper .overlay {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(17,17,17,0.95);

	visibility: hidden;

    opacity: 0;

    transform-style: flat;

    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0.999167);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item:hover .overlay-wrapper .overlay {

	visibility: visible;

    opacity: 1;

	transform: translate(0,0);

}

.masonry-item .overlay-wrapper .overlay:before {

    position: absolute;

    top: 30px;

    right: 30px;

    bottom: 30px;

    left: 30px;

    border: 1px solid #333;

    content: '';

}

.masonry-item .popup {

    display: block;

    position: absolute;

    font-size: 20px;

    text-align: center;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

    width: 100%;

    vertical-align: middle;

}

.masonry-item .popup .popup-inner {

    display: inline-block;

    margin: 0;

    position: relative;

	visibility: hidden;

    opacity: 0;

    transform-origin: 50% 50% 0px;

    transform-style: flat;

    transform: translate(0%, -50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item:hover .popup .popup-inner {

    visibility: visible;

    opacity: 1;

	transform: translate(0,0);

}

.masonry-item .popup .popup-inner a {

    font-size: 30px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 400;

    padding: 17px;

    display: block;

}

.masonry-item .content {

	display: block;

    width: 100%;

    position: absolute;

	left: 0;

	bottom: 0;

    font-size: 20px;

    text-align: center;

}

.masonry-item .content h3 {

	margin: 0;

	display: block;

    margin: 10px 0px 0px 0px;

    position: relative;

	visibility: hidden;

    opacity: 0;

    transform-origin: 50% 50% 0px;

    transform-style: flat;

    transform: translate(0%, 50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item .content h3 a {

    font-size: 14px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 400;

    display: block;

    text-transform: uppercase;

	letter-spacing: .1em;

}

.masonry-item .content .cate {

    font-size: 16px;

    line-height: 20px;

    color: #888888;

    font-weight: 400;

    display: block;

    margin: 0px 0px 60px 0px;

    position: relative;

	visibility: hidden;

    opacity: 0;

    transform-origin: 50% 50% 0px;

    transform-style: flat;

    transform: translate(0%, 50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item .content .cate a {

	font-size: 16px;

    line-height: 20px;

    color: #888888;

    font-weight: 400;

    padding: 1px 2px 1px 5px;

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.masonry-item .content .cate a:hover {

	color: #fff;

}

.masonry-item:hover .content h3,

.masonry-item:hover .content .cate {

	visibility: visible;

    opacity: 1;

	transform: translate(0,0);

}

.portfolio-item.style-2 .overlay-wrapper .overlay {

    background-color: rgba(0,0,0,0.80);

}

.portfolio-item.style-2:hover .media img {

    opacity: 1;

    visibility: visible;

    transform: none;

}

.portfolio-item.style-2 .overlay-wrapper .overlay:before {

    border: none;

}

.portfolio-carousel .owl-controls {

    margin: 0;

}

.portfolio-carousel .owl-controls .owl-buttons {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    margin-top: -30px;

}

.portfolio-carousel .owl-controls .owl-buttons .owl-prev {

    float: left;

	margin: 0;

	padding: 0;

}

.portfolio-carousel .owl-controls .owl-buttons .owl-next {

    float: right;

	margin: 0;

	padding: 0;

}

.portfolio-carousel .owl-controls .owl-buttons > div i {

    width: 60px;

    height: 60px;

    line-height: 60px;

    background-color: #1f1f1f;

    color: #fff;

    font-size: 200%;

    -moz-transition: all .3s linear 0s;

    -o-transition: all .3s linear 0s;

    transition: all .3s linear 0s;

}

.portfolio-carousel .owl-controls .owl-buttons > div i {

    background-color: #1f1f1f;

    color: #fff;

}

.portfolio-carousel .owl-controls .owl-buttons > div i:hover {

    background-color: #fff;

    color: #1f1f1f;

}

.portfolio-carousel .owl-controls .owl-buttons div {

	background: none;

	border-radius: 0;

	filter: Alpha(Opacity=100);

    opacity: 1;

}

.portfolio-info {

    padding-left: 30px;

}

.portfolio-info li {

    margin-bottom: 15px;

    list-style: none;

}

.portfolio-info li span {

    padding-right: 3px;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: 400;

}

.portfolio-info .share {

    margin-bottom: 25px;

}

.portfolio-info .share a {

    display: inline-block;

    width: 20px;

    font-size: 13px;

}

.portfolio-navigation {

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: normal;

}

.portfolio-navigation .nav-previous:before {

    display: inline-block;

    content: "\e686";

    font-size: 30px;

	font-family: 'Pe-icon-7-stroke';

	top: 8px;

    position: relative;

}

.portfolio-navigation .nav-next:after {

    display: inline-block;

    content: "\e684";

    font-size: 30px;

	font-family: 'Pe-icon-7-stroke';

	top: 8px;

    position: relative;

}

@media (min-width: 1280px) {

	.project-carousel .content {

		margin: 0 150px 0 -80px;

	}

	.project-carousel .owl-controls .owl-buttons {

		right: 30%;

		bottom: -10px;

	}

}



/* === 2.7. BLOG === */

.blog-item.style-1 {

	background-color: #ffffff;

}

.blog-item.style-1 .blog-item-wrapper {

    position: relative;

    width: 100%;

}

.blog-item.style-1 .media-wrapper,

.blog-item.style-1 .media-wrapper .media {

	overflow: hidden;

    position: relative;

}

.blog-item.style-1 .overlay-wrapper {

	box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

    border: 0px solid transparent;

    outline: 0px solid transparent;

}

.blog-item.style-1 .overlay-wrapper {

	box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

}

.blog-item.style-1 .overlay-wrapper .overlay {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    border: 0px solid transparent;

    outline: 0px solid transparent;

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	background-color: rgba(0,0,0,0.80);

    visibility: hidden;

    opacity: 0;

}

.blog-item.style-1 .overlay-wrapper .popup {

	display: block;

    height: auto;

    position: absolute;

    font-size: 20px;

    text-align: center;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

    width: 100%;

    vertical-align: middle;

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	visibility: hidden;

    opacity: 0;

}

.blog-item.style-1:hover .overlay-wrapper .overlay,

.blog-item.style-1:hover .overlay-wrapper .popup {

    visibility: visible;

    opacity: 1;

}

.blog-item.style-1 .overlay-wrapper .popup > a {

    font-size: 20px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 200;

    padding: 0;

    background-color: rgba(255,255,255,0);

    z-index: 2;

    display: block;

}

.blog-item.style-1 .overlay-wrapper .popup > a i {

	font-size: 30px;

}

.blog-item.style-1 .content {

	padding: 30px;

}

.blog-item.style-1 .content .cate {

    font-size: 14px;

    line-height: 20px;

    color: #aaa;

    font-weight: 300;

    margin-bottom: 10px;

}

.blog-item.style-1 .content .cate a {

	color: #aaa;

}

.blog-item.style-1 .content h3 {

    display: block;

    margin-bottom: 35px;

    position: relative;

}

.blog-item.style-1 .content h3:before {

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 50px;

    height: 1px;

    background-color: #ddd;

    content: '';

}

.blog-item.style-1 .content h3 a {

	color: #090708;

	font-weight: 700;

	font-size: 16px;

	line-height: 24px;

	text-transform: uppercase;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.blog-item.style-2 {

	margin-bottom: 30px;

}

.blog-item.style-2 img {

    height: auto;

    max-width: 100%;

    vertical-align: top;

	margin-bottom: 25px;

}

.blog-item.style-2 h2 {

    font-size: 16px;

    text-align: left;

    font-weight: 900;

    text-transform: none;

    letter-spacing: 0pt;

	padding-bottom: 10px;

}

.blog-item.style-2 .tour-price {

    float: right;

    font-style: normal;

    background-color: #d90000;

    color: #fff;

    padding: 5px 10px;

    border-radius: 4px;

    margin-top: -8px;

}

.blog-item.style-1 .content h3 a:hover {

	color: #aaa;

}

.blog-item.style-1 .content p {

    font-size: 16px;

    line-height: 24px;

    color: #444444;

    font-weight: 300;

    margin-top: 10px;

}

.blog-style-1 .owl-controls {

	margin-top: 40px;

}

.blog-style-1 .owl-controls .owl-buttons {

	text-align: center;

}

.blog-style-1 .owl-controls .owl-buttons > div {

    float: none;

	display: inline;

	padding: 0;

	margin: 0 1px;

}

.blog-style-1 .owl-controls .owl-buttons > div i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #1f1f1f;

    color: #fff;

    font-size: 100%;

    -moz-transition: all .3s linear 0s;

    -o-transition: all .3s linear 0s;

    transition: all .3s linear 0s;

}

.blog-style-1 .owl-controls .owl-buttons div {

	background: none;

	border-radius: 0;

	filter: Alpha(Opacity=100);

    opacity: 1;

}

.blog-item.style-3 {

    margin-bottom: 70px;

	display: block;

}

.blog-item.style-3 .post-thumb {

    position: relative;

}

.blog-item.style-3 .post-thumb .dates {

    position: absolute;

    top: 50px;

    left: -80px;

    width: 130px;

    height: 130px;

    border-radius: 100%;

    background-color: #222;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: .2em;

    font-weight: normal;

	z-index: 1;

}

.blog-item.style-3 .post-thumb .dates > div {

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	width: 90px;

}

.blog-item.style-3 img {

    height: auto;

    max-width: 100%;

	width: 100%;

}

.blog-item.style-3 .entry-meta {

    margin-bottom: 15px;

    border: 1px solid #eee;

}

.blog-item.style-3 .entry-meta .info {

    padding-top: 15px;

    padding-left: 20px;

}

.blog-item.style-3 .entry-meta span {

    margin-right: 20px;

}

.blog-item.style-3 .entry-meta span i {

    margin-right: 5px;

}

.blog-item.style-3 .entry-meta .info i {

    font-size: 12px;

}

.blog-item.style-3 .entry-meta .share {

    padding-top: 15px;

    padding-bottom: 15px;

    text-align: center;

}

.blog-item.style-3 .entry-meta .share span {

    margin-right: 10px;

}

.blog-item.style-3 .entry-meta span i {

    margin-right: 5px;

}

.blog-item.style-3 .entry-title {

    padding: 20px 0;

    text-transform: uppercase;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    font-weight: normal;

    font-size: 20px;

}

.blog-item.style-3 .entry-footer {

    padding: 20px 0 40px;

}

.blog-item.style-3 .entry-footer a {

    display: inline-block;

    margin-bottom: 15px;

    margin-left: 15px;

    padding: 7px 19px;

    border: 1px solid #ddd;

    border-radius: 20px;

}

.blog-item.style-3 .entry-footer a:hover {

    background-color: #222;

    color: #fff;

}

.recent-posts {

	float: left;

	width: 100%;

}

.recent-posts .item {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;

	float: left;

	width: 100%;

	position: relative;

}

.recent-posts img {

    float: left;

    margin-right: 20px;

	max-width: 100%;

}

.recent-posts h3 a {

    font-size: 20px;

	font-weight: normal;

}

.recent-posts h3 a:hover {

    color: #090708;

}

.recent-posts i {

    margin-right: 5px;

}

.recent-posts .col-lg-3 {

    text-align: right;

	position: static;

}

.recent-posts .col-lg-3 .readmore {

    transition: all 0.01s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    padding: 5px 0 2px 6px;

    border-bottom: 1px solid #444;

    letter-spacing: .3rem;

    font-weight: 400;

    font-size: 12px;

	text-transform: uppercase;

	text-align: right;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translate(0%, -100%);

}

.recent-posts .col-lg-3 .readmore:before {

    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    display: inline-block;

    margin-left: -35px;

    padding-right: 5px;

    vertical-align: middle;

    opacity: 0;

	content: "\f178";

	font-family: 'FontAwesome';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

}

.recent-posts .col-lg-3 .readmore:hover:before {

    margin-left: 0;

    opacity: 1;

}



/* === 2.8. CLIENT === */

.client-carousel .item {

	position: relative;

}

.client-carousel .item img {

	max-width: 150px;

}

.client-carousel .item .overlay-wrapper {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

}

.client-carousel .item .overlay-wrapper .overlay {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(34,34,34,1.00);

	visibility: hidden;

    opacity: 0;

    transform-style: flat;

    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0.999167);

	-moz-transition: all .3s linear 0s;

    -o-transition: all .3s linear 0s;

    transition: all .3s linear 0s;

}

.client-carousel .item:hover .overlay-wrapper .overlay {

	visibility: visible;

    opacity: 1;

}

.client-carousel .item .overlay-wrapper .text {

    display: block;

    width: auto;

    height: auto;

    position: absolute;

    font-size: 20px;

    text-align: center;

	top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    vertical-align: middle;

}

.client-carousel .item .overlay-wrapper .text-inner {

    font-size: 13px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 400;

    display: inline-block;

    padding: 5px 10px 4px 10px;

    position: relative;

    z-index: 2;

    text-transform: uppercase;

	visibility: hidden;

    opacity: 0;

	transition: all .5s cubic-bezier(.215,.61,.355,1);

    transform-origin: 50% 50% 0;

    transform-style: flat;

    transform: matrix3d(1,0,0,0,0,0,-1,.000833333,0,1,0,0,0,0,0,1);

}

.client-carousel .item:hover .overlay-wrapper .text-inner {

	visibility: visible;

    opacity: 1;

	transform-origin: 50% 50% 0;

    transform-style: flat;

    transform: translate(0,0);

	font-size: 13px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 400;

}



/* === 2.9. FOOTER === */

.footer {

    background-color: #090708;

    padding: 80px 0px 80px 0px;

    font-weight: 300;

    font-style: normal;

    font-size: 16px;

    line-height: 1.5;

    letter-spacing: 0.05em;

    color: #ffffff;

}

.footer .widget-title {

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    line-height: 1.5;

    letter-spacing: 0.2em;

    color: #ffffff;

    padding: 0px 0px 0px 0px;

}

.footer .menu li {

    display: block;

    margin-bottom: 10px;

}

.footer a {

    color: #ffffff;

}

.footer a:hover {

    color: #666666;

}

.footer .widget-recent-entries li {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #333;

    list-style: none;

}

.footer.bg-light,

.footer.bg-light .widget-title {

    color: #222;

}

.footer.bg-light a {

    color: #222;

}

.copyright {

	background-color: #ffffff;

    color: #090708;

	padding: 35px 0;

    margin-bottom: 70px;

}

.copyright a {

	color: #090708;

}



/* === 2.10. PROGRESS BARS === */

.progress-wraper .progress-title {

	margin-bottom: 6px;

	font-size: 14px;

	color: #090708;

	text-transform: uppercase;

	font-weight: 400;

}

.progress-wraper .progress-value {

    color: #878787;

    padding-right: 15px;

}

.progress-wraper .block-progressbar {

    position: relative;

	width: 100%;

	margin-bottom: 35px;

	display: table;

}

.progress-wraper .block-progressbar > i {

    position: relative;

    padding-right: 20px;

    width: 50px;

    color: #222;

    text-align: center;

    font-size: 25px;

	display: table-cell;

	vertical-align: bottom;

}

.progress-wraper .block-progressbar > .content {

	display: table-cell;

}

.progress-wraper .block-progressbar:last-child {

	margin-bottom: 0px;

}

.block-progressbar .progressbar-back-text {

    position: absolute;

    background-color: #e0e0e0;

    height: 3px;

    border-radius: 0;

	font-size: 0;

	text-indent: -9999px;

}

.group-progressbar.gray .block-progressbar .progressbar-back-text {

	background-color: #eeeeee;

}

.block-progressbar .progresswrap {

	height: 3px;

	background-color: #e0e0e0;

}

.block-progressbar .progressbar {

	position: absolute;

	background-color: rgb(34, 34, 34);

	height: 3px;

	width: 0;

	transition: all 1s linear;

	-moz-transition: all 1s linear;

	-webkit-transition: all 1s linear;

	-o-transition: all 1s linear;

}

.block-progressbar .progressbar-front-text {

    width: auto !important;

	position: absolute;

    top: -50px;

    right: -20px;

    padding: 6px 7px;

    background-color: #090708;

    color: #fff;

    letter-spacing: 0.05em;

    font-size: 14px;

    line-height: 1em;

}

.block-progressbar .progressbar-front-text:after {

    position: absolute;

    bottom: -6px;

    left: 50%;

    margin-left: -5px;

    width: 0;

    height: 0;

    border-top: 6px solid #090708;

    border-right: 6px solid transparent;

    border-left: 6px solid transparent;

    content: '';

}



/* === 2.11. TESTIMONIALS === */

.testimonial-carousel .quote {

    margin-bottom: 20px;

    padding: 30px;

    background-color: #fff;

    color: #222;

    font-style: normal;

    font-size: 20px;

	line-height: 1.6667;

}

.testimonial-carousel .quote.bg-dark {

    color: #fff;

}

.testimonial-carousel img {

    border-radius: 100%;

    display: block;

    float: left;

    width: auto;

}

.testimonial-carousel .author {

    position: relative;

    display: block;

    float: left;

    padding: 15px 20px;

    line-height: 1;

}

.testimonial-carousel .author span:first-child {

    display: block;

    margin-bottom: 8px;

    color: #222;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: normal;

    font-style: normal;

    font-size: 18px;

}

.testimonial-carousel .author span:last-child {

    color: #444;

    font-style: normal;

    font-size: 16px;

}

.testimonial-carousel .owl-controls {

    position: absolute;

    top: -30px;

    right: 0;

	margin-top: 0;

}

.testimonial-carousel .owl-controls .owl-pagination .owl-page span {

    background-color: #ccc;

	width: 10px;

	height: 10px;

	margin: 0 3px;

}



/* === 2.12. SERVICES === */

.service-carousel .service-item {

    background: #090708;

    color: #ffffff;

    margin: 0;

	width: 100%;

}

.service-carousel .service-item img {

    width: 100%;

    height: auto;

}

.service-carousel .service-item .title {

    font-size: 20px;

    font-weight: 800;

    margin-bottom: 30px;

}

.service-carousel .owl-controls {

    position: absolute;

    bottom: 0;

    right: 0;

    height: 80px;

}

.service-carousel .owl-controls .owl-buttons .owl-prev, 

.service-carousel .owl-controls .owl-buttons .owl-next {

    width: 80px;

    height: 80px;

    display: inline-block;

    background: #333333;

    color: #ffffff;

    text-align: center;

    line-height: 80px;

    margin-left: 2px;

    font-size: 0;

	border-radius: 0;

	background: #333333;

    filter: Alpha(Opacity=80);

    opacity: .8;

	margin: 0;

}

.service-carousel .owl-controls .owl-prev i, 

.service-carousel .owl-controls .owl-next i {

    font-size: 20px;

    line-height: 80px;

	color: #fff;

}

.service-item.style-2 {

	position: relative;

}

.service-item.style-2 .service-content {

	position: absolute;

    bottom: -60px;

    left: 50%;

	transform: translateX(-50%);

    width: 100%;

	background: #222;

	text-align: center;

	max-width: 465px;

	padding: 25px 15px;

}

.service-item.style-2 .service-content h3 {

    display: block;

    margin: 0px 0px 15px 0px;

	color: #fff;

}

.service-item.style-2 .service-content h3 a {

    color: #fff;

	font-size: 16px;

    line-height: 20px;

	font-weight: 400;

}

.service-item.style-2 .service-content p {

    font-size: 16px;

    line-height: 24px;

    color: #c1c1c1;

    font-weight: 400;

}



/* === 2.13. TEAM === */

.team-member {

    background-color: #fff;

	position: relative;

    width: 100%;

}

.team-member img {

    -moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.team-member img:hover {

    -moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.team-member .content {

	position: relative;

    z-index: 2;

    margin: -50px 30px 0;

    background-color: #090708;

    padding: 30px;

}

.team-member .content .position {

    font-size: 16px;

    line-height: 20px;

    color: #878787;

    font-weight: 300;

    display: block;

	margin-bottom: 10px;

}

.team-member .content h3 {

    font-size: 18px;

    line-height: 20px;

    color: #ffffff;

    font-weight: 400;

    display: block;

    text-transform: uppercase;

	margin: 0 0 10px 0;

}

.team-member .content .socials a {

    font-size: 16px;

    line-height: 16px;

    color: #aaa;

    font-weight: 400;

    padding: 0px 10px 0px 0px;

    display: inline-block;

    text-transform: uppercase;

}

.team-member .content .socials a:hover {

    line-height: 20px;

    color: #ffffff;

}



/* === 2.14. PRICING === */

.pricing-range {

    margin: 0;

    padding: 0;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: normal;

}

.pricing-range li {

    list-style: none;

    width: 50%;

    display: inline-block;

    margin-right: -5px;

    position: relative;

    padding: 20px 0;

}

.pricing-range li em {

    position: absolute;

    right: 0;

    padding: 0 20px;

    background-color: #fff;

    display: inline-block;

    font-style: normal;

    z-index: 2;

}

.pricing-range li:after {

    content: '';

    position: absolute;

    width: 70%;

    top: 49%;

    border-top: 2px dotted #dddddd;

}

.pricing-table {

    position: relative;

    padding: 10px;

    border: 1px solid #ddd;

}

.pricing-table .pricing-table-heading-container {

    padding: 20px 20px 30px 90px;

    height: 80px;

    text-align: center;

}

.pricing-table .pricing-table-heading-container h3 {

    font-weight: normal;

    font-size: 16px;

    line-height: 1;

}

.pricing-table .pricing-table-heading-container h5 {

    color: #888;

    letter-spacing: 0;

    font-style: italic;

}

.pricing-table .pricing-table-price-container {

    position: absolute;

    top: -10px;

    left: -10px;

    min-width: 90px;

    height: 90px;

    background-color: #222;

    color: #fff;

    text-align: center;

    line-height: 90px;

}

.featured > .pricing-table .pricing-table-price-container {

    background-color: #4bb487;

}

.pricing-table .pricing-table-figure {

    font-size: 48px;

}

.pricing-table .pricing-table-features ul {

    margin: 0;

    padding: 20px 0 0 20px;

}

.pricing-table .pricing-table-features li {

    margin-bottom: 10px;

    list-style: none;

}

.pricing-table .pricing-table-features li:before {

    margin-right: 10px;

    content: "\e684";

	font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

}

.pricing-table-button {

    margin-top: 30px;

    text-align: center;

}

.pricing-table-button .button {

    display: inline-block;

    padding: 8px 20px;

    border: 1px solid #888;

    border-radius: 30px;

    letter-spacing: .1em;

    font-size: 12px;

}

.pricing-table-button .button:hover {

    background-color: #222;

    color: #fff;

}



/* === 2.15. GALLERY === */

.gallery-carousel .media-cover {

	position: relative;

    width: 100%;

	height: 100%;

}

.gallery-carousel .media-cover .media {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}

.gallery-carousel .media-cover img {

    width: 100%;

}

.gallery-carousel .media-cover .content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

}

.gallery-carousel .media-cover .content .overlay {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

	background-color: rgba(34,34,34,1.00);

	visibility: hidden;

    opacity: 0;

    transform-origin: 50% 50% 0px;

    transform-style: flat;

    transform: matrix3d(0.2, 0, 0, 0, 0, 0.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.gallery-carousel .media-cover:hover .content .overlay {

    visibility: inherit;

    opacity: 1;

	transform: translate(0,0);

}

.gallery-carousel .media-cover .content .popup {

    display: block;

    height: auto;

    position: absolute;

    font-size: 20px;

    text-align: center;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

    width: 100%;

    vertical-align: middle;

}

.gallery-carousel .media-cover .content .popup .popup-inner {

    display: inline-block;

    margin: 0px 10px 0px 0px;

    position: relative;

	visibility: hidden;

    opacity: 0;

    transform-origin: 50% 50% 0px;

    transform-style: flat;

    transform: matrix3d(0.2, 0, 0, 0, 0, 0.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.gallery-carousel .media-cover:hover .content .popup .popup-inner {

    visibility: inherit;

    opacity: 1;

	transform: translate(0,0);

}

.gallery-carousel .media-cover .content .popup .popup-inner a {

    font-size: 30px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 400;

    padding: 17px;

    display: block;

}

.gallery-carousel .owl-controls .owl-buttons {

    position: absolute;

    left: 28px;

    right: 28px;

    top: 50%;

    margin-top: -30px;

}

.gallery-carousel .owl-controls .owl-buttons .owl-prev {

    float: left;

}

.gallery-carousel .owl-controls .owl-buttons .owl-next {

    float: right;

}

.gallery-carousel .owl-controls .owl-buttons > div i {

    width: 60px;

    height: 60px;

    line-height: 60px;

    background-color: #1f1f1f;

    color: #fff;

    font-size: 200%;

    -moz-transition: all .3s linear 0s;

    -o-transition: all .3s linear 0s;

    transition: all .3s linear 0s;

}

.gallery-carousel .owl-controls .owl-buttons > div i {

    background-color: #fff;

    color: #1f1f1f;

}

.gallery-carousel .owl-controls .owl-buttons > div i:hover {

    background-color: #1f1f1f;

    color: #fff;

}

.gallery-carousel .owl-controls .owl-buttons div {

	background: none;

	border-radius: 0;

	filter: Alpha(Opacity=100);

    opacity: 1;

}



/* === 2.16. COUNTDOWN === */

.countdown-bar {

    text-align: center

}

.countdown-bar > .countdown-item {

    position: relative;

    display: inline-block;

    padding: 0 50px;

}

.countdown-bar > .countdown-item > .countdown-item-value {

	font-size: 48px;

    font-weight: 300

}

.countdown-bar > .countdown-item > .countdown-item-label {

	text-transform: uppercase;

    letter-spacing: .3em;

    font-size: 16px;

}

.countdown-bar > .countdown-item:after {

    position: absolute;

    top: 15px;

    right: 0;

    content: ':';

    font-size: 48px;

}

.countdown-bar > .countdown-item:last-child:after {

    content: '';

    font-size: 0;

}

.countdown-bar.white > .countdown-item > .countdown-item-value,

.countdown-bar.white > .countdown-item > .countdown-item-label {

	color: #fff;

}



/* === 2.17. RESTAURANT MENU === */

.restaurant-menu {

	margin-bottom: 30px;

	border: 1px solid #dddddd;

	padding: 30px 60px 60px 60px;

	background-color: #fff;

}

.restaurant-menu h2 {

	margin-bottom: 30px;

	padding-bottom: 20px;

	font-style: italic;

}

.restaurant-menu .row .col-md-6 {

	margin-bottom: 40px;

}

.restaurant-menu .row .restaurant-menu-title {

	font-size: 16px;

    text-transform: uppercase;

    letter-spacing: .12em;

    font-weight: 400;

}

.restaurant-menu .row .restaurant-menu-desc {

    font-size: 15px;

    font-style: italic;

    letter-spacing: .02em;

    line-height: 1.4;

    color: #999999;

}

.restaurant-menu .row .restaurant-menu-price {

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: .12em;

    font-weight: 400;

}



/* === 2.18. ACCORDION === */

.accordion .accordion-group {

	display: block; 

}

.accordion .accordion-heading {

	font-size: 120%;

    color: #535353;

    line-height: 120%;

    font-weight: 300;

	-webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

	position: relative;

	border: 1px solid #eee;

	margin-top: 20px;

}

.accordion .accordion-group:first-child .accordion-heading {

	margin-top: 0;

}

.accordion .accordion-heading.active {

    background-color: #1f1f1f;

}

.accordion .accordion-heading a {

	color: #090708;

	padding: 20px 20px 20px 75px;

	display: inline-block;

	width: 100%;

	background-color: #eee;

	font-weight: 400;

	font-size: 16px;

}

.accordion .accordion-heading.active a {

    color: #fff;

	background-color: #222;

}

.accordion .accordion-heading .toggle-icon {

    border: 1px solid #535353;

    width: 22px;

    height: 22px;

    line-height: 20px;

    text-align: center;

    font-style: normal;

    font-size: 18px;

	position: absolute;

    top: 50%;

    left: 30px;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

	-webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

	-webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.accordion .accordion-heading.active .toggle-icon {

    border-color: #fff;

	color: #fff;

}

.accordion .accordion-heading.active .toggle-icon:before {

	content: "\f107";

}

.accordion .accordion-body {

    padding: 35px 30px 50px;

	border: 1px solid #f0f0f0;

	border-top: none;

}



/* === 2.19. ALERT MESSAGE === */

.message-box {

    border: 1px solid transparent;

    display: block;

    overflow: hidden;

    margin: 0 0 21.74px;

    padding: 1em 1em 1em 4em;

    position: relative;

    font-size: 1em;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.message-box-icon {

    position: absolute;

    font-weight: 400;

    font-style: normal;

	bottom: 0;

    font-size: 1em;

    left: 0;

    top: 0;

    width: 4em;

}

.message-box-icon > * {

    position: absolute;

    font-weight: 400;

    font-style: normal;

	left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

	font-size: 1.7em;

    line-height: 1;

}

.message-box.color-danger {

    color: #a85959;

    border-color: #fedede;

    background-color: #fdeaea;

}

.message-box.color-success {

    color: #5e7f96;

    border-color: #cfebfe;

    background-color: #e6fdf8;

}

.message-box.color-info {

    color: #5e7f96;

    border-color: #cfebfe;

    background-color: #dff2fe;

}

.message-box.color-warning {

    color: #9d8967;

    border-color: #ffeccc;

    background-color: #fff4e2;

}

.message-box.color-danger .message-box-icon {

    color: #ff7877;

}

.message-box.color-success .message-box-icon {

    color: #1bbc9b;

}

.message-box.color-info .message-box-icon {

    color: #56b0ee;

}

.message-box.color-warning .message-box-icon {

    color: #fcb53f;

}



/* === 2.20. PIE CHARTS === */

.pie-chart {

	margin-bottom: 30px;

	text-align: center;

}

.pie-chart .chart {

	position: relative;

	margin: 0 auto 30px;

	width: 180px;

	height: 180px;

}

.pie-chart .chart canvas {

	position: absolute;

	top: 0;

	left: 0;

}

.pie-chart .inner-circle {

	width: 100%;

	height: 100%;

	border-radius: 50%;

}

.pie-chart .piecharts-number {

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 35px;

	line-height: 1;

	-webkit-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.pie-chart .piecharts-number span {

	vertical-align: super;

	font-size: 20px;

}

.pie-chart .title {

	margin-bottom: 12px;

}

.pie-chart .title h6 {

	font-size: 19px;

	font-weight: 400;

}

.pie-chart .subtitle {

	font-size: 16px;

}



/* === 2.21. MOBILE MENU === */

.page-mobile-main-menu {

	position: fixed;

	top: 0;

	right: 100%;

	z-index: 9999999;

	overflow-x: auto;

	width: 100%;

	height: 100%;

	background: #fff;

	box-shadow: 3px 1px 29px rgba(0,0,0,.12);

	text-align: left;

	-webkit-transition: all .3s;

	transition: all .3s;

	background-color: rgba(0,0,0,0.9);

}

.page-mobile-main-menu.open {

	right: 0;

}

.page-mobile-menu-header {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding: 0 30px;

	height: 85px;

	background: #fff;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

.page-mobile-menu-logo {

	-webkit-box-flex: 1;

	-webkit-flex-grow: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

}

.page-mobile-menu-logo img {

	width: 60px;

}

.page-close-mobile-menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 30px;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

.page-close-mobile-menu div {

	position: relative;

	width: 24px;

	height: 18px;

	cursor: pointer;

}

.page-close-mobile-menu i {

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -1px;

	width: 100%;

	height: 2px;

	background: transparent;

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

	transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.page-close-mobile-menu i:after, 

.page-close-mobile-menu i:before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #1a237e;

	content: "";

	-webkit-transition: width .3s cubic-bezier(.645,.045,.355,1);

	transition: width .3s cubic-bezier(.645,.045,.355,1);

}

.page-close-mobile-menu i:before {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.page-close-mobile-menu i:after {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.page-mobile-main-menu .mobile-menu {

	margin: 0;

	padding: 20px 30px 30px;

}

.page-mobile-main-menu li {

	display: block;

	list-style-type: none;

}

.page-mobile-main-menu .mobile-menu a {

	position: relative;

	display: block;

}

.page-mobile-main-menu .mobile-menu a {

	font-weight: 400;

	letter-spacing: 0em;

	line-height: 1.5;

	text-transform: none;

}

.page-mobile-main-menu .mobile-menu > li > a {

	padding: 10px 0;

	border: 0;

	border-color: transparent;

	font-size: 20px;

	color: #fff;

}

.page-mobile-main-menu .mobile-menu > li+li > a {

	border-top: 1px solid rgba(255,255,255,.1);

}

.page-mobile-main-menu .toggle-sub-menu {

	position: absolute;

	top: 50%;

	right: 0;

	width: 40px;

	height: 40px;

	background: hsla(0,0%,100%,.1);

	color: #fff;

	text-align: center;

	line-height: 40px;

	z-index: 5;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

	transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.page-mobile-main-menu .toggle-sub-menu:after {

	display: block;

	content: "\f105";

	font-size: 18px;

	font-family: FontAwesome;

}

.page-mobile-main-menu .toggle-sub-menu.open:after {

	content: "\f107";

}

.page-mobile-main-menu .sub-menu a {

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left: 0;

	padding-right: 0;

	font-size: 17px;

	color: #fff;

}

.page-mobile-main-menu .sub-menu {

	display: none;

	margin: 12px 0 14px 10px;

}

.page-mobile-main-menu .sub-menu.open {

	display: block;

}





/* 3. COMMERCE

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

.star-rating {

	overflow: hidden;

	position: relative;

	height: 1em;

	line-height: 1;

	font-size: 1em;

	width: 5.4em;

	font-family: star;

	color: #222;

}

.star-rating::before {

	content: '\73\73\73\73\73';

	color: #d3ced2;

	float: left;

	top: 0;

	left: 0;

	position: absolute;

}

.star-rating span {

	overflow: hidden;

	float: left;

	top: 0;

	left: 0;

	position: absolute;

	padding-top: 1.5em;

}

.star-rating span::before {

	content: '\53\53\53\53\53';

	top: 0;

	position: absolute;

	left: 0;

}

.mini-cart {

    position: relative;

	display: inline-block;

}

.mini-cart .mini-cart__button {

    cursor: pointer;

}

.mini-cart-icon {

	position: relative;

}

.mini-cart .mini-cart__button .mini-cart-icon:before {

    float: none;

    margin: 0;

    width: auto;

    height: auto;

    border: 0;

    content: "\e615";

    font-size: 20px;

    line-height: normal;

    color: #090708;

    font-family: 'Pe-icon-7-stroke';

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

}

.mini-cart .mini-cart__button .mini-cart-icon:after {

    position: absolute;

    top: -9px;

    right: -6px;

    min-width: 17px;

    border-radius: 100%;

    content: attr(data-count);

    text-align: center;

    font-size: 11px;

    font-family: inherit;

    line-height: 17px;

    color: #ffffff;

    background-color: #090708;

}

.header-white .mini-cart .mini-cart__button .mini-cart-icon:before {

    color: #fff;

}

.header-white .mini-cart .mini-cart__button .mini-cart-icon:after {

    color: #222;

	background-color: #fff;

}

.mini-cart .widget-shopping-cart-content {

    position: absolute;

    top: 140%;

    right: 0;

    z-index: 99999;

    visibility: hidden;

    overflow: auto;

    padding-top: 21px;

    max-height: 700px;

    width: 300px;

    background-color: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    opacity: 0;

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.mini-cart ul {

    margin: 0;

    padding: 0;

}

.mini-cart .widget-shopping-cart-content .cart-list li {

    margin-bottom: 10px;

    padding: 0 15px 10px;

}

.mini-cart.open .widget-shopping-cart-content {

    top: 100%;

    visibility: visible;

    opacity: 1;

}

.mini-cart .cart-list li {

    margin-bottom: 10px;

    padding: 0 15px 10px;

    border-bottom: 1px solid #eee;

	float: left;

	width: 100%;

}

.mini-cart .cart-list li.empty {

    border-bottom: none;

}

.mini-cart .cart-list li .remove {

    position: relative;

    display: inline-block;

    float: right;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    text-align: center;

    font-size: 20px;

    line-height: 20px;

}

.mini-cart .cart-list li a {

    text-transform: uppercase;

    font-weight: normal;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.mini-cart .cart-list li img {

    float: left;

    margin: 0 10px 0 0;

    width: 70px;

}

.mini-cart .cart-list li .quantity {

    display: block;

    color: #666;

    font-size: 12px;

}

.mini-cart .widget-shopping-cart-content .total {

    margin-bottom: 0;

    padding: 5px 15px;

    text-align: center;

    text-transform: uppercase;

}

.mini-cart .widget-shopping-cart-content .total strong {

    font-weight: 400;

}

.mini-cart .widget-shopping-cart-content .buttons {

    margin-top: 10px;

    margin-bottom: 20px;

    text-align: center;

}

.headroom--not-top.header-white .mini-cart .mini-cart__button .mini-cart-icon:before,

.headroom--not-top.header-white .header-column-icon-container .header-icon {

	color: #222;

}

.headroom--not-top.header-white.bg-dark .mini-cart .mini-cart__button .mini-cart-icon:before,

.headroom--not-top.header-white.bg-dark .header-column-icon-container .header-icon {

	color: #fff;

}

.headroom--not-top.header-white .mini-cart .mini-cart__button .mini-cart-icon:after {

    color: #fff;

    background-color: #222;

}

.headroom--not-top.header-white.bg-dark .mini-cart .mini-cart__button .mini-cart-icon:after {

    color: #222;

    background-color: #fff;

}

.product-item {

	position: relative;

	margin-bottom: 30px;

	float: left;

	width: 100%;

}

.product-item span.onsale {

    min-width: 50px;

    min-height: 50px;

    background-color: #222;

    text-transform: uppercase;

    font-weight: 400;

	top: 0;

    right: 0;

    left: auto;

    margin: -.5em -.5em 0 0;

	position: absolute;

    text-align: center;

    line-height: 50px;

	border-radius: 100%;

	color: #fff;

    font-size: .857em;

	z-index: 2;

}

.product-item .thumb {

    position: relative;

    margin-bottom: 30px;

}

.product-item a {

    text-decoration: none;

}

.product-item a img {

    width: 100%;

    height: auto;

    display: block;

    margin: 0 0 1em;

    box-shadow: none;

}

.product-item .extra {

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

	visibility: hidden;

    border: 1px solid #ddd;

    background-color: rgba(255, 255, 255, 0.7);

    opacity: 0;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.product-item:hover .extra {

    visibility: visible;

    opacity: 1;

}

.product-item .extra div {

    width: 100%;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	text-align: center;

}

.product-item .extra i {

    margin-right: 20px;

    vertical-align: middle;

    font-size: 30px;

}

.product-item h3 {

    padding: .5em 0;

    margin: 0;

    font-size: 1em;

	text-transform: uppercase;

    font-weight: 400;

}

.product-item .price {

    color: #868686;

    display: block;

    font-weight: 400;

    margin-bottom: .5em;

    font-size: 20px;

}

.product-item .price del {

    color: inherit;

    opacity: .5;

}

.product-item .price ins {

    text-decoration: none;

	font-weight: normal;

}

.product-detail span.onsale {

    min-width: 50px;

    min-height: 50px;

    background-color: #222;

    text-transform: uppercase;

    font-weight: 400;

    top: 0;

    left: 0;

    margin: -.5em -.5em 0 0;

    position: absolute;

    text-align: center;

    line-height: 50px;

    border-radius: 100%;

    color: #fff;

    font-size: .857em;

    z-index: 2;

}

.product-detail .product-title {

    margin-bottom: 30px;

    text-transform: uppercase;

    font-size: 32px;

}

.product-detail .price {

    margin-bottom: 30px;

    color: #222;

    font-weight: normal;

    font-size: 18px;

}

.product-detail .price del {

    opacity: .5;

}

.product-detail .price ins {

    font-weight: 400;

	text-decoration: none;

}

.product-detail p.stock {

    font-size: .92em;

}

.product-detail .quantity {

	float: left;

	margin-right: 3px;

}

.product-detail .quantity .qty {

    width: 60px;

    text-align: center;

	margin-right: 10px;

    padding: 9px 0 9px 9px;

    border-color: #1f1f1f;

	display: inline-block;

}

.product-detail .cart {

	margin-bottom: 40px;

}

.product_meta .posted_in, 

.product_meta .tagged_as {

    display: block;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-weight: normal;

}

.product_meta .posted_in a, 

.product_meta .tagged_as a {

    text-transform: none;

    letter-spacing: normal;

    font-weight: 300;

}

.commerce-tabs {

    clear: both;

    width: 100%;

    padding-top: 25px;

	float: left;

}

.commerce-tabs .nav-tabs {

    border-bottom: 1px solid #eee;

}

.commerce-tabs .tabs > li {

	border: 1px solid #ddd;

	border-bottom: none;

	margin-right: 1px;

}

.commerce-tabs .tabs > li a {

    font-size: 80%;

    text-transform: uppercase;

    color: #202020;

    line-height: 44px;

    padding: 0 25px;

    display: block;

    letter-spacing: 2.4px;

	border: none;

	border-radius: 0;

	margin: 0;

	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.commerce-tabs .tabs > li a.active, 

.commerce-tabs .tabs > li:hover a {

    background-color: #222;

    color: #fff;

}

.commerce-tabs .tab-content {

    padding: 30px;

    border: 1px solid #ddd;

    border-top: 0;

    margin: 0;

	float: left;

    -webkit-box-shadow: 0 0 0 transparent;

    -khtml-box-shadow: 0 0 0 transparent;

    -moz-box-shadow: 0 0 0 transparent;

    -ms-box-shadow: 0 0 0 transparent;

    -o-box-shadow: 0 0 0 transparent;

    box-shadow: 0 0 0 transparent;

}

.commerce-tabs.style-2 .nav-tabs {

    border-bottom: none;

}

.commerce-tabs.style-2 .tabs > li {

    border: none;

    border-right: 1px solid #ddd;

    margin-right: 1px;

}

.commerce-tabs.style-2 .tabs > li a {

    line-height: 30px;

}

.commerce-tabs.style-2 .tabs > li:first-child a {

    padding-left: 0;

}

.commerce-tabs.style-2 .tabs > li:last-child {

    border: none;

}

.commerce-tabs.style-2 .tabs > li a.active, 

.commerce-tabs.style-2 .tabs > li:hover a {

    background: none;

	color: #222;

	font-weight: 700;

}

.commerce-tabs.style-2 .tab-content {

    padding: 30px 0 0 0;

    border: none;

}

.tabs.vertical-tab .nav-tabs {

	padding: 0;

	margin: -3px -2px -2px -3px;

	list-style-type: none;

	display: block;

	border-bottom: none;

}

.tabs.vertical-tab .nav-tabs-wrapper li {

	margin: 3px 2px 2px 3px;

	font-size: 20px;

}

.tabs.vertical-tab .nav-tabs-wrapper li > a {

	background: #f1f1f1;

	display: block;

	box-sizing: border-box;

	border: solid transparent;

	position: relative;

	text-decoration: none;

	color: #222;

	padding: 6px 20px;

	transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;

}

.tabs.vertical-tab .nav-tabs-wrapper li > a.active {

	cursor: default;

	text-decoration: none;

	color: #fff;

	transition: background .2s ease-in-out,color .2s ease-in-out;

	background: #222;

}

.tabs.vertical-tab .nav-tabs-wrapper li > a.active:after {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -10px;

	right: -17px;

	width: 0;

	height: 0;

	border: 9px solid transparent;

	border-left-color: #222;

}

.related-products h2 {

	margin-bottom: 30px;

    text-transform: uppercase;

    font-weight: normal;

    font-size: 18px;

}

table.shop-cart tbody tr.cart_item {

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-left: 1px solid #ddd;

    font-size: 106.667%;

}

table.shop-cart tbody tr.cart_item td {

    padding: 25px 15px;

	vertical-align: middle;

}

table.shop-cart tbody tr.cart_item td.product-remove {

    text-align: center;

}

table.shop-cart tbody tr.cart_item td.product-thumbnail {

    width: 108px;

}

table.shop-cart tbody tr.cart_item td.product-remove a {

    background-color: transparent;

    color: #888;

    font-size: 20px;

}

table.shop-cart tbody tr.cart_item td.product-remove a:hover {

    background-color: red;

    color: #fff;

}

table.shop-cart tbody tr.cart_item td.product-name a {

    font-weight: 700;

}

table.shop-cart tbody tr.cart_item td.product-quantity .quantity {

    width: 70px;

    display: inline-block;

}

table.shop-cart tbody tr td.actions {

    padding: 30px 0 0;

    border: none;

}

table.shop-cart tbody tr td.actions input {

    margin-bottom: 30px;

    width: 100%;

}

.cart-totals {

	display: block;

    margin-top: 30px;

}

.cart-totals table {

    border: 1px solid #ddd;

	width: 100%;

}

.cart-totals table tr {

	border-bottom: 1px solid #ddd;

}

.cart-totals table tr:last-child {

	border-bottom: none;

}

.cart-totals table tr th,

.cart-totals table tr td {

    padding: 15px 20px;

    color: #1f1f1f;

}

.cart-totals table tr td {

    text-align: right;

}

.cart-totals .proceed-to-checkout {

    margin-top: 30px;

}

.form-checkout label sup {

    color: red;

	font-size: 13px;

    top: 0;

}

.payment-product-list .product-item {

    position: relative;

    margin-bottom: 20px;

	color: #27394A;

}

.payment-product-list .product-item .product-img {

    width: 90px;

    padding-right: 20px;

    display: inline-block;

    position: relative;

}

.payment-product-list .product-item .product-img span {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 24px;

    line-height: 24px;

    min-width: 24px;

    text-align: center;

    color: white;

    background-color: #242626;

}

.payment-product-list .product-item .product-body {

    display: inline-block;

}

.payment-product-list .product-item .product-body .product-name {

    color: #898989;

    font-weight: 400;

	font-size: 15px;

}

.payment-product-list .product-item .product-body .product-name a {

    color: #898989;

	font-size: 15px;

}

.payment-product-list .product-item .product-body .product-price {

    color: #242626;

    display: inline-block;

}

.payment-product-list .product-item .product-button {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.payment-product-list .product-item .product-button > a {

    display: block;

    margin-bottom: 5px;

    color: #898989;

    font-size: 14px;

    line-height: 20px;

    width: 20px;

    text-align: center;

    opacity: 1;

}

.payment-product-list .product-item .product-button > a:hover, 

.payment-product-list .product-item .product-button > a:focus {

    color: red;

    text-decoration: none;

    cursor: pointer;

    opacity: 0.5;

    filter: alpha(opacity=50);

}

@media (min-width: 480px) {

	.payment-product-list .product-item .product-img {

		padding-right: 30px;

		width: 108px;

	}

}

.total-product {

    padding: 20px 0;

    margin-bottom: 20px;

    border-top: 1px solid #e3e3e3;

    border-bottom: 1px solid #e3e3e3;

}

.coupon {

    height: 50px;

    color: #fff;

	display: table;

}

.coupon p {

    display: table-cell;

    vertical-align: middle;

	text-align: center;

}

.cart-total, .payment_methods {

	color: #27394A;

}

.payment_methods input {

    margin-top: 0;

}

.payment_methods label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

}





/* 4. RESPONSIVE

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

@media (min-width: 768px) {

	.container-wide > .container,

	.container-wide-2 > .container {

		max-width: 64rem;

	}

	table.shop-cart tbody tr td.actions .coupon {

		width: calc(100% - 180px);

		float: left;

	}

	table.shop-cart tbody tr td.actions .coupon input {

		float: left;

		width: 280px;

		margin-right: 20px;

	}

	table.shop-cart tbody tr td.actions .coupon .btn {

		width: 180px;

		padding-top: 11px;

		padding-bottom: 11px;

	}

	table.shop-cart tbody tr td.actions .update-cart {

		width: 170px;

		float: right;

	}

	.tabs.vertical-tab .nav-tabs-wrapper {

		width: 25%;

		float: left;

	}

	.tabs.vertical-tab .nav-tabs-wrapper li {

		display: block;

		margin-right: 0;

	}

	.tabs.vertical-tab .tab-content {

		border: 2px solid #eee;

		padding: 35px 40px;

		float: left;

		width: 75%;

	}

}

@media (min-width: 992px) {

	.cart-totals {

		width: 48%;

		margin-left: 30px;

		float: right;

	}

	.header-column-icon-container .header-icon {

		display: inline-block !important;

	}

}

@media (min-width: 1024px) {

	.newsletter-form input[type=email] {

		width: 60%;

	}

	.newsletter-form.style-2 input[type=email] {

		width: 100%;

	}

	.left-content {

		float: left;

		width: 215px;

		padding-bottom: 30px;

	}

	.left-content .left-wrapper {

		padding: 50px;

	}

	.right-content {

		position: relative;

    	overflow: hidden;

    	width: calc(100% - 215px);

	}

	.heli-creative-studio h2 {

		margin-left: 100px;

		position: relative;

    	z-index: 1;

	}

	.container-wide > .container,

	.container-wide-2 > .container {

		max-width: 96rem;

	}

	.gotoshop > div {

		border-right: 1px solid #ddd;

	}

	.blog-item.style-3 .entry-meta .info {

		padding-bottom: 15px;

		border-right: 1px solid #eee;

	}

}

@media (min-width: 1280px) {

	.newsletter-form input[type=email] {

		width: 72%;

	}

	.newsletter-form.style-2 input[type=email] {

		width: 100%;

	}

	.padding-left-lg-50 {

		padding-left: 50px;

	}

	header.headroom--not-top {

		position: fixed;

		top: 0;

		right: 0;

		left: 0;

		z-index: 999;

		background-color: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

	}

	.headroom--not-top.headroom--unpinned {

		transform: translate3d(0, 0, 0);

	}

	.heli-creative-studio h2 {

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.container-wide > .container,

	.container-wide-2 > .container {

		max-width: 1200px;

	}

	.sidebar {

		padding-left: 20px;

	}

	blockquote {

		font-size: 18px;

	}

}

@media (min-width: 1280px) {

	.container-wide > .container {

		max-width: 1810px;

	}

	.container-wide-2 > .container {

		max-width: 1460px;

	}

}

@media (max-width: 1280px) and (min-width: 1024px) {

	.main-navigation .main-menu > li {

		padding: 27px 10px;

	}

	.main-navigation {

		font-size: 12px;

	}

	.header-1 .header-column-icon-container, 

	.header-2 .header-column-icon-container {

		padding-right: 15px;

	}

}

@media (max-width: 1024px) {

	.page-open-mobile-menu {

		display: inline-block;

	}

	.blog-item.style-3 .post-thumb .dates {

		display: none;

	}

}

@media (max-width: 768px) {

	.service-carousel .owl-controls {

		height: 60px;

	}

	.service-carousel .owl-controls .owl-buttons .owl-prev, 

	.service-carousel .owl-controls .owl-buttons .owl-next {

		width: 60px;

		height: 60px;

		line-height: 60px;

	}

	.service-carousel .owl-controls .owl-prev i, 

	.service-carousel .owl-controls .owl-next i {

		line-height: 60px;

	}

	.header-1 .header-column-icon-container, 

	.header-2 .header-column-icon-container,

	.header-1 > .container .header-column-icon-container, 

	.header-2 > .container .header-column-icon-container {

		padding-right: 20px; 

	}

	.blog-item {

		margin-bottom: 30px;

	}

	.blog-carousel .col-sm-12 {

		padding-left: 0;

		padding-right: 0;

	}

	.section-split-bg {

		height: 100vh;

		position: static;

	}

	.ms-section {

		position: static;

		float: left;

		width: 100%;

	}

	.ms-right .ms-section:last-child {

		margin-bottom: 0;

	}

	#multiScroll {

		overflow-y: scroll;

	}

	.left-menu-content #main {

    	margin-left: 0px;

	}

	.header-mobile {

    	display: block;

    	width: 100%;

	}

	.header-onepage .main-navigation .main-menu > li {

		padding: 15px 5px;

	}

	.section-bg-33, .section-bg-51 {

		background-image: none;

		background-color: #fff;

	}

	.content-middle {

		position: relative;

		top: 0;

		left: 0;

		transform: translate(0%, 0%);

		padding: 50px 20px;

	}

}

@media (max-width: 480px) {

	table.shop-cart thead {

		display: none;

	}

	table.shop-cart tr.cart_item:first-child {

		border-top: 1px solid #ddd;

	}

	table.shop-cart tr td {

		display: block;

		text-align: right;

		border-bottom: 1px solid #ddd;

	}

	table.shop-cart tr td.product-thumbnail {

		display: none;

	}

	table.shop-cart tr td:before {

		content: attr(data-title) ": ";

		font-weight: 700;

		float: left;

	}

	table.shop-cart tr.cart_item td:first-child:before {

		content: "";

	}

	.quantity .qty {

		max-width: 100%;

	}

	.header-column-icon-container {

		padding-top: 10px;

	}

	.section-title-bold {

		font-size: 55px;

	}

	.progress-wraper .block-progressbar > i {

		display: none;

	}

	.heli-typed-words {

		font-size: 24px;

	}

	.heli-word-slide {

		font-size: 50px;

		text-align: center;	

	}

	.pricing-range li {

		width: 100%;

		display: block;

		overflow: hidden;

	}

	.recent-posts .col-lg-3 {

		text-align: left;

		margin-left: 5px;

	}

	.recent-posts .item {

		margin-left: 0;

		margin-right: 0;

	}

	.header-onepage .site-branding,

	.header-onepage .main-navigation {

		max-width: 100%;

		text-align: center;

		display: block;

		width: 100%;

		padding-left: 0;

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

	}

	.header-onepage .main-navigation {

		font-size: 12px;

	}

	.comment-reply-link {

		position: static;

	}

	.blog-item.style-3 .entry-meta .share {

		text-align: left;

	}

	.portfolio-info {

    	padding-left: 0px;

	}

	.countdown-bar > .countdown-item::after {

		display: none;

	}

	.countdown-bar > .countdown-item {

		display: block;

	}

	#main {

		overflow-x: hidden;

	}

}

@media (max-width: 375px) {

	.heli-typed-words {

		font-size: 20px;

	}

}



/* loading */

.noo-spinner {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.985);

    z-index: 999999;

    -webkit-transition: all 0.8s ease 0s;

    -o-transition: all 0.8s ease 0s;

    transition: all 0.8s ease 0s;

}



.spinner {

    width: 40px;

    height: 40px;

    position: absolute;

    left: 50%;

    top: 50%;

	transform: translate(-50%, -50%);

}



.cube1,

.cube2 {

    background-color: #222;

    width: 15px;

    height: 15px;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

    animation: sk-cubemove 1.8s infinite ease-in-out;

}



.cube2 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



@-webkit-keyframes sk-cubemove {

    25% {

        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);

    }

    50% {

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);

    }

    75% {

        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

    }

    100% {

        -webkit-transform: rotate(-360deg);

    }

}



@keyframes sk-cubemove {

    25% {

        transform: translateX(42px) rotate(-90deg) scale(0.5);

        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);

    }

    50% {

        transform: translateX(42px) translateY(42px) rotate(-179deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);

    }

    50.1% {

        transform: translateX(42px) translateY(42px) rotate(-180deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);

    }

    75% {

        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

    }

    100% {

        transform: rotate(-360deg);

        -webkit-transform: rotate(-360deg);

    }

}