@font-face {
	font-family: 'FontAwesome';
	src: url('.dfontawesome/webfont.eot?v=4.7.0');
	src: url('../fonts/fontawesome/webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
	url('../fonts/fontawesome/webfont.woff2?v=4.7.0') format('woff2'), 
	url('../fonts/fontawesome/webfont.woff?v=4.7.0') format('woff'), 
	url('../fonts/fontawesome/webfont.ttf?v=4.7.0') format('truetype'), 
	url('../fonts/fontawesome/webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/iransans/IRANSansWeb_Bold.eot);
    src: url(../fonts/iransans/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb_Bold.woff2) format("woff2"), url(../fonts/iransans/IRANSansWeb_Bold.woff) format("woff"), url(../fonts/iransans/IRANSansWeb_Bold.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/iransans/IRANSansWeb_Medium.eot);
    src: url(../fonts/iransans/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb_Medium.woff2) format("woff2"), url(../fonts/iransans/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/iransans/IRANSansWeb_Medium.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/iransans/IRANSansWeb_Light.eot);
    src: url(../fonts/iransans/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb_Light.woff2) format("woff2"), url(../fonts/iransans/IRANSansWeb_Light.woff) format("woff"), url(../fonts/iransans/IRANSansWeb_Light.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/iransans/IRANSansWeb_UltraLight.eot);
    src: url(../fonts/iransans/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb_UltraLight.woff2) format("woff2"), url(../fonts/iransans/IRANSansWeb_UltraLight.woff) format("woff"), url(../fonts/iransans/IRANSansWeb_UltraLight.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/iransans/IRANSansWeb.eot);
    src: url(../fonts/iransans/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb.woff2) format("woff2"), url(../fonts/iransans/IRANSansWeb.woff) format("woff"), url(../fonts/iransans/IRANSansWeb.ttf) format("truetype");
}

*{
	font-family: IRANSans;
	font-weight: 400;
	direction: rtl;
	font-size: 14px;
	/* border: solid 1px #eee; */
	border-radius: 5px;
	border-color: #eee;
	/* margin: 0 auto; */
	position: flex;
	/* text-align: justify; */
}
@media (min-width: 1800px)  {
	*{font-size: 16px;}
}

HTML, BODY{
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #f5f5f5;
}
BODY{
	margin-right: 70px;
	padding: 8px;
}

.ltr , .ltr * {
	direction: ltr;
}


.PageNum{text-align: center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: right;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}



.clear::after{
	content: " ";
	display: block !important;
	height: 0px !important;
	float: none !important;
	clear: both !important;
	background: transparent !important;
}

.btn {
	display: inline-block;
	padding: 3px 15px 3px 15px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	min-width: 70px;
	border: none;
	line-height: 2.5em;
	font-size: 1.3em;
	font-weight: 600;
}
.btn:hover {
	box-shadow: 0 0 10px #777;
	opacity: 0.95;
}

.btn.blue{
	background-color: #2980b9;
	color: #FFF;
}

.btn.orange{
	background-color: #ff9000;
	color: #FFF;
}



HEADER{
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	cursor: pointer;
	transition: all 0.5s;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1000000;
}
HEADER::after{
	content: "\f039";
	font-family: FontAwesome;
	position: fixed;
	right: 20px;
	width: 20px;
	height: 20px;
	height: 21px;
	display: block;
	font-size: 24px;
	top: 49%;
	line-height: inherit;
	transition: all 0.7s;
	line-height: 1.2em;
}


HEADER > .inner{
	background-color: #FFF;
	padding: 16px 5px 16px;
	transition: all 0.5s;
	width: 60px;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
}

HEADER #logo{
	display: block;
	overflow: hidden;
	background-image: url(../img/logo-v.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	width: 100%;
	height: 125px;
	transition: all 0.5s;
}
HEADER #logo *{display: none;}
HEADER .main-menu{
	opacity: 0;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	width: 0%;
	white-space: nowrap;
}
HEADER.show{
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: auto;
}
HEADER.show::after{opacity: 0;right: -40px;}
HEADER.show > .inner{
	width: 20%;
}


HEADER.show #logo{
	background-image: url(../img/logo-h.png);
	background-position: center 30px;
	background-size: 50%;
}

HEADER.show .main-menu{
	opacity: 1;
	width: 280px;
	width: 100%;
}

HEADER .main-menu ul.tree{
	list-style: none;
	padding: 0 20px;
}

HEADER .main-menu ul.tree li A{
	color: #444;
    text-decoration: none;
    transition: all 0.2s;
    font-size: 1.4em;
    font-weight: 700;
    display: block;
    margin-bottom: 7px;
}
HEADER .main-menu ul.tree li:hover A{
	color: #000;
	text-shadow: 0 0 20px #777;
}

HEADER .main-menu ul.tree li A[cid="7"]{
	color: #FFF;
    text-align: center;
    border-radius: 4px;
	color: #ff9000;
	border: solid 1px #ff9000;
    font-size: 1.15em;
    margin-top: 22px;
    padding: 10px 0 13px 0;
}
HEADER .main-menu ul.tree li:hover A[cid="7"]{
	box-shadow: 0 0 6px rgba(255, 144, 0,0.1);
	background-color: rgba(255, 144, 0,0.2);
	text-shadow: none;
}

HEADER .head-foot{
	opacity: 0;
	position: absolute;
	bottom: 0;
	transition: all 0.3s;
	left: 0;
	right: 0;
	font-size: 0.7em;
	color: #777;
	text-align: center;
}

HEADER.show .head-foot{opacity: 1;}

HEADER .head-foot .social-media DIV{text-align: center;padding-top: 10px;}
HEADER .head-foot .social-media A{
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	text-decoration: none;
}

HEADER .head-foot .social-media A::after{
	display: block;
	position: absolute;
	left: 0;top:0;right: 0;bottom: 0;
	font-family: FontAwesome;
	color: #aaaaaa;
	transition: all 0.2s;
	font-size: 2rem;
}
HEADER .head-foot .social-media A:hover::after{color: #000;}

HEADER .head-foot .social-media A.instagram::after{content: "\f16d";}
HEADER .head-foot .social-media A.linkedin::after{content: "\f08c";}
HEADER .head-foot .social-media A.aparat::after{content: "\f008";}
HEADER .head-foot .social-media A.youtube::after{content: "\f16a";}
HEADER .head-foot .social-media A.telegram::after{content: "\f1d8";}
HEADER .head-foot .social-media A.twitter::after{content: "\f099";}
HEADER .head-foot .social-media A.rss::after{content: "\f09e";}


#region-content .block.slider .btn{
	min-width: 40%;
}


#region-content .block.slider .slider-container{
	position: fixed;
	right: 59px;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background: url(../img/dot-bg.png) repeat;
}

#region-content .block.slider .slider-container .slider-txt{
	position: absolute;
	right: 0;top: 0;
	width: 50%;
	height: auto;
	transition: all 0.5s;
}

#region-content .block.slider  .slider-input{
	border:solid 1px #00e5b9;
	padding: 5px 10px;
	font-size: 1.1em;
	display: block;
	direction: ltr;
	outline: none;
	width: 80%;
}

#region-content .block.slider .slider-container .slider-img{
	position: absolute;
	left: 0;bottom: 0;
	width: 50%;
	height: auto;
	transition: all 0.5s;
}
#region-content .block.slider .slider-container .slider-img IMG{min-height: 100%;min-height: 100%;/* border-radius: 0; */}
#region-content .block.slider .slider-container > DIV > DIV{
	overflow: hidden;
	position: relative;
}


#region-content .block.slider .slider-container .sliderKeys{
	position: fixed;
    z-index: 1000;
    width: 20px;
    top: 0;
    right: 50%;
    bottom: 0;
    display: flex;
    align-items: center;
}
#region-content .block.slider .slider-container .sliderKeys  span{
	display: block;
    transition: all 0.25s;
    margin: auto;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
	height: 26px;
}
#region-content .block.slider .slider-container .sliderKeys  .active{
	font-size: 0.9em;
    color: #777;
}


#region-content .block.slider .slider-container .slider-txt .slider-content .slider-title{
	display: block;
}
#region-content .block.slider .slider-container .slider-txt .slider-content .slider-title A{
	color: #000;
	text-decoration: none;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.4em;
}

#region-content .block.slider .slider-container .slider-txt .slider-content .slider-text{
	color: #444;
	margin-bottom: 20px;
}

#region-content .block.slider .slider-container .slider-txt .slider-content{
	opacity: 0;	
	transition:opacity 2s , line-height 0.3s;
	line-height: 0em;
	padding: 0 10%;
	display: flex;
	align-items: center;
    flex-wrap: wrap;
}
#region-content .block.slider .slider-container .slider-txt .slider-content.active {
	opacity: 1;
	line-height: 2em;
}

BODY.page-content .block.content.content-full{
	position: relative;
}

BODY .content-tags .content-tag{
	display: inline-block;
	padding: 2px 10px;
	color: #FFF;
	background-color: #ff9000;
	font-size: 0.8em;
	margin-left: 5px;
	text-decoration: none;
	border-radius: 5px;
}

BODY.page-content .block.content.content-head-full{
	width: 100%;
}
BODY.page-content .block.content.content-head-full .content-image {
	width: 60%;
	/* max-width: 1000px !important; */
	overflow: hidden;
	position: relative;
	border-radius: inherit;
	float: right;
}

BODY.page-content .block.content.content-head-full .content-image IMG{
	height: 49vh;
	display: block;
	min-width: 100% !important;
}


BODY.page-content .block.content.content-head-full .content-head {
	padding: 0 10px 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 49vh;
	width: 30%;
}
BODY.page-content .block.content.content-head-full .content-head > *{
	width: 100%;
}

BODY.page-content .block.content H1{
	color: #474747;
	font-size: 2.5em;
	font-weight: 700;
	margin-top: 0.4em;
}


BODY.page-content .block.content.content-full .content-text{
	background-color: #FFF;
	padding: 0 0 10px 0;
	border: solid 1px #eee;
	border-radius: inherit;
	position: relative;
	margin: 16px 0 0 0;
	line-height: 2em;
	/* overflow: hidden; */
	text-align: justify;
}
BODY.page-content .block.content.content-full .content-text {
	padding: 5px 16px;
	font-size: 1.2em;
	text-align: justify;
	/* font-weight: 450; */
	line-height: 2em;
	color: #666;
}
BODY.page-content .block.content.content-full .content-text IMG{
	max-width: 90% !important;
}
H2{
	font-weight: 700;
	line-height: 2em;
	font-size: 1.5em;
}
BODY.page-content .block.content.content-full .content-text H2{
	display: block;
	border: solid 1px #eee;
	margin: 0 0 10px 0;
	padding: 5px 70px 3px 10px;
	position: relative;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	width: calc(100% + -48px);
	right: -17px;
	background-color: #FFF;
	overflow: hidden;
}

BODY.page-content .block.content.content-full .content-text A{
	text-decoration: none;
	color: #00ad8c;
	transition: all 0.2s;
}
BODY.page-content .block.content.content-full .content-text A:hover{
	color: #ff9000;
}


BODY.page-content .block.content.content-full .content-text .text-spliter{
	background-color: #f5f5f5;
	height: 20px;
	width: calc(100% + 34px);
	position: relative;
	right: -17px;
	top: 4px;
	clear: both;
}

BODY.page-content .block.content.content-full .content-text .text-spliter::after{
	display: block;
	position: absolute;
	height: 1px;
	left: 1px;
	right: 1px;
	top: 0;
	border-top: solid 1px;
	content: " ";
	border-color: inherit;
}


BODY.page-content .block.content.content-full .content-text H2::before{
	content: "1";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ff9000;
	text-align: center;
	color: #FFF;
	width: 60px;
	font-weight: 700;
	/* padding: 7px 0 0 0; */
	line-height: 2.5em;
	border-top-right-radius: inherit;
}

BODY.page-content .block.content.content-full .content-text H2:nth-of-type(2)::before{content: "2";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(3)::before{content: "3";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(4)::before{content: "4";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(5)::before{content: "5";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(6)::before{content: "6";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(7)::before{content: "7";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(8)::before{content: "8";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(9)::before{content: "9";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(10)::before{content: "10";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(11)::before{content: "11";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(12)::before{content: "12";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(13)::before{content: "13";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(14)::before{content: "14";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(15)::before{content: "15";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(16)::before{content: "16";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(17)::before{content: "17";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(18)::before{content: "18";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(19)::before{content: "19";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(20)::before{content: "20";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(21)::before{content: "21";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(22)::before{content: "22";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(23)::before{content: "23";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(24)::before{content: "24";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(25)::before{content: "25";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(26)::before{content: "26";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(27)::before{content: "27";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(28)::before{content: "28";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(29)::before{content: "29";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(30)::before{content: "30";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(31)::before{content: "31";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(32)::before{content: "32";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(33)::before{content: "33";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(34)::before{content: "34";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(35)::before{content: "35";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(36)::before{content: "36";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(37)::before{content: "37";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(38)::before{content: "38";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(39)::before{content: "39";}
BODY.page-content .block.content.content-full .content-text H2:nth-of-type(40)::before{content: "40";}




#region-sidebar {
	float: right;
	width: 25%;
	position: sticky;
	top: 16px;
	margin-top: 16px;
	margin-right: 16px;
}

BODY.region_sidebar #region-content{
	float: right;
	width: 60%;
	/* max-width: 1000px !important; */
}


#region-sidebar .block.content-side{
	/* width: 70%; */
}

#region-sidebar .block.content-side .content-headlines{
	border: solid 1px #eee;
	border-radius: inherit;
	min-height: 30px;
	margin-top: 16px;
	background-color: #FFF;
	padding: 7px 10px;
}
#region-sidebar .block.content-side .content-headlines .ch-head{
	color:#00ad8c;
	font-weight: 700;
	display: block;
	border-bottom: solid 2px #00e5b9;
	line-height: 2.5em;
	font-size: 1.2em;
}

#region-sidebar .block.content-side .content-headlines .ch-links A{
	display: block;
	font-size: 1em;
	text-decoration: none;
	margin: 7px 8px;
	color: #8e8e8e;
	transition: all 0.3s;
	line-height: 2em;
}

#region-sidebar .block.content-side .content-headlines .ch-links A span{
	display: inline-block;
	background-color: #474747;
	color: #FFF;
	font-weight: 700;
	border-radius: inherit;
	text-align: center;
	width: 24px;
	height: 24px;
	margin-left: 5px;
	/* font-size: 0.8em; */
	/* padding: 5px; */
	line-height: inherit;
}

#region-sidebar .block.content-side .content-headlines .ch-links A:hover{
	color: #000;
}


.content-lst-page .block-cotent > DIV{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 8px 80px;
}
.content-lst-page.promote-category .block-cotent > DIV{
	flex-wrap: nowrap;
	background-color: #000;
	border-radius: inherit;
}


.content-lst-page .content.content-short{
	width: calc(25% - 30px);
	border: solid 1px #e2e2e2;
	background-color: #FFF;
	margin: 5px;
	/* overflow: hidden; */
	border-radius: 4px;
	transition: all 0.2s;
}


.content-lst-page.promote-category .content.content-short{
	width: calc(20% - 25px);
	border: none;
}

.content-lst-page.show-more-blog{
	background-color: #F0F0F0;
	padding: 30px;
	margin: 20px 0;
}

BODY.page-cat #region-content .content-lst-page .content.content-short:first-child{
	width: calc(50% - 48px);
}

.content-lst-page .content.content-short:hover{
	box-shadow: 0 0 10px #bbb;
	filter: brightness(90%);
}
.content-lst-page .content.content-short .content-image IMG{
	/* display: none; */
	/* position: relative; */
	/* min-width: 100%; */
}

.content-lst-page .content.content-short H2.content-head {
	padding: 0;
	margin: 5px 10px;
}
.content-lst-page .content.content-short H2.content-head A{
	text-decoration: none;
	display: block;
	color: #474747;
	font-weight: 700;
	transition: all 0.3s;
	font-size: 0.7em;
}

.content-lst-page .content.content-short H2.content-head:hover A{
	color: #000;
}





.block.questions-lst-page > .block-cotent > div{
	display: flex;
	flex-wrap: wrap
}

.block.questions-lst-page > .block-cotent > div  .question-short{
	flex: 1 0 40%;
	border: solid 1px #e2e2e2;
	background-color: #FFF;
	margin: 15px 15px;
	border-radius: 0;
	padding: 8px 18px;
	transition: all 0.2s;
}

.block.questions-lst-page > .block-cotent > div  .question-short:hover{
	box-shadow: 0 0 5px #CCC;
}


.block.questions-lst-page > .block-cotent > div  .question-short H2 A{
	text-decoration: none;
    font-size: 1.2em;
    color: #000;
    font-weight: bold;
}
.block.questions-lst-page > .block-cotent > div  .question-short .content-desc{
	color: #aaa;
	font-size: 0.8em;
	padding: 0 0 15px;
}

.block.questions-lst-page > .block-cotent > div  .question-short  .content-info{
	display: flex;
	justify-content: space-between;
	font-size: 0.7em;
	border-top: solid 1px #e2e2e2;
	border-radius: 0;
	padding: 10px 15px;
}

.block.questions-lst-page > .block-cotent > div  .question-short  .content-info SPAN{
	font-size: 0.8em;
	color: #aaa;
}



BODY.page-content #region-content .question-full{
	background-color: #FFF;
	border:solid 1px e2e2e2;
	border-radius: 0;
	margin: 20px;
	padding: 10px 18px;
	max-width: 60%;
}

BODY.page-content #region-content .question-full H1{
	font-size: 2em;
	color: #000;
	font-weight: bold;
}
BODY.page-content #region-content .question-full .question-text{
	color: #666;
}

BODY.page-content #region-content .question-full  .content-info{
	display: flex;
	justify-content: space-between;
	font-size: 0.7em;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-radius: 0;
	padding: 10px 20px;
	margin: 0 0 15px 0;
	max-width: 80%;
}

BODY.page-content #region-content .question-full  .content-info SPAN{
	font-size: 0.8em;
	color: #aaa;
}
BODY.page-content #region-content .question-full IMG{
	max-width: 100%;
}












BODY.page-cat #region-content .content-lst-page .content.content-short:first-child H2.content-head A{
	color: #272727;
	font-size: 0.78em;
}


BODY .content .content-desc{
	font-size: 0.7em;
	margin: 5px 10px;
	color: #909090;
}
BODY .content  .content-desc SPAN{
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 0.6em;
	font-weight: 600;
}

.content-lst-page .content.content-short .content-tags{
	margin: 5px 16px;
	/* font-size: 0.7em; */
}
.content-lst-page .content.content-short{
	width: calc(25% - 30px);
	border: solid 1px;
	background-color: #FFF;
	margin: 8px;
	/* overflow: hidden; */
	border-radius: inherit;
	transition: all 0.2s;
	border-color: inherit;
	border-radius: inherit;
	overflow: hidden;
}


BODY.page-cat #region-content .content-lst-page .content.content-short:first-child{
	width: calc(50% - 40px);
	/* height: 121px; */
	/* overflow: hidden; */
}

.content-lst-page .content.content-short:hover{
	box-shadow: 0 0 10px #bbb;
	filter: brightness(90%);
}
.content-lst-page .content.content-short .content-image IMG{
	/* display: none; */
	justify-content: center;
	/* text-align: center; */
	position: relative;
	/* margin: 0 auto; */
	/* min-width: 100%; */
	height: 100%;
	/* right: -50%; */
	/* top: 50%; */
	/* overflow: hidden; */
	border-radius: 0px;
	/* justify-content: space-between; */
}

.content-lst-page .content.content-short H2.content-head {
	padding: 0;
	margin: 5px 16px;
}
.content-lst-page .content.content-short H2.content-head A{
	text-decoration: none;
	display: block;
	color: #474747;
	font-weight: 700;
	transition: all 0.3s;
	font-size: 1em;
}

.content-lst-page .content.content-short H2.content-head:hover A{
	color: #000;
}



BODY.page-cat #region-content .content-lst-page .content.content-short:first-child H2.content-head A{
	color: #272727;
	font-size: 1.2em;
}


.content-lst-page .content.content-short .content-desc{
	font-size: 0.6em;
	margin: 5px 16px;
	color: #aaa;
	position: relative;
	bottom: 0px;
}
.content-lst-page .content.content-short .content-desc SPAN{
	display: inline-block;
	margin: 0 0 0 5px;
}

.content-lst-page .content.content-short .content-tags .content-tag:nth-child(n+3){
	display: none;
}
.content-lst-page .content.content-short:first-child .content-tags .content-tag:nth-child(3){
	display: inline-block;
}


BODY.page-content #region-content .content-full .content-text iframe.instagram-media{
	display: block;
    margin: 15px auto;
    border: solid 1px #e2e2e2;
    max-width: 540px;
    height: 883px;
	width: 100%;
	clear: both;
}

BODY.page-content #region-content .content-full .content-text blockquote{
	float: left;
	width: 35%;
	margin: 16px 24px 16px 0;
	font-size: 1.1em;
	font-weight: 500;
	/* line-height: 1.8em; */
	background-color: rgb(0,173,143,0.1);
	padding: 8px 16px;
	border-radius: inherit;
}

BODY.page-content #region-content .content-full .content-text blockquote::after,
BODY.page-content #region-content .content-full .content-text blockquote::before{
	display: inline-block;
    vertical-align: super;
    height: 30px;
    line-height: 48px;
    font-size: 20px;
    color: #ff9000;
    font-family: "FontAwesome";
    opacity: 0.9;
}

BODY.page-content #region-content .content-full .content-text blockquote::before{content: "\f10d";margin-left: 5px;/* margin-right: -8px; */}
BODY.page-content #region-content .content-full .content-text blockquote::after{content: "\f10e";margin-right: 5px;/* margin-left: -8px; */margin-top: -50px;}

.content.content-short .content-image:after {
	
}



.content.content-short .content-image:after {
    display: block;
    content: "";
    padding-bottom: 100%;
}


BODY.page-cat #region-content .content-lst-page .content.content-short:first-child .content-image:after {
    padding-bottom: calc(50% - 8px);
}

.content.content-short .content-image a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    border-radius: 0px;
}

.content.content-short .content-image {
    /* height: 413px; */
    position: relative;
    width: 100%;
    /* overflow: hidden; */
    height: inherit !important;
    border: none;
    border-radius: 0px;
}

BODY.page-content .block.content.content-head-full .content-image a {
    width: 100%;
    /* height: 49vh; */
    display: block;
}

h3 {
	font-weight: 500;
	font-size: 1.3em;
	margin: 1.5em 0 0.5em 0;
}

.content-text ul {
	margin: 0px;
}

.content-text p {
	margin: 0px;
}

.copyrights{
	font-size: 0.8rem;
	display: block;
	direction: ltr;
}

.copyrights A{
	font-size: 0.8rem;
	color: #7d79e3;
	text-decoration: none;
}

.content-full.wide .content-image IMG{
	display: block;
	width: 100%;
}

BODY.page-content .block.content.content-full.wide .content-text{
	background: unset;
	border: none;
}

BODY.page-content .block.content.content-full.wide .content-text H2{
	padding: 5px 7px 3px 10px;
	border: none;
	background-color: unset;
}
BODY.page-content .block.content.content-full.wide .content-text H2::before{display: none;}



.block.comment.comment-from{
	background-color: #FFF;
    padding: 0 0 10px 0;
    border: solid 1px #eee;
    border-radius: inherit;
    position: relative;
    margin: 16px 0 0 0;
    line-height: 2em;
    text-align: justify;
}
.block.comment.comment-from FORM{
	position: relative;
	padding: 15px;
}
.block.comment.comment-from FORM h3{
	display: block;
	color: #00ad8c;
	width: 30%;
	border-bottom: solid 1px #00e5b9;
	border-radius: 0;
	margin-top: 10px;
}

.block.comment.comment-from FORM INPUT.field , 
.block.comment.comment-from FORM textarea.field{
	border: solid 1px #00e5b9;
	color: #00ad8c;	
	padding: 5px 8px;
	border-radius: 0;
	width: calc(50% - 34px);
	display: inline-block;
	margin: 10px 0;
	outline: 0;
}
.block.comment.comment-from FORM INPUT.field[name="cmnt-name"]{margin-left: 15px;}
.block.comment.comment-from FORM textarea.field{
	display: block;
	width: calc(100% - 30px);
}
.block.comment.comment-from FORM *::placeholder{
	color: #00e5b9;
	opacity: 0.8;
}

.block.comment.comment-from FORM INPUT[type=submit]{
	padding-left: 50px;
    padding-right: 50px;
    float: left;
    margin-left: 11px;
}

.block.comment.comment-from FORM INPUT[type=email]{direction: ltr;}

.block.comment.comment-from .cmnt-send-ok{
	padding: 10px;
	margin: 10px;
	border:solid 1px #ff9000;
	background-color: #fff8ef;
}

.block.comment.comment-from .cmnt-send-err{
	padding: 10px;
	margin: 10px;
	border:solid 1px #ff5100;
	background-color: #fff5ef;
}

.block.content.content-full.no-comment + #comments{display: none !important;}

@media (max-width: 880px)  {

	BODY{margin-right:0;margin-top: 53px;}

	HEADER{
		bottom: unset;
		left: 0;
		width: unset;
	}
	HEADER > .inner {
		width: unset;
		bottom: unset;
		left: 0;
		height: 30px;
		box-shadow: 0 10px 20px #CCC;
	}


	HEADER.show{
		height: 100%;
	}
	HEADER::after {
		right: 10px;
		top: 18px;
	}
	HEADER.show::after{opacity: 1;top:15;right: 10px;}
	HEADER.show > .inner{
		width: 100%;
		height: 100%;
	}

	HEADER .main-menu ul.tree.root{margin-top: 40px;}
	
	HEADER .main-menu ul.tree li A[cid="7"]{
		position: absolute;
		right: 40px;
		top: -22px;
		font-size: 0.9em;
		padding: 4px 8px 4px 8px;
		/* margin: auto; */
	}
	
	HEADER #logo{
		background-image: url(../img/logo-h.png);
		background-position: 8px center  !important;
		height: 30px;
		position: fixed;
		width: 120px;
		left: 10px;
		transition: none;
		z-index: 1000000;
	}
	HEADER.show #logo{left: 10px;background-size: 87%;}
	HEADER .main-menu{width: unset !important;opacity: 1;}
	


	BODY.page-content	#region-sidebar,
	BODY.page-content	#region-content{
		float: none !important;
		width: 100%;
		font-size: 0.8em;
		margin: 16px 0;
	}
	#region-sidebar .block.content-side{
		/* display: none; */
	}

	BODY.page-content .block.content.content-head-full,
	BODY.page-content .block.content.content-head-full .content-head,
	BODY.page-content .block.content.content-head-full .content-image {
		display: block;
		width: 100%;
		float: none;
		margin-bottom: 8px;
	}
	#region-content .block.slider .slider-container{right: 0;}

	BODY.page-content .block.content.content-head-full .content-head{padding: 0;height: unset;}


	.content-lst-page .content.content-short{
		width: calc(50% - 48px);
	}
	BODY.page-cat #region-content .content-lst-page .content.content-short:first-child{
		width: calc(100% - 85px);
	}
	.content-lst-page.promote-category{display: none;}
	.content-lst-page .block-cotent > DIV{padding: 0;}

	.block.slider .slider-item{
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.block.slider .slider-item .slider-image IMG{
		max-width: 100%;
		display: block;
	}

	.block.slider .slider-item H2 A{
		text-decoration: none;
		color: #000;
		font-size: 1.5em;
		font-weight: 700;
	}

	#region-content .block.slider .btn{
		width: 80%;
		display: block;
		margin: 10px auto;
		font-size: 1.1em;
	}


	BODY.page-content #region-content .question-full{
		max-width: 100%;
	}

}

@media (max-width: 600px)  {

	.block.comment.comment-from FORM INPUT.field{
		display: block;
		width: calc(100% - 30px);
	}
	.block.comment.comment-from FORM h3{width: 50%;}
	.content-lst-page .content.content-short{
		width: 100%  !important;
	}
	BODY.page-content #region-content .content-full .content-text blockquote{
		float: none;
		width: unset;
		margin: 0px;
		padding: 4px 8px;
	}


	BODY.page-content .block.content.content-head-full .content-image IMG {
		height: 25vh;
		/* display: block; */
		/* min-width: 100% !important; */
	}

	HEADER.show .head-foot {
		/* opacity: 1; */
		margin-bottom: 32px;
	}

	BODY.page-content .block.content.content-head-full .content-head H1 {
    /* color: #474747; */
    font-size: 2em;
    /* font-weight: 700; */
    margin: 0px;
	}

	BODY .content .content-desc {
    /* font-size: 0.7em; */
    /* margin: 5px 0px; */
    /* color: #909090; */
    margin: 5px 0px;
    }

    BODY.page-content .block.content.content-full .content-text H2 {
    /* display: block; */
    /* border: solid 1px #eee; */
    /* margin: 0 0 10px 0; */
    padding: 5px 50px 3px 10px;
    /* position: relative; */
    /* font-weight: 700; */
    /* border-top-left-radius: inherit; */
    /* border-top-right-radius: inherit; */
    width: calc(100% + -44px);
    right: -9px;
    /* background-color: #FFF; */
    /* overflow: hidden; */
    line-height: 1.8em;
    font-size: 1.3em;
    /* display: none; */
    }

    .content-lst-page .content.content-short H2.content-head {
    padding: 0;
    margin: 5px 8px;
    font-size: 1.2em;
    }


    .content-lst-page .content.content-short .content-desc {
		font-size: 0.5em;
		margin: 5px 8px;
		color: #aaa;
		position: relative;
		bottom: 0px;
    }

    .content.content-short .content-image:after {
    display: block;
    content: "";
    padding-bottom: calc(50% - 8px);
    }

    .content-lst-page .content.content-short .content-tags {
    margin: 5px 8px;
    font-size: 0.8em;
	}

	BODY.page-content .block.content.content-full .content-text {
    padding: 5px 8px;
    /* font-size: 1.2em; */
    /* text-align: justify; */
    /* font-weight: 450; */
    /* line-height: 2em; */
    /* color: #666; */
    }

    BODY.page-content .block.content.content-full .content-text H2::before {
    /* content: "1"; */
    /* display: block; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    /* background-color: #ff9000; */
    /* text-align: center; */
    /* color: #FFF; */
    width: 50px;
    /* font-weight: 700; */
    /* padding: 7px 0 0 0; */
    /* line-height: 2.5em; */
    /* border-top-right-radius: inherit; */
    }

    BODY .content .content-desc SPAN {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 0.7em;
    font-weight: 600;
    }

	.sf-summerycontent{
        display:block;
		max-width: 100% !important;
		float: none;
    }


}




.sf-summerycontent{
    position:relative;
    min-width:290px;
    height:340px;
    box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2), inset -5px -5px 15px rgba(255,255,255,0.1),5px 5px 15px rgba(0,0,0,0.3),-5px -5px 15px rgba(255,255,255,0.1);
    border-radius:15px;
    margin:10px;
    float:left;
    margin-bottom:20px;
}

.sf-sumery{
    text-align: center;
    position: absolute;
    border-radius: 15px;
    border: 2px solid rgb(30,215, 170);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 50px;
}


.sf-summeryimage{
    text-align: center; 
    border: 1px solid rgb(204, 204, 204);
    margin: auto;
    width: 80%
}

.sf-summerytext{
    background-color:#ccc;
}

.sf-referance{
    text-align: left;
    background-color: rgb(0 206 164);
    color: beige; 
    padding: 5px;
    border-radius: 15px;
}