/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 5, 2017 */

@font-face {
    font-family: 'museo500';
    src: url('MuseoSansCyrl-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo700';
    src: url('MuseoSansCyrl-700.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}

body {
	font-family: 'museo500';
}

/*
@font-face {
    font-family: 'bebas_neuethin';
    src: url('bebasneue_thin-webfont.woff2') format('woff2'),
         url('bebasneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.woff2') format('woff2'),
         url('bebasneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latomedium';
    src: url('lato-medium-webfont.woff2') format('woff2'),
         url('lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/


/* Custom styles by Alex */

.header-logo {
	padding: 10px;
}

img.header-logo {
	width: 250px;
	height: auto;
	margin: 15px auto;
}


img.font-img {
	width: 250px;
	height: auto;
}

/* general */
.header {
	color: grey;
	font-size: 36px;
	padding: 10px 0;
}

.header-divider {
/*	width: 100%;*/
	height: 2px;
	background-color: #999;
	font-weight: 900;
	margin: 0 10px;
}

.header-details {
	padding: 20px 0;
}

.select_image, .btn {
	cursor: pointer;
}

.head-title {
	font-family: 'museo700';
	color: #777;
	font-weight: bold;
}

.page-header {
	/*padding: 40px 15px;*/
	padding: 40px 40px 0px 15px;
}

/* end of general*/

/**/

/* index page */

.freedom-or-template {
	/*margin: 30px auto;*/
	margin: 0px auto 40px;
}

#kiosks, #cartAds {
	padding: 20px;
}

/*
.creative-examples-item {
	width: 100px;
	height: auto;
}
*/

ul li .group_title {
	color: #99CC33;
	font-size: 21px;
	font-weight: bold;
}

a .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #99CC33;
}

a, a:hover {
	color: black;
}


ul.thumbnails.image_picker_selector li {
	display: flex;
	flex-direction: column;
	align-items: center;
}

ul.thumbnails.image_picker_selector li .group_title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

ul.thumbnails.image_picker_selector li .thumbnail {
	border: none;
	box-shadow: none;
}

ul.thumbnails.image_picker_selector {
	padding: none;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
/*	width: 120px;*/
	width: 150px;
	height: auto;
}


ul.thumbnails.image_picker_selector li .thumbnail {
/*	padding: 10px 4px;*/
	padding: 4px;
}

ul.thumbnails.image_picker_selector {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.pickr { 
	display: flex;
/*	justify-content: center;*/
}
.pickr .pcr-button {
	width: 100px;
	height: 100px;
}

.pickedcolor {
	width: 50px;
	height: 50px;
	margin: 10px;
}

.pcr-app {
	z-index: 99;
}
.pcr-app .pcr-selection {
	justify-content: space-around;
}

.zoomIcon {
/*	position: relative;*/
/*	top: 0;*/
/*	float: right;*/
/*	z-index: 99;*/
/*	width: 50px;*/
/*	margin: -10px 0 0 15px;*/
}

img.zoomIcon {
	width: 21px;
	height: auto;
}

#selectedcolors-box {
	min-height: 90px;
	display: flex;
	flex-wrap: wrap;
}

#color-selection-special-div {
	display: flex;
	flex-wrap: wrap;
}

#category-select {
	display: block !important;
	margin: 0 auto 15px auto;
}

.contact-item label.title {
	font-size: 24px;
	font-weight: 600;
/*	color: red;*/
}

.contact-item label span {
	color: red;
}

/* end of index page */

#sharing-space {
	margin: 40px auto 20px auto;
}