@charset "utf-8";
/* CSS Document */
:root{
	--main-color:#595959;
	--second-color:#9e9d9d;
	--contrast-color:white;
	--dark-color:#232323 ;
	--main-text:#595959;
	--second-text:white;
	--roll-over:#b26060;
	--highlight:#ab0f2e
}
#topbar{
	background:var(--second-color)
}
#HeadLogo{
	width: 290px;
	margin:20px auto 0 auto;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
#HeadLogo img{
	margin:10px auto;
	max-width:290px
}
#HeadLogo .recom{
	color:white;
	text-align:center;
	margin:0 0 20px 0;
}
.HeaderContact{
	display:inline-block;
	height:32px;
	margin-left:7px
}
.HeaderContactS{
	display:none;
}
.HeaderNetworks{
	list-style:none;
	text-align:right
}
.HeaderNetworks li{
	display:inline-block;
	margin-right:7px;
	font-size:24px
}
.HeaderNetworks li a i{
	font-size:20pt
}
.HeaderNetworks li a i:hover{
	 -webkit-animation: rubberBand 1s;
    animation: rubberBand 1s;
}
.menu{
	height: 50px;
	padding: 12px;
	display: block;
	color:#FFF;
	text-align: left;
	border-radius: 4px;
	background:var(--second-color);
	cursor:pointer;
	font-size:17pt
}
main{
	padding:50px 0 20px
}
main .container h1{
	text-align:left
}
nav{
	margin-top:50px;
	width:100%;
	position:absolute;
	z-index:1000
}
nav ul{
	display: none;
	list-style: none;
	background:rgba(255,255,255,0.9);
}
nav ul li{
	border-bottom:1px solid silver;
 	position: relative;
	font-size:19px;
}
nav ul li a{
	padding:15px 10px;
	display:block;
	color:var(--main-color);
	transition:all 1s;
}
nav ul li a:hover{
	color: var(--second-color);
}
nav ul ul{
	display:none !important
}
.active{
	font-weight:bolder;
}
#MainTitles{
	padding:85px 5px 5px;
	text-align: center;
}
#MainTitles > h1{
	font-family:Canaro;
	font-size:18pt;
	color:var(--main-text);
	text-shadow:2px 2px 2px rgba(5,0,0,0.5)
}
#MainTitles > p{
	color:white;
	text-align:left;
	line-height:20pt;
	text-shadow:0 0 4px var(--dark-color)
}
#ProductTitles{
	padding:65px 20px;
	text-align: right;
	text-shadow:2px 2px 1px rgba(5,0,0,0.5);
}
#ProductTitles h1{
	color:var(--contrast-color);
	text-shadow:2px 2px 1px rgba(5,0,0,0.5)
}
#ErrorTitles{
	padding:85px 20px;
	text-align: right;
	text-shadow:2px 2px 1px rgba(5,0,0,0.5);
}
#ErrorTitles h1{
	color:gold;
	text-shadow:2px 2px 1px rgba(5,0,0,0.5)
}
footer .container{
	padding:20px 0;
}
#FooterLogo{
	width:200px;
	margin:15px auto
}
.SocialNetworks{
	text-align: center;
}
.SocialNetworks h3{
	margin-bottom:19px;
}
.SocialNetworks ul{
	list-style:none;
}
.SocialNetworks ul li{
	display: inline-block;
	margin:0 5px;
	font-size:24pt
}
.SocialNetworks ul li a{
	color:white;
}
.SocialNetworks ul li i{
	color:white;
	font-size:20pt
}
.SocialNetworks ul li:hover{
    -webkit-animation: tada 1s;
    animation: tada 1s;
}
.copyright{
	text-align: center;
	font-size:11pt;
	color:white;
}
.termsprivacy{
	text-align: center;
	font-size:11pt;
	color:var(--dark-color)
}
.termsprivacy a{
	color:var(--dark-color);
	transition:ease all 0.3s;
}
.termsprivacy a:hover{
	color:var(--dark-color) !important;
}
main .container{
	padding:10px 0;
	border-bottom:1px solid var(--second-color)
}
.TestWYSWYG{
	width:90%;
	min-height:300px;
}
#ContactInfo{
	padding:0 20px 20px 20px;
	text-align:left;
}
#ContactInfo ul li{
	margin:7px 0
}
#ContactInfo ul li a{
	color:var(--main-color)
}
#ContactInfo ul li a:hover{
	color:var(--second-color)
}
#WelcomeInfo{
	text-align:center;
}
#WelcomeInfo h1 a{
	color:var(--main-color)
}
#WelcomeInfo p{
	line-height:20pt;
	color:var(--main-color)
}
#WelcomeImg{
	margin-botom:20px
}
#WelcomeImg img{
	width:290px;
	transition:ease all 0.6s;
	border-radius:6px;
}
#WelcomeImg img:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2)
}
.ArtContent{
	text-align: center;
	vertical-align: top;
	margin: 10px 10px 30px 10px;
}
.ArtContent p{
	line-height:22pt;
}
.ArtImage{
	margin:10px;
	border-radius:6px;
	transition:ease all 0.3s;
	text-align:center;
	overflow:hidden;
}
.ArtContent img{
	width:290px;
	margin:10px auto;
}
.BlogArtImg img{
	width:290px;
	margin:10px auto;
	display:block;
	border-radius:6px;
	transition:ease 0.3s;
}
.BlogArtImg img:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
#BlogArtVideo{
	width:290px;
	height:163px
}
.ArtImage img{
	width:100%;
	border-radius:6px;
}
.ArtImage:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}

.SocialNetworks{
	display:inline-block;
}
.SocialBlock{
	display:inline-block;
	height:20px;
	padding-top:10px;
	vertical-align:top;
	text-align:left
}
.SocialBlock a{
	color:var(--second-text);
}
.SocialBlock a:hover{
	color:var(--contrast-color);
}
#MarketingFrame{
	padding:20px 0;
}
#MarketingFrame a{
	color:white
}
#MarketingFrame a:hover{
	color:var(--second-color)
}
.Articles{
	width:290px;
	margin-top:10px
}
.Articles h2{
	margin:5px 0;
}
.Articles h2 a{
	color:var(--main-color) !important
}
.Articles h2 a:hover{
	color:var(--dark-color) !important
}
.ArticlesPict{
	height:200px;
	overflow: hidden;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.ArticlesImg{
	width:300px;
	transition:all 0.6s ease;
}
.ArticlesImg:hover{
	transform:scale(1.02);	
}
.SendDataG{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:white;
	border:1px solid var(--second-color);
	color:var(--second-color);
	padding: 8px 50px;
	font-family:MyriadWeb;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.4s;
}
.SendDataG:hover{
	letter-spacing:2pt;
	color:var(--main-color)
}
.AllPostsImg{
	width:200px;
	margin:5px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition:all 0.6s ease;
}
.AllPostsImg:hover{
	-webkit-filter: grayscale(0.5);
	filter: grayscale(0.5);
	transform:scale(1.02);	
}
.ServiceBlock{
	width:290px;
	margin:10px 5px;
	overflow:hidden;
	background:var(--main-color);
	border-radius:6px
}
.ServPict{
	transition:ease all 0.6s;
}
.ServPict:hover{
	transform:scale(1.02)
}
.ServInfo h2{
	background:var(--second-color);
	padding:15px 0;
	margin-top:-5px
}
.ServInfo p{
	color:white;
	margin:20px 10px
}
.pc_Categories {
	display:inline-block;
	width:45%;
	margin:7px 3px;
	text-align:left
}
.AllCategories {
	margin:5px 0 10px 0;
	padding:19px 15px 19px;
	background:#FFF6DD;
	border-radius:6px;
	text-align:left
}
.BlockCats{
	
}
.BlockDetails{
	
}
.BlockDetails h1{
	text-align:center;
	padding:60px 0 0
}
.BlockDetails p{
	text-align:justify;
	line-height:20pt
}
.searchq{
	display:inline-block;
	width:95%;
	height:45px;
	margin:5px auto;
	padding:2px 10px;
	border-radius:6px;
	color:var(--contrast-color);
	font-size:17pt;
	border:1px solid var(--main-color)
}
.searchq::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color:var(--contrast-color);
    opacity: 0.5; /* Firefox */
}
.searchq:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:var(--contrast-color)
}
.searchq::-ms-input-placeholder { /* Microsoft Edge */
    color:var(--contrast-color)
}
#GallerySlider h2 a{
	color:var(--dark-color)
}
#GallerySlider h2 a:hover{
	color:var(--second-color);
	letter-spacing:1pt
}

#ContactInside{
	
}
#ContactOutside{
	display:none
}
#Gallery a{
	color:var(--main-color)
}
#Gallery a:hover{
	color:var(--fifth-color)
}
.GalleryList{
	display:none
}
.GalleryItems{

}
.GalleryPict{
	width:200px;
}
.GalleryPict img{
	width:200px
}
.GalleryPictText{
	font-size:10pt;
	text-align:center;
	margin-top:2px
}
.jqte_editor img{
	width:50%
}
/*ANIMATIONS*/
.ScrollM{
	opacity: 0;
	transition: all 1s ease-out
}
.ScrollM.fade-in{
	opacity:1
}
.ScrollBoom{
	opacity:0;
	transform: scale(0.9);
	transition: all 1s ease-out
}
.ScrollBoom.BoomIn{
	opacity:1;
	transform: scale(1)
}
.TitBorder{
	width:70%;
	margin-top:5px;
	border-top:1px solid var(--second-color)
}
.InstaImgs{
	margin:5px
}
.InstaImgs img{
	width:150px;
	height:150px;
	transition:ease all 0.3s
}
.InstaImgs img:hover{
	opacity:0.7;
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
}
.CategIcons{
	margin:10px auto;
	text-align:center
}
.CategIcons a img{
	width:150px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition:ease 0.3s all
}
.CategIcons a h4{
	transition:ease 0.3s all
}
.CategIcons:hover a img{
	transform:scale(1.1);
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.CategIcons:hover a h4{
	color:var(--highlight)
}
.LastPostSlider .slick-list{
	width:300px;
	margin:0 auto
}
.LastPostSlider .slick-slide{
	width:290px;
	height:370px;
	margin:20px 10px 10px;
	text-align: center
}
.LastPostSlider .slick-dots li button:before{
	font-size:10pt;
	color:var(--highlight)
}
.LastPostSlider .LastPosts{
	position:relative;
	padding-top:175px;
	text-align:left;
	overflow:hidden
}
.LastPosts .LPCover{
	position:absolute;
	width:290px;
	height:370px;
	background-color: rgba(0,0,0,0.40);
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-50;
	transition:ease all 0.4s
}
.LastPosts .LPImage{
	width:290px;
	height:370px;
	position:absolute;
	top:0;
	left:0;
	z-index:-100
}
.LastPosts .LPImage img{
	height:400px;
	transition:ease all 0.4s
}
.LastPosts .LPInfo{
	min-height:120px
}
.LastPosts .LPInfo h2{
	margin:0 5px 0 7px;
}
.LastPosts .LPInfo h2 a{
	color:white
}
.LastPosts .LPInfo h2 a:hover{
	color:var(--roll-over)
}
.LastPosts .LPInfo p{
	font-size:14pt;
	color:#ECECEC
}
.LastPosts:hover .LPImage img{
	-webkit-filter: blur(2px); /* Safari */
 	filter: blur(2px);
}
.LastPosts:hover .LPCover{
	background-color: rgba(0,0,0,0.60);
}
#LastVideoEmbed{
	width:290px;
	height:163px
}
#LastImagePost{
	overflow:hidden;
	width:290px;
	height:164px;
	margin:0 auto;
	text-align:center
}
#LastImageArt{
	width:290px;
	margin:0 auto
}
#searchbar{
	background:var(--dark-color)
}
#search{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	height:50px;
	padding:2px 10px;
	border:none;
	background-color:var(--dark-color);
	color:white;
	font-size:16pt;
	font-style:italic;
}
#search::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-family:MyriadWeb;
	font-size:15pt;
	font-style: normal;
	padding-left:10px;
   	color:var(--second-color);
	background:url(../Images/search-icon.png) right center no-repeat;
}
.GallItems{
	position:relative;
}
.GallItems img{
	width:200px;
	margin:10px auto;
	border-radius:6px
}
.GallItems .ItemFunctions{
	position:absolute;
	right:20px;
	bottom:15px;
}
.GalleryImage{
	width: 200px;
	height: 200px;
	margin:10px 2px;
	display:inline-block;
}
.GalleryImage img{
	width:200px;
}
.GalleryImage img:hover{
	filter: brightness(120%);
	transition: ease all 0.4s;
}
.CoverImage{
	background:transparent;
	border:transparent;
	cursor:pointer;
}
.Pagination{
	margin:10px auto;
	text-align:center
}
.Pagination ul{
	list-style:none
}
.Pagination ul li{
	display:inline-block;
	border-radius:2px;
	border:1px solid #DBDBDB;
}
.Pagination ul li a{
	padding:9px;
	color:#BFBFBF;
	font-size:17pt
}
.Pagination ul li a:hover{
	color:#7E7E7E
}
.PageActive{
	background:var(--roll-over);
	border-color:var(--highlight);
}
.PageActive a{
	color:white !important;
	font-weight:bold;
}
.ProfAdmin{
	width:225px;
	border-radius:50%;
	border:7px solid var(--highlight)
}
#AuthorFrame{
	padding-top:15px;
	border-top:1px solid var(--second-color)
}
.AuthorPict{
	display:inline-block;
	width:25%;
	text-align:right;
	vertical-align:top;
}
.AuthorPict img{
	width:90px;
	border-radius:50%;
	border:5px solid var(--highlight)
}
.AuthorInfo{
	display:inline-block;
	width:75%;
	text-align:left;
	vertical-align:top;
	padding:0 0 0 20px
}
.AuthorInfo p{
	font-size:10pt;
	margin:0 0 5px
}
.AuthorInfo ul{
	text-align:left
}
.AuthorInfo ul li{
	margin-right:1px;
	padding-left:5px
}

/*Tablet*/
@media (min-width: 600px){

	#HeadLogo img{
	
	}
	nav{
		width:600px;
	}
	#MainTitles{
	padding:50px 5px 5px;
	text-align: center
	}
	#MainTitles > h1{
	font-size:16pt;
	}
	#ProductTitles{
	padding:75px 50px;
	text-align: right;
	}
	#ProductTitles h1{
	font-size:35pt;
	}
	#ErrorTitles{
		padding:100px 50px;
		text-align: right;
	}
	#ErrorTitles h1{
		font-size:35pt;
	}
	.SocialNetworks{
		text-align: right;
	}
	.copyright{
		text-align: left;
	}
	.termsprivacy{
		padding-top:10px;
		text-align: right;
	}
	#HeadLogo .recom{
		text-align:center;
	}
	#WelcomeImg{
		overflow:hidden;
		border-radius:6px
	}
	#WelcomeImg img{
		width:auto;
		margin-left:-40%;
		padding-top:50px
	}
	.BlogArtImg img{
		width:550px;
		margin:15px auto;
	}
	#BlogArtVideo{
		width:575px;
		height:323px
	}
	.ArtImage{
		width:350px;
		float:left;
	}
	.ArtContent img{
		display:block;
		width:550px;
		margin:5px 12px
	}
	.ContactInfo p{
		width:250px;
	}
	.SocialNetworks{
		display:inline-block;
		padding:0 0 7px 0;
		margin:0;
	}
	#MarketingFrame{
		padding:30px 0;
	}
	#MarketingFrame h1{
		text-align:left;
	}
	.Articles{
		margin:10px 3px;
	}
	.GalleryList{
		width:190px;
		vertical-align:top;
		display:inline-block;
		text-align:left;
		line-height:30pt
	}
	.GalleryItems{
		width:410px;
		display:inline-block;
		text-align:center
	}
	.LastPostSlider .slick-prev{
		left:-30px;
		z-index:100
	}
	.LastPostSlider .slick-next{
		right:-18px
	}
	.LastPostSlider .slick-prev:before, .slick-next:before{
		font-size:24pt !important; 
		color:var(--roll-over) !important
	}
	.LastPostSlider .slick-prev:before, .slick-next:before{
		font-size:24pt !important; 
		color:var(--roll-over) !important
	}
	.LastPostSlider .slick-list{
		width:600px;
	}
	#LastVideoEmbed{
		width:575px;
		height:323px
	}
	#LastImagePost{
		overflow:hidden;
		width:650px;
		height:400px
	}
	#LastImageArt{
		width:640px;
	}
		
	
}
/*PC*/
@media (min-width: 900px){
	.HeaderNetworks li a i{
		font-size:14pt
	}
	#HeadLogo{
	margin:50px auto 5px auto;
	}
	nav{
		width:700px;
		margin: 40px auto 0 auto;
		padding-top:10px;
		top:0;
		text-align:right;
		display:inline-block;
		position:relative
	}
	nav ul{
		display: inline-block;
		background:none;
		padding:25px 0 25px 25px;
	}
	nav ul li{
		padding:0 7px;
		margin: 0 0 0 -4px;
		display: inline-block;
		border:none;
		transition: ease all 0.4s;
		background:none;
		font-size:16px;
	}
	nav ul li:hover{
		background:none;
	}
	nav ul li a{
		padding:10px;
		color:var(--second-text);
		transition: ease all 0.4s
	}
	nav ul li a:hover{
		color: var(--second-color);
	}
	nav ul li:hover > ul{
		display:block !important;
		-webkit-animation: fadeIn 1s;
    	animation: fadeIn 1s;
	}
	nav ul ul{
		display:none;
		width:100%;
		padding:10px 0;
		position:absolute;
		left:0;
		top:35px
	}
	nav ul ul li{
		display:block;
		height:35px;
		text-align:left;
		background:var(--second-text)
	}
	nav ul ul li:hover{
		background:var(--main-color)
	}
	nav ul ul li a{
		color:white;
		padding:10px 2px
	}
	nav ul ul li a:hover{
		color:white	
	}
	#HeadLogo img{
		margin:0 0 20px 5px
	}
	#HeadLogo .recom{
		text-align:left;
		margin-left:15px
	}
	.menu{
	display:none;
	}
	#FooterLogo{
		margin:20px 0;
		width:240px
	}
	.HeaderContactS{
		display:inline-block;
		height:32px;
		margin-left:7px
	}
	.HeaderContactS a{
		color:white	
	}
	.HeaderContactS a:hover{
		color:#D3D3D3
	}
	.menu{
	display:none;
	}
	#MainTitles{
	 padding:150px 10px 30px;
	}
	#MainTitles > h1{
	font-size:20pt;
	}
	#ProductTitles{
	 padding:150px 50px;
	}
	#ProductTitles h1{
	font-size:48pt;
	}
	#ErrorTitles{
	 padding:225px 50px;
	}
	#ErrorTitles h1{
	font-size:48pt;
	}
	#ServicesBlocks .Block{
		margin-left:20px;
	}
	#WelcomeInfo{
		padding:40px 0 0;
		text-align:left;
	}
	#WelcomeImg{
		overflow:visible;
		text-align:right;
		max-height:450px;
		width:450px;
		margin:0 5px;
	}
	#WelcomeImg img{
		width:420px;
		margin:0 auto;
		padding-top:5px;
		border-radius:8px
	}
	main{
		padding:10px 0 20px
	}
	.BlogArtImg img{
		width:950px;
		margin:20px auto;
	}
	.ArtImage{
		width:550px;
		text-align:center;
	}
	.ArtImage img{
		width:550px;
		margin-left:0
	}
	#MarketingFrame{
		padding:40px 0 10px 0;
	}
	.Articles{
		overflow:hidden;
		margin:10px 15px;
	}
	.AllPostsImg{
		width:200px;
	}
	.GalleryList{
		width:290px
	}
	.GalleryItems{
		width:700px
	}
	.GalleryPict{
		margin:2px
	}
	.LastPostSlider .slick-prev{
		left:-5px;
		z-index:100
	}
	.LastPostSlider .slick-next{
		right:25px
	}
	.LastPostSlider .slick-list{
		width:930px;
	}
	#BlogArtVideo{
		width:950px;
		height:534px
	}
	#search::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
		font-size:19pt;
		letter-spacing:4pt;
	}
	.RelatedArt{
		height:80px;
		overflow:hidden;
		position:relative
	}
	.RelCover{
		position:absolute;
		width:269px;
		height:80px;
		top:0;
		left:0;
		z-index:1;
		background-color:rgba(0,0,0,0.7);
		transition:ease all 0.3s
	}
	.RelatedArt img{
		margin-top:-75px;
		position:absolute;
		top:0;
		left:0;
		width:275px;
		transition:ease all 0.3s;
	}
	.RelatedArt h4{
		width:260px;
		position:absolute;
		z-index:2;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%)
	}
	.RelatedArt h4 a{
		color:white
	}
	.RelatedArt:hover .RelCover{
		background-color:rgba(255,255,255,0.7)
	}
	.RelatedArt:hover img{
		-webkit-filter: blur(2px); /* Safari */
 		filter: blur(2px);
	}
	.RelatedArt:hover h4 a{
		color:var(--highlight)
	}
			
}