/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Galaxy */
/* Version: 1.0 Initial Release */
/* Build Date: 10-02-2016 */
/* Author: Gerich.*/
/* Website: http://nrgthemes.com/
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - MAIN HEADER */
/* 03 - MAIN FOOTER */
/* 04 - HOMEPAGE 1 */
/* 05 - HOMEPAGE 2 */
/* 06 - PORTFOLIO 1-4 */
/* 07 - ABOUT */
/* 08 - POST */
/* 09 - PAGE 404 */
/* 09 - CATEGORY 1-4 */
/* 10 - CONTACT */
/* 11 - SEARCHE PAGE  */
/* 12 - PROJECTS */
/* 13 - AGENCY PAGE */
/* 14 - AGENCY ABOUT */
/* 15 - CLIENTS */
/* 16 - BLOG AGENCY */
/* 17 - ARCHITECTURE */
/* 18 - PROJECT ARCHITECTURE */
/* 19 - SHOWCASE FURNITURE */
/* 20 - PHOTOGRAPHY HOME PAGE */
/* 21 - PHOTOGRAPHY CONTACT PAGE */
/* 22 - FURNITURE CONTACT PAGE */
/* 23 - SLIDER HOVER ANIMATE */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

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


/*------------------------------------------------------*/
/*----------------------RESET----------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none; box-shadow:none;}
input, textarea, select{ border-radius: 0; outline: none; border: 0px none; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; background: none;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
iframe {border: none; outline: none;}
ul {list-style: none;}
button {background: none; border:0px none;}
::-webkit-input-placeholder {color:#949494; opacity: 1;}
::-moz-placeholder          {color:#949494; opacity: 1;}
:-moz-placeholder           {color:#949494; opacity: 1;}
:-ms-input-placeholder      {color:#949494; opacity: 1;}
body {overflow-x: hidden;}

.container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}

/*------------------------------------------------------*/
/*----------------------GLOBAL STYLES----------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
}

h1 {
	font-size: 72px;
}

h2 {
	font-size: 52px;
}

h3 {
	font-size: 40px;
}

h4 {
	font-size: 32px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 17px;
}

p,
.text-content {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	line-height: 28px;
	letter-spacing: 1px;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

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

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.border-bottom {
	border-bottom: 1px solid #ddd;
}

/** PADDING SPACE **/

.no-padd {
	padding-left: 0;
	padding-right: 0;
}

.padd-l-15 {
	padding-left: 15px;
}

.padd-l-r-100 {
	padding-left: 100px;
	padding-right: 100px;
}

.padd-l-r-115 {
	padding-left: 115px;
	padding-right: 115px;
}

.no-padd-r {
	padding-right: 0;
}

.no-padd-l {
	padding-left: 0;
}

.padd-b-40 {
	padding-bottom: 40px;
}

.padd-b-55 {
	padding-bottom: 55px;
}

.padd-b-75 {
	padding-bottom: 75px;
}

.padd-b-80 {
	padding-bottom: 80px;
}

.padd-b-85 {
	padding-bottom: 85px;
}

.padd-b-100 {
	padding-bottom: 100px;
}

.padd-b-103 {
	padding-bottom: 103px;
}

.padd-b-105 {
	padding-bottom: 105px;
}

.padd-b-116 {
	padding-bottom: 116px;
}

.padd-b-155 {
	padding-bottom: 155px;
}

.padd-b-365 {
	padding-bottom: 365px;
}

.padd-t-10 {
	padding-top: 10px;
}

.padd-t-25 {
	padding-top: 25px;
}

.padd-t-34 {
	padding-top: 34px;
}

.padd-t-50 {
	padding-top: 50px;
}

.padd-t-55 {
	padding-top: 55px;
}

.padd-t-60 {
	padding-top: 60px;
}

.padd-t-65 {
	padding-top: 65px;
}

.padd-t-75 {
	padding-top: 75px;
}

.padd-t-77 {
	padding-top: 77px;
}

.padd-t-80 {
	padding-top: 80px;
}

.padd-t-82 {
	padding-top: 82px;
}

.padd-t-84 {
	padding-top: 84px;
}

.padd-t-85 {
	padding-top: 85px;
}

.padd-t-87 {
	padding-top: 87px;
}

.padd-t-92 {
	padding-top: 92px;
}

.padd-t-95 {
	padding-top: 95px;
}

.padd-t-97 {
	padding-top: 97px;
}

.padd-t-100 {
	padding-top: 100px;
}

.padd-t-113 {
	padding-top: 113px;
}

.padd-t-140 {
	padding-top: 140px;
}

.padd-t-165 {
	padding-top: 165px;
}

.padd-t-167 {
	padding-top: 167px;
}

.padd-t-196 {
	padding-top: 196px;
}

.padd-t-245 {
	padding-top: 245px;
}

.padd-t-250 {
	padding-top: 250px;
}


/** MARGIN SPACE **/

.marg-l-16 {
	margin-left: 16.5%;
}

.marg-r-14 {
	margin-right: 14px;
}

.marg-l-0 {
	margin-left: 0;
}

.marg-r-185 {
	margin-right: 185px;
}

.marg-r-100 {
	margin-right: 200px;
}

.marg-t-min-7 {
	margin-top: -7px;
}

.marg-t-min-12 {
	margin-top: -12px;
}

.marg-t-min-14 {
	margin-top: -14px;
}

.marg-t-min-15 {
	margin-top: -15px;
}

.marg-t-min-20 {
	margin-top: -20px;
}

.marg-t-4 {
	margin-top: 4px;
}

.marg-t-7 {
	margin-top: 7px;
}

.marg-t-10 {
	margin-top: 10px;
}

.marg-t-min-10 {
	margin-top: -10px;
}

.marg-t-13 {
	margin-top: 13px;
}

.marg-t-15 {
	margin-top: 15px;
}

.marg-t-25 {
	margin-top: 25px;
}

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

.marg-t-40 {
	margin-top: 40px;
}

.marg-t-42 {
	margin-top: 42px;
}

.marg-t-45 {
	margin-top: 45px;
}

.marg-t-50 {
	margin-top: 50px;
}

.marg-t-53 {
	margin-top: 53px;
}

.marg-t-55 {
	margin-top: 55px;
}

.marg-t-62 {
	margin-top: 62px;
}

.marg-t-63 {
	margin-top: 63px;
}

.marg-t-63 {
	margin-top: 63px;
}

.marg-t-65 {
	margin-top: 65px;
}

.marg-t-70 {
	margin-top: 70px;
}

.marg-t-73 {
	margin-top: 73px;
}

.marg-t-75 {
	margin-top: 75px;
}

.marg-t-77 {
	margin-top: 77px;
}

.marg-t-80 {
	margin-top: 80px;
}

.marg-t-83 {
	margin-top: 83px;
}

.marg-t-85 {
	margin-top: 85px;
}

.marg-t-87 {
	margin-top: 87px;
}

.marg-t-90 {
	margin-top: 90px;
}

.marg-t-92 {
	margin-top: 92px;
}

.marg-t-95 {
	margin-top: 95px;
}

.marg-t-97 {
	margin-top: 97px;
}

.marg-t-100 {
	margin-top: 100px;
}

.marg-t-102 {
	margin-top: 102px;
}

.marg-t-105 {
	margin-top: 105px;
}

.marg-t-108 {
	margin-top: 108px;
}

.marg-t-110 {
	margin-top: 110px;
}

.marg-t-113 {
	margin-top: 113px;
}

.marg-t-115 {
	margin-top: 115px;
}

.marg-t-117 {
	margin-top: 117px;
}

.marg-t-125 {
	margin-top: 125px;
}

.marg-t-127 {
	margin-top: 127px;
}

.marg-t-130 {
	margin-top: 130px;
}

.marg-t-132 {
	margin-top: 132px;
}

.marg-t-135 {
	margin-top: 135px;
}

.marg-t-137 {
	margin-top: 137px;
}

.marg-t-140 {
	margin-top: 140px;
}

.marg-t-148 {
	margin-top: 148px;
}

.marg-t-152 {
	margin-top: 152px;
}

.marg-t-155 {
	margin-top: 155px;
}

.marg-t-75-min {
	margin-top: -75px;
}

.marg-t-167-min {
	margin-top: -167px;
}

.marg-t-170-min {
	margin-top: -170px;
}

.marg-t-163 {
	margin-top: 163px;
}

.marg-t-165 {
	margin-top: 165px;
}

.marg-t-168 {
	margin-top: 168px;
}

.marg-t-170 {
	margin-top: 170px;
}

.marg-t-178 {
	margin-top: 178px;
}

.marg-t-min-245 {
	margin-top: -245px;
}

.marg-t-195 {
	margin-top: 195px;
}

.marg-t-207 {
	margin-top: 207px;
}

.marg-t-214 {
	margin-top: 214px;
}

.marg-t-217 {
	margin-top: 217px;
}

.marg-t-227 {
	margin-top: 227px;
}

.marg-t-230 {
	margin-top: 230px;
}

.marg-t-240 {
	margin-top: 240px;
}

.marg-t-255 {
	margin-top: 255px;
}

.marg-t-267 {
	margin-top: 267px;
}

.marg-t-260 {
	margin-top: 260px;
}

.marg-t-280 {
	margin-top: 280px;
}

.marg-t-305 {
	margin-top: 305px;
}

.marg-t-307 {
	margin-top: 307px;
}

.marg-t-335 {
	margin-top: 335px;
}

.marg-b-365 {
	margin-bottom: 365px;
}

.marg-t-390 {
	margin-top: 390px;
}

.marg-b-3 {
	margin-bottom: 3px;
}

.marg-b-5 {
	margin-bottom: 5px;
}

.marg-b-10 {
	margin-bottom: 10px;
}

.marg-b-15 {
	margin-bottom: 15px;
}

.marg-b-17 {
	margin-bottom: 17px;
}

.marg-b-20 {
	margin-bottom: 20px;
}

.marg-b-22 {
	margin-bottom: 22px;
}

.marg-b-28 {
	margin-bottom: 28px;
}

.marg-b-29 {
	margin-bottom: 29px;
}

.marg-b-30 {
	margin-bottom: 30px;
}

.marg-b-32 {
	margin-bottom: 32px;
}

.marg-b-33 {
	margin-bottom: 33px;
}

.marg-b-35 {
	margin-bottom: 35px;
}

.marg-b-37 {
	margin-bottom: 37px;
}

.marg-39 {
	margin-bottom: 39px;
}

.marg-b-42 {
	margin-bottom: 42px;
}

.marg-b-44 {
	margin-bottom: 44px;
}

.marg-b-45 {
	margin-bottom: 45px;
}

.marg-b-48 {
	margin-bottom: 48px;
}

.marg-b-50 {
	margin-bottom: 50px;
}

.marg-t-52 {
	margin-top: 52px;
}

.marg-b-55 {
	margin-bottom: 55px;
}

.marg-b-56 {
	margin-bottom: 56px;
}

.marg-b-57 {
	margin-bottom: 57px;
}

.marg-b-60 {
	margin-bottom: 60px;
}

.marg-b-70 {
	margin-bottom: 70px;
}

.marg-b-73 {
	margin-bottom: 73px;
}

.marg-b-75 {
	margin-bottom: 75px;
}

.marg-b-80 {
	margin-bottom: 80px;
}

.marg-b-83 {
	margin-bottom: 83px;
}

.marg-b-85 {
	margin-bottom: 85px;
}

.marg-b-87 {
	margin-bottom: 87px;
}

.marg-b-89 {
	margin-bottom: 89px;
}

.marg-b-93 {
	margin-bottom: 93px;
}

.marg-b-94 {
	margin-bottom: 94px;
}

.marg-b-97 {
	margin-bottom: 97px;
}

.marg-b-100 {
	margin-bottom: 100px;
}

.marg-b-103 {
	margin-bottom: 103px;
}

.marg-b-105 {
	margin-bottom: 105px;
}

.marg-b-107 {
	margin-bottom: 107px;
}

.marg-b-110 {
	margin-bottom: 110px;
}

.marg-b-113 {
	margin-bottom: 113px;
}

.marg-b-115 {
	margin-bottom: 115px;
}

.marg-b-117 {
	margin-bottom: 117px;
}

.marg-b-120 {
	margin-bottom: 120px;
}

.marg-b-125 {
	margin-bottom: 125px;
}

.marg-b-130 {
	margin-bottom: 130px;
}

.marb-b-132 {
	margin-bottom: 132px;
}

.marg-b-135 {
	margin-bottom: 135px;
}

.marg-b-137 {
	margin-bottom: 137px;
}

.marg-b-140 {
	margin-bottom: 140px;
}

.marg-b-145 {
	margin-bottom: 145px;
}

.marg-b-146 {
	margin-bottom: 146px;
}

.marg-b-152 {
	margin-bottom: 152px;
}

.marg-b-155 {
	margin-bottom: 155px;
}

.marg-b-160 {
	margin-bottom: 160px;
}

.marg-b-165 {
	margin-bottom: 165px;
}

.marg-b-168 {
	margin-bottom: 168px;
}

.marg-b-170 {
	margin-bottom: 170px;
}

.marg-b-175 {
	margin-bottom: 175px;
}

.marg-b-180 {
	margin-bottom: 180px;
}

.marg-b-185 {
	margin-bottom: 185px;
}

.marg-b-195 {
	margin-bottom: 195px;
}

.marg-b-200 {
	margin-bottom: 200px;
}

.marg-b-205 {
	margin-bottom: 205px;
}

.marg-b-225 {
	margin-bottom: 225px;
}

.marg-b-230 {
	margin-bottom: 230px;
}

.marg-b-238 {
	margin-bottom: 238px;
}

.marg-b-245 {
	margin-bottom: 245px;
}

.marg-b-250 {
	margin-bottom: 250px;
}

.marg-b-252 {
	margin-bottom: 252px;
}

.marg-b-265 {
	margin-bottom: 265px;
}

.marg-b-270 {
	margin-bottom: 270px;
}

.marg-b-280 {
	margin-bottom: 280px;
}

.marg-b-295 {
	margin-bottom: 295px;
}

.marg-b-330 {
	margin-bottom: 330px;
}

.marg-b-335 {
	margin-bottom: 335px;
}

.marg-b-340 {
	margin-bottom: 340px;
}

.marg-b-345 {
	margin-bottom: 345px;
}

.marg-b-360 {
	margin-bottom: 360px;
}

.marg-b-390 {
	margin-bottom: 390px;
}

.space-style-1 h2 {
	margin-bottom: 72px;
}

.space-style-1 p {
	margin-bottom: 13px;
}


/** BG BLOCK **/

.background-banner-max {
	height: 617px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-banner-min {
	height: 364px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-post {
	height: 392px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-post-min {
	height: 242px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-post-middle {
	height: 355px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-post-max {
	height: 420px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-team {
	height: 502px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-team-max {
	height: 568px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-long {
	height: 672px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-max {
	height: 392px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-min {
	height: 280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-contain {
	height: 392px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-v1-max {
	height: 590px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.background-portfolio-v1-min {
	height: 420px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.background-portfolio-v1-middle {
	height: 480px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-food {
	height: 532px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-project {
	height: 335px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-project-middle {
	height: 755px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.background-project-max {
	height: 1230px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-project-furniture {
	height: 1065px;
	background-size: cover;
	background-repeat: no-repeat;
}

.background-category {
	height: 562px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-banner-about {
	height: 812px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.background-photography-item {
	height: 728px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-photography-showcase {
	height: 980px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-photography-contact {
	height: 925px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-photography-bg-contact {
	height: 310px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


/*------------------------------------------------------*/
/*---------------------- COLOR PAGE ----------------------*/

/**----- Color Style 1 -----**/

body[data-color="theme-1"] .logo {
	background-color: rgb(118, 64, 203); 
}

body[data-color="theme-1"] .navigation > li > .sub-menu {
	background-color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .navigation > li > a:hover {
	color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .reserv-header a:hover {
	color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .reserv-header a.active {
	color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .link-next-portfolio:hover {
	color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .list-category li:hover .link-lc,
body[data-color="theme-1"] .list-category li:hover .detail-lc {
	color: rgb(118, 64, 203);
}

body[data-color="theme-1"] .bg-tb-style-2 {
    background-color: #7640cb;
}

body[data-color="theme-1"] .back-project {
	color: #7640cb;
	border-bottom-color: #7640cb; 
}

body[data-color="theme-1"] .link-social-post a {
	color: #7640cb;
}

body[data-color="theme-1"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: rgba(118, 64, 203, .9);
}

body[data-color="theme-1"] .counters-line .counter-block .timer {
	color: #7640cb;
}

body[data-color="theme-1"] .counters-line .counter-block h6 {
	color: #7640cb;
}

body[data-color="theme-1"] .team-item .img-team:hover .hover-item {
	background-color: rgba(118, 64, 203, .9);
}

body[data-color="theme-1"] .services-content .item-services .fa {
	color: #7640cb;
}

body[data-color="theme-1"]  .information-block.color-style {
	color: #7640cb;
}

body[data-color="theme-1"]  .information-block.color-style:before {
	background-color: #7640cb;
}

body[data-color="theme-1"] .post .info-post {
    background-color: #7640cb;
}

body[data-color="theme-1"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-1"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-1"] .social li .fa {
	color: rgb(89, 48, 154);
}

body[data-color="theme-1"] .copyright p {
	color: rgb(204, 185, 233);
}

body[data-color="theme-1"] .link-about {
	color: #7640cb;
}

body[data-color="theme-1"] .link-about:after {
	background-color: #7640cb;
}

body[data-color="theme-1"] .back-project {
	color: #7640cb;
	border-bottom-color: #7640cb;
}

body[data-color="theme-1"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(118, 64, 203, .7);
}

body[data-color="theme-1"] .background-information {
	background-color: #7640cb;
}

body[data-color="theme-1"] .fillter-wrap .but.activbut {
	border-bottom-color: #7640cb;
}

body[data-color="theme-1"] .img-portfolio .hover-portfolio {
	background-color: rgba(118, 64, 203, .7);
}

body[data-color="theme-1"] .main-footer.footer-style-5 {
    background-color: rgb(89, 48, 154);
}

body[data-color="theme-1"] .contact-forms {
	background-color: #7640cb;
}

body[data-color="theme-1"] .navigation li.active > a {
	color: #7640cb;
	border-bottom: 1px solid #7640cb;
}

body[data-color="theme-1"] .navigation li ul li.active a {
	color: #fff;
	border-bottom: 0;
}

body[data-color="theme-1"] .content-contact-form {
	background-color: #7640cb;
}

body[data-color="theme-1"] .dark-layer {
	background-color: rgba(118, 64, 203, .7);
}

body[data-color="theme-1"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #7640cb;
}

body[data-color="theme-1"] .container-slider .slide-item:hover,
body[data-color="theme-1"] .container-slider .slide-item:hover .subtitle {
	color: #7640cb;
}

body[data-color="theme-1"] .nav-portfolio li a {
	color: #7640cb;
}

body[data-color="theme-1"] .nav-portfolio li a.active {
	border-bottom-color: #7640cb;
}

body[data-color="theme-1"] .right-menu {
	background: rgba(4, 69, 235, .7); 
}

body[data-color="theme-1"] .navigation li > .sub-menu {
	background-color: #7640cb;
}

body[data-color="theme-1"] .navigation li a:hover {
	color: #7640cb;
}

body[data-color="theme-1"] .navigation li > .sub-menu a {
	color: #fff;
}


/**----- Color Style 2 -----**/

body[data-color="theme-2"] .logo {
	background-color: #1092b7; 
}

body[data-color="theme-2"] .navigation > li > .sub-menu {
	background-color: #1092b7;
}

body[data-color="theme-2"] .navigation > li > a:hover {
	color: #1092b7;
}

body[data-color="theme-2"] .reserv-header a:hover {
	color: #1092b7;
}

body[data-color="theme-2"] .link-next-portfolio:hover {
	color: #1092b7;
}

body[data-color="theme-2"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: #1092b7;
}

body[data-color="theme-2"] .list-category li:hover .link-lc,
body[data-color="theme-2"] .list-category li:hover .detail-lc {
	color: #1092b7;
}

body[data-color="theme-2"] .bg-tb-style-2 {
    background-color: #1092b7;
}

body[data-color="theme-2"] .back-project {
	color: #1092b7;
	border-bottom-color: #1092b7; 
}

body[data-color="theme-2"] .link-social-post a {
	color: #1092b7;
}

body[data-color="theme-2"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: rgba(16, 146, 183, .9);;
}

body[data-color="theme-2"] .counters-line .counter-block .timer {
	color: #1092b7;
}

body[data-color="theme-2"] .counters-line .counter-block h6 {
	color: #1092b7;
}

body[data-color="theme-2"] .team-item .img-team:hover .hover-item {
	background-color: rgba(16, 146, 183, .9);
}

body[data-color="theme-2"] .services-content .item-services .fa {
	color: #1092b7;
}

body[data-color="theme-2"]  .information-block.color-style {
	color: #1092b7;
}

body[data-color="theme-2"]  .information-block.color-style:before {
	background-color: #1092b7;
}

body[data-color="theme-2"] .post .info-post {
    background-color: #1092b7;
}

body[data-color="theme-2"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-2"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-2"] .social li .fa {
	color: #1092b7;
}

body[data-color="theme-2"] .main-footer.footer-style-2 .social li a:hover {
	background-color: #1092b7;
}

body[data-color="theme-2"] .copyright p {
	color: #fff;
}

body[data-color="theme-2"] .link-about {
	color: #1092b7;
}

body[data-color="theme-2"] .link-about:after {
	background-color: #1092b7;
}

body[data-color="theme-2"] .back-project {
	color: #1092b7;
	border-bottom-color: #1092b7;
}

body[data-color="theme-2"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(16, 146, 183, .7);
}

body[data-color="theme-2"] .background-information {
	background-color: #1092b7;
}

body[data-color="theme-2"] .fillter-wrap .but.activbut {
	border-bottom-color: #1092b7;
}

body[data-color="theme-2"] .img-portfolio .hover-portfolio {
	background-color: rgba(16, 146, 183, .7);
}

body[data-color="theme-2"] .main-footer.footer-style-5 {
    background-color: #1092b7;
}

body[data-color="theme-2"] .contact-forms {
	background-color: #1092b7;
}

body[data-color="theme-2"] .navigation li.active > a {
	color: #1092b7;
	border-bottom: 1px solid #1092b7;
}

body[data-color="theme-2"] .navigation li ul li.active a {
	color: #fff;
	border-bottom: 0;
}

body[data-color="theme-2"] .content-contact-form {
	background-color: #1092b7;
}

body[data-color="theme-2"] .dark-layer {
	background-color: rgba(16, 146, 183, .7);
}

body[data-color="theme-2"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #1092b7;
}

body[data-color="theme-2"] .container-slider .slide-item:hover,
body[data-color="theme-2"] .container-slider .slide-item:hover .subtitle {
	color: #1092b7;
}

body[data-color="theme-2"] .nav-portfolio li a {
	color: #1092b7;
}

body[data-color="theme-2"] .nav-portfolio li a.active {
	border-bottom-color: #1092b7;
}

body[data-color="theme-2"] .right-menu {
	background: rgba(16, 146, 183, .7); 
}

body[data-color="theme-2"] .navigation li > .sub-menu {
	background-color: #1092b7;
}

body[data-color="theme-2"] .navigation li a:hover {
	color: #1092b7;
}

body[data-color="theme-2"] .navigation li > .sub-menu a {
	color: #fff;
}

/**----- Color Style 3 -----**/

body[data-color="theme-3"] .logo {
	background-color: #f1980b; 
}

body[data-color="theme-3"] .navigation > li > .sub-menu {
	background-color: #f1980b;
}

body[data-color="theme-3"] .navigation > li > a:hover {
	color: #f1980b;
}

body[data-color="theme-3"] .reserv-header a:hover {
	color: #f1980b;
}

body[data-color="theme-3"] .link-next-portfolio:hover {
	color: #f1980b;
}

body[data-color="theme-3"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: #f1980b;
}

body[data-color="theme-3"] .list-category li:hover .link-lc,
body[data-color="theme-3"] .list-category li:hover .detail-lc {
	color: #f1980b;
}

body[data-color="theme-3"] .bg-tb-style-2 {
    background-color: #f1980b;
}

body[data-color="theme-3"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: #f1980b;
}

body[data-color="theme-3"] .counters-line .counter-block .timer {
	color: #f1980b;
}

body[data-color="theme-3"] .counters-line .counter-block h6 {
	color: #f1980b;
}

body[data-color="theme-3"] .team-item .img-team:hover .hover-item {
	background-color: #f1980b;
}

body[data-color="theme-3"] .services-content .item-services .fa {
	color: #f1980b;
}

body[data-color="theme-3"]  .information-block.color-style {
	color: #f1980b;
}

body[data-color="theme-3"]  .information-block.color-style:before {
	background-color: #f1980b;
}

body[data-color="theme-3"] .link-social-post a {
	color: #f1980b;
}

body[data-color="theme-3"] .post .info-post {
    background-color: #f1980b;
}

body[data-color="theme-3"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-3"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-3"] .social li .fa {
	color: #f1980b;
}

body[data-color="theme-3"] .copyright p {
	color: #fff;
}

body[data-color="theme-3"] .link-about {
	color: #f1980b;
}

body[data-color="theme-3"] .link-about:after {
	background-color: #f1980b;
}

body[data-color="theme-3"] .back-project {
	color: #f1980b;
	border-bottom-color: #f1980b;
}

body[data-color="theme-3"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(241, 152, 11, .7);
}

body[data-color="theme-3"] .background-information {
	background-color: #f1980b;
}

body[data-color="theme-3"] .fillter-wrap .but.activbut {
	border-bottom-color: #f1980b;
}

body[data-color="theme-3"] .img-portfolio .hover-portfolio {
	background-color: rgba(241, 152, 11, .7);
}

body[data-color="theme-3"] .main-footer.footer-style-5 {
    background-color: #f1980b;
}

body[data-color="theme-3"] .contact-forms {
	background-color: #f1980b;
}

body[data-color="theme-3"] .content-contact-form {
	background-color: #f1980b;
}

body[data-color="theme-3"] .dark-layer {
	background-color: rgba(241, 152, 11, .7);
}

body[data-color="theme-3"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #f1980b;
}

body[data-color="theme-3"] .container-slider .slide-item:hover,
body[data-color="theme-3"] .container-slider .slide-item:hover .subtitle {
	color: #f1980b;
}

body[data-color="theme-3"] .nav-portfolio li a {
	color: #f1980b;
}

body[data-color="theme-3"] .nav-portfolio li a.active {
	border-bottom-color: #f1980b;
}

body[data-color="theme-3"] .right-menu {
	background: rgba(241, 152, 11, .7);
}

body[data-color="theme-3"] .navigation li > .sub-menu {
	background-color: #f1980b;
}

body[data-color="theme-3"] .navigation li a:hover {
	color: #f1980b;
}

body[data-color="theme-3"] .navigation li > .sub-menu a {
	color: #fff;
}


/**----- Color Style 4 -----**/

body[data-color="theme-4"] .logo {
	background-color: #ff464f; 
}

body[data-color="theme-4"] .navigation > li > .sub-menu {
	background-color: #ff464f;
}

body[data-color="theme-4"] .navigation > li > a:hover {
	color: #ff464f;
}

body[data-color="theme-4"] .reserv-header a:hover {
	color: #ff464f;
}

body[data-color="theme-4"] .link-next-portfolio:hover {
	color: #ff464f;
}

body[data-color="theme-4"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: #ff464f;
}

body[data-color="theme-4"] .list-category li:hover .link-lc,
body[data-color="theme-4"] .list-category li:hover .detail-lc {
	color: #ff464f;
}

body[data-color="theme-4"] .bg-tb-style-2 {
    background-color: #ff464f;
}

body[data-color="theme-4"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: #ff464f;
}

body[data-color="theme-4"] .counters-line .counter-block .timer {
	color: #ff464f;
}

body[data-color="theme-4"] .counters-line .counter-block h6 {
	color: #ff464f;
}

body[data-color="theme-4"] .team-item .img-team:hover .hover-item {
	background-color: #ff464f;
}

body[data-color="theme-4"] .services-content .item-services .fa {
	color: #ff464f;
}

body[data-color="theme-4"]  .information-block.color-style {
	color: #ff464f;
}

body[data-color="theme-4"]  .information-block.color-style:before {
	background-color: #ff464f;
}

body[data-color="theme-4"] .link-social-post a {
	color: #ff464f;
}

body[data-color="theme-4"] .post .info-post {
    background-color: #ff464f;
}

body[data-color="theme-4"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-4"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-4"] .social li .fa {
	color: #ff464f;
}

body[data-color="theme-4"] .copyright p {
	color: #fff;
}

body[data-color="theme-4"] .link-about {
	color: #ff464f;
}

body[data-color="theme-4"] .link-about:after {
	background-color: #ff464f;
}

body[data-color="theme-4"] .back-project {
	color: #ff464f;
	border-bottom-color: #ff464f;
}

body[data-color="theme-4"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(255, 70, 79, .7);
}

body[data-color="theme-4"] .background-information {
	background-color: #ff464f;
}

body[data-color="theme-4"] .fillter-wrap .but.activbut {
	border-bottom-color: #ff464f;
}

body[data-color="theme-4"] .img-portfolio .hover-portfolio {
	background-color: rgba(255, 70, 79, .7);
}

body[data-color="theme-4"] .main-footer.footer-style-5 {
    background-color: #ff464f;
}

body[data-color="theme-4"] .contact-forms {
	background-color: #ff464f;
}

body[data-color="theme-4"] .navigation li.active > a {
	color: #ff464f;
	border-bottom: 1px solid #ff464f;
}

body[data-color="theme-4"] .navigation li ul li.active a {
	color: #fff;
	border-bottom: 0;
}

body[data-color="theme-4"] .content-contact-form {
	background-color: #ff464f;
}

body[data-color="theme-4"] .dark-layer {
	background-color: rgba(255, 70, 79, .7);
}

body[data-color="theme-4"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #ff464f;
}

body[data-color="theme-4"] .container-slider .slide-item:hover,
body[data-color="theme-4"] .container-slider .slide-item:hover .subtitle {
	color: #ff464f;
}

body[data-color="theme-4"] .nav-portfolio li a {
	color: #ff464f;
}

body[data-color="theme-4"] .nav-portfolio li a.active {
	border-bottom-color: #ff464f;
}

body[data-color="theme-4"] .right-menu {
	background: rgba(255, 70, 79, .7);
}

body[data-color="theme-4"] .navigation li > .sub-menu {
	background-color: #ff464f;
}

body[data-color="theme-4"] .navigation li a:hover {
	color: #ff464f;
}

body[data-color="theme-4"] .navigation li > .sub-menu a {
	color: #fff;
}

/**----- Color Style 5 -----**/

body[data-color="theme-5"] .logo {
	background-color: #f22e9e; 
}

body[data-color="theme-5"] .navigation > li > .sub-menu {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .navigation > li > a:hover {
	color: #f22e9e;
}

body[data-color="theme-5"] .reserv-header a:hover {
	color: #f22e9e;
}

body[data-color="theme-5"] .link-next-portfolio:hover {
	color: #f22e9e;
}

body[data-color="theme-5"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: #f22e9e;
}

body[data-color="theme-5"] .list-category li:hover .link-lc,
body[data-color="theme-5"] .list-category li:hover .detail-lc {
	color: #f22e9e;
}

body[data-color="theme-5"] .bg-tb-style-2 {
    background-color: #f22e9e;
}

body[data-color="theme-5"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .counters-line .counter-block .timer {
	color: #f22e9e;
}

body[data-color="theme-5"] .counters-line .counter-block h6 {
	color: #f22e9e;
}

body[data-color="theme-5"] .team-item .img-team:hover .hover-item {
	background-color: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .services-content .item-services .fa {
	color: #f22e9e;
}

body[data-color="theme-5"]  .information-block.color-style {
	color: #f22e9e;
}

body[data-color="theme-5"]  .information-block.color-style:before {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .link-social-post a {
	color: #f22e9e;
}

body[data-color="theme-5"] .post .info-post {
    background-color: #f22e9e;
}

body[data-color="theme-5"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-5"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-5"] .social li .fa {
	color: #f22e9e;
}

body[data-color="theme-5"] .copyright p {
	color: #fff;
}

body[data-color="theme-5"] .link-about {
	color: #f22e9e;
}

body[data-color="theme-5"] .link-about:after {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .back-project {
	color: #f22e9e;
	border-bottom-color: #f22e9e;
}

body[data-color="theme-5"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .background-information {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .fillter-wrap .but.activbut {
	border-bottom-color: #f22e9e;
}

body[data-color="theme-5"] .img-portfolio .hover-portfolio {
	background-color: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .main-footer.footer-style-5 {
    background-color: #f22e9e;
}

body[data-color="theme-5"] .contact-forms {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .navigation li.active > a {
	color: #f22e9e;
	border-bottom: 1px solid #f22e9e;
}

body[data-color="theme-5"] .navigation li ul li.active a {
	border-bottom: 0;
}

body[data-color="theme-5"] .content-contact-form {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .dark-layer {
	background-color: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #f22e9e;
}

body[data-color="theme-5"] .container-slider .slide-item:hover,
body[data-color="theme-5"] .container-slider .slide-item:hover .subtitle {
	color: #f22e9e;
}

body[data-color="theme-5"] .nav-portfolio li a {
	color: #f22e9e;
}

body[data-color="theme-5"] .nav-portfolio li a.active {
	border-bottom-color: #f22e9e;
}

body[data-color="theme-5"] .right-menu {
	background: rgba(242, 46, 158, .7);
}

body[data-color="theme-5"] .navigation li > .sub-menu {
	background-color: #f22e9e;
}

body[data-color="theme-5"] .navigation li a:hover {
	color: #f22e9e;
}

body[data-color="theme-5"] .navigation li > .sub-menu a {
	color: #fff;
}

/**----- Color Style 6 -----**/

body[data-color="theme-6"] .logo {
	background-color: #0445eb; 
}

body[data-color="theme-6"] .navigation > li > .sub-menu {
	background-color: #0445eb;
}

body[data-color="theme-6"] .navigation > li > a:hover {
	color: #0445eb;
}

body[data-color="theme-6"] .reserv-header a:hover {
	color: #0445eb;
}

body[data-color="theme-6"] .link-next-portfolio:hover {
	color: #0445eb;
}

body[data-color="theme-6"] .link-next-portfolio:hover .subtitle {
	border-bottom-color: #0445eb;
}

body[data-color="theme-6"] .list-category li:hover .link-lc,
body[data-color="theme-6"] .list-category li:hover .detail-lc {
	color: #0445eb;
}

body[data-color="theme-6"] .bg-tb-style-2 {
    background-color: #0445eb;
}

body[data-color="theme-6"] .back-project {
	color: #0445eb;
	border-bottom-color: #0445eb; 
}

body[data-color="theme-6"] .link-social-post a {
	color: #0445eb;
}

body[data-color="theme-6"] .portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .counters-line .counter-block .timer {
	color: #0445eb;
}

body[data-color="theme-6"] .counters-line .counter-block h6 {
	color: #0445eb;
}

body[data-color="theme-6"] .team-item .img-team:hover .hover-item {
	background-color: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .services-content .item-services .fa {
	color: #0445eb;
}

body[data-color="theme-6"]  .information-block.color-style {
	color: #0445eb;
}

body[data-color="theme-6"]  .information-block.color-style:before {
	background-color: #0445eb;
}

body[data-color="theme-6"] .post .info-post {
    background-color: #0445eb;
}

body[data-color="theme-6"] .post .info-post .date-post p {
	color: #fff;
}

body[data-color="theme-6"] .post .info-post .category-post p {
	color: #fff;
}

body[data-color="theme-6"] .social li .fa {
	color: #0445eb;
}

body[data-color="theme-6"] .copyright p {
	color: #0445eb;
}

body[data-color="theme-6"] .link-about {
	color: #0445eb;
}

body[data-color="theme-6"] .link-about:after {
	background-color: #0445eb;
}

body[data-color="theme-6"] .back-project {
	color: #0445eb;
	border-bottom-color: #0445eb;
}

body[data-color="theme-6"] .portfolio-item.portfolio-style-4 .hover-portf {
	background-color: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .background-information {
	background-color: #0445eb;
}

body[data-color="theme-6"] .fillter-wrap .but.activbut {
	border-bottom-color: #0445eb;
}

body[data-color="theme-6"] .img-portfolio .hover-portfolio {
	background-color: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .main-footer.footer-style-5 {
    background-color: #0445eb;
}

body[data-color="theme-6"] .contact-forms {
	background-color: #0445eb;
}

body[data-color="theme-6"] .navigation li.active > a {
	color: #0445eb;
	border-bottom: 1px solid #0445eb;
}

body[data-color="theme-6"] .navigation li ul li.active a {
	color: #fff;
	border-bottom: 0;
}

body[data-color="theme-6"] .navigation li ul li.active a {
	color: #fff;
	border-bottom: 0;
}

body[data-color="theme-6"] .content-contact-form {
	background-color: #0445eb;
}

body[data-color="theme-6"] .dark-layer {
	background-color: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .slide-item:hover .slide-item-about .subtitle {
	border-bottom-color: #0445eb;
}

body[data-color="theme-6"] .container-slider .slide-item:hover,
body[data-color="theme-6"] .container-slider .slide-item:hover .subtitle {
	color: #0445eb;
}

body[data-color="theme-6"] .nav-portfolio li a {
	color: #0445eb;
}

body[data-color="theme-6"] .nav-portfolio li a.active {
	border-bottom-color: #0445eb;
}

body[data-color="theme-6"] .right-menu {
	background: rgba(4, 69, 235, .7);
}

body[data-color="theme-6"] .navigation li > .sub-menu {
	background-color: #0445eb;
}

body[data-color="theme-6"] .navigation li a:hover {
	color: #0445eb;
}

body[data-color="theme-6"] .navigation li > .sub-menu a {
	color: #fff;
}



.bg-main {
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

.bg-second {
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

.bg-1 {
	background: #7640cb;
}

.bg-2 {
	background: #1092b7;
}

.bg-3 {
	background: #f1980b;
}

.bg-4 {
	background: #ff464f;
}

.bg-5 {
	background: #f22e9e;
}

.bg-6 {
	background: #0445eb;
}

.style-page {
	display: none;
	position: fixed; 
	width: 365px; 
	height: 100%; 
	right: 0; 
	bottom: -100%; 
	background: #333; 
	z-index: 50; 
	text-align: center; 
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1); 
	-webkit-transition: all .5s cubic-bezier(0.53, -0.005, 0.75, 0.095);
	-moz-transition: all .5s cubic-bezier(0.53, -0.005, 0.75, 0.095);
	-o-transition: all .5s cubic-bezier(0.53, -0.005, 0.75, 0.095);
	transition: all .5s cubic-bezier(0.53, -0.005, 0.75, 0.095);
}

.wrapp {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	padding: 15px;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}

.style-page.slide-left {
	bottom: 0%;
}

.conf-logo {
	margin: 15px 0px;
}

.color-block {
	position: relative;
	width: 100%;
	padding: 25px 0px; 
	border-bottom: 1px solid #b7b7b7;
	display: inline-block;
}

.style-page h5 {
	padding-bottom: 18px; 
	color: #b7b7b7; 
	font-weight: 400;
}

.entry {
	width: 30px; 
	height: 30px; 
	position: relative; 
	float: left;
	margin: 0px 18px 15px; 
	cursor: pointer; 
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

.conf-button {
	position: fixed;
    right: 0;
    bottom: 0;
    width: 365px;
    background: #2a2a2a;
    padding: 22px 22px;
    z-index: 999999;
    cursor: pointer;
    color: #fff;
}

.conf-button p {
	color: #fff;
	display: inline-block;
}

.conf-button span {
	transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	margin-right: 10px;
}

.conf-button span.act {
	transform: rotate(230deg);
	-webkit-transform: rotate(230deg);
	-moz-transform: rotate(230deg);
	-ms-transform: rotate(230deg);
}

.device-demo {
	height: 185px;
	margin-bottom: 30px;
}

.device-demo img {
	width: 100%;
}

.device-demo a {
	border: 10px solid #000;
	border-radius: 10px;
	width: 85%;
	margin: auto;
}

.home-style {
	position: relative; 
	width: 100%; 
	padding: 25px 0px;
}

.home-style a {
	position: relative;
	display: block;
}

.home-style a:hover .dark-layer {
	opacity: 1;
}

.home-style a img {
	width: 100%; 
	height: auto; 
	display: block; 
	margin-bottom: 5px;
}

.entry.active {
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	 transform: scale(1.2);
}

.entry.active .bg-sec {
	border-width: 0 0 30px 30px;
}

.dark-layer {
	opacity: 0;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

.dark-layer p {
	color: #fff;
	font: 400 18px 'Montserrat', sans-serif;
	line-height: 150px;
}

.width-57 {
	width: 57%;
}


/** Loader pages **/

.loader_main {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 255);
}

.mod .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.loader_main .loader {
    background: transparent url("../images/loader.gif") repeat scroll 0 0 / cover ;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - MAIN HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.main-header {
	position: fixed;
	padding: 20px 0;
	width: 100%;
	height: auto;
	z-index: 10;
	background-color: rgba(255,255,255, .8);
}

/** logo header **/

.logo {
	display: inline-block;
	background-color: rgb(118, 64, 203);
	padding: 0 3px 0 7px;           
	float: left;
	margin-right: 20px;
}

.logo a {
	font: 700 13px 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 5px;
}

/** search header **/

.search-link {
	display: inline-block;
}

.search-link .fa {
	color: #333;
}

/** navigation header **/

.navigation {
	display: inline-block;
	position: absolute;
	left: 65%;
	-webkit-transform: translateX(-67%);
	-moz-transform: translateX(-67%);
	transform: translateX(-67%);
}

.navigation.align-right {
	text-align: right;
}

.navigation > ul > li {
	display: inline-block;
	margin-right: 21px;
	position: relative;
	padding-bottom: 7px;
}

.navigation ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
}

.navigation > ul > li:last-child {
	margin-right: 0;
}

.navigation li a {
	font: 700 13px 'Montserrat', sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.navigation li a:hover {
	color: rgb(118, 64, 203);
}

.navigation li > .sub-menu {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgb(118, 64, 203);
	width: 280px;
	text-align: left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 10;
	padding-top: 40px;
}

.navigation li > .sub-menu > li {
	padding-bottom: 15px;
	position: relative;
}

.navigation li > .sub-menu > li:last-child {
	padding-bottom: 0;
	padding-bottom: 40px;
}

.navigation li > .sub-menu a {
	display: block;
	width: 100%;
	color: #fff;
	letter-spacing: 3px;
	padding-left: 40px;
	padding-right: 40px;
}

.navigation li > .sub-menu a:hover {
	color: #fff;
}

.navigation li .sub-menu li > ul {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	position: absolute;
	left: 150%;
	top: 0;
}

.dl-back {
    display: none!important;
}

/** reserv header **/

.reserv-header {
	display: inline-block;
	float: right;
}

.reserv-header a {
	font: 700 12px 'Montserrat', sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.reserv-header a:hover {
	color: rgb(118, 64, 203);
}

.main-header .close-menu,
.right-menu .close-menu {display: none;}
.nav-portfolio {
	display: none;
}

/** burger menu **/
.nav-menu-icon {position: absolute; top: 0; right: 15px; text-align: center; width: 24px; height: inherit; z-index: 600; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a {cursor: pointer;text-decoration: none; width: 24px;}
.nav-menu-icon a i {top: -3px; position: relative;display: inline-block; border-radius: 50%; width: 3px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #000;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i:before, .nav-menu-icon a i:after {content:''; width: 3px;height: 3px; border-radius: 50%;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i:before {top: -7px;}
.nav-menu-icon a i:after {bottom: -7px;}
.nav-menu-icon a:hover i:before {top: -10px;}
.nav-menu-icon a:hover i:after {bottom: 10px;}


/** header style 2 **/

.main-header.header-style-2 .nav-button,
.main-header.header-style-2 .nav-button-close {
	display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - MAIN FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-footer {
	position: absolute;
	width: 100%;
	height: auto;
}

.main-footer.footer-style-1 .logo-footer {
	margin-top: -5px;
}

.main-footer.footer-style-1 .logo-footer a {
    font: 32px 'Montserrat', sans-serif;
    color: #333;
    z-index: 1;
	text-transform: uppercase;
    display: inline-block;
}

/**----- left footer -----**/

.info-footer ul li {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	letter-spacing: 1.2px;
	margin-bottom: 1px;
}

.info-footer .mail-footer {
	letter-spacing: 1.4px;
}

.main-footer.footer-style-1 .info-footer {
	margin-bottom: 52px;
}

.main-footer.footer-style-1 .info-footer ul li {
	color: #333;
	letter-spacing: 0.7px;
	margin-bottom: 7px;
}

.main-footer.footer-style-1 .info-footer .link-maps {
	display: block;
	letter-spacing: -0.4px;
	margin-top: 31px;
	color: cornflowerblue;
}

.info-footer ul li:last-child {
	margin-bottom: 0;
}

.info-footer a {
	font: 700 13px 'Montserrat', sans-serif;
	color: #fff;
	letter-spacing: 1px
}

.main-footer.footer-style-1 .info-footer a {
	color: #333;
	font-weight: 400;
}

.main-footer.footer-style-1 .info-footer .title {
	border-bottom: 1px solid #333;
	font-size: 15px;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.main-footer.footer-style-1 .copyright {
	clear: both;
}

.main-footer.footer-style-1 .copyright p {
	color: #333;
}

/** social **/

.social li {
	display: inline-block;
	margin-right: 18px;
}

.social li:last-child {
	margin-right: 0;
}

.social li a {
	display: block;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	width: 40px;
	height: 40px;
}

.social li .fa {
	font-size: 23px;
	line-height: 40px;
	color: rgb(89, 48, 154);
}

/**----- right footer -----**/

.right-footer h5 {
	color: #fff;
	line-height: 40px;
	letter-spacing: 1px;
	margin-bottom: 42px;
}

.subscribe .subscribe-email, .subscribe .subscribe-submit {
	border: 1px solid #fff;
	border-radius: 5px;
	font: 700 12px 'Montserrat', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.subscribe .subscribe-email {
	color: #fff;
	padding: 30px 0 30px 30px;
	width: 66%;
	margin-right: 10px;
}

.subscribe .subscribe-email::-webkit-input-placeholder {
	color: #fff;
}

.subscribe .subscribe-email::-moz-placeholder {
	color: #fff;
}

.subscribe .subscribe-email::-ms-input-placeholder {
	color: #fff;
}

.subscribe .subscribe-submit {
	background-color: #fff;
	color: #000;
	padding: 30px 0;
	width: 29%;
}

.subscribe .subscribe-submit:hover {
	background-color: inherit;
	border-color: #fff;
	color: #fff;
}

.copyright p {
	font: 13px 'Open Sans', sans-serif;
	letter-spacing: 0.7px;
}

/** footer style 2 **/

.border-top-footer {
	border-top: 2px solid #000;
}

.main-footer.footer-style-2 .right-footer {
	margin-left: 26px;
}

.main-footer.footer-style-2 .social li a {
	background-color: #000;
}

.main-footer.footer-style-2 .social li .fa {
	color: #fff;
}

.main-footer.footer-style-2 .social li a:hover {
	background-color: #7640cb;
}

.main-footer.footer-style-2 .copyright {
	display: inline-block;
}

.main-footer.footer-style-2 .copyright p {
	color: #666;
}

.main-footer.footer-style-2 .info-footer {
	float: left;
}

.main-footer.footer-style-2 .info-footer:first-child {
	margin-right: 107px;
}

.main-footer.footer-style-2 .info-footer:last-child {
	margin-right: 0;
}

.main-footer.footer-style-2 .info-footer h6 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 12px;
}

.main-footer.footer-style-2 .info-footer li {
	color: #333;
	letter-spacing: 0.8px;
}

/** footer style 3 **/

.main-footer.footer-style-3 {
	background-color: rgb(70, 70, 70);
}

.main-footer.footer-style-3 .left-footer:before, .main-footer.footer-style-3 .right-footer:before {
	display: inline-block;
	content: '';
	background-color: rgb(255, 255, 255);
	width: 70px;
	height: 4px;
	margin-bottom: 63px;
}

.main-footer.footer-style-3 .logo-footer a {
	font: 32px 'Montserrat', sans-serif;
    color: #999;
    line-height: 28px;
    z-index: 1;
    text-transform: uppercase;
    display: inline-block;
}

.main-footer.footer-style-3 .social li a {
	background-color: inherit;
}

.main-footer.footer-style-3 .social li .fa {
	color: #fff;
	-webkit-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	transition: color .3s ease-out;
}

.main-footer.footer-style-3 .social li .fa:hover {
	color: #7640cb;
}

.main-footer.footer-style-3 .copyright p {
	color: rgb(153, 153, 153);
}

.logo-footer a {
	color: rgba(255, 255, 255, 0.2);
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	display: inline-block;
}

.logo-footer a:hover p {
	color: #7640cb;
}

.logo-footer a:hover {
	color: #7640cb;
}

.logo-footer h1 {
	font-size: 130px;
	line-height: 115px;
}

.logo-footer p {
	color: rgba(255, 255, 255, 0.2);
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.main-footer.footer-style-3 .subscribe-email {
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	margin-bottom: 28px;
	padding: 17px 0;
	text-transform: capitalize;
	width: 100%;
}

.main-footer.footer-style-3 .subscribe-email::-webkit-input-placeholder {
	color: #fff;
}

.main-footer.footer-style-3 .subscribe-email::-moz-placeholder {
	color: #fff;
}

.main-footer.footer-style-3 .subscribe-email::-ms-input-placeholder {
	color: #fff;
}

.main-footer.footer-style-3 .subscribe-submit {
	background-color: inherit;
	border-radius: 0;
	padding: 14px 77px;
	color: #fff;
	width: inherit;
	max-width: inherit;
}

.main-footer.footer-style-3 .subscribe-submit:hover {
	background-color: #fff;
	color: #000;
}

.main-footer.footer-style-3 .right-footer h5 {
	font: 700 14px 'Montserrat', sans-serif;
	line-height: 20px;
	margin-bottom: 30px;
	letter-spacing: 0.6px;
}

/** footer style 4 **/

.main-footer.footer-style-4 .top-footer {
	background-image: url('../images/banner/banner-footer.jpg');
	background-position: center;
	text-align: center;
	padding:110px 0 103px;
	position: relative;
}

.main-footer.footer-style-4 .top-footer .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(118, 64, 203, .7);
	width: 100%;
	height: 100%;
}

.main-footer.footer-style-4 .top-footer .logo-footer {
	margin-bottom: 48px;
	position: relative;
	z-index: 1;
}

.main-footer.footer-style-4 .top-footer .logo-footer a {
	font: 32px 'Montserrat', sans-serif;
	color: #fff;
	z-index: 1;
	letter-spacing: -2px;
}

.main-footer.footer-style-4 .top-footer .logo-footer span {
	font-size: 12px;
	letter-spacing: 3px;
	display: block;
	margin-top: 3px;
}

.main-footer.footer-style-4 .top-footer .link-top-footer {
	font: 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 4.8px;
	position: relative;
	z-index: 1;
}

.main-footer.footer-style-4 .top-footer .link-top-footer:after {
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	margin-top: 8px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.main-footer.footer-style-4 .top-footer .link-top-footer:hover:after {
	width: 100px;
}

/** bottom footer **/

.main-footer.footer-style-4 .bottom-footer {
	background-color: #7640cb;
	padding: 31px 0;
}

.main-footer.footer-style-4 .bottom-footer .social-footer {
	margin-left: 21px;
}

.main-footer.footer-style-4 .bottom-footer .social-footer li {
	display: inline-block;
	margin-right: 15px;
}

.main-footer.footer-style-4 .bottom-footer .social-footer li .fa {
	font-size: 25px;
	color: #fff;
}

.main-footer.footer-style-4 .bottom-footer .navigation-footer {
	margin-left: -9px;
}

.main-footer.footer-style-4 .bottom-footer .navigation-footer li {
	display: inline-block;
	margin-right: 20px;
}

.main-footer.footer-style-4 .bottom-footer .navigation-footer li a {
	font: 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2.9px;
}

.main-footer.footer-style-4 .bottom-footer .navigation-footer li a:hover {
	opacity: .7;
}

.main-footer.footer-style-5 .left-footer:before, .main-footer.footer-style-5 .right-footer:before {
	display: inline-block;
	content: '';
	background-color: rgb(255, 255, 255);
	width: 70px;
	height: 4px;
	margin-bottom: 65px;
}

.main-footer.footer-style-5 .subscribe-email::-webkit-input-placeholder {
	color: #fff;
}

.main-footer.footer-style-5 .subscribe-email::-moz-placeholder {
	color: #fff;
}

.main-footer.footer-style-5 .subscribe-email::-ms-input-placeholder {
	color: #fff;
}

#scroll-top {
	position: absolute;
	display: none;
	right: 45px;
	bottom: 75px;
	width: 20px;
	height: 80px;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
}

#scroll-top:before {
    content: '';
	display: inline-block;
	border: 5px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
    left: 50%;
    top: 37%;
    transform: translate(-50%, -37%);
}

#scroll-top:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 80px;
	background-color: #fff;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}

#click-scroll-top {
	font: 13px 'Open Sans', sans-serif;
	color: #fff;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	left: -31px;
	bottom: 167px;
	cursor: pointer;
	z-index: 1;
}

#click-scroll-top:after {
	content: '';
	background-image: url('../images/arrow-top.png');
	display: inline-block;
	width: 20px;
	height: 90px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	right: -89px;
	top: -37px;
}

#click-scroll-top.color-black {
	color: #333;
}

.scroll-discover {
	font: 13px 'Open Sans', sans-serif;
	color: #333;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	left: -34px;
	top: 595px;
	opacity: 1;
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
	z-index: 4;
}

.scroll-discover:before {
	content: '';
	background-image: url('../images/arrow-top.png');
	display: inline-block;
	width: 20px;
	height: 90px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	left: -107px;
	bottom: -37px;
}

.scroll-discover.active {
	opacity: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - HOMEPAGE 1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/**----- Banner -----**/

.title-banner h1 {
	text-transform: uppercase;
	color: #000;
	line-height: 70px;
	font-weight: 700;
	letter-spacing: -5.6px;
	padding-left: 3px;
}

.scroll-down {
	transform: rotate(-90deg);

}

/**----- Information Block -----**/

.information-block {
	text-align: center;
}

.information-block.align-left {
	text-align: left;
}

.information-block.information-no-seperator:before {
	display: none;
}

.information-block.no-marg-b h5 {
	margin-bottom: 0;
}

.information-block .title {
	margin-bottom: 82px;
	position: relative;
	line-height: 42px;
	letter-spacing: 1px;
}

.information-block:before {
	content: '';
	display: inline-block;
	background-color: #000;
	width: 70px;
  	height: 4px;
  	margin-bottom: 48px;
}

.information-block .information-button {
	display: inline-block;
	font: 700 12px 'Montserrat', sans-serif;
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	text-transform: uppercase;
	padding: 32px 79px;
	position: relative;
	letter-spacing: 3px;
}

.information-block .information-button:hover {
	background-color: inherit;
	color: #000;
}

.information-block.information-block-style-2 .title {
	margin-bottom: 165px;
}

/** bg tb style 2 **/

.bg-tb-style-2 {
	background-color: #7640cb;
}

.bg-tb-style-2 .information-block h5  {
	color: #fff;
}

.bg-tb-style-2 .information-block:before {
	background-color: #fff;
}

.background-information {
	width: 590px;
	height: 505px;
	background-color: #7640cb;
	position: absolute;
	left: 34px;
	right: 0;
	top: 0;
	margin: 0 auto;
}

/** bg tb style 3 **/

.bg-tb-style-3 {
	background-color: rgb(220, 220, 220);
}

.bg-tb-style-3 .information-block h5  {
	color: #000;
}

.bg-tb-style-3 .information-block:before {
	background-color: #000;
}

/** bg tb style 4-5 **/

.bg-tb-style-4 {
	background-image: url("../images/post/bg-information-post.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-tb-style-4 .information-block h5  {
	color: #fff;
}

.bg-tb-style-4 .information-block:before {
	background-color: #fff;
}

.bg-tb-style-5 {
	background: rgba(118, 64, 203, .7);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-tb-style-5 h5 {
	color: #fff;
}

.bg-tb-style-5 .information-block:before {
	background-color: #fff;
}

.bg-tb-style-6 {
	background-color: #f1980b;
}

.bg-tb-style-6 .information-block h5  {
	color: #fff;
}

.bg-tb-style-6 .information-block:before {
	background-color: #fff;
}


/**----- Food Philosophy -----**/


/** title section **/

.title-section.align-center h1 {
	text-align: center;
}

.title-section.align-right h1 {
	text-align: right;
}

.title-section h1 {
	font: 700 72px 'Montserrat', sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align: left;
	line-height: 70px;
	letter-spacing: -6px;
}

.title-section.no-before:before {
	display: none;
}

.title-section:before {
	content: '';
	display: inline-block;
	background-color: #000;
	width: 70px;
  	height: 4px;
  	margin-bottom: 44px;
}

.text-block h6 {
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 0.9px;
}

.text-block .title {
	font-size: 60px;
	line-height: 74px;
	color: #000;
	font-weight: 700;
	letter-spacing: -1px;
}

.text-block p {
	letter-spacing: 0.3px;
}

.text-block ul {
	margin-top: 32px;
}

.text-block ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #d4d4d4;
	padding: 4px 0;
}

.text-block .subtitle-text-block {
	margin-bottom: 0;
}

/*------------------------------------------------------*/
/*----------------------SWIPER SLIDER----------------------*/

.bg-slide {position:absolute; left:0px; top:0px; width: 100%; height:100%; overflow:hidden;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-slide.act{position: absolute;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}


.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;height: auto!important;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;
transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;cursor:url(../img/drag.png) 16 9, ew-resize!important;margin: 0 auto;height: inherit!important;float: left;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left; height: 645px; position: relative;}

.slider-wrap {
	position: relative;
}

.slider-wrap.slider-agency .swiper-slide {
	height: 810px;
}

.swiper-wrapper.left-push-swiper .swiper-slide .bg-slide {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	filter: grayscale(1);
	transition: all .3s ease-out;
}

.swiper-wrapper.left-push-swiper .swiper-slide-active .bg-slide {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}

.swiper-wrapper.left-push-swiper .swiper-slide-active .swiper-title {
	left: 11%;
	display: block;
	width: 100%;
	height: 100%;
}

.slide-prev, 
.slide-next {
	display: block; 
	width: 84px; 
	height: 11px; 
	position: absolute; 
	top: 20.5%; 
	transform: translateY(-20%);  
	cursor: pointer;
}

.slide-prev {
	left: -31px;
	background-image: url("../images/arrow-prev.png");
}

.slide-next {
	right: -31px;
	background-image: url("../images/arrow-next.png");
}

.pagination.pagination-show {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.pagination.center-pagin {
	left: 50%;
}

.pagination.pagination-show .swiper-pagination-switch {
    background-color: #fa30a6;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: 2px;
    margin-bottom: 2px;
}

.pagination.pagination-show .swiper-active-switch, .pagination.pagination-show .swiper-pagination-switch:hover {
	width: 10px;
	height: 10px;
	margin-top: 0;
	margin-bottom: 0;
}

/** prev next arrow category **/

.next-push-left, 
.prev-push-left {
	display: block;  
	position: absolute; 
	top: 20%; 
	transform: translateY(-20%);  
	cursor: pointer;
}

.next-push-left {
	background-image: none;
	height: 100%;
	right: 0;
	width: 150px;
}

.prev-push-left {
	display: none;
}

/**----- Counters -----**/

.counters-line {
	text-align: center;
}

.counters-line .counter-block .timer {
	font: 700 72px 'Montserrat', sans-serif;
	color: #7640cb;
	letter-spacing: -6px;
}

.counters-line .counter-block h6 {
	font: 700 12px 'Montserrat', sans-serif;
	color: #7640cb;
	text-transform: uppercase;
	line-height: 12px;
	letter-spacing: 3px;
}

/**----- post blog -----**/

.post {
	max-height: 392px;
	overflow: hidden;
}

.post .info-post, .post .img-post {
	float: left;
	width: 50%;
}

.post .img-post {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.post:hover .img-post {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}

.post.width-full {
	max-height: inherit;
}

.post.width-full .info-post, .post.width-full .img-post {
	float: left;
	width: 100%;
}

.post .info-post {
	position: relative;
	background-color: #7640cb;
	padding: 46px 45px;
	min-height: 392px;
}

.post.width-full .info-post {
	min-height: inherit;
}

.post .info-post .post-detail-link {
	display: block;
	color: #fff;
	margin-bottom: 18px;
	font: 29px 'Montserrat', sans-serif;
	letter-spacing: 1.8px;
	line-height: 41px;
}

.post .info-post .post-detail-link:hover {
	opacity: .7;
}

.post .post-text {
	color: #fff;
}

.post .info-post .category-post {
	display: inline-block;
    float: left;
    margin-right: 37px;
}

.post .info-post .date-post {
	margin-bottom: 8px;
}

.post .info-post .date-post p, .post .info-post .category-post p  {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.post .info-post .post-link {
	display: inline-block;
	font: 400 12px 'Montserrat', sans-serif;
	color: #fff;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 5px;
	position: absolute;
	bottom: 25px;
}

.post.width-full .info-post .post-link {
	margin-top: 50px;
	position: static;
}

.post .info-post .post-link:after {
	content: '';
	display: inline-block;
	width: 56%;
	height: 2px;
	background-color: #fff;
	position: relative;
	top: -10px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.post:hover .info-post .post-link:after {
	width: 100%;
}

.post.width-full .info-post {
	padding: 31px 45px 23px;
}

.post.width-full .info-post .post-detail-link {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 37px;
	margin-bottom: 2px;
}

.post.width-full .post-text {
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 0.7px;
}


/**----- list category -----**/

.list-category {
	text-align: center;
}

.list-category li:last-child {
	margin-bottom: 0;
}

.list-category .link-lc {
	font: 700 72px 'Montserrat', sans-serif;
	color: #666;
	text-transform: uppercase;
	letter-spacing: -6px;
	line-height: 84px;
}

.list-category .detail-lc {
	font: 700 12px 'Montserrat', sans-serif;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.list-image li {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.list-image img {
	margin-bottom: 50px;
}

.list-category.category-style-1 li {
	margin-bottom: 41px;
}

/** list category style 2 **/

.list-category.category-style-2 .link-lc {
	color: #000;
}

.list-category.category-style-2 .link-lc:hover {
	color: #fff;
}

.list-category.category-style-2 .detail-lc {
	color: #000;
}

/** list category style 3 **/

.list-category.category-style-3 {
	text-align: left;
	z-index: 2;
	margin-top: -165px;
	margin-bottom: 78px;
}

.list-category.category-style-3 li {
	margin-bottom: 55px;
}

.list-category.category-style-3.align-center {
	text-align: center;
}

.img-categ-list.active {
	opacity: 1;
	visibility: visible;
}

.img-categ-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.list-category.category-style-3 .link-lc,
.list-category.category-style-3 .detail-lc {
	color: #000;
	position: relative;
	z-index: 1;
}

.list-category.category-style-3 .link-lc.active,
.list-category.category-style-3 .detail-lc.active {
	z-index: 0;
}

.list-category.category-style-3 .link-lc {
	display: block;
	line-height: 56px;
	margin-bottom: 13px;
}

/** list category 4 **/

.list-category.category-style-4 {
	text-align: left;
	z-index: 2;
	margin-top: 85px;
	margin-bottom: 78px;
}

.list-category.category-style-4 li {
	margin-bottom: 0;
}

.list-category.category-style-4.align-center {
	text-align: center;
}

.list-category.category-style-4 .link-lc,
.list-category.category-style-4 .detail-lc {
	color: #000;
}

.list-category.category-style-4 .link-lc {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 61px;
	line-height: 58px;
	margin-bottom: 0;
}

/**----- team -----**/

.team-item .detail-team {
	padding: 39px 0;
}

.team-item .detail-team h6 {
	font-weight: 700;
	letter-spacing: 1px;
}

.team-item .detail-team p {
	font-size: 12px;
	color: rgb(51, 51, 51);
	line-height: 40px;
}

.team-item .img-team .hover-item {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.team-item .img-team:hover .hover-item {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	transform: scale(.7);
}

/**----- Portfolio -----**/

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

.portfolio-item.portfolio-style-1 .detail-portf-item {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.portfolio-item.portfolio-style-1 .content-detail-portfolio {
	height: 100%;
	position: absolute;
	margin-top: 40%;
	margin-left: 6%;
}

.portfolio-item.portfolio-style-1 .detail-portf-item a {
	font: 24px 'Montserrat', sans-serif;
	color: #fff;
	margin-bottom: 6px;
	letter-spacing: 1px;
}

.portfolio-item.portfolio-style-1 .detail-portf-item h5 {
	color: #fff;
}

.portfolio-item.portfolio-style-1 .detail-portf-item p {
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
}

.portfolio-item.portfolio-style-1:hover .detail-portf-item {
	background-color: rgba(118, 64, 203, .9);
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HOMEPAGE 2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/**----- banner -----**/

.main-banner {
	position: relative;
}

.main-banner .scroll-bottom {
	position: absolute;
	bottom: 55px;
}

/**----- portfolio -----**/

.portfolio-item.portfolio-style-4 {
	width: 33.3333%;
	padding-left: 45px;
	padding-right: 45px;
	margin-bottom: 37px;
}


.portfolio-item.portfolio-style-2 {
	width: 33.3333%;
	padding-left: 45px;
	padding-right: 45px;
	margin-bottom: 37px;
}

.portfolio-item.portfolio-style-2 img,
.portfolio-item.portfolio-style-4 img {
	width: 100%;
}

.portfolio-item.portfolio-style-2 .img-portf,
.portfolio-item.portfolio-style-4 .img-portf {
	position: relative;
	display: block;
}

.portfolio-item.portfolio-style-2 .hover-portf,
.portfolio-item.portfolio-style-4 .hover-portf {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.portfolio-item.portfolio-style-2 .img-portf:hover .hover-portf,
.portfolio-item.portfolio-style-4 .img-portf:hover .hover-portf {
	opacity: 1;
	visibility: visible;
}

.portfolio-item.portfolio-style-2 .detail-portf-item,
.portfolio-item.portfolio-style-4 .detail-portf-item {
	padding: 21px 0;
	text-indent: 3px;
}

.portfolio-item.portfolio-style-2 .detail-portf-item a,
.portfolio-item.portfolio-style-4 .detail-portf-item a {
	font: 24px 'Montserrat', sans-serif;
	color: #333;
	margin-bottom: 6px;
	letter-spacing: 1px;
}

.portfolio-item.portfolio-style-2 .detail-portf-item p,
.portfolio-item.portfolio-style-4 .detail-portf-item p {
    font-size: 13px;
    color: rgb(51, 51, 51);
	line-height: 36px;
	letter-spacing: 0.3px;
}


/**----- Subscribe -----**/

.subscribe-block:before {
	display: inline-block;
	content: '';
	background-color: #000;
	width: 70px;
	height: 4px;
	margin-bottom: 48px;
}

.subscribe-block .title {
	color: #000;
	line-height: 41px;
	margin-bottom: 100px;
	letter-spacing: 1px;
}

.subscribe-block .subscribe .subscribe-email, .subscribe-block .subscribe .subscribe-submit {
	border: 1px solid #000;
	border-radius: 5px;
	font: 700 12px 'Montserrat', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.subscribe-block .subscribe .subscribe-email {
	color: #000;
	padding: 30px 0 30px 30px;
	margin-right: 11px;
}

.subscribe .subscribe-email::-webkit-input-placeholder {
	color: #000;
}


.subscribe .subscribe-email::-moz-placeholder {
	color: #000;
}


.subscribe .subscribe-email::-ms-input-placeholder {
	color: #000;
}

.subscribe-block .subscribe .subscribe-submit {
	background-color: #000;
	color: #fff;
	padding: 30px 0;
	display: inline-block;
	letter-spacing: 2.1px;
}

.subscribe-block .subscribe .subscribe-submit:hover {
	background-color: inherit;
	border-color: #000;
	color: #000;
}

.subscribe-block-style-2 .title {
	margin-bottom: 70px;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - PORTFOLIO 1-4 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.link-next-portfolio {
	position: fixed;
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	z-index: 10;
}

.link-next-portfolio.position-right {
	right: -62px;
	float: right;
}

.link-next-portfolio .title {
	font-size: 72px;
	font-weight: 700;
	letter-spacing: -6px;
	line-height: 71px;
	margin-bottom: 4px;
}

.link-next-portfolio .subtitle {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	padding-left: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-bottom .3s ease-out;
	-moz-transition: border-bottom .3s ease-out;
	transition: border-bottom .3s ease-out;
}

/** Portfolio 1-2 **/

.portfolio-item.portfolio-style-3 {
	margin-bottom: 55px;
}

.list-deatil-portfolio .detail-portf-item {
	border-bottom: 1px solid #dcdcdc;
	padding: 23px 0;
}

.list-deatil-portfolio .categoty-detail-portf {
	margin-bottom: 11px;
}

.portfolio-item.portfolio-style-3 .name-detail-portf {
	color: #333;
	display: block;
}

.portfolio-item.portfolio-style-3 .name-detail-portf:hover {
	opacity: .7;
}

.portfolio-item.portfolio-style-3 .name-detail-portf, .list-deatil-portfolio .name-detail-portf {
	margin-bottom: 7px;
}

.portfolio-item.portfolio-style-3 .name-detail-portf .title-detail, .portfolio-item.portfolio-style-3 .name-detail-portf .price-detail {   
    font: bold 24px 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

.list-deatil-portfolio .name-detail-portf h5, .list-deatil-portfolio .price-detail {  
    font: bold 18px 'Montserrat', sans-serif;
    color: rgb(51, 51, 51);
}

.list-deatil-portfolio .time-work {
	display: inline-block;
    font: 12px 'Open Sans', sans-serif;
    color: #999;
    margin-right: 25px;
}

.portfolio-item.portfolio-style-3 .detail-portf-item {
	margin-top: 13px;
}

.portfolio-item.portfolio-style-3 .name-detail-portf .title-detail, .list-deatil-portfolio .name-detail-portf h5 {
	float: left;
}

.portfolio-item.portfolio-style-3 .name-detail-portf .price-detail, .list-deatil-portfolio .name-detail-portf .price-detail {
	float: right;
}

.portfolio-item.portfolio-style-3 .name-detail-portf sup {
	font-size: 14px;
}

.portfolio-item.portfolio-style-3 .categoty-detail-portf {
	margin-bottom: 15px;
	width: 75%;
}

.portfolio-item.portfolio-style-3 .categoty-detail-portf li, .list-deatil-portfolio .categoty-detail-portf li {
	display: inline-block;
	font: 13px 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	letter-spacing: -0.2px;
	line-height: 21px;
}

.portfolio-item.portfolio-style-3 .categoty-detail-portf li:after, .list-deatil-portfolio .categoty-detail-portf li:after {
	content: "/";
	padding: 0 5px;
}

.portfolio-item.portfolio-style-3 .categoty-detail-portf li:last-child:after,
.list-deatil-portfolio .categoty-detail-portf li:last-child:after {
	content: "";
}

.portfolio-item.portfolio-style-3 .info-detail-portf li {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #999;
	margin-right: 21px;
	letter-spacing: 0.2px;
}

.portfolio-item.portfolio-style-3 .info-detail-portf li:last-child {
	margin-right: 0;
}

.portfolio-item.portfolio-style-3 .img-portf {
	position: relative;
}

.portfolio-item.portfolio-style-3 .img-portf .new-icon {
	position: absolute;
	right: 0;
	top: 4px;
	background-color: #333;
	border-radius: 50%;
	padding: 46px 37px 25px 21px;
	color: #fff;
	font: 14px 'Montserrat', sans-serif;
}

.portfolio-item.portfolio-style-3 .hover-portf {
	opacity: 0;
	visibility: hidden;
	background-color: rgba(118, 64, 203, .9);
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	position: absolute;
	top: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.portfolio-item.portfolio-style-3 .img-portf:hover .hover-portf {
	opacity: 1;
	visibility: visible;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.list-about .title-list-about {
	font: 700 18px 'Montserrat', sans-serif;
	margin-bottom: 35px;
	letter-spacing: 0.3px;
}

.list-about li {
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	color: #414141;
	line-height: 28px;
	letter-spacing: -0.2px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - POST */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.link-social-post {
	float: right;
}

.date-detail-post h6 {
	font-weight: 700;
	letter-spacing: 2px;
}

.link-social-post a {
	display: inline-block;
	font: 700 13px 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

.link-social-post a:first-child {
	margin-bottom: 18px;
}

.quote-author h6 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 29px;
	letter-spacing: 0.3px;
	line-height: 28px;
}

.quote-author p {
	color: #333;
	letter-spacing: 0.3px;
}

.back-project, .back-404 {
	display: inline-block;
	font: 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	padding-bottom: 9px;
	padding-right: 15px;
	letter-spacing: 5px;
}

.back-project {
	color: #7640cb;
	border-bottom: 2px solid #7640cb;
}

.back-404 {
	color: #000;
	border-bottom: 2px solid #000;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - 404 PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.content-404 {
	text-align: center;
}

.content-404 h1 {
	font-weight: 700;
	color: rgb(118, 64, 203);
	text-transform: uppercase;
	margin-bottom: 68px;
}

.content-404 h5 {
	font-family:  'Montserrat', sans-serif;
	margin-bottom: 45px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - CATEGORY 1-4 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.social-links {
	text-align: center;
	padding-bottom: 55px;
	padding-top: 50px;
}

.social-links.align-left {
	text-align: left;
}

.social-links li {
	display: inline-block;
	margin-right: 23px;
}

.social-links li:last-child {
	margin-right: 0;
}

.social-links li a {
	font-size: 13px;
	font-family: 'Opens Sans', sans-serif;
	color: rgb(102, 102, 102);
}

.social-links li a:hover {
	color: #7640cb;
}

.img-category {
	display: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

/** category slider **/

.category-slider .swiper-wrapper {
	cursor: pointer;
	max-height: 790px;
}

.category-slider .swiper-slide {
	height: 100px;
	text-align: center;
	margin-bottom: 40px;
}

.category-slider .swiper-slide-active .linc-lc {
	color: #fff;
}
.category-slider .clip .link-lc {
	color: #000;
	font: 700 72px 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.category-slider .clip .detail-lc {
	color: #000;
	font: 700 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.wpc-map {
	height: 100vh;
}

.detail-contact-form {
	background: rgba(118, 64, 203, .9);
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
}

.info-contact ul li {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(204, 185, 233);
	letter-spacing: 1px;
	margin-bottom: 9px;
}

.info-contact ul li:last-child {
	margin-bottom: 0;
}

.info-contact a {
	font: 700 13px 'Montserrat', sans-serif;
	color: #fff;
	letter-spacing: 1px
}

.info-contact .mail-info-f {
	font-size: 14px;
	text-decoration: underline;
}

.info-contact h6 {
	color: #fff;
	font-size: 14px;
}

.contact-form .form-control {
	padding: 16px 0;
	font: 700 14px 'Montserrat', sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	background-color: inherit;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	height: auto;
	margin-bottom: 32px;
	letter-spacing: 0.5px;
}

.contact-form .form-control::-webkit-input-placeholder {
	color: #ccb9e9;
}

.contact-form .form-control:focus {
	border-color: #ccb9e9;

}

.contact-form .col-md-12:last-child {
	text-align: center;
	margin-top: 11px;
}

.contact-form input[type="submit"] {
	display: inline-block;
	border: 1px solid #fff;
	font: 700 12px 'Montserrat', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 17px 79px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-form input[type="submit"]:hover {
	background-color: #fff;
	color: #000;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.detail-contact-form .social-links a {
	color: #ccb9e9;
}

.detail-contact-form .social-links a:hover {
	color: #fff;
}

.contact-page {
	position: absolute;
	left: 15px;
	top: 147px;
	z-index: 1;
}

.title-list-contact {
	margin-bottom: 16px;
}

.contact-block .contact-form input[type="submit"] {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.contact-block .contact-form input[type="submit"]:hover {
	background-color: inherit;
	border-color: #fff;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - SEARCH PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.search-page input[type="search"] {
	height: 105px;
	width: 100%;
	font: 700 60px 'Montserrat', sans-serif;
	line-height: 1.25;
	color: #7640cb;
	border-bottom: 1px solid rgba(0,0,0, .2);
}

.search-page input[type="search"]::-webkit-input-placeholder {
	color: rgb(153, 153, 153);
} 

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - PROJECT 3 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.swiper-wrapper.swiper-project {
	left: -10%;
}

.swiper-wrapper.swiper-project .swiper-slide .bg-slide {
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.swiper-wrapper.swiper-project .swiper-title {
	background-color: #f0f0f0;
	width: 35%;
	height: 100%;
	left: 10%;
	padding-left: 25px;
	padding-right: 25px;
}

.swiper-wrapper.swiper-project .swiper-title .link-next-portfolio {
	position: relative;
	left: -20px;
}

/** detail project showcase **/
.detail-project-showcase .name-detail-project {
	margin-top: 48px;
	margin-bottom: 59px;
}

.detail-project-showcase .name-detail-project h5 {
	float: left;
	color: #000;
	letter-spacing: 1px;
}

.detail-project-showcase p {
	letter-spacing: 0;
	font-size: 13px;
	margin-bottom: 30px;
}

.detail-project-showcase .name-detail-project .price-detail p {
	float: right;
	font: 24px 'Montserrat', sans-serif;
	color: #000;
	margin-bottom: 0;
}

.detail-project-showcase .spacing-text {
	font-size: 13px;
	letter-spacing: 0;
	line-height: 16px;
	margin-top: -15px;
}

.info-detail-project {
	border: 1px solid #666;
	margin-top: 337px;
	width: 100%;
}

.info-detail-project li {
	display: inline-block;
	padding: 18px 0;
	border-right: 1px solid #666;
	width: 33.3333%;
	margin: 0 0 0 -3px;
	text-align: center;
	font: 12px 'Open Sans', sans-serif;
}


.info-detail-project li:last-child {
	border-right: 0;
}

.project-prev {
	left: 25px;
	top: 23%;
}

.project-next {
	left: 283px;
	top: 23%;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - AGENCY PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.bg-banner .title-banner {
	position: absolute;
	top: 10%;
	left: 6%;
}

.bg-banner .title-banner h1 {
	color: #fff;
	letter-spacing: -5px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - ABOUT AGENCY PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.services-content .item-services {
	text-align: center;
	margin-bottom: 95px;
}

.services-content .item-services .fa {
	font-size: 40px;
	margin-bottom: 39px;
}

.services-content .item-services .title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-bottom: 34px;
	letter-spacing: 1px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - CLIENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.clients-block {
	text-align: center;
}

.clients-block .title {
	font: 12px 'Open Sans', sans-serif;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.clients-block .clients-img {
	padding: 50px 0;
}

.clients-block .clients-img a {
	margin-right: 35px;
    display: inline-block;
}

.clients-block .clients-img img {
	display: block;
	opacity: .5;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.clients-block .clients-img a:hover img {
	opacity: 1;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - BLOG AGENCY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.fillter-wrap {
	margin-bottom: 72px;
	padding-bottom: 5px;
}

.fillter-wrap .but {
	font: 13px 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.fillter-wrap .but.activbut {
	border-bottom: 2px solid #f22e9e;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 17 - ARCHITECTURE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.link-about {
	display: inline-block;
    font: 400 12px 'Montserrat', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.link-about:after {
    content: '';
    display: inline-block;
    width: 40%;
    height: 2px;
    position: relative;
    top: -10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.link-about:hover:after {
	width: 100%;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - PROJECTS ARCHITECTURE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.project-architecture .img-project:hover .hover-project {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	transform: scale(.6);
}

.project-architecture .hover-project {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	background-color: rgba(241, 152, 11, .6);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.project-architecture .detail-project {
	padding: 10px 0;
}

.project-architecture .detail-project .title {
	display: block;
	font: 700 23px 'Montserrat', sans-serif;
	color: #333;
	margin-bottom: 15px;
	letter-spacing: 2px;
	line-height: 19px;
}

.project-architecture .detail-project .title:hover {
	opacity: .7;
}

.project-architecture .detail-project .categoty-project li {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;	
}

.project-architecture .detail-project .categoty-project li:after {
	content: "/";
	padding: 0 5px;
}

.project-architecture .detail-project .categoty-project li:last-child:after {
	content: "";
}

.projects .project-architecture {
	margin-bottom: 110px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19 - SHOWCASE FURNITURE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.next-project-showcase {
	position: relative;
}

.next-project-showcase .back-project {
	width: 12%;
	float: left;
	position: absolute;
	bottom: 31%;
}

.next-project-showcase .back-project.next-project {
	right: 5%;
	bottom: 24.8%;
}

.next-project-showcase .portfolio-item.portfolio-style-4 {
	width: 50%;
	padding-left: 0;
	padding-right: 0;
}

.next-project-showcase .portfolio-item.portfolio-style-3 {
	width: 67%;
}

.next-project-showcase .portfolio-item.portfolio-style-3 .detail-portf-item {
	margin-top: 7px;
}

.next-project-showcase .portfolio-item.portfolio-style-4.padd-r-95 {
	padding-right: 95px;
}

.next-project-showcase .portfolio-item.portfolio-style-4.padd-l-100 {
	padding-left: 100px;
}

.next-project-showcase .portfolio-item.portfolio-style-4.marg-l-395 {
	margin-left: 395px;
}

.next-project-showcase .portfolio-item.portfolio-style-4.padd-l-150 {
	padding-left: 150px;
}

.text-block.text-block-style-2 .subtitle-text-block {
	margin-bottom: 117px;
	margin-top: 25px;
}

.text-block.text-block-style-2 p {
	letter-spacing: 0.3px;
	line-height: 28px;
	margin-bottom: 9px;
}

.text-block.text-block-style-3 .date-detail-post {
	margin-top: 45px;
}

.text-block.text-block-style-3 p {
	margin-bottom: 9px;
	line-height: 28px;
	letter-spacing: 0.3px;
}

.text-block.text-block-style-4 p {
	margin-top: 145px;	
}

.text-block.text-block-style-4 ul {
	margin-top: 34px;
}

.text-block.text-block-style-5 p {
	margin-bottom: 26px;
}

.text-block.text-block-style-6 h2 {
	margin-bottom: 71px;
}

.text-block.text-block-style-6 p,
.text-block.text-block-style-7 p {
	margin-bottom: 10px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 20 - PHOTOGRAPHY HOME PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.img-portfolio {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
}

.img-portfolio:hover .hover-portfolio {
	opacity: 1;
	visibility: visible;
}

.img-portfolio .hover-portfolio {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.img-portfolio.full-width {
	width: 71.5%;
}

.img-portfolio.middle-width {
	width: 43%;
}

.img-portfolio.small-width {
	width: 28.5%;
}

.img-portfolio.min-height {
	height: 364px;
}

.img-portfolio .hover-portfolio .title {
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 10%;
	left: 50%;
	-webkit-transform: translate(-50%, -10%);
	-moz-transform: translate(-50%, -10%);
	transform: translate(-50%, -10%);
}

.img-portfolio .hover-portfolio .link-project {
	font: 400 14px 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 3.3px;
	width: 100%;
	position: absolute;
	top: 54%;
	-webkit-transform: translateY(-54%);
	-moz-transform: translateY(-54%);
	transform: translateY(-54%);
	text-align: center;
}

.img-portfolio .hover-portfolio .link-project:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: #fff;
	margin: auto;
	margin-top: 10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.img-portfolio:hover .link-project:after {
	width: 65px;
}


.view-item {
	width: 100%;
	height: 100%;
	display: block;
}

.mfp-counter {
	font: 18px 'Josefin Sans', sans-serif;
}



/** links next showcase **/

.link-next-showcse {
	display: inline-block;
    font: 12px 'Montserrat', sans-serif;
    color: #0445eb;
    border-bottom: 1px solid #0445eb;
    text-transform: uppercase;
    padding-bottom: 9px;
    padding-right: 15px;
    letter-spacing: 5px;
}

.bg-full-w {
	width: 57%;
}

/** popup photography **/

.mfp-bg {
	background-color: #fff;
}

.mfp-counter {
	display: none;
}

.mfp-arrow {
	opacity: 1;
}

.mfp-content .mfp-close {
	font: 12px 'Montserrat', sans-serif;
	color: #333;
	text-transform: uppercase;
	top: 9%;
	right: 15px;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21 - PHOTOGRAPHY CONTACT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.info-contact-page ul li {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	letter-spacing: 1.2px;
	margin-bottom: 1px;
}

.info-contact-page {
	margin-bottom: 52px;
}

.info-contact-page ul li {
	color: #333;
	letter-spacing: 0.7px;
	margin-bottom: 7px;
}

.info-contact-page .link-maps {
	display: block;
	letter-spacing: -0.4px;
	margin-top: 31px;
	color: cornflowerblue;
}

.info-contact-page ul li:last-child {
	margin-bottom: 0;
}

.info-contact-page a {
	font: 700 13px 'Montserrat', sans-serif;
	color: #fff;
	letter-spacing: 1px
}

.info-contact-page a {
	color: #333;
	font-weight: 400;
}

.info-contact-page .title {
	border-bottom: 1px solid #333;
	font-size: 15px;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

/** contact form **/

.contact-forms {
	padding: 68px 98px;
}

.contact-forms .title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.4px;
	margin-bottom: 40px;
}


.contact-forms .form-control {
	padding: 16px 0;
	font: 700 14px 'Montserrat', sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	background-color: inherit;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
}

.contact-forms textarea.form-control {
	height: 144px;
}

.contact-forms .form-control::-webkit-input-placeholder {
	color: rgba(255,255,255, .7);
}

.contact-forms .form-control::-moz-placeholder {
	color: rgba(255,255,255, .7);
}

.contact-forms .col-md-12:last-child {
	text-align: center;
	margin-top: 11px;
}

.contact-forms input[type="submit"] {
	display: inline-block;
	border: 1px solid #fff;
	font: 700 12px 'Montserrat', sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 14px 77px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-forms input[type="submit"]:hover {
	background-color: #fff;
	color: #000;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 22 - FUTNITURE CONTACT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.content-contact-form {
	padding: 90px 97px 48px;
}

.content-contact-form .info-contact-page .title {
	border-bottom-color: #fff;
}

.content-contact-form .info-contact-page .title,
.content-contact-form .info-contact-page ul li,
.content-contact-form .info-contact-page a {
	color: #fff;
}

.content-contact-form .form-control::-webkit-input-placeholder {
	color: #fff;
}

.content-contact-form .form-control::-moz-placeholder {
	color: #fff;
}

.content-contact-form .form-control::-ms-input-placeholder {
	color: #fff;
}

.content-contact-form .form-control:focus {
	border-bottom-color: #fff;
}

.content-contact-form  .contact-form .form-control {
	margin-bottom: 12px;
}

.content-contact-form .contact-form input[type="submit"] {
	padding: 14px 78px;
	margin-top: 27px;
}

.bg-contact {
	background-image: url('../images/contact/bg-contact.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.contact-reservation {
	margin-left: 30px;
	margin-right: 30px;
}

.contact-reservation .form-control {
	font-size: 16px;
	letter-spacing: 1.8px;
	padding-bottom: 6px;
	margin-bottom: 42px;
}

.contact-reservation input[type="submit"] {
    margin-top: 69px;
    background-color: #333;
    border-color: #333;
    border-radius: 5px;
    display: inline-block;
    padding: 33px 47px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bottom-footer.bottom-reservation {
	padding: 26px 0 24px;
	margin-top: 54px;
}

.bottom-footer.bottom-reservation .social-footer {
	margin-left: 12px;
}

.bottom-footer.bottom-reservation .social-footer li {
	display: inline-block;
	margin-right: 14px;
}

.bottom-footer.bottom-reservation .social-footer li .fa {
	font-size: 26px;
	color: #fff;
}

.bottom-footer.bottom-reservation .navigation-footer {
	margin-left: -9px;
}

.bottom-footer.bottom-reservation .navigation-footer li {
	display: inline-block;
	margin-right: 20px;
}

.bottom-footer.bottom-reservation .navigation-footer li a {
	font: 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 3px;
}

.contact-reservation .padd-input-contact[type="submit"] {
	padding: 33px 77px;
}
.post {
	opacity: 0;
	transform: translateY(100px);
	transition: all .7s ease;
}

.visible {
	opacity: 1;
	transform: translateY(0);
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 23 - SLIDER HOVER ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.container-slider {
	position: relative;
	overflow: hidden;
	height: 815px;
}

.content-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.arrow-slider-next {
    position: absolute;
    z-index: 40;
    right: 0;
    top: 0;
    width: 180px;
    height: 100%;
    cursor: pointer;
    background: rgba(0,0,0,0);
}

.slide-item {
	color: #333;
}

.slide-item-bg,
.slide-item-about {
	position: absolute;
    overflow: hidden;
    top: 0;
    height: 100%;
    right: -4%;
}

.slide-item-about {
	right: -10%;
}

.slide-item-bg {
	width: 108%;
}

.slide-item-bg-picture {
    position: absolute;
    right: 0;
    top: 0;
    width: 108vw;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-transition: opacity .5s cubic-bezier(.215,.61,.355,1);
    transition: opacity .5s cubic-bezier(.215,.61,.355,1);
}

.slide-item-next .slide-item-bg,
.slide-item-next .slide-item-about {
    width: 15%;
    padding-left: 120px;
    -webkit-transition: width .5s ease-out;
	transition: width .5s ease-out;
	z-index: 30;
}

.slide-item-far .slide-item-bg,
.slide-item-far .slide-item-about {
	width: 0%;
	-webkit-transition: width .5s ease-out;
	transition: width .5s ease-out;
}

.slider-next .slide-item-next .slide-item-bg {
	width: 20%;
}

.slide-item-active .slide-item-about {
	left: 2%;
	top: 8%;
}

.slide-item .slide-item-about .title {
	font: 700 72px 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: -7px;
	line-height: 60px;
	margin-bottom: 20px;
}

.slide-item .slide-item-about .subtitle {
	display: inline-block;
	font: 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	transition: all .3s ease-out;
	letter-spacing: 5px;
}