@font-face {
  font-family: 'HelveticaNeueLTCom';
  src: url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff'); /* IE9 Compat Modes */
  src: url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff') format('embedded-opentype'), /* IE6-IE8 */
       url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff') format('woff2'), /* Super Modern Browsers */
       url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff') format('woff'), /* Pretty Modern Browsers */
       url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff')  format('truetype'), /* Safari, Android, iOS */
       url('{$baseUrl}css/fonts/helvetica/HelveticaNeueLTCom-ThCn.tff') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'HelveticaNeueLTCom';
}	
	
}.header .navbar ul li a,
.homepage .menu-list li a,
.list h3 {
    font-family: 'HelveticaNeueLTCom';
}
.about,
.contact,
.presentation,
.reference {
    min-height: 700px
}
.contact ul,
.gallery .thumbnails,
.homepage .menu-list,
.presentation ul,
.reference ul {
    list-style: none
}
#main {
    display: block;
    opacity: 1
}
a {
    outline: 0!important;
    text-decoration: none!important
}

/*fancy box style*/
.fancybox-wrap.fancybox-type-image .fancybox-skin {padding:0!important}


.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.header .navbar {
    border-bottom: 2px solid #000;
    background-color: #fff;
    border-radius: 0
}
.header .navbar .navbar-brand {
    margin: 0;
    background: url(img/logo.png) center center no-repeat;
    background-size: 90%;
    font-size: 0;
    color: transparent;
    width: 190px
}
.header .navbar ul li a {
    color: #000;
   /* transition: background-color 1s ease */
}
.header .navbar ul li a:hover {
    color: #fff;
    background-color: #000
}
.header .navbar ul .language-hr {
    border-right: 1px solid #000;
    margin-left: 25px
}
.header .navbar ul .inactive a {
    color: #ccc
}
.header .navbar ul .inactive a:hover {
    color: #ccc;
    background-color: #fff; 
    cursor: default
}
.homepage .content {
	box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding-top: 10%;
    position: relative;
	
}



/*Fabrics*/
.fabrics 								{ padding:0 }
.fabrics .subfabrics 					{ padding: 6% 0}
.fabrics .subfabrics .linkto-details 	{ padding:0;  max-width:95%; }

.gallery .thumbnails.gallery-fabrics.fashion-list li { width: 32%; max-height:340px }
.pdf-catalog 		{ 
								font-size:24px;
								color:#FFF !important;  
								background-color:#000;	 
								font-weight:700;
								padding:10px 25px 10px 65px;
								float: right;
								position:relative
					}
.pdf-catalog span .hover {position:absolute;  left:0; top:0; bottom:0; width:50px; background-color:#fff; padding: 0; z-index:1; opacity:0 }							
.pdf-catalog:hover .hover { opacity: 1;}


.second-page { position:relative }
.menu-page { display: block; height: 100%; position: relative; padding:5% 5% 0 }  
/* .menu-page .col-md-4 { max-height:33% } */

#fullpage { background-color:#000}  /*bck-color of all page*/

.homepage .logo{ display:block; font-size:0; color:transparent; max-width:800px; margin:0 auto 100px }
.homepage .logo img { max-width:100%; display:block }
.homepage .info { position:absolute; top:25px; right:25px; display: inline; color:#fff; font-size: 22px }
.homepage .info a { color:#fff; }
.homepage .info span { margin: 0 15px; }

.homepage .content .col-md-4 { text-align:center }
.homepage .content .col-md-4 a { display:block; margin: 0 auto; max-width:320px }
.homepage .content .col-md-4 a img { display:block; max-width:100%; margin-bottom:10px }

.homepage .content .col-md-3 { text-align:center }
.homepage .content .col-md-3 a { display:block; margin: 0 auto; max-width:320px }
.homepage .content .col-md-3 a img { display:block; max-width:100%; margin-bottom:10px }

.content 					{ margin-top:70px; height:80%}
.linkto-details 			{ position:relative; display:block; padding:10px;  max-width:85%; margin:0 auto }

.linkto-details span 		{ 
								position:absolute; 
								left:10px; 
								bottom:10px;
								right:10px;
								padding:8px 7%;
								font-size:16px;
								color:#FFF;  
								background-color:#000;	 
									  	
							}
							
  .linkto-details span .hover {position:absolute;  left:0; top:0; bottom:0; width:5%; background-color:#fff; padding: 0; z-index:1; opacity:0 }							

.linkto-details:hover .hover { opacity: 1;}
  
.linkto-details img 		{ max-height:100%; display:block; max-width:100%; width:auto; }


.gallery .gallery-block h2	{ padding:0 25px 20px; font-size:32px; color:#fff; margin-top:65px }

.static { display:block; margin:0 auto; max-width:1100px; width:100%; padding:100px 15px; color:#fff }
.static a {  color:#fff !important; text-decoration:underline !important }
.static h3 { font-size:26px; padding-left:0; display: block; font-family: 'Roboto Condensed', sans-serif; margin: 0 0 10px }
.static ul { list-style:none; padding:0;  }

.static.contact 	{ max-width:750px; padding-top:75px }
.static.contact h3 	{ font-size:26px; padding-left:15px; }

.contact ul li { display: block; padding: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 14px }
.contact ul li a { font-size: 14px }
.contact .as { padding: 10px; border: 1px solid #ccc; height: 320px }
.contact .ad { padding: 30px; border: 1px solid #ccc; font-weight: 700; font-size: 14px; text-align: center; display: none }
.contact .btn { margin-top: 10px }
.contact .map { display: block; width: 100%; height: 320px; margin-top:30px}
.contact form input { font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px }

#myMenu 				{ padding:15px; list-style:none; position:fixed; right:0; background-color:#000; top:35%} 
#myMenu li 			{ margin-bottom:10px }
#myMenu li a 			{ color:#fff; font-size:16px}
#myMenu li.active a	{ color:#aaa }

.about p,
.contact ul li a,
.presentation ul li,
.reference ul li {
    font-family: 'HelveticaNeueLTCom';

}
.gallery .thumbnails li {
    width: 19%;
    margin: 5px;
    float: left;
   /* height: 115px;*/
    overflow: hidden
}

.fashion-gallery .thumbnails li {
	max-height: 250px;
}
.gallery .thumbnails li img {
    display: block;
    width: 100%;
    height: auto
}





.about {
    margin: 0 auto;
    display: block;
    width: 94%;
	padding-top:65px;
}
.about h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0;
	color:#fff
}
.about .about-parts {
	margin-bottom:30px
}
.about .about-parts img {
	display:block;
	width:70%;
	margin:0 auto 10px;
	
}
.about .col-md-12 .about-parts img {
	display:block;
	width:60%;
	margin:0 auto 20px;
	max-width:550px;
}
.about p {
	font-size:18px; 
	color:#fff;
	text-align:justify;
}
.about .col-md-5 {
    padding-left: 0
}
.about .col-md-3 img {
    display: block;
    width: 100%
}

.about .bx-controls-direction,
.about .bx-pager.bx-default-pager {
    display: none
}
.presentation {
    margin: 100px auto 0;
    display: block;
    width: 1200px
}
.presentation h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0 10px
}
.presentation .col-md-6:first-child {
    padding-left: 0
}
.presentation ul li {
    font-size: 14px;
    padding-bottom: 5px
}
.presentation ul {
    padding: 0
}
.presentation .bx-controls-direction,
.presentation .bx-pager.bx-default-pager {
    display: none
}
.presentation .static-img {
    display: block;
    width: 100%
}
.reference {
    margin: 100px auto 0;
    display: block;
    width: 1200px
}
.reference h3 {
    display: block;
    padding: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin: 0 0 10px
}
.reference .col-md-12 {
    padding: 0;
    margin-bottom: 30px
}
.footer p,
.footer>div {
    text-align: right;
    margin: 0 auto
}
.reference .col-md-6 {
    padding-left: 0
}
.reference ul li {
    font-size: 14px;
    padding-bottom: 5px
}
.reference ul {
    padding: 0
}
.reference .bx-controls-direction,
.reference .bx-pager.bx-default-pager {
    display: none
}
.reference .bx-wrapper {
    border: 0
}
.reference .bx-wrapper li {
    padding: 0
}
.footer {
    border-top: 2px solid #000;
    padding: 20px 10px;
    width: 100%
}
.footer>div {
    width: 1200px;
    display: block
}
.footer p {
    width: auto;
    float: right;
    display: block
}
.footer .fb,
.footer .gp {
    display: block;
    float: right;
    height: 20px;
    margin: 0 0 0 12px;
    width: 20px
}
.footer .fb {
    background: url(img/facebook.png) center center no-repeat;
    background-size: 100%
}
.footer .gp {
    background: url(img/googleplus.png) center center no-repeat;
    background-size: 100%
}
 .section .gallery-block  ul  { padding-left:20px }

@media (max-width: 1400px) {

.gallery .thumbnails.gallery-fabrics.fashion-list li { max-height:240px }

}
@media (max-width: 1200px) {
	
	/*new page*/
	.second-page		{ padding-top:50px }
	
	
	

}
@media  (max-width: 980px) {
	/*.list-product .list-content{
	display: block;
    margin: 15px auto;
    max-height: 450px;
    width: 100%;
	float:none
	}	*/
	
	/*Home page responsive*/
	body, html, .main, #main  	{ height:auto }
	.homepage 					{ padding-bottom: 20px}
	.homepage .logo 			{ padding:0 15px }
	.second-page 				{ padding-top:75px }
	.menu-page 					{ padding-top:0 }
	.linkto-details 			{ padding-bottom:40px }
	.static .col-md-6			{ padding: 10px }
	.thumbnails 				{ padding:0 }
	.gallery .gallery-block h2  { padding-left:0 }
	.fp-viewing-0 				{ height:auto !important }
	.fp-enabled					{ height:auto !important }
	
	
	
}		
@media  (max-width: 1050px) {
.gallery .thumbnails li { width:18% }
.homepage .info 
	{
		position: relative;
		top: auto;
		right: auto;
		display: block;
		color: #fff;
		font-size: 22px;
		margin: -5px auto 10px;
		text-align: center;
	}
.homepage .content .col-md-3 a				{ margin: 45px 10px 0;}	
.homepage .content .col-md-3 a img 			{ margin-bottom:0}	
.homepage .content .col-md-3 a .logoimg		{ margin-top:-25px}	
.gallery .thumbnails.gallery-fabrics.fashion-list li{ float: left; width: 100%; margin: 15px 0; }
.gallery .gallery-block h2 							{ padding:0 }	 
.pdf-catalog 										{ padding-right:0 }
}	

@media (min-width: 751px) and (max-width: 980px) {
	 .gallery .gallery-block {padding-left:25px }
	 .section .gallery-block ul { padding-left: 0; }
}
@media (min-width: 750px) and (max-width: 1020px) {
   
}
@media (max-width: 880px) {
 
}
@media (max-width: 810px) {
   
}
@media (max-width: 752px) {
   
	 .section .gallery-block ul { padding-left: 0; }
}
@media (max-width: 750px) {
	
	 .contact, .gallery, .presentation, .reference { padding:5px 10px 0 } 
	.gallery-block 		{ padding-top:50px }
	.gallery .gallery-block h2	{ margin-top:20px }
	.section .gallery-block .thumbnails li { float:left; width:100%; margin:15px 0  }
    .header .navbar ul .language-hr {margin-left:0}
	.static.contact { padding-left:0; padding-right:0 }
	.menu-page {padding:5% 0 0}
	.linkto-details {padding:10px 0 40px; Max-width:100%}
	.linkto-details span { left:0; right:0 }
	.homepage .content .col-md-4 a { max-width:100%; margin-bottom:15px }
	.homepage .logo { margin-bottom:40px }
}
@media (max-width: 700px) {
    
}
@media screen and (min-width: 400px) and (max-width: 610px) {
 
}
@media (max-width: 350px) {
 
}