/*@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }*/

@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.eot') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Regular.otf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Bold.eot') format('opentype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'LatoRegular'; src: url('fonts/Lato-Bold.otf') format('truetype'); font-weight: bold; font-style: normal; }


@font-face { font-family: 'LatoThin'; src: url('fonts/Lato-Hairline.eot') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LatoThin'; src: url('fonts/Lato-Hairline.otf') format('truetype'); font-weight: normal; font-style: normal; }

/*@font-face { font-family: 'VerdanaRegular'; src: url('fonts/verdana.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/
@font-face { font-family: 'VerdanaRegular'; src: url('fonts/Verdana.eot') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'VerdanaRegular'; src: url('fonts/Verdana.otf') format('truetype'); font-weight: normal; font-style: normal; }


html { padding:0; margin:0; }
body { background-color:#f4f2e9; margin:0; padding:0; width:100%; overflow-y:scroll; overflow-x:hidden; }

div.spacer{ clear:both; }
div.spacer3{ clear:both; } /* when 3 items in a row */
div.spacer2{ clear:both; display:none; } /* when 2 items in a row */


.top-button-area { position:fixed; top:95%; right:5%; z-index:100; display:none; }
.top-button-area .top-button { display:block; background:url(../img/top-button.png) no-repeat top left; width:19px; height:10px; position:relative;                               
	-webkit-transition: all .1 ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.top-button-area .top-button:hover { background-position: -19px 0;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
 }


/*******************************************BEGIN HEADER***************************/

.header-image {
	background-repeat:no-repeat;
	background-position:top center;
	width: 100%;
	height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.menu-BG {
	z-index:200;
	height:100px;
	width:100%;
	top:0;
	background:rgba(0, 0, 0, 0);
	position:fixed;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.menu-BG .links-area { width:100%; margin-left:auto; margin-right:auto; }

.menu-BG .links-area .first-part {
	margin-top:80px; width:540px; margin-left:auto; margin-right:auto;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.menu-BG .links-area .first-part span { }
.menu-BG .links-area .first-part .p1 { }
.menu-BG .links-area .first-part .p1 a { float:left; margin-right:50px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:LatoRegular,Calibri; line-height:13px; margin-top:-1px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; display:inline-block; }                                 
/*.menu-BG .links-area .first-part .p1 a:hover { border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:-1px; }*/
.menu-BG .links-area .first-part .p2 a { float:left; margin-top:-30px; margin-right:50px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:LatoRegular,Calibri; height:80px; line-height:80px; padding-top:0; padding-bottom:0; letter-spacing:1px; display:inline-block; }                                 
.menu-BG .links-area .first-part-mobile { display:none; }

.menu-BG .links-area .second-part-mobile { display:none; }

.menu-BG .links-area .third-part {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;	
}
.menu-BG .links-area .third-part .side-menu-button-right { 
	margin-right:10px; float:right; background:url(../img/side-menu-button-right.png) no-repeat top left; width:30px; height:22px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.menu-BG .links-area .third-part .side-menu-button-right:hover { 
	background-position:-30px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.menu-BG .links-area .third-part .side-menu-button-right span { }
.menu-BG .links-area .third-part .side-menu-button-right .p1 { float:left; margin-left:-100px; color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:LatoRegular,Calibri; line-height:13px; margin-top:-1px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; display:inline-block; }                                 

.menu-BG .links-area .third-part-mobile { display:none; }

.menu-BG .search-txt-area { position:absolute; top:120px; right:10px; 
	background:url(../img/searchIcon.png) no-repeat top left; width:25px; height:24px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.menu-BG .search-txt-area:hover { 
	background-position:-25px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}



/* Main Menu Effect */
a.cl-effect-21 {
	position: relative;
	display: inline-block;
	outline: none;
}
a.cl-effect-21:hover {
	outline: none;
}
/* Effect 21: borders slight translate */
a.cl-effect-21 {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
a.cl-effect-21::before,
a.cl-effect-21::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
a.cl-effect-21::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
a.cl-effect-21::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
a.cl-effect-21:hover {
	color: #fff;
}
a.cl-effect-21:hover::before,
a.cl-effect-21:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/*******************************************END HEADER*****************************/


/*******************************************BEGIN ABOUT***************************/

.content-about-area { width:70%; margin-left:auto; margin-right:auto; }
.content-about-area .title-area { text-align:center; margin-top:70px; }
.content-about-area .title-area span { }
.content-about-area .title-area .p1 { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:18px; font-family:LatoRegular,Calibri; line-height:18px; letter-spacing:0px; }                                 
.content-about-area .title-area .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:80px; letter-spacing:14px; }                                 
.content-about-area .text-image-area { position:relative; float:left; text-align:left; margin-top:20px; width:87%; }
.content-about-area .text-image-area img { position:absolute; bottom:0; width:350px; height:290px; }
.content-about-area .text-image-area img.pic2 { bottom:400px; }
.content-about-area .text-image-area .text-area { float:right; width:50%; }
.content-about-area .text-image-area .text-area span { text-align:justify; float:left; }
.content-about-area .text-image-area .text-area .p1 { color:#333; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Calibri; line-height:18px; letter-spacing:0; }                                 

.rolling-bg {
	float:left;
	margin-top:100px;
	position:relative; 
	width:100%;
	height:500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}   
.rolling-bg-big { display:none; }/*If Screen more than 1500px in order to stay full screen*/ 
.rolling-bg-small { display:none; }/*If Screen more than 850px remove scrolling*/    
.rolling-bg span { text-align:left; position:absolute; }
.rolling-bg .p1 { color:#555; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; line-height:14px; letter-spacing:10px; left:10%; top:20px; }
.rolling-bg .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0; left:15%; top:50px; }
.rolling-bg .p3 { color:#f4f2e9; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:30px; letter-spacing:15px; right:3%; bottom:30px; }


/****counter****/
.counter-area { width:100%; height:100%; margin-left:auto; margin-right:auto; background-color:#f3eac1; padding-top:20px; margin-top:0; }
.counter-area .counter-box { width:25%; float:left; text-align:center; padding-bottom:0; }
.counter-area .counter-box .p10 { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:50px; font-family:LatoRegular,Calibri; line-height:70px; letter-spacing:0; top:0; text-align:center; }
.counter-area .counter-box .p11 { color:#333; text-decoration:none; text-transform:none; font-weight:bold; font-size:18px; font-family:LatoRegular,Calibri; line-height:22px; letter-spacing:0; }
/*Styles for screen 950px and lower*/
@media only screen and (max-width: 950px) {
	.counter-area .counter-box { width:50%; padding-bottom:30px; }
}

/*******************************************END ABOUT*****************************/


/*******************************************BEGIN PRODUCTS***************************/

.header-image-products {
	height:700px;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.header-image-products-big { display:none; }/*If Screen more than 1500px in order to stay full screen*/

.header-image-products .collection-snapshot { height:320px; width:100%; z-index:10; position:absolute; top:205px; background: rgba(255, 255, 255, 0.6); }
.header-image-products .collection-snapshot .content-area { margin-top:30px; margin-right:auto; margin-left:auto; width:100%; text-align:center; }
.header-image-products .collection-snapshot .content-area span { text-align:center; margin-right:auto; margin-left:auto; }
.header-image-products .collection-snapshot .content-area .p1 { border-bottom:2px solid #94181b; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#94181b; font-family:LatoRegular,Calibri; font-size:20px; padding-bottom:6px; line-height:20px; padding-left:16px; letter-spacing:16px; }
.header-image-products .collection-snapshot .content-area .p2 { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#333; font-family:LatoRegular,Calibri; font-size:10px; line-height:18px; letter-spacing:1px; width:420px; display:block; margin-top:70px; }
.header-image-products .collection-snapshot .content-area .btn-coll { width:190px; height:60px; border:3px solid #333; text-decoration:none; text-transform:uppercase; color:#333; font-size:14px; font-weight:bold; letter-spacing:1px; text-align:center; margin-right:auto; margin-left:auto; margin-top:25px; font-family:LatoRegular,Calibri; line-height:60px; background: rgba(51, 51, 51, 0); }            
.header-image-products .collection-snapshot .content-area .social-icons-area { margin-top:30px; }
.header-image-products .collection-snapshot .content-area .social-icons-area .icon-area { 
	display:inline-block; margin-right:28px; opacity:1;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
} 
.header-image-products .collection-snapshot .content-area .social-icons-area .icon-area:hover {
	opacity:0.8;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}


/* General button style (reset) for check collection */
.btn {
	border: none;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1 */
.btn-1 {
	font-family: LatoRegular,Calibri;
	font-size: 14px;
	border: 3px solid #333;
	color: #333;
	width:190px;
	height:60px;
	margin-top:25px;
}
/* Button 1e */
.btn-1e {
	overflow: hidden;
	z-index:10;
}
.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #333;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-1e:hover,
.btn-1e:active {
	color: #fff;
}
.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}

.content-products-area { width:100%; margin-left:auto; margin-right:auto; }
.content-products-area .title-area { text-align:center; margin-top:70px; }
.content-products-area .title-area span { }
.content-products-area .title-area .p1 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0px; }                                 
.content-products-area .title-area .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:80px; letter-spacing:14px; }                                 
.content-products-area .items-latest-area { position:relative; text-align:center; margin-top:70px; width:100%; margin-left:auto; margin-right:auto; }
.content-products-area .items-latest-area .item-area { width:33.33%; margin-bottom:50px; text-align:center; float:left; text-align:center; }
.content-products-area .items-latest-area .item-area .img-area { 
	margin-bottom:30px; width:60%; position:relative; margin-left:auto; margin-right:auto;
	-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;
}
.content-products-area .items-latest-area .item-area .img-area img { width:100%; height:auto; opacity:1; }
.content-products-area .items-latest-area .item-area .img-area:hover {
	opacity:0.8;
	-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;
}
.content-products-area .items-latest-area .item-area span { margin-top:30px; }
.content-products-area .items-latest-area .item-area .p1 {
	color:#333; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:16px; font-family:LatoThin,Calibri; line-height:16px; letter-spacing:0;
	-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;
}   
.content-products-area .items-latest-area .item-area .p1:hover {
	color:#94181b;
	-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;
}
.content-products-area .items-latest-area .item-area .p2 {
	color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:10px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing: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;
}  
.content-products-area .items-latest-area .item-area .p2:hover {
	color:#777;
	-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;
}

.content-products-area .shortcuts-area { width:100%; margin-top:80px; }
.content-products-area .shortcuts-area .btn-area {
	width:50%; text-align:left; opacity:1; float:left;
	-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;
}
.content-products-area .shortcuts-area .btn-area:hover {
	opacity:0.8;
	-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;
}

.content-products-area .shortcuts-area .btn-area .btn-width { width:175px; }
.content-products-area .shortcuts-area .btn-area .btn-width-1 { float:right; margin-right:20px; }
.content-products-area .shortcuts-area .btn-area .btn-width-2 { float:left; margin-left:20px; }
.content-products-area .shortcuts-area .btn-area .btn-width .icon-wrap { float:left; width:11px; height:11px; }
.content-products-area .shortcuts-area .btn-area .btn-width .icon-wrap .square-shape { float:left; width:4px; height:4px; background-color:#555; } 
.content-products-area .shortcuts-area .btn-area .btn-width .text-wrap { float:left; margin-left:10px; }
.content-products-area .shortcuts-area .btn-area .btn-width .text-wrap span { }
.content-products-area .shortcuts-area .btn-area .btn-width .text-wrap .p1 { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#555; font-family:LatoRegular,Calibri; font-size:15px; line-height:14px; letter-spacing:1px; }


.content-products-area .latest-news-area {
	background-repeat:no-repeat;
	background-position:top center;
	width: 100%;
	height: 700px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:120px; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}                             
.content-products-area .latest-news-area .content-area { margin-top:30px; margin-right:auto; margin-left:auto; width:100%; text-align:center; }
.content-products-area .latest-news-area .content-area span { text-align:center; margin-right:auto; margin-left:auto; }
.content-products-area .latest-news-area .content-area .p1 { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0px; }
.content-products-area .latest-news-area .content-area .p2 { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#333; font-family:LatoRegular,Calibri; font-size:10px; line-height:24px; letter-spacing:1px; width:420px; display:block; margin-top:40px; }

.content-products-area .coll-cat-thumbs { width:100%; clear:both; }
.content-products-area .coll-cat-thumbs .thumb-area { width:20%; text-align:center; float:left; position:relative; }
.content-products-area .coll-cat-thumbs .thumb-area img { width:100%; height:auto; }


.content-products-area .coll-cat-thumbs .thumb-area .hover-area {
	background: rgba(148, 24, 27, 0); position:absolute; display:block; width:100%; height:100%;
	-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;
}
.content-products-area .coll-cat-thumbs .thumb-area .hover-area:hover {
	background: rgba(148, 24, 27, 0.8);
	-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;
} 

.content-products-area .coll-cat-thumbs .thumb-area .hover-area span {
	opacity:0; background: rgba(148, 24, 27, 0); width:90%; height:86%; margin-left:5%; margin-top:5%; border:2px solid #fff;
	-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;
}
.content-products-area .coll-cat-thumbs .thumb-area .hover-area span:hover {
	opacity:1;
	background: rgba(148, 24, 27, 0.8);
	-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;
}
.content-products-area .coll-cat-thumbs .thumb-area .hover-area .p1 { line-height: 18px; padding-top:25%; float:left; color:#fff; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; letter-spacing:8px; }                                 


/*******************************************END PRODUCTS*****************************/


/*******************************************BEGIN PRODUCTS CATEGORIES/COLLECTIONS***************************/

.content-products-area .title-area-cat-coll { text-align:center; margin-top:40px; }
.content-products-area .title-area-cat-coll span { }
.content-products-area .title-area-cat-coll .p0 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; line-height:40px; letter-spacing:10px; margin-left:-250px; }                                 
.content-products-area .title-area-cat-coll .p1 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0px; }                                 
.content-products-area .title-area-cat-coll .p2 { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:80px; letter-spacing:14px; }                       

.content-products-area .items-latest-area .item-width { width:33.33%; }

.content-products-area .items-description-area { position:relative; text-align:center; margin-top:70px; width:80%; margin-left:auto; margin-right:auto; }
.content-products-area .items-description-area .content-area { width:50%; margin-right:5%; float:left; text-align:left; margin-top:-20px; margin-bottom:50px;  }
.content-products-area .items-description-area .content-area p { border-bottom:1px solid #e5e5e5; padding-bottom:16px; margin-bottom:20px; }
.content-products-area .items-description-area .content-area p span {  }
.content-products-area .items-description-area .content-area p .p1 { color:#555; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Verdana; line-height:20px; letter-spacing:0; }
.content-products-area .items-description-area .content-area p .p1 a { color:#94181b; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Verdana; line-height:20px; letter-spacing:0; }
.content-products-area .items-description-area .content-area p .p1 a:hover { color:#555; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Verdana; line-height:20px; letter-spacing:0; }
.content-products-area .items-description-area .pictures-area { width:45%; text-align:center; float:left; }
.content-products-area .items-description-area .pictures-area img { width:100%; height:auto; margin-bottom:20px; }

/*******************************************END PRODUCTS CATEGORIES/COLLECTIONS*****************************/


/*******************************************BEGIN NEWS***************************/

.content-news-area { width:70%; margin-left:auto; margin-right:auto; }
.content-news-area .main-title-area { text-align:center; margin-top:70px; margin-bottom:70px; }
.content-news-area .main-title-area span { }
.content-news-area .main-title-area .p1 { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:18px; font-family:LatoRegular,Calibri; line-height:18px; letter-spacing:0px; }                                 
.content-news-area .text-image-area { position:relative; text-align:left; margin-bottom:100px; width:100%; }
.content-news-area .text-image-area-width { width:65%; float:left; }
.content-news-area .text-image-area .title-area { text-align:right; width:45%; margin-bottom:30px; }
.content-news-area .text-image-area .title-area span { display:block; }
.content-news-area .text-image-area .title-area .p1 { width:100%; padding-bottom:10px; border-bottom:1px solid #333; color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:18px; font-family:LatoRegular,Calibri; line-height:18px; letter-spacing:1px; }
.content-news-area .text-image-area .title-area .p2 { color:#777; margin-top:-6px; text-decoration:none; text-transform:uppercase; font-weight:100; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:10px; letter-spacing:0; }
.content-news-area .text-image-area img { width:100%; height:auto; }
.content-news-area .text-image-area .text-area { text-align:left; width:100%; margin-top:20px; }
.content-news-area .text-image-area .text-area span { text-align:justify; float:left; }
.content-news-area .text-image-area .text-area .p1 { color:#333; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Calibri; line-height:24px; letter-spacing:0; }                                 

.content-news-area .text-image-area .title-area-details { text-align:left; margin-top:50px; margin-bottom:50px; }
.content-news-area .text-image-area .title-area-details span { display:inline-block; }
.content-news-area .text-image-area .title-area-details .p1 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:18px; font-family:LatoRegular,Calibri; line-height:50px; height:50px; letter-spacing:1px; }
.content-news-area .text-image-area .title-area-details .p2 { padding-right:14px; margin-right:30px; border-right:1px solid #333; color:#333; text-decoration:none; text-transform:uppercase; font-weight:100; font-size:18px; font-family:VerdanaRegular,Verdana; line-height:24px; float:left; letter-spacing:1px; }

.content-news-area .links-shortcuts-area { position:relative; text-align:left; width:25%; margin-left:10%; margin-top:100px; float:left; }
.content-news-area .links-shortcuts-area span { display:inline-block; }
.content-news-area .links-shortcuts-area .p1 { padding-left:20px; border-left:1px solid #94181b; color:#777; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; line-height:50px; height:50px; letter-spacing:1px; }
.content-news-area .links-shortcuts-area .p2 a { color:#999; text-decoration:none; text-transform:uppercase; font-weight:100; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:24px; letter-spacing:0px; }
.content-news-area .links-shortcuts-area .p2 a:hover { color:#94181b; }
.content-news-area .links-shortcuts-area .p3 a { color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:100; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:24px; letter-spacing:0px; }
.content-news-area .links-shortcuts-area .p3 a:hover { color:#777; }


.content-news-area .title-area { text-align:center; margin-top:70px; }
.content-news-area .title-area span { }
.content-news-area .title-area .p1 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0px; }                                 
.content-news-area .title-area .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:80px; letter-spacing:14px; }                                 
.content-news-area .items-latest-area { position:relative; text-align:center; margin-top:70px; width:100%; margin-left:auto; margin-right:auto; }
.content-news-area .items-latest-area .item-area { width:33.33%; margin-bottom:50px; text-align:center; float:left; text-align:center; }
.content-news-area .items-latest-area .item-area .img-area { 
	margin-bottom:30px; width:60%; position:relative; margin-left:auto; margin-right:auto;
	-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;
}
.content-news-area .items-latest-area .item-area .img-area img { width:100%; height:auto; opacity:1; }
.content-news-area .items-latest-area .item-area .img-area:hover {
	opacity:0.8;
	-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;
}
.content-news-area .items-latest-area .item-area span { margin-top:30px; }
.content-news-area .items-latest-area .item-area .p1 {
	color:#333; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:16px; font-family:LatoThin,Calibri; line-height:16px; letter-spacing:0;
	-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;
}   
.content-news-area .items-latest-area .item-area .p1:hover {
	color:#94181b;
	-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;
}
.content-news-area .items-latest-area .item-area .p2 {
	color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:10px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing: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;
}  
.content-news-area .items-latest-area .item-area .p2:hover {
	color:#777;
	-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;
}

/*******************************************END NEWS*****************************/


/*******************************************BEGIN CONTACT***************************/

/* overlay div will cover the map, preventing pointer events from getting to it. But if you click on the div, it becomes transparent to pointer events, activating the map again! */
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
   z-index:1000;
}

.content-about-area .text-contact-area { text-align:center; margin-top:20px; width:100%; }
.content-about-area .text-contact-area span { text-align:center; }
.content-about-area .text-contact-area .p1 { color:#333; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Calibri; line-height:18px; letter-spacing:0; }                                 
.content-about-area .text-contact-area .p1 a { color:#333; text-decoration:none; text-transform:none; font-weight:100; font-size:12px; font-family:VerdanaRegular,Calibri; line-height:18px; letter-spacing:0; }                                 
.content-about-area .text-contact-area .p1 a:hover { color:#94181b; } 

.content-about-area .first-column { margin-left:auto; margin-right:auto; width:600px; margin-top:50px; margin-bottom:50px; }
.content-about-area .first-column .input-area { float:left; margin-right:15px; }
.content-about-area .first-column .input-area input.txt { margin-bottom:16px; margin-top:20px; width:190px; height:20px; background: rgba(244, 242, 233, 0);  color:#555; font-size:12px; border:none; border-bottom:1px solid #333; font-weight:100; font-family:VerdanaRegular,Calibri; }
.content-about-area .first-column .input-area span { text-align:left; }
.content-about-area .first-column .input-area .p1 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:100; font-size:14px; font-family:VerdanaRegular,Calibri; line-height:14px; letter-spacing:0; }
.content-about-area .first-column .input-area textarea.form2 { float:left; margin-bottom:18px; margin-top:20px; width:600px; max-width:600px; height:100px; background: rgba(244, 242, 233, 0); color:#555; font-size:12px; border:none; border-bottom:1px solid #333; font-weight:100; font-family:VerdanaRegular,Calibri; }

#map_wrapper {
    height: 500px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/*******************************************END CONTACT*****************************/


/*******************************************BEGIN FOOTER***************************/

.footer-area { width:100%; margin-left:auto; margin-right:auto; text-align:center; }
.footer-area .social-icons-area { margin-top:40px; }
.footer-area .social-icons-area .icon-area {
	display:inline-block; margin-right:25px; opacity:1; 
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
} 
.footer-area .social-icons-area .icon-area:hover {
	opacity:0.8; 
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

.footer-area .newsletter-area { margin-top:40px; }
.footer-area .newsletter-area span { text-align:center; }
.footer-area .newsletter-area .p1 { color:#777; text-decoration:none; border-bottom:1px solid #94181b; text-transform:uppercase; font-weight:900; font-size:11px; font-family:VerdanaRegular,Verdana; line-height:11px; padding-bottom:4px; letter-spacing:1px; }                                 
.footer-area .newsletter-area .input-area { width:200px; margin-left:auto; margin-right:auto; margin-top:16px; }
.footer-area .newsletter-area .input-area input.txt { width:130px; height:22px; float:left; border:1px solid #555; color:#555; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:10px; background: rgba(244, 242, 233, 0); font-style:italic; }
.footer-area .newsletter-area .input-area a {
	display:inline-block; float:left; width:70px; height:22px; background-color:#555; color:#f4f2e9; text-transform:uppercase; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:22px; background: rgba(85, 85, 85, 1); text-decoration:none; text-align:center; opacity:1; 
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.footer-area .newsletter-area .input-area a:hover { 
	opacity:0.8; 
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.footer-area .line-area { width:40%; height:10px; padding-top:20px; margin-left:auto; margin-right:auto; border-bottom:1px solid #e5e5e5; }
.footer-area .copyTxt { margin-left:auto; margin-right:auto; text-align:center; margin-top:30px; }
.footer-area .copyTxt span {  }
.footer-area .copyTxt .p1 { color:#777; text-decoration:none; text-transform:none; font-weight:100; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:20px; letter-spacing:0; }                                 
.footer-area .copyTxt .p1 a { color:#000; text-decoration:none; text-transform:none; font-weight:100; font-size:10px; font-family: VerdanaRegular,Verdana; line-height:20px; letter-spacing:0; 
-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-area .copyTxt a:hover { color:#94181b;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.footer-area .copyTxt .p2 {  }                                 
.footer-area .copyTxt .p2 a { 
	color:#555; text-decoration:none; text-transform:none; font-weight:100; font-size:10px; font-family:VerdanaRegular,Verdana; line-height:12px; letter-spacing:0;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}                                 
.footer-area .copyTxt .p2 a:hover { 
	color:#94181b;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

/*******************************************END FOOTER*****************************/

/*Styles for screen 1500px and above*/
@media only screen and (min-width: 1500px) {
	.rolling-bg { display:none; }
	.rolling-bg-big {
		display:block;
		background-repeat:no-repeat;
		background-position:top center;
		float:left;
		margin-top:100px;
		position:relative; 
		width:100%;
		height:500px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; 
	}  
	.rolling-bg-big span { text-align:left; position:absolute; }
	.rolling-bg-big .p1 { color:#555; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; line-height:14px; letter-spacing:10px; left:10%; top:20px; }
	.rolling-bg-big .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0; left:15%; top:50px; }
	.rolling-bg-big .p3 { color:#f4f2e9; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:30px; letter-spacing:15px; right:3%; bottom:30px; }
	
	.header-image-products { display:none; }
	.header-image-products-big {
		display:block;
		background-repeat:no-repeat;
		background-position:top center;
		height:700px;
		width:100%;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}

	
	.header-image-products-big .collection-snapshot { height:320px; width:100%; z-index:10; position:absolute; top:205px; background: rgba(255, 255, 255, 0.6); }
	.header-image-products-big .collection-snapshot .content-area { margin-top:30px; margin-right:auto; margin-left:auto; width:100%; text-align:center; }
	.header-image-products-big .collection-snapshot .content-area span { text-align:center; margin-right:auto; margin-left:auto; }
	.header-image-products-big .collection-snapshot .content-area .p1 { border-bottom:2px solid #00b7bd; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#00b7bd; font-family:LatoRegular,Calibri; font-size:20px; padding-bottom:6px; line-height:20px; padding-left:16px; letter-spacing:16px; }
	.header-image-products-big .collection-snapshot .content-area .p2 { text-decoration:none; font-weight:bold; text-transform:uppercase; color:#333; font-family:LatoRegular,Calibri; font-size:10px; line-height:18px; letter-spacing:1px; width:420px; display:block; margin-top:70px; }
	.header-image-products-big .collection-snapshot .content-area .btn-coll { width:190px; height:60px; border:3px solid #333; text-decoration:none; text-transform:uppercase; color:#333; font-size:14px; font-weight:bold; letter-spacing:1px; text-align:center; margin-right:auto; margin-left:auto; margin-top:25px; font-family:LatoRegular,Calibri; line-height:60px; background: rgba(51, 51, 51, 0); }            
	.header-image-products-big .collection-snapshot .content-area .social-icons-area { margin-top:30px; }
	.header-image-products-big .collection-snapshot .content-area .social-icons-area .icon-area { 
		display:inline-block; margin-right:28px; opacity:1;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition:all 0.4s ease-in-out;
		-o-transition:all 0.4s ease-in-out;
		transition:all 0.4s ease-in-out;
	} 
	.header-image-products-big .collection-snapshot .content-area .social-icons-area .icon-area:hover {
	opacity:0.8;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

}
	
/*Styles for screen 1300px and lower*/
@media only screen and (max-width: 1300px) {
	.content-about-area .text-image-area { width:90%; }

}

/*Styles for screen 1250px and lower*/
@media only screen and (max-width: 1250px) {
	.content-about-area .text-image-area { width:93%; }

}	

/*Styles for screen 1170px and lower*/
@media only screen and (max-width: 1170px) {
	.content-about-area .text-image-area { width:95%; }

}

/*Styles for screen 1080px and lower*/
@media only screen and (max-width: 1080px) {
	.content-about-area { width:100%; }
	.content-about-area .text-image-area { text-align:center; width:90%; float:none; margin-right:auto; margin-left:auto; }
	.content-about-area .text-image-area img { position:relative; margin-bottom:20px; }
	.content-about-area .text-image-area img.pic2 { bottom:0; }
	.content-about-area .text-image-area .text-area { width:100%; }
	
	.content-products-area .items-latest-area .item-area .img-area { width:80%; }
	.content-products-area .coll-cat-thumbs .thumb-area { width:25%; }
	
	.content-news-area .text-image-area .title-area { width:60%; }
	.content-news-area .items-latest-area .item-area .img-area { width:80%; }
	
	.content-news-area .links-shortcuts-area .p1 { font-size:12px; }
}

/*Styles for screen 1024px and lower*/
@media only screen and (max-width: 1024px) {
	
}

/*Styles for screen 950px and lower*/
@media only screen and (max-width: 950px) {
	
}

/*Styles for screen 850px and lower*/
@media only screen and (max-width: 850px) {
	.rolling-bg { display:none; }
	.rolling-bg-small {
		display:block;
		float:left;
		margin-top:100px;
		position:relative; 
		width:100%;
		height:500px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; 
	}   
	.rolling-bg-small span { text-align:left; position:absolute; }
	.rolling-bg-small .p1 { color:#555; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px; font-family:LatoRegular,Calibri; line-height:14px; letter-spacing:10px; left:10%; top:20px; }
	.rolling-bg-small .p2 { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:24px; font-family:LatoRegular,Calibri; line-height:24px; letter-spacing:0; left:15%; top:50px; }
	.rolling-bg-small .p3 { color:#f4f2e9; text-decoration:none; text-transform:uppercase; font-weight:900; font-size:30px; font-family:LatoThin,Calibri; line-height:30px; letter-spacing:15px; right:3%; bottom:30px; }

	.menu-BG .links-area { width:100%; }
	.menu-BG .links-area .first-part { display:none; }
	.menu-BG .links-area .second-part { display:none; }
	.menu-BG .links-area .third-part { display:none; }
	.menu-BG .links-area .first-part-mobile { display:block; width:33.33%; margin-top:39px; float:left; }
	.menu-BG .links-area .first-part-mobile .side-menu-button-left {
		margin-left:10px; float:left; background:url(../img/side-menu-button-left.png) no-repeat top left; width:30px; height:22px;
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
	.menu-BG .links-area .first-part-mobile .side-menu-button-left:hover { 
		background-position:-30px;
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
	.menu-BG .links-area .first-part-mobile .side-menu-button-left span { }
	.menu-BG .links-area .first-part-mobile .side-menu-button-left .p1 { float:left; margin-left:40px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:LatoRegular,Calibri; line-height:13px; margin-top:-1px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; display:inline-block; }                                 

	.menu-BG .links-area .second-part-mobile { display:block; width:33.33%; margin-top:10px;float:left; }
	.menu-BG .links-area .second-part-mobile .logo-GG-KG { background:url(../img/logo-golden-koub-glass.png) no-repeat top center; width:120px; height:80px; margin-left:auto; margin-right:auto; }
	.menu-BG .links-area .third-part-mobile { display:block; width:33.33%; margin-top:39px; float:left; }
	.menu-BG .links-area .third-part-mobile .side-menu-button-right {
		margin-right:10px; float:right; background:url(../img/side-menu-button-right.png) no-repeat top left; width:30px; height:22px; 
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
	.menu-BG .links-area .third-part-mobile .side-menu-button-right:hover { 
		background-position:-30px; 
		-webkit-transition:all 0.1s ease-in-out;
		-moz-transition:all 0.1s ease-in-out;
		-o-transition:all 0.1s ease-in-out;
		transition:all 0.1s ease-in-out;
	}
	.content-about-area .title-area .p2 { font-size:26px; letter-spacing:12px; }     
	
	.menu-BG .links-area .third-part-mobile .side-menu-button-right span { }
	.menu-BG .links-area .third-part-mobile .side-menu-button-right .p1 { float:left; margin-left:-100px; color:#94181b; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:LatoRegular,Calibri; line-height:13px; margin-top:-1px; padding-top:5px; padding-bottom:5px; letter-spacing:1px; display:inline-block; }                                 
	
	.rolling-bg-small .p2 { font-size:20px; line-height:20px; }
	.rolling-bg-small .p3 { font-size:24px; line-height:24px; letter-spacing:10px; }
	
	.header-image-products .collection-snapshot .content-area .p2 { width:300px; margin-top:40px; }
	.content-products-area .title-area .p2 { font-size:26px; letter-spacing:12px; }  
	.content-products-area .items-latest-area { margin-top:50px; }
	.content-products-area .items-latest-area .item-area { width:100%; }
	.content-products-area .items-latest-area .item-area .img-area { width:60%; }
	.content-products-area .latest-news-area .content-area .p2 { width:300px; }  
	.content-products-area .coll-cat-thumbs .thumb-area { width:50%; } 
	.content-products-area .title-area-cat-coll .p2 { font-size:24px; line-height:60px; letter-spacing:6px; }     
	
	.content-products-area .items-latest-area .item-width { width:50%; }                            
    .content-products-area .items-description-area .content-area { width:100%; margin-right:0; }
	.content-products-area .items-description-area .pictures-area { width:100%; }
	
	.content-news-area { width:90%; }
	.content-news-area .text-image-area .title-area { width:100%; }
	.content-news-area .text-image-area-width { width:100%; }

	.content-news-area .title-area .p2 { font-size:26px; letter-spacing:12px; }  
	.content-news-area .items-latest-area { margin-top:50px; }
	.content-news-area .items-latest-area .item-area { width:100%; }
	.content-news-area .items-latest-area .item-area .img-area { width:60%; }
	.content-news-area .latest-news-area .content-area .p2 { width:300px; }  
    .content-news-area .items-latest-area .item-width { width:100%; }   
	.content-news-area .links-shortcuts-area { width:100%; margin-left:0; margin-top:0; }
	
	.content-about-area .first-column { width:190px; }
	.content-about-area .first-column .input-area { margin-right:0; }
	.content-about-area .first-column .input-area textarea.form2 { width:190px; max-width:190px; }
	
	div.spacer3{ display:none; } /* when 3 items in a row */
	div.spacer2{ display:block; } /* when 2 items in a row */

}

/*Styles for screen 667px and lower*/
@media only screen and (max-width: 667px) {
	.content-about-area .title-area .p1 { font-size:16px; }
	.content-about-area .title-area .p2 { font-size:20px; letter-spacing:8px; }
	
	.content-products-area .title-area .p1 { font-size:16px; }                                 
	.content-products-area .title-area .p2 { font-size:20px; letter-spacing:8px; line-height:40px; } 
	
	.content-news-area .title-area .p1 { font-size:16px; }                                 
	.content-news-area .title-area .p2 { font-size:20px; letter-spacing:8px; line-height:40px; }                                 
   
}

/*Styles for screen 500px and lower*/
@media only screen and (max-width: 500px) {
	.menu-BG .links-area .second-part-mobile { margin-top:10px; }
	.menu-BG .links-area .second-part-mobile .logo-GG-KG { background:url(../img/logo-golden-koub-glass.png) no-repeat top center; width:120px; height:80px; }
	
	.content-about-area .title-area .p1 { font-size:14px; }
	.content-about-area .title-area .p2 { font-size:14px; letter-spacing:1px; line-height:40px; } 
	
	.rolling-bg-small .p2 { font-size:16px; line-height:16px; }
	.rolling-bg-small .p3 { font-size:20px; line-height:20px; letter-spacing:3px; left:25%; }
	
	.header-image-products .collection-snapshot .content-area .p1 { padding-left:4px; letter-spacing:4px; }
	.header-image-products .collection-snapshot .content-area .p2 { width:250px; }  
	
	.content-products-area .title-area .p1 { font-size:14px; }                                 
	.content-products-area .title-area .p2 { font-size:14px; letter-spacing:1px; line-height:30px; }
	.content-products-area .items-latest-area { margin-top:30px; }
	.content-products-area .items-latest-area .item-area .img-area { width:80%; }  
	.content-products-area .latest-news-area .content-area .p2 { width:250px; }
	
	.content-products-area .shortcuts-area .btn-area { width:100%; } 
	.content-products-area .shortcuts-area .btn-area .btn-width-1 { float:none; margin-left:auto; margin-right:auto; margin-bottom:50px; }
	.content-products-area .shortcuts-area .btn-area .btn-width-2 { float:none; margin-left:auto; margin-right:auto; }
	.content-products-area .coll-cat-thumbs .thumb-area { width:100%; }
	
	.content-products-area .title-area-cat-coll .p0 { font-size:14px; line-height:40px; letter-spacing:10px; margin-left:0; }                                 
	.content-products-area .title-area-cat-coll .p1 { font-size:16px; line-height:16px; }                                 
	.content-products-area .title-area-cat-coll .p2 { font-size:20px; line-height:50px; letter-spacing:0; }                                 

	.content-news-area .title-area .p1 { font-size:14px; }                                 
	.content-news-area .title-area .p2 { font-size:14px; letter-spacing:1px; line-height:30px; }
	.content-news-area .items-latest-area { margin-top:30px; }
	.content-news-area .items-latest-area .item-area .img-area { width:80%; }  
	.content-news-area .latest-news-area .content-area .p2 { width:250px; }
}

/*Styles for screen 420px and lower*/
@media only screen and (max-width: 460px) {
	.menu-BG .links-area .second-part-mobile { margin-top:10px; }
	.menu-BG .links-area .second-part-mobile .logo-GG-KG { background:url(../img/logo-golden-koub-glass.png) no-repeat top center; width:120px; height:80px; }
}

/*Styles for screen 420px and lower*/
@media only screen and (max-width: 420px) {
	.content-about-area .text-image-area img { width:240px; height:199px; }  
	.menu-BG .links-area .third-part-mobile .side-menu-button-right .p1 { display:none; }
	.menu-BG .links-area .first-part-mobile .side-menu-button-left .p1 { display:none; }
}

/*Styles for screen 360px and lower*/
@media only screen and (max-width: 360px) {
	.menu-BG .links-area .first-part-mobile { width:40px; float:left; }
	.menu-BG .links-area .second-part-mobile { width:74%; }
	.menu-BG .links-area .third-part-mobile { width:30px; float:right; }
	.content-products-area .items-latest-area .item-width { width:100%; } 
	div.spacer2{ display:none; } /* when 2 items in a row */
}

/*Styles for screen 320px and lower*/
@media only screen and (max-width: 320px) {
	.menu-BG .links-area .second-part-mobile { width:72%; }
}