@charset "utf-8";

/* CSS Document */



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

[Table of contents]

0. Fonts

1. Clearfix

2. Preloader

3. Typography

4. Headings

5. Main Nav

6. Main Content

7. Column Grid

8. Content Elements

9. Icons

10. Image Hover

11. Footer

12. Lists

13. Google Maps

14. Blog

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





/* =0. Fonts

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

@font-face {

 font-family: 'fontello';

 src: url('../fonts/fontello.eot?3837060');

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

 font-weight: normal;

 font-style: normal;

}



@font-face {
  font-family: 'cocon';
  src: url('../fonts/cocon-light-webfont.eot?3837060');
  src: url('../fonts/cocon-light-webfont.eot') format('eot'),
       url('../fonts/cocon-light-webfont.woff') format('woff'),
       url('../fonts/cocon-light-webfont.ttf') format('truetype');
}
body, p, a, input, select, textarea,i, span{
	font-family: "cocon",sans-serif !important;
}
a{
	font-weight: 500;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?43886684#fontello') format('svg');

  }

}

*/

/* End Fonts

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





/* =1. Clearfix

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

.clear { clear: both; }

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }/* hides clearfix from IE-mac */

.clearfix { display:block; }/* end hide from IE-mac */

.alignleft { float:left; }

.alignright { float:right; }

.aligncenter { margin:0 auto; display:inline-block; }

.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }

.centered { text-align:center; }

.hidden { display: none; visibility: hidden; }

/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */

*, *:before, *:after { -webkit-font-smoothing: antialiased; }

.flexslider { -webkit-transform: translateZ(0px); }

/* End Clearfix

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





/* =2. Preloader

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

#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#242423; z-index:9999; }

#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }

/* horizontal centering */

.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }

.child { text-align:center; }

/* vertical centering */

.parent { display: table }

.child { display: table-cell; vertical-align: middle; padding:0; }

.child span { text-transform:uppercase; }

/* End Preloader

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





/* =3. Typography

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

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100%; -webkit-text-size-adjust: 100%; }

body { font-size: 16px; font-family: 'cocon'; color:#555; background:#e4e5e6; }

strong { font-weight:600; }

a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

p { line-height:1.5; padding:0 0px 13px 0px; }

a { text-decoration:none; }

p a { color:#555; text-decoration:none; /*border-bottom:1px solid #888;*/ }

p a:hover { color:#ed1651 !important;/* border-bottom:1px solid #555;*/ }

p a.active{
	color:#ed1651 !important;
}

a p { color:#555; }
header > p{
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -20px;
	
}
header > p a{
	font-size: 13px !important;
	letter-spacing: 1.5px;
}

.no-underline p a { border-bottom:0px; color:#2b2b2b }

p.small, span.small { font-size:11px; text-transform:uppercase; font-weight:400; font-family: "Montserrat", "Open Sans", Arial, Helvetica, sans-serif; color:#555; letter-spacing:2px; padding:0 0 5px 0; line-height:1.9 }

p.small.bigger { font-size:13px; }

aside p { padding-bottom:13px !important }

blockquote p.small a { color:#777 }

blockquote p.small a:hover { color:#2b2b2b; }

p.tiny { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; font-weight:400; font-size:12px; }

.blog-teaser p.tiny { padding-bottom:5px }

p.above-h2 { padding:0px 0 13px 0 }

#preloader p.small { color:#555 !important; padding:0 !important }

span.arrow { font:20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top:-4px; display:inline-block; opacity:0 }

blockquote { padding:0px 0px 2px 43px; color:#555; font-size:19px; }

blockquote.not-boxed { padding:11px 0px 17px 43px; }

blockquote.no-symbol { padding-left:0; padding-top:0; }

blockquote:before { content:"“"; float:left; display:block; margin-left:-44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:72px; margin-top:-3px; font-weight:400; color:#2b2b2b }

blockquote.no-symbol:before { content:""; margin:0; padding:0; float:none }

blockquote p { font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:8px; color:#333 }

blockquote p.small { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; letter-spacing:0; font-weight:400; text-transform:none; font-size:12px; margin-top:-3px; display:block }

blockquote p.small i { padding:0 1px; }

em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }

code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }

pre { padding:0 30px 25px 30px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }

/* End Typography

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





/* =4. Headings

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

h1#logo { display:block; position:relative; margin:0 auto; }

/* h1#logo a { display:inline-block; background:url(../images/bg-logo.png) center no-repeat; background-size:155px 57px; width:155px; height:57px; text-indent:-9999px; } */



h1#logo a { display:inline-block; background:url(../images/bg-logo.png) center no-repeat; background-size:168px 111px; width:168px; height:111px; text-indent:-9999px; }

.hentry h1, h2, h3, h4, h5 { line-height:1.25; color:#2b2b2b; display:block;
 position:relative; padding-bottom:13px; /*font-style:italic;*/ }

h2 { font-size:48px; letter-spacing:-2px; margin-top:-5px; padding-bottom:20px; padding-right:20px; }

h3 { font-size:36px; font-weight:400; }

h4 { font-size:24px; font-weight:400; }

h5 { font-size:18px; font-weight:400; }

/* End Headings

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





/* =5. Main Nav

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

#menu-button { font-size:13px; display:none; height:auto; position:absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:101 }

#menu-button .cursor { display:block; height:auto; cursor:pointer; background-color: rgba(0, 0, 0, 1); padding:16px 16px 14px 16px; }

#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.nav-bar { background-color:#fff; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }

#main-nav { position: relative; padding: 24px 0px 20px 0px; width: 100%; }

#main-nav a { text-decoration: none; /*color: #888;*/ color: #fff; font-size: 13px; font-family: "Montserrat", "Open Sans", Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:2px; padding-left:2px; position:relative; display:block }

#main-nav > ul a { text-transform: uppercase; }

/*#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover {  color: #120D0B; font-weight: 600 !important;}*/

.main-design-menu .active > a, .main-design-menu > a.active, .main-design-menu > .additional-links .active > a,
 .main-design-menu ul li a.active, .main-design-menu li a:hover , .main-design-menu a:hover 
{  color: #a6ce39 !important;}


.main-floor-menu .active > a, .main-floor-menu > a.active, .main-floor-menu > .additional-links .active > a,
 .main-floor-menu  ul li a.active, .main-floor-menu li a:hover , .main-floor-menu a:hover 
{  color: #58411b !important;}


.main-cont-menu .active > a, .main-cont-menu > a.active, .main-cont-menu > .additional-links .active > a,
 .main-cont-menu ul li a.active, .main-cont-menu li a:hover , .main-cont-menu a:hover 
{  color: #231f20 !important;}


.main-ss-menu .active > a, .main-ss-menu > a.active, .main-ss-menu > .additional-links .active > a,
 .main-ss-menu ul li a.active, .main-ss-menu li a:hover , .main-ss-menu a:hover 
{  color: #1e6477 !important;}






#main-nav > ul li a { /*padding: 16px 0 17px 0;*/ padding: 11px 0 12px 0; 
	border-top:1px solid rgba(255, 255, 255, 0.1); 
font-weight: 700;}

#main-nav > ul li a.last { border-bottom:1px solid rgba(255, 255, 255, 0.1); }

#main-nav > ul li a.sub-nav-toggle:before { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom:17px; content:""; height:8px; left:165px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }

#main-nav > ul li a.sub-nav-toggle:after { background:#a99072; bottom:19px; content:""; height:10px; left:165px; margin-left:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }

 #menu-button.open #nav-button span:nth-child(1) {

 -webkit-transform: rotate(45deg);

 -moz-transform: rotate(45deg);

 -o-transform: rotate(45deg);

 -ms-transform: rotate(45deg);

 transform: rotate(45deg);

 position: relative;

 top: 0px;

 -webkit-transition: all 0.2s ease-in-out;

 -moz-transition: all 0.2s ease-in-out;

 -o-transition: all 0.2s ease-in-out;

 transition: all 0.2s ease-in-out;

}

 #menu-button.open #nav-button span:nth-child(2) {

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

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

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

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

 transform: rotate(-45deg);

 position: relative;

 top: -4px;

 -webkit-transition: all 0.3s ease-in-out;

 -moz-transition: all 0.3s ease-in-out;

 -o-transition: all 0.3s ease-in-out;

 transition: all 0.3s ease-in-out;

}

 #menu-button.open #nav-button span:nth-child(3) {

 display: none;

}

#main-nav > ul > li > .sub-nav { padding: 0px 0 12px 0px;/* margin-top:-5px;*/ }

#main-nav > ul > li > .sub-nav > li { }

#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }

#main-nav > ul > li > .sub-nav > li a { font-size: 13px; letter-spacing:0; text-transform:none; font-weight:500; padding: 7px 0px; border:0; margin:0; line-height:0.4em;}

#bottom-header { position:absolute; bottom:35px; width:100%; }

#bottom-header p.small { padding-top:6px; /*color:#888;*/ color:#fff; line-height:1.9; font-size:10px; }

.social-links { padding: 20px 0px 0 0px; display:inline-block; margin:0 auto; }

.social-list > li > a:before, .social-list li span:before { content: ""; font-family: fontello; font-size: 18px; font-weight:400; /*color:#888;*/ color:#fff; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

.social-list li span:before { color:#2b2b2b }

.social-list li a:before, .social-list li span:before { padding:8px; margin: 0 1px 0 1px; }

.social-list li:hover a:before { 
	/*color:#555; */
	-webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;
 }
.social-list li:hover .facebook:before{
	color:#0557af; 
}
.social-list li:hover .twitter:before{
	color:#258af5; 
}
.social-list li:hover .linkedin:before{
	color:#0268d3; 
}
.social-list li:hover .pinterest:before{
	color:#e60928; 
}
.social-list li:hover .instagram:before{
	color:#4b2f14; 
}


/*.social-list li .facebook:before{
	color:#0557af; 
}
.social-list li .twitter:before{
	color:#258af5; 
}
.social-list li .linkedin:before{
	color:#0268d3; 
}
.social-list li .pinterest:before{
	color:#e60928; 
}
.social-list li .instagram:before{
	color:#4b2f14; 
}*/

.social-list li { margin:0; display:inline-block }

.social-list{
	text-align: center;
	margin-left: -33px;
	margin-right: -20px;
}

.element .social-list { margin-left:-2px; }

.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before, .social-list li span:before { font-size: 16px; display:block; margin-top:-2px; }

.social-list > li > i { color: #555; font-size: 13px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right: 4px; }

header .social-list > li > a:before { font-size:18px; margin:0; }

.social-list > li > a, .social-list li span { position: relative; top: 1px; }

.social-list > li > a.facebook:before { content: '\e800'; }

.social-list > li > a.dribbble:before { content: '\e801'; }

.social-list > li > a.behance:before { content: '\e802'; }

.social-list > li > a.git:before { content: '\e803'; }

.social-list > li > a.gplus:before { content: '\e804'; }

.social-list > li > a.xing:before { content: '\e805'; }

.social-list > li > a.instagram:before { content: '\e806'; }

.social-list > li > a.twitter:before { content: '\e807'; }

.social-list > li > a.youtube:before { content: '\e808'; }

.social-list li span.youtube:before { content: '\e808'; font-size:22px; padding-top:13px }

.social-list > li > a.slack:before { content: '\e809'; }

.social-list > li > a.pinterest:before { content: '\e80a'; }

.social-list > li > a.tumblr:before { content: '\e80b'; }

.social-list > li > a.soundcloud:before { content: '\e80c'; }

.social-list li span.soundcloud:before { content: '\e80c'; font-size:22px; padding-top:13px }

.social-list > li > a.skype:before { content: '\e80d'; }

.social-list > li > a.linkedin:before { content: '\e80e'; }

.social-list > li > a.vimeo:before { content: '\e80f'; }

.social-list li span.vimeo:before { content: '\e80f'; font-size:18px; padding-top:16px }

.social-list > li > a.flickr:before { content: '\e810'; }

.social-list > li > a.email:before { content: '\e811'; }

.last:hover{
	color: #120d0b !important;
}

#filter { position:fixed; bottom:40px; right:40px; height:auto; width:auto; z-index:1111; cursor:pointer; }

.with-margin #filter { right:60px; bottom:50px; }

#filter span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5;/* display:table;*/ text-decoration:none !important; padding:5px 10px; padding-right:29px; min-width:90px; /*border-radius:2px;*/ background:#fff }

#filter #options { display:block; position:absolute; bottom:27px; right:0px; top:auto; /*background:#fff;*/ /*border-radius:2px;*/ min-width:90px; padding:7px 0; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

#filter #options li a { font-size:12px; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; color:#555; }

#filter #options li a.current, #filter #options li a.selected { color:#2b2b2b }

#filter:hover #options { display:block; opacity:1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

/*#filter:before { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom:7px; content:""; height:8px; right:13px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }

#filter:after { background:#fff; bottom:3px; content:""; height:10px; right:13px; margin-right:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
*/
/* End Main Nav

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





/* =6. Main Content

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

#content { width:100%; z-index:55; background:#e4e5e6; }

.container { padding:0px; width:1170px; position:relative; margin:0 auto; padding-top:20px; }

.with-margin #container { margin:5px; }

.with-margin.blog-overview #container, .with-margin.blog-post #container, .with-margin.about-page #container { margin:10px; }

.with-margin.blog-post #container, .with-margin.about-page #container { margin-top:-30px; margin-bottom:70px; }

#background-color { display:none }

.oldie #background-color { display:none !important }

.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(260px, 0px, 0px); transform: translate3d(260px, 0px, 0px); }

.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); }

#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }

header { position: fixed; top: 0; left: 0; width: 260px; z-index:101; height:100%; /* background:#242423;*/ background-image: url("../images/left-bg1.jpg"); background-size: cover; padding:40px 44px 0px 44px; }

#content { position:relative; padding-left:260px; z-index:100 }

.blog-overview .container { padding-top:65px; }

.gallery .container { padding-top:40px }



#nav-background { background:#242423; width:260px; position:fixed; height:100%; z-index:98; }







/* =End Main Content

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





/* =7. Column Grid

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

.col3-3 { width:1150px; height:auto; margin:10px; float:left; position:relative }

.col1-3 { width:370px; height:auto; margin:10px; float:left; position:relative; }

.col2-3 { width:760px; height:auto; margin:10px; float:left; position:relative; }

.col1-3.smaller { padding-left:45px; }

.col1-3.smaller.left-side { padding:0; padding-right:45px; }

.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; }

.element .col1-3, .element .col2-3, .element .col3-3, .col3-3 .col2-3 { margin:0; float:none }

.thumbs { width:33.333333%; float:left; position:relative; margin:0; height:auto; }

.with-margin .thumbs { padding:5px; }

.with-margin.blog-overview .thumbs, .with-margin.blog-post .thumbs, .with-margin.about-page .thumbs { padding:10px; }

.about-page .halfs { width:50%; float:left; position:relative; margin:0; height:auto; }

.borderline { border-top:1px dotted #d8d8d8; height:1px; width:100%; display:inline-block; position:relative; margin:10px 0 30px 0; }

.divider { background:#555; height:1px; width:20px; display:inline-block; top:-3px; position:relative; margin:0 6px 0 5px; }

.bottom-background { background:#fff; padding:40px 45px 34px 45px; position:relative; border:1px solid #d8d8d8; border-top:0; }

.boxed { border-top:1px dotted #d8d8d8; border-bottom:1px dotted #d8d8d8; padding:30px 0 25px 0; margin:20px 0 30px 0; }

.boxed.first { border-top:0; padding-top:0; margin-top:0 }

.bottom { position:absolute; bottom:40px; }

/* =End Column Grid

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





/* =8. Content Elements

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

.overflow, .element { overflow:hidden; }

.relative { position:relative }

.big-break { display:block; position:relative; height:50px; width:100%; }

.break { display:block; position:relative; height:40px; width:100%; }

.medium-break { display:block; position:relative; height:30px; width:100%; }

.small-break { display:block; position:relative; height:20px; width:100%; }

.tiny-break { display:block; position:relative; height:10px; width:100%; }

.pagination-wrapper { display: block; width: 100%; padding: 0px 40px 40px 0px; position:relative }

.pagination { display: block; float: right; }

.pagination > li { display: block; float: left; margin-left: 10px; border: 1px solid #D8D8D8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

.pagination > li.active { border:1px solid #888; float:left }

.pagination > li:hover { border:1px solid #888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

.pagination > li > a { display: block; text-align: center; padding: 7px; width: 27px; height: 29px; color: #D8D8D8; font-size: 14px; font-weight: bold; font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; }

.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: #2b2b2b; }

/* =End Content Elements

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





/* =9. Icons

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

.icons { position:relative; height:48px; width:48px; margin-bottom:16px; margin-top:5px; }

.icon-holder { position:relative; float:left; height:48px; width:48px; margin-top:5px; }

.centered .icons, .centered .icon-holder { float:none; display:inline-block; }

.next-to-icon { margin-left:80px; margin-bottom:15px; padding-right:20px; }

.next-to-icon.last { margin-bottom:0 }

.icon-container { position:absolute; background:#fff; height:50px; width:50px; left:45px; bottom:45px; /*border-radius:2px;*/ text-align:center; }

.blog-teaser .icon-container { right:45px; top:45px; left:auto; bottom:auto }

.map { background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; }

.winner { background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }

.time { background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }

.pig { background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }

.adjust { background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }

.team { background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }

.works { background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }

.chat { background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }

.notes { background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }

.camera2 { background:url(../images/icons/bg-camera2.png) no-repeat center; background-size:48px 48px; }

.illustration { background:url(../images/icons/bg-illustration.png) no-repeat center; background-size:48px 48px; }

.social { background:url(../images/icons/bg-social.png) no-repeat center; background-size:48px 48px; }

.vector { background:url(../images/icons/bg-vector.png) no-repeat center; background-size:48px 48px; }

.commerce { background:url(../images/icons/bg-commerce.png) no-repeat center; background-size:48px 48px; }

.search { background:url(../images/icons/bg-search.png) no-repeat center; background-size:48px 48px; }

.like { background:url(../images/icons/bg-like.png) center no-repeat; background-size:48px 48px; }

.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }

.document { background:url(../images/icons/bg-document.png) center no-repeat; background-size:48px 48px; }

.apple { background:url(../images/icons/bg-apple.png) center no-repeat; background-size:48px 48px; }

.balance { background:url(../images/icons/bg-balance.png) center no-repeat; background-size:48px 48px; }

.beaker { background:url(../images/icons/bg-beaker.png) center no-repeat; background-size:48px 48px; }

.beer { background:url(../images/icons/bg-beer.png) center no-repeat; background-size:48px 48px; }

.books { background:url(../images/icons/bg-books.png) center no-repeat; background-size:48px 48px; }

.box { background:url(../images/icons/bg-box.png) center no-repeat; background-size:48px 48px; }

.cake { background:url(../images/icons/bg-cake.png) center no-repeat; background-size:48px 48px; }

.calculator { background:url(../images/icons/bg-calculator.png) center no-repeat; background-size:48px 48px; }

.cd { background:url(../images/icons/bg-cd.png) center no-repeat; background-size:48px 48px; }

.champagne { background:url(../images/icons/bg-champagne.png) center no-repeat; background-size:48px 48px; }

.chart { background:url(../images/icons/bg-chart.png) center no-repeat; background-size:48px 48px; }

.cheese { background:url(../images/icons/bg-cheese.png) center no-repeat; background-size:48px 48px; }

.court { background:url(../images/icons/bg-court.png) center no-repeat; background-size:48px 48px; }

.delivery { background:url(../images/icons/bg-delivery.png) center no-repeat; background-size:48px 48px; }

.dvd { background:url(../images/icons/bg-dvd.png) center no-repeat; background-size:48px 48px; }

.eco { background:url(../images/icons/bg-eco.png) center no-repeat; background-size:48px 48px; }

.film { background:url(../images/icons/bg-film.png) center no-repeat; background-size:48px 48px; }

.grape { background:url(../images/icons/bg-grape.png) center no-repeat; background-size:48px 48px; }

.hot { background:url(../images/icons/bg-hot.png) center no-repeat; background-size:48px 48px; }

.house { background:url(../images/icons/bg-house.png) center no-repeat; background-size:48px 48px; }

.icecream { background:url(../images/icons/bg-icecream.png) center no-repeat; background-size:48px 48px; }

.joystick { background:url(../images/icons/bg-joystick.png) center no-repeat; background-size:48px 48px; }

.keynote { background:url(../images/icons/bg-keynote.png) center no-repeat; background-size:48px 48px; }

.link { background:url(../images/icons/bg-link.png) center no-repeat; background-size:48px 48px; }

.magic { background:url(../images/icons/bg-magic.png) center no-repeat; background-size:48px 48px; }

.mail { background:url(../images/icons/bg-mail.png) center no-repeat; background-size:48px 48px; }

.microphone { background:url(../images/icons/bg-microphone.png) center no-repeat; background-size:48px 48px; }

.network { background:url(../images/icons/bg-network.png) center no-repeat; background-size:48px 48px; }

.palette { background:url(../images/icons/bg-palette.png) center no-repeat; background-size:48px 48px; }

.plaster { background:url(../images/icons/bg-plaster.png) center no-repeat; background-size:48px 48px; }

.player { background:url(../images/icons/bg-player.png) center no-repeat; background-size:48px 48px; }

.polaroid { background:url(../images/icons/bg-polaroid.png) center no-repeat; background-size:48px 48px; }

.printer { background:url(../images/icons/bg-printer.png) center no-repeat; background-size:48px 48px; }

.pulse { background:url(../images/icons/bg-pulse.png) center no-repeat; background-size:48px 48px; }

.quote { background:url(../images/icons/bg-quote.png) center no-repeat; background-size:48px 48px; }

.radio { background:url(../images/icons/bg-radio.png) center no-repeat; background-size:48px 48px; }

.recorder { background:url(../images/icons/bg-recorder.png) center no-repeat; background-size:48px 48px; }

.scissors { background:url(../images/icons/bg-scissors.png) center no-repeat; background-size:48px 48px; }

.select { background:url(../images/icons/bg-select.png) center no-repeat; background-size:48px 48px; }

.serving { background:url(../images/icons/bg-serving.png) center no-repeat; background-size:48px 48px; }

.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }

.shop { background:url(../images/icons/bg-shop.png) center no-repeat; background-size:48px 48px; }

.shopping { background:url(../images/icons/bg-shopping.png) center no-repeat; background-size:48px 48px; }

.smartphone { background:url(../images/icons/bg-smartphone.png) center no-repeat; background-size:48px 48px; }

.sofa { background:url(../images/icons/bg-sofa.png) center no-repeat; background-size:48px 48px; }

.syringe { background:url(../images/icons/bg-syringe.png) center no-repeat; background-size:48px 48px; }

.tape { background:url(../images/icons/bg-tape.png) center no-repeat; background-size:48px 48px; }

.target { background:url(../images/icons/bg-target.png) center no-repeat; background-size:48px 48px; }

.television { background:url(../images/icons/bg-television.png) center no-repeat; background-size:48px 48px; }

.video { background:url(../images/icons/bg-video.png) center no-repeat; background-size:48px 48px; }

.walkman { background:url(../images/icons/bg-walkman.png) center no-repeat; background-size:48px 48px; }

.zoom { background:url(../images/icons/bg-zoom.png) center no-repeat; background-size:48px 48px; }

.tags { background:url(../images/icons/bg-tags.png) center no-repeat; background-size:48px 48px; }

/* End Icons

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





/* =10. Image Hover

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

.images { display:block; position:relative; }

.images img { width:100%; display: block; max-width: 100% !important; z-index:9 }

img { box-shadow: #fff 0 0 0 }

.images.round img { border:0 none; border-radius:50%; }

.image-container { padding:0px 0 40px 0; overflow:hidden }

.blog-overview .image-container { margin:0px 0 25px 0; padding:0 }

.videos { width:800px; height:450px }

.sliphoveritemTitle i { display:inline-block; font-size:20px; font-weight:400; line-height:1.5; font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; padding:5px 10px; /*border-radius:2px;*/ /*background:#fff;*/ background-color: rgba(0,0,0,.5); color: #fff; font-style:normal }

.sliphoveritemTitle span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:5px 10px; margin-top:1px; /*border-radius:2px;*/ /*background:#fff*/  background-color: rgba(0,0,0,.5); color: #fff;}

.sliphoveritemTitle div { position:relative; }



.sliphover2 .sliphoveritemTitle i { display:inline-block; font-size:20px; font-weight:400; line-height:1.5; font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; padding:0; font-style:normal; margin-top:-7px; background:none }

.sliphover2 .sliphoveritemTitle span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:0px; margin-top:0px; background:none }



/* End Image Hover

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





/* =11. Footer

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

footer { margin:55px 10px 30px 10px; padding:28px 0; border-top:1px dotted #d8d8d8; width:1150px; position:relative; text-align:center; }

footer a h5 { padding-bottom:2px; color:#999; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

footer p { font-size:14px; }

footer .alignleft .small, footer .alignright .small { font-size:11px; font-weight:400; }

footer a .small, footer .small { color:#999; font-size:10px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

footer a:hover .small, footer a:hover h5 { color:#2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

footer a:hover .small { color:#555 }

footer .alignright { text-align:right; max-width:50%; width:50%; white-space:nowrap }

footer .alignleft { text-align:left; max-width:50%; width:50%; white-space:nowrap }

.blog-overview footer .alignright, .blog-overview footer .alignleft { white-space:normal }

footer .aligncenter { top:-48px; position:relative }

.arrow-left, .arrow-right { display:inline-block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal !important; line-height:1; text-decoration:none !important; float:left; padding-top:4px; width:45px; color:#999 }

.arrow-right { float:right }

footer .col1-3 { margin:0 }

footer .margin-top { margin-top:4px }

/* End Footer

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





/* =12. Lists

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

ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 20px; text-align:left !important; font-family: Georgia, "Times New Roman", Times, serif; }

ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 20px; font-family: Georgia, "Times New Roman", Times, serif; }

.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }

ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:none; border-bottom:1px solid #888; }

ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; border-bottom:1px solid #555; }

ul li span.lighter { color:#888; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:12px; }

ul.tag-list { list-style: none; line-height:1.5; padding:7px 0px 15px 0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:12px; }

ul.tag-list li a { background:#eee; padding:5px 10px 6px 10px; color:#555; border:0 none; /*border-radius:2px;*/ display:inline-block; float:left; margin-right:5px; margin-bottom:5px; }

/* =End Lists

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





/* =13. Googlemaps

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

#map { width:100%; height:395px; margin:0; border:0 }

#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }

#map:after { bottom: 0; top: auto; }

/* End Googlemaps

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





/* =14. Blog

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

.blog-author-profile { padding: 55px 0 45px; width: 100%; }

.blog-author-picture { float: left; padding:0 30px; line-height: 0; width:25% }

.blog-author-picture > img { display: block; width: 100%; max-width: 150px; }

.blog-author-description { float: left; width: 75%; padding-right:30px; }

p.alignleft { padding-right:15px; }

.comments { padding: 22px 0px 26px 0px; }

.comment-count { height: 60px; border-bottom: 1px dotted #d8d8d8; }

.comment { padding: 40px 0 25px 0; border-bottom: 1px dotted #d8d8d8; position:relative }

.comment p.tiny { padding-bottom:5px }

.comment.reply.level-1 { padding-left: 6.6%; }

.commenter-avatar { float: left; padding: 0 30px; width: 135px; }

.commenter-avatar > img { width: 75px; }

.comment-content { float: left; max-width:70%; }

.comment-reply-button-column { float: right; width: auto; }

.comment-reply-button-column a { margin: 0px 25px; color:#555; }

.comment-reply-button-column a:hover { color:#2b2b2b; }

.about-image-wrapper { width: 150px; float: left; margin: 0 20px 0 70px; }

.about-image-wrapper img { display: block; float: right; }

.comment-form-wrapper { padding: 69px 0 0 0; position: relative; }

.comment-form-icon-wrapper { position: absolute; top: 69px; left: 30px; background:url(../images/icons/bg-quote.png) no-repeat center; background-size:24px 24px; display: block; height: 75px; width: 75px; border:0 none; border-radius:50%; border:1px solid #ccc }

.comment-form { padding: 0 30px 0 136px; }

.comment-form.contact-form { padding-left:30px }

.comment-form > input, .comment-form > textarea { padding: 17px 18px; width: 289px; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background:#fff; }

input:focus, textarea:focus { border:1px solid #999; }

.comment-form.contact-form input { float:left; margin-right:10px; width:280px; }

input.last { margin-right:0 !important }

.comment-form > textarea { width: 100%; height: 174px; }

aside p.small { color:#2b2b2b }

/* End Blog

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

/* cusotm css given by Revan */
.main-head-popup {
  font-size: 27px;
}
.fancybox-inner{
		width: 100% !important;
	}
@media(max-width: 1199px){
	.fancybox-inner{
		height: 700px !important;
		width: 100% !important;
	}
}
@media(max-width: 479px){
	.fancybox-inner{
		height: 405px !important;
		width: 100% !important;
	}
}
@media(min-width: 480px) and (max-width: 599px){
	.fancybox-inner{
		height: 255px !important;
		width: 100% !important;
	}
}
@media(min-width: 600px) and (max-width: 767px){
	.fancybox-inner{
		height: 735px !important;
		width: 100% !important;
	}
}

.pad-tb{
	padding:40px 0px;
}
.content-center{
	max-width: 95%;
	margin:0 auto;
	font-weight: 600;
	text-align: left;
}

.fancybox-wrap {
  left: 20% !important;
  width: 60% !important;

}

/*.fancybox-wrap {
  left: 3% !important;
  width: 94% !important;

}*/


.nav-button {
  border: 2px solid #222222;
  border-radius: 10px;
  color: #222222;
  font-size: 25px;
  padding: 10px 20px;
}

.nav-button:hover {
  border: 2px solid #222222;
  border-radius: 10px;
  color: #ffffff;
  background: #222222;
}
.mrg-btm {
  margin-bottom: 20px;
  overflow: hidden;
}

.responsive{
	max-width: 100%;
}

.offer-page-totop #toTop {
  display: none !important;
}

.mrgn-left {
  margin-left: 20px !important;
}


/* header maximize or minimize css */
/*#title_bar{
    background: #FEFEFE;
    width: 100%;
}
#button{
    width: 25px;
    height: 23px;
    float:right;
    cursor:pointer;
}
#box{
    background: transparent;
}

 maximize or minimize css ends here */

.contact-us-widget{
  overflow: hidden;
  position: fixed;
  right: 0;
 /* background: #DDAF70;*/
  background-color: rgba(74,55,29,.9) ;
  bottom: 16%;
  z-index: 105;
  color: #ffffff;
  padding: 10px;
  font-size: 18px;
  margin-right: -40px;
  -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg); /* Standard syntax */
}
.contact-us-widget:hover{
	background: #b08c59;
}
.mrgn-top-arrow {
  margin-top: 55px;
}

#filter {
  bottom: 40px;
  cursor: pointer;
  height: auto;
  right: 5% !important;
  position: fixed;
  width: auto;
  z-index: 1111;
  /*text-align: center;*/
}

#filter #options {
  background-color: rgba(255,255,255,0);
  bottom: 67px;
  display: block;
  right: -5 0% !important;
  width: 230px !important;
  /*opacity: 0;*/
  overflow: hidden;
  padding: 7px 0;
  position: absolute;
  top: auto;
  transition: all 0.3s ease-in-out 0.2s;
}

.slideup, .slidedown {
            max-height: 0;            
            overflow-y: hidden;
            -webkit-transition: max-height 0.8s ease-in-out;
            -moz-transition: max-height 0.8s ease-in-out;
            -o-transition: max-height 0.8s ease-in-out;
            transition: max-height 0.8s ease-in-out;
        }

.slidedown {            
            max-height: 1000px ;     
            margin-bottom: 20px; 
            width: 100% !important;              
        }    

.form-part {
  margin-top: 10px;
  z-index: 999;
  visibility: visible !important;
}


@media screen and (max-width: 1000px) {
	.fancybox-wrap {
		  
		  top: 40px !important;
		  
	}

}

@media screen and (max-width: 680px) {
	.fancybox-wrap {
		 
		  top: 30px !important;
		  
	}

	/*.fancybox-inner {
		  height: 570px !important;
		  width: 100% !important;
	}*/

}

/*@media screen and (max-width: 400px) {
	.fancybox-wrap {
		left: 12% !important;
		  width: 80% !important;
	}

}*/


@media only screen and (max-width: 979px) and (min-width: 768px){
	.pop-container {
	    width: 880px !important;
	}

}

@media screen and (min-width: 1200px) and(max-width: 1365px) {
	.fancybox-wrap {
	
		
	    top: 45px !important;
	    bottom: 45px !important;
	}
	.pop-container{
		width: 1100px !important;
		margin: 0 auto !important;

	}
	.content-pop-in{
		padding-left: 0 !important;
	}
}
@media screen and (min-width: 1366px) and(max-width: 1439px) {
	.fancybox-wrap {
	
	    top: 45px !important;
	    bottom: 45px !important;
	}
	.pop-container{
		width: 1200px !important;
		margin: 0 auto !important;

	}
	.content-pop-in{
		padding-left: 0 !important;
	}
}
@media screen and (min-width: 1440px) and(max-width: 1679px) {
	.fancybox-wrap {
	    top: 45px !important;
	    bottom: 45px !important;	    
	}
	.pop-container{
		width: 1300px !important;
		margin: 0 auto !important;

	}
	.content-pop-in{
		padding-left: 0 !important;
	}
}

@media screen and (min-width: 1680px) and(max-width: 1919px) {
	.fancybox-wrap {
	    top: 45px !important;
	    bottom: 45px !important;
	}
	.pop-container{
		width: 1500px !important;
		margin: 0 auto !important;

	}
	.content-pop-in{
		padding-left: 0 !important;
	}


}

/*@media(min-width: 1920px) and(max-width: 2500px) {
	.fancybox-wrap {
	    top: 45px !important;
	    width: 94% !important;
	}
	.pop-container{
		width: 1700px !important;
		margin: 0 auto !important;

	}
	.content-pop-in{
		padding-left: 0 !important;
	}
}*/

.filter-sub1{
	/*background-color: #211910 !important;*/
	background-color: rgba(74,55,29,0.7) !important;
	color: #fff;
	border-radius: 3px;
	text-align: center ;
	padding: 5px 15px !important;
	/*float: left;*/

}

.filter-sub2{
	background-color: #7d5e43 !important;
	color: #fff;
	border-radius: 50%;
	/*height: 40px !important;
	width: 40px !important;*/
	text-align: right !important;
	padding: 5px !important;
	border-radius: 50%;
	min-width: 0 !important;
	/*float: right;*/

}
#filter #options li{
	margin-bottom: 5px;
	/*clear: both;
	display: table;*/
	text-align: right;
}

#filter #options{
	padding: 10px 5px ;
}
.pr, .ne{
	position: absolute; 
	top: 40%;
}
.pr{
	left:5%;
}
.ne{
	right: 5%;
}
.item{
	position: relative;
}
.caption{
	position: absolute;
	bottom: 2%;
	right: 5%;
	color: #fff;
}
/*.tit{
	position: relative;
}*/
.pop-tit{
	color: #cb1406;
	vertical-align: middle !important;
	/*position: absolute;
	bottom: 2%;*/
	padding-bottom: 10px;
	text-align: center;
	margin-top: 0;
}
.pop-p{
	background-color: #a66d34;
	color: #fff;
	margin-top: 20px;
	padding: 20px;
}
@media(min-width: 768px) and (max-width:1023px){
	.pop-p p{
		margin-left: 20%;
	}
	/*.pop-tit{
		margin-top: 20%;
	}*/
}
@media(min-width: 1024px){
	.pop-p p{
		margin-left: 20%;
	}
	/*.pop-tit{
		margin-top: 30%;
	}*/

}



@media(max-width: 767px){
	.pop-tit{
		font-size: 20px;
	}
	.nav-button{
		display: none;
	}
	.col1-3.smaller.left-side { 
		padding-top: 20px !important; 
		padding-bottom: 20px !important; 
		padding-right: 20px !important;
		width: auto !important;
	}
	section#contact-buttons p a.brief{
		margin-left: 0 !important;
	}

}
@media(max-width: 479px){
	.pop-container{
		width: 245px !important;
	}

}
@media(max-width: 1023px){
	.pr, .ne{
		width: 50%;
	}
}
.nav-button:hover{
	text-decoration: none;
}

@media(min-width: 480px) and (max-width: 900px){
	.fancybox-wrap{
	  left: 5% !important;
	  width: 90% !important;
	}
	.pop-container{
		width: 94% !important;
		margin: 0 auto !important;
	}
	.fancybox-close{
		right: 5% !important;
	}
}
@media(max-width: 479px){
	.pop-container{
		width: 95% !important;
	}
	.fancybox-close{
		right: 5% !important;
	}

}
.fil{
	background-color: rgba(74,55,29,.9) ;
	/*background-color: rgba(221,175,112,.9) ;*/
	color: #fff ;
	right: 14% ;
	bottom:40px ;
	width: 70px ;
	min-height: 70px ;
	border-radius: 50%;
	z-index:1111 ; cursor:pointer ;
	text-align: center;
	line-height: 70px;
	padding-bottom: 0;
}

@media(min-width: 320px) and (max-width: 767px){
	#filter {
	  right: 45% !important;
	}
	#filter #options {
		left: -80% !important;
	}
}

@media(min-width: 768px) and (max-width: 1169px){
	#filter {
	  right: 10% !important;
	}

}

/*@media(max-width: 1169px){
	#filter {
	  right: 10% !important;
	}
}*/

section#contact-buttons p a.contact {
    background-position: 0 0 !important;
    height: 165px !important;
    padding: 60px 20px 0 30px !important;
    width: 180px !important;
}
section#contact-buttons p a {
    display: inline-block!important;
}
section#contact-buttons p a {
    background: rgba(0, 0, 0, 0) url("../images/contact-buttons.png") no-repeat scroll 0 0 !important;
    border: medium none !important;
    color: #fff !important;
    margin: 20px auto !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    transition: all 0s ease 0s;
    cursor: pointer;
}
section#contact-buttons p {
    font-size: 18px !important;
    line-height: 130% !important;
    text-align: center !important;
    padding-bottom: 40px !important
}
section#contact-buttons {
    display: block !important;
    margin-top: 30px;
    margin-bottom: 10px;
}
section#contact-buttons p a.contact:hover {
    background-position: 0 -250px!important;
}
section#contact-buttons p a.contact {
    margin: 0 30px 0 0!important;
}
section#contact-buttons p a:hover {
    color: #fff!important;
    text-decoration: none!important;


}

section#contact-buttons p a.brief {
    margin: 0 0 0 30px!important;
}
section#contact-buttons p a.brief {
    background-position: -220px 0!important;
    height: 165px!important;
    padding: 45px 30px 0 20px!important;
    width: 180px!important;
}
section#contact-buttons p a.brief:hover {
    background-position: -220px -250px!important;
    transition: all 0s ease 0s;
}



@media only screen and (min-width: 1024px) and (max-width: 1469px) {
	.map-col { width:655px !important; }
	
}

@media(min-width: 320px) and (max-width: 1023px){
	.con-left{
		width: 100% !important;
		margin-right: 20px !important;
	}
	.col1-3.smaller.left-side{
		margin-right: 20px !important
	}

}
@media(max-width: 767px){
	section#contact-buttons p a.brief{
		margin-left: 0 !important;
	}
	section#contact-buttons p span{
		display: none;
	}

}
@media(min-width: 768px) and (max-width: 1023px){
	.col1-3.smaller.left-side{
		width:620px !important;
	}
}

.con-btn{
	background-color: #4a3c1d;
	padding: 20px;
	border-radius: 5px;
	color: #fff;
	border:none;
	cursor: pointer;
	font-size: 20px;
	width: 230px;
}
.con-btn:hover{
	background-color: #211810;
}



form.form-part #services {
    margin-bottom: 40px;
    overflow: hidden;
}

form.form-part div.checkbox {
    float: left;
    margin-right: 1%;
    text-align: center;
    cursor: pointer;
}
form.form-part div{
    margin-bottom: 2%;
    z-index: auto;
}

.check{
	background-color: #ebebeb;
    border-radius: 50%;
    height: 120px;
    text-align: center !important;
    vertical-align: middle !important;
    width: 120px;
   /* line-height: 130px;*/
}

/*.check:hover{
	background-color: #ccc;
}*/

.redBackground{
   /* background-color: #4a3c1d; */
    color:#fff; 
    background: #4a3c1d url("../images/button-cancel-1.png") no-repeat scroll 50% 85%;
}
.checkbox {
	position: relative;
}
.check-lab{
	position: absolute;
	top:0%;
	left:0;
	right: 0;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 45px;
	padding-bottom: 40px;
	cursor: pointer;
}
.serviceButton{
	left: 45%;
    position: absolute;
    top: 60%;
    background-color: #ccc !important;
    color: #4a3c1d;
}
form.form-part fieldset, form.form-part{
	padding-bottom: 0;
}

.serviceButton{
	 left: -2e+8px;
    position: absolute;
}

@media(min-width: 768px){
	.showroom{
		float: left;
		width: 55%;
	}
	.factory{
		float: right;
		padding-right: 20px;
		width: 45%;
	}
	.showroom-1, .showroom-2, .showroom-3{
		float: left;
		width: 33%;
	}
}

@media screen and (min-width: 1920px) {
	
	.pop-container{
		width: 1700px !important;
		margin: 0 auto !important;

	}

}

.btm-logo, .main-page-logo{
	display: none;
}


#filter ul li a.selected span{
	background-color: #000 !important;
}

@media(max-width: 1169px){
	.visible-lg{
		display: none !important;
	}
	
}

@media(max-width: 767px){
	
	.visible-xs{
		display: block;
	}
	.owl-next, .owl-prev{
		display: none;
	}
	.visible-sm{
		display: none;
	}
}
@media(min-width: 768px){
	
	.visible-xs{
		display: none;
	}
}

@media(min-width: 1024px){
	.visible-sm{
		display: none;
	}
	.visible-lg{
		display: block !important;
	}
}

@media(min-width: 768px) and (max-width: 1023px){
	.visible-sm{
		display: block !important;
	}
	.main-right-menu li{
		display: inline-block;
	}

	/*.design-menu{
	  width: 44% !important;
	}*/
	.floor-menu{
	  width: 98% !important;
	  left:1%;
	}
	.floor-menu li a{
		font-size: 18px;
	}
	/*.con-menu{
	  width: 60% !important;
	}*/
	.ss-menu{
	 /* width: 98% !important;*/
	  left:1%;
	}
	.owl-next, .owl-prev {
	    top: 40%;
	}
}

@media(max-width: 1023px){
	.visible-md{
		display: none;
	}
}
@media(min-width: 1170px){
	.visible-md{
		display: none;
	}
}

@media(min-width: 1024px) and (max-width: 1169px){
	.visible-md{
		display: block !important;
		color: #fff !important;
	}
	.main-right-menu li{
		display: inline-block;
	}

	/*.design-menu{
	  width: 32.5% !important;
	}
	.floor-menu{
	  width: 79% !important;
	}
	
	.ss-menu{
	  width: 74% !important;
	}*/
	.owl-next, .owl-prev {
	    top: 40%;
	}
}


@media(max-width: 1023px){
	.social-links-bottom{
		text-align: center;
		background: url("../images/mob-bg.jpg") center;
		background-position: contain ;
		padding-bottom: 15px;
		padding-top: 10px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 10000;
	}
	#bottom-header{
		display: none;
	}
}

@media(min-width: 1024px) and (max-width: 1169px){
	.social-links-bottom{
		text-align: center;
		background: url("../images/mob-bg.jpg") center;
		background-position: contain ;
		padding-bottom: 15px;
		padding-top: 25px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 10000;
	}
	#bottom-header{
		display: none;
	}
}
@media(min-width: 1170px){
	.social-links-bottom{
		display: none;
	}
	header > p{
		margin-left: -30px !important;
	}
}

@media(min-width: 800px) and (max-width: 850px){
	.owl-next, .owl-prev {
	    top: 22%;
	}
}
@media(min-width: 1300px){
	.content-pop-in{
		padding-left: 0 !important;
	}
}
@media (min-width: 1200px) and (max-width: 1299px){
	.pop-container {
	    width: 1170px !important;
	}
}
@media (min-width: 1300px) and (max-width: 1599px){
	.pop-container {
	    width: 1480px !important;
	}
	/*.design-right-menu {
	    width: 13% !important;
	    left:50%;
	}
	.wf-right-menu {
	    width: 31% !important;
	    left:41.5% !important;

	}
	.contract-right-menu {
	    width: 17% !important;
	    left:49%;
	}
	.ss-right-menu {
	    width: 30% !important;
	    left:42% !important;
	}*/
}
@media only screen and (max-width: 1469px) and (min-width: 1200px){
	.pop-container{
		width: 1200px !important;
	}
}
@media only screen and (max-width: 979px) and (min-width: 768px){
	.pop-container {
	    width: 900px;
	}
}
@media only screen and (max-width: 1920px) and (min-width: 1700px){
	.pop-container {
	    width: 1700px !important;
	}
}

.num-p:hover{
	color: #fff !important;
}
@media(max-width: 479px){
	.contact-sec{
		margin-top: 0 !important;
	}
	section#contact-buttons p{
		padding-bottom: 10px !important;
	}
	.dis{
		display: none;
	}
	.mob-class{
		padding-top: 0 !important;
	}
	.btm-next-part{
		font-size: 17px !important;
	}
	.m-c{
		display: none;
	}
}
@media(max-width: 1024px){
	#menu-button{
		position: fixed;
	}
}
.mob-copy{
	margin-left: -15px;
}
.social-list .last{
	font-size: 17px;
}
@media(min-width: 1200px){
	.wf-btm-l{
		float: left; width: 30%;
	}
	.wf-btm-la{
		float: right; width: 70%;
	}

}
@media(max-width: 479px){
	.fancybox-wrap {
	    left: 7% !important;
	    width: 86% !important;
	}
}
/*#background{
	background-color: #000 !important;
}*/