@charset "utf-8";
/* CSS Document */
:root{
	/*Colors*/
	--MainColorBG:#F3F3F3;
	--MainTextColor:#1C1C1C;
	--SecondTextColor:#F3F3F3;
	--GreyTextColor:#929292;
	--MainColor:#1F4388;
	--DarkColor:#132A54;
    --MidColor:#0A4E8C;
	--HLColor1:#27C3ED;
	--HLColor2:#F2CC14;
	--HLColor3:#4DAF7B;
	--HLColor4:#BDDDFB;
	--ErrorColor:#DD4C4A;
}
::selection{
	background:var(--DarkColor);
	color:var(--HLColor1)
}
::-moz-selection{
   	background:var(--DarkColor);
   	color:var(--HLColor1)
}
/*Tweak for overlay menu: BG:z-index:0;header:z-index:2;main:z-index:1;relative all. Then nav ul absolute*/
body{
    background-color:white;
	position:relative;
	z-index:0;
	font-size:1.1rem;
}
header{
    position:relative;
    z-index:2;
}
main{
    position:relative;
    z-index:1;
	padding:0;
	min-height:calc(100vh - 40vh);
}
footer{
	background-color:var(--DarkColor);
	margin:0 auto -5px auto;
	padding:30px 0;
	color:white;
}
footer a{
	color:white;
}
#ManteinanceMode{
	height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
#ManteinanceMode > .BlockHalf img{
	margin:30px 0
}
#ManteinanceMode > .BlockHalf h3{
	font-family:MainFont;
	color:var(--GreyTextColor)
}
#ErrorPage{
	min-height:calc(100vh - 50vh);
	padding:30px 0;
	display:flex;
	flex-direction:column;
	align-items:center;
}
#ErrorPage > .BlockHalf > img{
	width:70%;
}
#ErrorTitle{
	font-size:3rem;
}
#ErrorMessage{
	font-size:1.2rem
}
.ModalNotification{
    width:400px;
    min-height:200px;
    position: fixed;
    top: 50%; 
    left: 50%;
	padding:15px;
	margin-top: -100px;
    margin-left: -200px;
    background-color:white;
    border-radius:6px;
    text-align:center;
    z-index: 11;
}
.ModalNotification > i{
	animation:bounceIn .3s;
	animation-delay:.2s;
	font-size:65px;
	color:var(--HLColor1);
	margin:-24px auto 0
}
.NotificationInfo{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #BBBBBB;
	font-size:17px;
	font-weight:bold;
	color:#4C4C4C;
	line-height:20pt
}
.active{
	font-weight:bolder;
}
#TopBar{
	height:170px;
	background-color:var(--MainColoBG);
	display:flex;
	flex-direction: row;
	align-items:center;
}
#MobileBars{
	width:50px;
	height:50px;
	font-size:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--MainColor)
}
#CloseMobile{
	width:50px;
	height:50px;
}
.HeadLogo{
	margin:0 auto;
	width:100%;
}
#HeadLogoHome{
	width:250px;
}
#OpinionGlobe{
	width:50px;
	height:50px;
	font-size:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--MainColor)
}
#UserAccountIcon{
	width:50px;
	height:50px;
	font-size:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--MainColor);
	cursor:pointer;
}
#Langs{
	height:35px;
	width:100%;
	position:absolute;
	top:0;
	right:0;
	display:flex;
	justify-content:end;
}
#Langs > a{
	width:75px;
	height:35px;
	margin-top:5px;
	color:var(--MainTextColor);
	font-weight:bold;
}
nav{
	position:absolute;
	width:0;
	height:100vh;
	top:0;
	left:0;
	z-index:3;
	background-color:white;
	overflow-x: hidden;
  	transition: 0.5s;
}
#WebMenu{
	opacity:0;
}
#WebMenu{
	list-style:none;
	padding:0 20px 0 20px;
}
#WebMenu li{
	height:50px;
	margin:30px 0 5px 20px;
	text-align:left;
}
#WebMenu li a{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	color:black;
	font-size:24px;
}
.Active{
	font-weight:bolder;
}
.menu-icon{
	width:40px;
	height:40px;
	margin-right:10px;
}
#WebMenu li:first-child{
	font-size:40px;
	text-align:right;
}
#HeaderNetworks{
	opacity:0;
	width:80%;
	list-style:none;
	margin:30px auto 0;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
}
#HeaderNetworks li a i{
	font-size:1.7rem;
	color:var(--MainColor);
}
#HeadSearch{
	position: relative;
	z-index:-1;
}
#SearchBar{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:98%;
	height: 35px;
	padding: 5px 5px 5px 36px;
	margin: 4px;
	border:none;
	border-bottom:1px solid var(--HLColor1);
	background-image:url(../Images/SearchBarIcon.svg);
	background-position:left center;
	background-repeat:no-repeat;
}
#SearchBar:focus{
	outline:none;
	border:none;
	border-bottom:1px solid var(--HLColor3);
}
#SearchBar::placeholder{
	text-align:right;
	font-family:MainFont;
	font-size:1rem;
}
#FooterNetworks{
	width:90%;
	list-style:none;
	margin:30px auto 0;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-evenly;
}
#FooterNetworks li a i{
	font-size:1.7rem;
	color:white;
}
#Terms{
	list-style:none;
	margin:15px auto;
}
#Terms li{
	text-align:center;
	margin:12px auto
}
#Copyright{
	text-align:center
}
#DevelopedBy{
	text-align:center;
	margin-top:30px
}
.ScrolltoTop{
	color:var(--HLColor2)
}
/*ANIMATIONS*/
.FromRight[data-scroll]{
	transition: all ease 2s
}
.FromRight[data-scroll="in"]{
	opacity: 1;
	transform:translateX(0px)
}
.FromRight[data-scroll="out"]{
	opacity: 0;
	transform:translateX(90px)
}
.FromLeft[data-scroll]{
	transition: all 2s
}
.FromLeft[data-scroll="in"]{
	opacity: 1;
	transform:translateX(0px)
}
.FromLeft[data-scroll="out"]{
	opacity: 0;
	transform:translateX(-90px)
}
.FromDown[data-scroll]{
	transition: all 2s
}
.FromDown[data-scroll="out"]{
	opacity: 0;
	transform:translateY(90px)
}
.FromDown[data-scroll="in"]{
	opacity: 1;
	transform:translateY(0px)
}
.Fade[data-scroll]{
	transition: all 2s
}
.Fade[data-scroll="in"]{
	opacity: 1;
}
.Fade[data-scroll="out"]{
	opacity: 0;
}
/*STARTS CUSTOM*/
div[id$='DefSection']{
	padding:10px 0 40px 0
}
div[id$='DefSection'] h2{
	color:var(--MainTextColor);
	font-size:1.8rem;
	letter-spacing:3px;
}
#YouTubeVideo{
    width:100%;
    height:190px;
    margin:10px auto
}
/*BUTTONS*/
.NewButton{
	display:flex !important;
    justify-content:center !important;
    align-items:center !important;
	padding:10px 20px;
	margin:10px 30%;
	transition:ease all 0.3s;
    font-family:MainFontBold;
	letter-spacing:2px;
	font-size:20px;
	cursor:pointer;
	background-color:var(--MainColor);
    color:white !important;
}
.NewButton:hover{
	background-color:var(--HLColor1);
    color:white
}
.ButtonForm1{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
	padding:10px 20px;
	border-radius:12px;
	transition:ease all 0.3s;
    font-family:MainFontBold;
	letter-spacing:2px;
	border:none;
	cursor:pointer;
	background-color:var(--MainColor);
    color:white;
}
.ButtonForm1:hover{
	background-color:var(--HLColor1);
    color:white
}
.ButtonForm1:disabled{
	background:#d9d9d9;
	cursor:not-allowed;
}
.ButtonOpinion{
	height:45px;
	width:70%;
}
.ButtonOpinion > a{
	display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100%;
    height:100%;
	transition:ease all 0.3s;
    font-family:MainFont;
	letter-spacing:2px;
	cursor:pointer;
	background-color:var(--MainColor);
    color:white !important;
}
.ButtonOpinion > a:hover{
	background-color:var(--MidColor);
}
#UserAccount{
	height:45px;
	width:70%;
}
#UserAccount > a{
	display:flex !important;
	column-gap:10px;
    justify-content:center !important;
    align-items:center !important;
    width:100%;
    height:100%;
	padding:5px 10px;
	margin:0 auto;
	transition:ease all 0.3s;
    font-family:MainFont;
	letter-spacing:2px;
	cursor:pointer;
	background-color:var(--MainColor);
    color:white !important;
}
#UserAccount > a:hover{
	background-color:var(--MidColor);
}
.AccountLabel{
	font-size:1.2rem;
}
.Button1,.Button2,.Button3{
	border: none;
	padding: 10px 40px;
	margin:10px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-family:MainFontBold;
	letter-spacing:2px;
}
.Button1{
	background-color: var(--MainColor);
	color: white !important;
}
.Button1:hover{
	background-color:var(--HLColor1);
}
.Button2{
	background-color: var(--HLColor2);
	color: white !important;
}
.Button2:hover{
	background-color:var(--HLColor1);
}
.Button3{
	background-color: var(--HLColor1);
	color: white !important;
}
.Button3:hover{
	background-color:var(--MidColor);
}

.ReviewButton{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
	padding:7px 70px;
	border:none;
	transition:ease all 0.3s;
    font-family:MainFontBold;
	letter-spacing:2px;
	font-size:20px;
	cursor:pointer;
	background-color:var(--HLColor2);
	color:white;
	letter-spacing:6px;
}
.ReviewButton:hover{
	background-color:var(--HLColor1);
	color:white
}
.ReviewButton:disabled{
	background-color:grey;
	cursor:not-allowed;
}
/*BLOG TEXT & SECTION Formats*/
#ArticleText a,div[id$='DefSection'] a{
	color:var(--HLColor1);
}
#ArticleText a:hover,div[id$='DefSection'] a:hover{
	color:var(--MidColor);
}
div[id$='DefSection'] > img{
    min-width:290px;
    max-width:290px;
    margin:5px;
    border-radius:6px
}
#ArticleText > img,#ArticleText > p > img{
	min-width:80%;
	max-width:90%;
	margin:10px auto;
}
#ArticleText > h1,#ArticleText > h2,#ArticleText > h3,#ArticleText > h4,#ArticleText > h5,#ArticleText > h6,div[id$='DefSection'] > h1,div[id$='DefSection'] > h2,div[id$='DefSection'] > h3,div[id$='DefSection'] > h4,div[id$='DefSection'] > h5,div[id$='DefSection'] > h6{
    margin:20px 10px;
    font-weight:bold;
	text-align:left;
}
#ArticleText > h2,#ArticleText > h3,div[id$='DefSection'] > h2,div[id$='DefSection'] > h3{
    color:var(--MainColor)
}
#ArticleText > h3,#ArticleText > h4,#ArticleText > h5,#ArticleText > h6,div[id$='DefSection'] > h3,div[id$='DefSection'] > h4,div[id$='DefSection'] > h5,div[id$='DefSection'] > h6{
	color:var(--DarkColor)
}
#ArticleText > p,div[id$='DefSection'] > p{
    line-height:1.7
}
#ArticleText > ul,div[id$='DefSection'] > ul{
    display:table;
	padding-left:25px;
}
#ArticleText > ul li,div[id$='DefSection'] > ul li{
    display:table-row;
    line-height:1.7;
    margin-bottom:10px;;
    text-align:left
}
#ArticleText > ul li::before,div[id$='DefSection'] > ul li::before{
    display:table-cell;
    content:"\2022";
    color:var(--HLColor1);
    font-weight: bold;
    width: 1em;
    text-align:left
}
#ArticleText > ol,div[id$='DefSection'] > ol{
    display:table;
    counter-reset:item
}
#ArticleText > ol li,div[id$='DefSection'] > ol li{
    display:table-row;
    line-height:1.7;
    margin-bottom:10px;;
    text-align:left
}
#ArticleText > ol li::before,div[id$='DefSection'] > ol li::before{
    display:table-cell;
    content:counter(item) ". ";
    counter-increment: item;
    color:var(--HLColor1);
    font-weight: bold;
    width: 1em;
    text-align:left
}
blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	text-align:left;
	font-style:italic;
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote:after {
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
}
/*FORM INPUTS*/
.FormInputEmail{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 45px;
	padding: 5px;
	margin: 10px auto;
	border:2px solid var(--MainColor);
	border-radius:4px;
	background-color:transparent;
	font-family:Aller;
	transition:ease all 0.3s;
	font-size:18pt;
}
.FormInputEmail:focus{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid var(--MidColor);
	background-color:var(--MainColor);
}
.FormInputEmail:invalid{
	background-color:var(--HLColor2);
}
.FormInputEmail:before{
	color:white;
	content: "*";
}
.WrittenBy{
	display:inline-block;
	width:250px;
	border-radius:6px;
	background-color:var(--MainColor);
	margin:10px auto;
}
.WrittenBy > div{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:5px 3px;
	padding:3px 5px;
}
.WrittenBy > div > h3{
	text-align:left;
	color:var(--SecondTextColor)
}
.WrittenBy > div > img{
	width:50px;
	margin:5px 7px;
	border-radius:50%;
}
#SearchFormIndex{
	display:flex;
	flex-direction:column;
}
#SearchFormIndex > p{
	color:var(--GreyTextColor)
}
#SearchFormIndex > h1{
	font-size:3rem;
	margin:20px auto;
	padding:0 10px;
}
#SearchFormIndex > #SearchBar{
	margin:10px auto;
}
.SectionGalleryImage{
	width:100%;
	border-radius:22px;
}
.FormField{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:90%;
	height: 40px;
	padding: 5px;
	margin: 10px auto;
	border:none;
	border-bottom:1px solid var(--HLColor1);
}
.FormField::placeholder{
	transition:ease-in-out 0.3s;
}
.FormField:focus::placeholder{
	color:#ffffff
}
.FormField[type=password]{
	width:85%
}
.FormFieldSelect{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:90%;
	height: 40px;
	padding: 5px;
	margin: 10px auto;
	border:none;
	outline:none;
	border-bottom:1px solid var(--HLColor1);
	background: url(../Images/input-select-arrow.svg) no-repeat right;
	font-family:MainFont;
	font-size:1.2rem;
}
.FormFieldSelect:invalid{
	color:#929292;
}
#ShowPassw{
	color:var(--MainColor);
	cursor: pointer;
}
.pass-wrapper{
	display:block;
}
.FormField:focus{
	outline:none;
	border-bottom:1px solid var(--HLColor3);
}
.FormField:required{
	outline:none;
	border-bottom:1px solid var(--HLColor1);
}
.FormTextArea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:90%;
	height: 40px;
	padding: 5px;
	margin: 10px auto;
	border:1px solid var(--HLColor1);
	font-family:MainFont;
	font-size:1.2rem;
}
.FormTextArea:disabled{
	background-color:#f3f3f3;
	cursor:not-allowed
}
.FormField::placeholder,.FormTextArea::placeholder{
	color:var(--GreyTextColor);
	font-family:MainFont !important;
	font-size:1.2rem;
	transition:ease-in-out 0.3s;
}
.FormTextArea:focus::placeholder{
	color:#ffffff
}
#FormPassw{
	padding-left:15px;
}
.SendButton{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 65px;
	margin: 10px auto;
	background-color:var(--DarkColor);
	color:white;
	border:none;
	outline:none;
	letter-spacing:0.2rem;
	transition:ease all 0.3s;
	cursor:pointer;
	font-weight:bold;
	font-family:MainFont;
	font-size:1.2rem;
}
.SendButton:hover{
	background-color:var(--MainColor);
}
.SendButton:disabled{
	background-color:#b3b3b3;
	cursor:not-allowed
}
/*BLOG*/
.ArticlesBlock{
	width:290px;
	min-height:288px;
	margin:20px auto;
	padding-bottom:10px;
	background-color:#F3F3F3;
	vertical-align:top;
}
.BlogReadMore{
	transition:ease all 0.3s;
}
.ArticlesBlock:hover .BlogReadMore{
	margin-right:5px;
}
.BlogImage{
	width:inherit;
	height:165px;
	overflow:hidden;
}
.BlogImage > img{
	width:100%;
	object-fit:cover;
}
.BlogInfo{
	text-align:left;
	padding:5px 10px;
}
.BlogName{
	height:76px;
	font-size:1.2rem;
	color:var(--MainColor);
	overflow: hidden;
	white-space: wrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align:left;
}
.BlogData{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	font-size:0.7rem;
	color:var(--MainTextColor)
}
#BlogTitle{
	text-align:left;
	font-size:1.9rem;
}
#BlogData{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:10px 5px;
	text-align:left;
	font-size:0.9rem;
}
#BlogDate{
	text-align:left;
}
#BlogCoverImage{
	width:95%;
	margin:5px auto;
}
#Authors > h2{
	color:var(--MainColor)
}
#BlogSlider > h2{
	color:var(--MainColor);
	font-size:1.5rem;
}
#BlogSliderFeatured > .slick-dots li button::before{
	font-size:20px;
	color:rgba(116, 116, 116, 0.61)
}
#BlogSliderFeatured .slick-prev{
	left:3px;
	z-index:5
}
#BlogSliderFeatured .slick-next{
	right:3px;
	z-index:5
}
#MainCategories{
	padding:30px 0 30px;
	vertical-align:top;
}
.BCategory{
	width:170px;
	height:170px;
}
.BCategory:nth-child(3n){
	width:347px;
	height:170px;
}
.BCategory{
	display:inline-block;
	margin:2px;
	vertical-align:top;
}
.BCategory > a{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	transition:ease all 0.3s;
}
.BCategory:nth-child(3n) > a{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	transition:ease all 0.3s;
}
.BCategory > a:hover{
	background-color:#ffffff68;
}
.BCategory:nth-child(3n) > a > .BCatIcon{
	margin-left:25px;
}
.BCatIcon{
	width:75px;
}
.BCatName{
	color:white;
	margin:10px auto 0;
	text-align:center;
	font-size:1.3rem;
}
#BusinessTitle{
	width:100%;
	text-align:left;
	padding:0 5px;
}
#BusinessTitle > h1 > i{
	color:var(--HLColor1)
}
#BusinessInfo{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	border-bottom:1px solid #95bfe5;
}
#BusinessProfileLogo{
	width:30%;
}
#BusinessProfileLogo > img{
	width:100%;
	border-radius:50%;
	border:4px solid var(--DarkColor)
}
#BusinessProfileInfo{
	width:70%;
	display:flex;
	flex-direction:column;
}
#BusContactInfo > h4{
	text-align:left;
}
#BusContactInfo > ul{
	margin-left:2.0em;
}
#BusContactInfo > ul > li{
	text-align:left;
	margin-bottom:5px;
}
#BusContactInfo > ul > li > span > i{
	color:var(--MainColor)
}
#BranchesFilter{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:13px 5px;
	flex-wrap:wrap;
	padding:10px 5px;
}
#BusinessRating > p{
	text-align:right;
	font-weight:bold;
	color:var(--MainColor)
}
.BranchArea > a{
	padding:6px 15px;
	background-color:var(--HLColor4);
	color:var(--MainColor);
	transition:ease-in-out 0.3s;
}
.BranchArea > a:hover{
	background-color: var(--HLColor1);
}
.BranchActive{
	background-color: var(--DarkColor) !important;
	color:white !important
}
#BusinessReviews{
	padding:20px 0 20px 5px;
}
#BusinessReviews > h2{
	text-align:left;
}
.RevStar,#RatingEdit{
	color:var(--HLColor2)
}
#RatingEdit > i{
	font-size:1.3rem;
	cursor: pointer;
}
#NoOpinionsYet{
	margin:20px auto;
}
#NoOpinionsYet > img{
	width:60%;
}
.BranchReview{
	width:90%;
	margin:15px auto;
	padding:10px;
	background-color:var(--SecondTextColor);
}
.ProfBranchReview{
	width:90%;
	margin:0 auto 15px auto;
	padding:0 10px 10px;
	background-color:var(--SecondTextColor);
}
.LastBranchReview{
	display:inline-block;
	width:90%;
	margin:15px 5px;
	padding:10px;
	background-color:var(--SecondTextColor);
	vertical-align:top;
}
div[class$='BranchRevImg'],div[class$='BranchRevImg'] > a{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
.EditRevImage{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:100%;
	overflow:hidden;
}
.EditRevImage > img,.EditRevImage > a > img{
	width:100%;
	max-height:250px;
}
.ProfBranchRev > .TextAreaR{
	font-family:MainFont;
}
/*div[id$='DefSection']*/
div[class$='BranchRevImg'] > img,div[class$='BranchRevImg'] > a > img{
	width:150%;
	max-height:250px;
}
div[class$='BranchRevTitle'] > h4 > a{
	font-family:MainFont;
	letter-spacing:2px;
}
div[class$='BranchRevTitle'] > h2,div[class$='BranchRevTitle'] > h4{
	text-align:left;
}
div[class$='BranchRevTitle'] > h2 > a,div[class$='BranchRevTitle'] > h4 > a{
	color:var(--MainTextColor);
}
div[class$='BranchRevTitle'] > h2 > a:hover,div[class$='BranchRevTitle'] > h4 > a:hover{
	color:var(--MainColor);
}
div[class$='BranchRevTitle'] > h2 > a > i,div[class$='BranchRevTitle'] > h4 > a > i{
	color:var(--HLColor1)
}
div[class$='BranchRevRating']{
	text-align:right;
}
.LastBranchRev > p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
div[class$='BranchRevAuthor']{
	display:flex;
	flex-direction:row;
	align-items:center;
}
div[class$='RevAuthorPict']{
	width:55px;
	height:51px;
}
div[class$='RevAuthorPict'] > img{
	width:100%;
	height:100%;
	border-radius:50%;
	border:2px solid var(--MainColor);
}
div[class$='RevAuthorInfo']{
	padding-left:5px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	text-align:left;
}
div[class$='RevDate']{
	font-size:0.8rem;
}
div[class$='BranchBottom'] > .Button1{
	margin:15px auto 10px;
}
#OpinionHeader{
	padding:0 5px;
	text-align:left;
}
#ReviewText{
	width:95%;
	height: 200px;
	padding: 5px;
	margin:10px 4px;
	border: 1px solid var(--HLColor1);
	font-family: MainFont;
	font-size:1.2rem;
}
#ReviewText:focus{
	outline:none;
	border: 1px solid var(--HLColor3);
}
#Rating{
	display:flex;
	justify-content:center;
	margin:10px 0;
}
#Rating > i{
	font-size:2rem;
	color:var(--HLColor2);
	cursor: pointer;
}
#CreateReview{
	margin:20px auto;
}
.BranchAreaRadio label{
	padding:6px 15px;
	background-color:var(--HLColor4);
	color:var(--MainColor);
	transition:ease-in-out 0.3s;
	cursor: pointer;
}
.BranchAreaRadio input{
	display:none;
}
.BranchAreaRadio input[type="radio"]:checked + label{
	background-color: var(--DarkColor) !important;
	color:white !important
}
.BranchAreaRadio label:hover{
	background-color: var(--HLColor1);
}
#MemberMessage,#Result,#ResultLogin,#ResultRetrieve,#ResultAcc,#ResultLoginAcc,#ResultRetrieveAcc{
	font-size:1.3rem;
	font-weight:bold;
}
.ResultSuccess{
	color:var(--HLColor3);
}
.ResultFail{
	color:tomato;
}
#CreateAccountModule{
	width:350px;
}
#ForgotPasswordModule{
	width:350px;
}
#CreateAccount,#ForgotPassword{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	padding:30px 0;
	background-color:white;
}
#CreateAccount > h2,#ForgotPassword > h2{
	text-align:center;
}
#CreateAccLogo{
	width:80%;
	margin:10px auto;
}
#CreateAccountForm,#LogInForm,#RetrieveAccount,#CreateAcc,#LogInMember,#RetrieveAcc{
	display:flex;
	flex-direction:column;
	justify-content:center;
	row-gap:10px;
}
#ForgotPassw,#ForgotPass{
	text-align:center;
	cursor:pointer;
}
#CreateAccountForm a,#LogInForm a{
	font-weight:bold;
}
#LogInForm a{
	margin:10px auto;
}
#CategoryTitle{
	display:flex;
	flex-direction:row;
	align-items:center;
	column-gap:10px;
	padding-left:5px;
	margin:10px 0;
}
#CategoryTitle > img{
	width:50px;
	filter: invert(1);
}
#ReviewPict{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin:10px 0;
	padding:0 10px;
}
#PictLabel{
	display:flex;
	flex-direction:row;
	column-gap:10px;
	justify-content:center;
	align-items:center;
	text-align:left;
	background-color:var(--MainColor);
	color:white;
	cursor: pointer;
	padding:7px 10px;
	transition:ease-in-out 0.3s;
}
#PictLabel:hover{
	background-color:var(--HLColor1);
}
#ReviewPict > input[type=file]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:none;
}
#MemStats{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	column-gap:0;
	margin-bottom:10px;
}
#MemStats .TotalReviews:not(:last-child){
	border-right:1px solid var(--GreyTextColor);
}
.TotalReviews{
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	padding:0 5px;
}
#ProfileData{
	background-color:var(--SecondTextColor);
	padding:20px 0 50px;
	margin:10px 7px;
	overflow:hidden;
}
.ProfileMemberPict{
	width:250px;
	height:250px;
}
.ProfileDataAll{
	height:inherit;
}
.ProfileDataLess{
	height:520px
}
#SessionFunctions{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding:10px 15px;
}
#SessionFunctions div:nth-child(1){
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
#SessionFunctions div:nth-child(2){
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
#ViewMore{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	outline:none;
	display:flex;
	flex-direction:row;
	column-gap:5px;
	align-items:center;
	justify-content:center;
	padding:3px 15px;
	margin:10px auto;
	background-color:var(--MainColor);
	color:white;
	cursor: pointer;
	transition:ease-in-out 0.3s;
}
#ViewMore:hover{
	background-color:var(--HLColor1);
}
#MemberLogOut{
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	margin:2px;
	background:#FF4B48;
	border:none;
	cursor: pointer;
	color:white
}
.MemberLogOut > i{
	color:white
}
.EditMyProfile{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height: 40px;
	padding:5px;
	margin: 4px;
	border:none;
	background-color:none;
	cursor:pointer
}
.EditMyProfile > i{
	color:#929292
}
.SaveData{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #65d870;
	border: none;
	color:white;
	padding: 5px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.SaveData:hover{
	background-color: #7EEB89;
}
.SaveData:disabled{
	background-color:#bcbcbc;
	color:white;
	cursor:not-allowed;
}
.ResetData{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ff4b48;
	border: none;
	color:white;
	padding: 5px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.ResetData:hover{
	background-color: #ff6f6c;
}
#ReviewHeader{
	padding:3px;
	display:flex;
	align-items:center;
	background-color:#d6d5d5;
}
#RevTags{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	column-gap:10px;
}
.ReviewTag{
	display:flex;
	align-items:center;
	padding:2px 5px;
	border-radius:4px;
	font-size:0.7rem;
}
.TagPublic{
	background-color: var(--HLColor3);
	color:white
}
.TagEdit{
	background-color:#ffb753;
	color:#ffffff;
}
.TagRevision{
	background-color:tomato;
	color:#ffd0d0;
}
.TagReported{
	background-color:#c62a4e;
	color:#ffd7e1;
}
.ViewsTag > span{
	font-size:0.8rem;
	font-weight:bold;
	margin:0 3px;
}
#RevFilter{
	width:100%;
	display:flex;
	flex-direction:row;
	column-gap:5px;
	align-items:center;
	justify-content:space-between;
	margin:10px auto;
	padding-bottom:10px;
	border-bottom:1px solid var(--HLColor1);
}
.Filter{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#RatingFilter > i{
	font-size:1.2rem;
	color:var(--HLColor2);
	cursor: pointer;
}
#EditProfile input,#EditProfile select,#EditConfiguration input,#EditConfiguration select,#NewBusiness input,#NewBusiness select,#NewBusiness textarea{
	margin:10px auto 20px auto;
}
#EditProfile > h2,#EditConfiguration > h2{
	text-align:left;
	margin-bottom:20px;
}
#ReviewsHeader > h2{
	text-align:left;
}
#NewBP{
	margin:40px 0;
}
#NewBP > h1{
	margin:20px auto 40px;
}
.NewBusiness{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	row-gap:20px;
	padding:20px 0;
}
#AddBranch{
	text-align:left;
	padding-left:5px;
	margin:30px auto;
}
#BusinessName{
	width:100%;
}
.ReportReview{
	width:100%;
	margin:15px 5px;
	padding:10px;
	background-color:var(--SecondTextColor);
	vertical-align:top;
}
#ReportReviewForm{
	text-align:left;
}
#ReportReviewForm > h2{
	color:var(--MainColor);
	letter-spacing:2px;
}
#MemMessage{
	font-size:1.3rem;
	font-weight:bold;
}
#ProfileMenu{
	margin-top:20px;
}
#ProfileMenu > li{
	font-size:1.2rem;
	margin-bottom:10px;
}
#Steps{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:10px 5px;
	& .Step{
		display:flex;
		justify-content:center;
		align-items:center;
		width:80px;
		height:80px;
		position: relative;
		background-color:white;
		& i{
			position:absolute;
			font-size:5.3rem;
			margin:0;
			left:-10px;
			right:0;
			color:var(--GreyTextColor);
			z-index:2;
		}
		& span{
			position: absolute;
			font-family:MainFontBold;
			font-size:1.2rem;
			color:white;
			margin:0;
			left:0;
			right:0;
			z-index:3;
		}
	}
	& .StepActive{
		& i{
			color:var(--HLColor1)
		}
	}
	& .StepSuccess{
		& i{
			color:var(--HLColor3)
		}
	}
	& .StepLine{
		margin:0;
		border: 1px solid var(--MidColor);
        width: 90%;
        height: 0px;
		z-index:-2;
	}
}
#BackToStep1{
	display:flex;
	justify-content:center;
	align-items:center;
	width:80px;
	height:80px;
	position: relative;
	background-color:white;
	border:none;
	cursor: pointer;
	& i{
		position:absolute;
		font-size:5.3rem;
		margin:0;
		left:-10px;
		right:0;
		color:var(--GreyTextColor);
		z-index:2;
	}
	& span{
		position: absolute;
		font-family:MainFontBold;
		font-size:1.2rem;
		color:white;
		margin:0;
		left:0;
		right:0;
		z-index:3;
	}
}
#CreateNewBranch,#CreateNewBusiness{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	padding:30px 0 60px;
	& h1{
		font-size:2.3rem;
	}
}
#NewBranchImage > img{
	width:90%;
	margin:20px auto;
}
#NewBranchInfo{
	& h3{
		color:var(--HLColor1);
		text-align:left;
		margin-left:10px;
	}
}
#BranchMap{
	width:100%;
	height:390px;
}
#ImageVerifiedAccount{
	width:100%;
}
.ClosedBranch{
	font-family:MainFontBold;
	font-size:1.3rem;
	color:tomato;
	padding:0 10px;
	letter-spacing:2px;
}
#BranchClosed{
	display:flex;
	justify-content: center;
	align-items:center;
	width: 95%;
    height: 200px;
    padding: 5px;
    margin: 10px 4px;
    font-size: 2.9rem;
	color:tomato;
}
.OwnBusiness{
	display:inline-block;
	width:290px;
	margin:15px auto;
	background-color:#ededed;
	border:1px solid #d6d6d6;
}
.BusLogo{
	width:100%;
	overflow:hidden;
}
.BusLogo > img{
	min-width:290px;
	max-height:290px;
}
.BusInfo{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.BusData{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding:10px 5px;
}
.BusFunctions{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-end;
	padding:5px;
	border-bottom:1px solid #d6d6d6;
}
.BusDataPlus{
	width:100%;
	font-size:0.8rem;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:10px 5px;
}
.BusDataPlus > p{
	margin:0
}
#EditBusinessLogo{
	width:90%;
}
#EditBranchImage{
	width:100%;
}
.tool-tipRequired{
	--balloon-color:tomato;
}
#BackForm{
	display:flex;
	justify-content: flex-start;
	align-items:center;
}
.BackButton{
	display:flex;
	align-items:center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border:none;
	background:none;
	color:var(--MainColor);
	font-weight:bold;
	cursor: pointer;
	transition:ease all 0.3s;
}
.BackButton > i{
	margin:0 8px;
}
.BackButton:hover{
	color:var(--MidColor);
}
#SelectBusinessType{
	display: flex;
	margin:20px 30px;
	justify-content: space-between;
}
#SelectBusinessType > label{
	color:var(--MidColor);
	cursor: pointer;
}
#SelectBusinessType > input{
	display:none;
}
#SelectBusinessType input[type="radio"]:checked + label{
	color: var(--HLColor1) !important;
}
#MostCommentedBusiness{
	padding:30px 0;
}
.MCBusiness{
	display:inline-block;
	border:1px solid var(--MidColor);
	margin:10px 5px;
}
.MostCommented{
	width:290px;
	margin:0 5px;
	padding:10px 2px;
	display:flex;
	align-items: center;
}
.MCLogo{
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	overflow:hidden;
	border:2px solid var(--MainColor);
}
.MCLogo > img{
	width:60px;
	height:60px;
}
.MCData{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin-left:10px;
}
.MCData > h2{
	min-height:65px;
	text-align:left;
	font-size:1.2rem;
	display:flex;
	align-items:center;
}
.MCRating{
	display:flex;
	align-items:center;
	text-align: left;
	font-size:14px;
}
.MCRating > .Revs{
	order:3;
	color:grey;
	font-size:0.7rem;
}
.MCRating > .Revs::before{
	content: "(";
}
.MCRating > .Revs::after{
	content: ")";
}
.MCRating > .Stars{
	order:1;
	font-size:1.2rem;
}
.MCRating > .Score{
	order:2;
	font-weight:bold;
	margin:0 5px;
	font-size:1rem;
}
.LoginExt > a{
	font-size:0.9rem;
}
#VerifyPopUp{
	width : 85%;
	padding:40px 20px;
	background-color:white;
}
.VerifyImage{
	display:flex;
	justify-content:center;
	align-items:center;
}
.VerifyImage img{
	width:50%;
}
#VerifyPopUp > h2{
	color:var(--HighLight);
	font-size:1.9rem;
}
#ResendActivateEmailForm{
	display:flex;
	align-items:center;
	flex-direction:column;
}
#ResendActivateEmailForm > p{
	font-size:0.9rem;
}
.AddSSNN{
	display:flex;
	justify-content:flex-end;
}
.AddSSNN > p{
	width:70%;
}
.TicketSelector{
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border:none;
    display:flex;
	align-items:center;
    min-width:65px;
    margin:15px 0;
    padding:5px;
    text-align:center;
    background-color:var(--MainColor);
    border-radius:4px;
    cursor:pointer;
    transition:ease all .3s;
	color:white;
	font-weight:bold;
}
.TicketSelector:hover{
    background-color:var(--HLColor1)
}
.TicketSelector i{
	color:white;
	font-size:20px;
	margin:0 5px
}
.SSNN{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.SSNN > label{
	text-align:left;
}
.SSNNType{
	width:95;
}
.SSNNAccount{
	width: 375px;
}
.SSNNFunctions{
	width:25px;
}
#BusSSNNData{
	width:30%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	column-gap:10px;
}
#BusProfileSSNN{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap:10px;
	padding:10px 5px;
	border-bottom:1px solid #95bfe5;
}
#BusProfileSSNN > h3{
	text-align:left;
}
#BusProfileSSNN > a{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:5px;
	background-color:var(--MidColor);
	color:white;
	padding:2px 10px;
}
.PropsList{
	height:400px;
	padding:20px 3px 10px 5px;
	overflow:hidden auto;
}
.PropItem{
	display:inline-block;
	width:230px;
	height:35px;
	margin:5px 0
}
.PropItem input{
	display:none
}
.PropItem label{
	color:#707070
}
.PropItem input[type="checkbox"]:checked + label{
	color:var(--MainColor)
}
#BusChars{
	display:flex;
}
#BusProps{
	width:70%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
#BusProps > .PropItem{
	text-align: left;
	width:100%;
	margin:0 0 5px 5px;
}
#BusProps > .PropItem label{
	color:var(--MidColor)
}
#BusinessProps{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin:10px 3px;
}
.BusinessPropItem{
	display:flex;
	align-items:center;
	gap:3px;
	margin:3px;
	padding:0 5px;
	background-color:#227dd1;
	color:white
}
#ReclaimModule{
	display:flex;
	flex-direction:column;
}
#ReclaimModule p{
	font-size:0.9rem;
}
#HomeActions{
	display:flex;
	flex-direction:column;
	gap:2px;
	margin:10px auto;
	align-items:center;
	justify-content:center;
}
.HAction{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	width:90%;
	height:200px;
	overflow:hidden;
	padding:20px 10px;
	& img{
		width:50%;
	}
	& h2{
		width:50%;
		color:white;
		text-align:left;
		font-size:2.3rem;
		margin-left:10px;
	}
}
#HAction1{
	background-color:var(--HLColor1);
}
#HAction2{
	background-color:var(--HLColor3);
}
#HAction3{
	background-color:var(--MidColor);
}
#MainCategories > h4{
	color:var(--GreyTextColor);
	font-family:MainFont;
	text-align:left;
	margin:10px 5px;
}
.CategoryDisplay{
	display:flex;
	align-items:center;
	gap:3px;
	justify-content:center;
	flex-wrap: wrap;
}
/*Categries*/
.HCategory{
	width:150px;
	height:150px;
	margin:0 5px;
	& a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
		font-size:0.7rem;
	}
	& a:hover{
		background-color:#ffffff68;
	}
	& a .HCatIcon{
		width:60px;
	}
	& a .HCatName{
		color: white;
		margin: 10px auto 0;
		text-align: center;
		font-size: 0.9rem;
	}
}
/* NEW BUSINESS UI */
.NewBTUI{
	display: flex;
	flex-direction:row;
}
#UserSelectBType{
	display:flex;
	flex-direction:column;
	gap:10px;
	width:80px;
	margin:20px 0 0;
}
#UserSelectBType > label{
	color:var(--MidColor);
	cursor: pointer;
	font-size:2.7rem;
	width:70px;
	height:70px;
}
#UserSelectBType > input{
	display:none;
}
#UserSelectBType input[type="radio"]:checked + label{
	color: var(--HLColor1) !important;
}
/*Tablet*/
@media (min-width: 600px){
	footer{
		padding:45px 0;
	}
	#WebMenu ul{
		padding:0 10px;
	}
	#WebMenu li{
		display:inline-block;
		margin:30px 25px 10px;
	}
	#WebMenu li:last-child{
		display:block;
	}
	#WebMenu li:first-child{
		display:block;
		width:90%;
	}
	#HeaderNetworks{
		width:70%;
	}
	#FooterNetworks{
		margin:10px auto;
	}
	#YouTubeVideo{
        width:560px;
        height:315px;
        margin:20px auto
    }
	#Terms{
		display:flex;
		flex-direction:row;
		justify-content:space-around;
		align-items:center;
	}
	#Terms li{
		margin:10px 15px;
	}
	#Copyright{
		text-align:left;
	}
	#DevelopedBy{
		text-align:right;
		margin-top:10px;
	}
	.BlogName{
		font-size: 1.4rem;
	}
	#ManteinanceMode{
		flex-direction:row;
		height:100vh;
	}
	#ManteinanceMode .BlockHalf:last-child{
		text-align:left;
	}
	#ErrorPage{
		flex-direction:row;
		align-items:center;
	}
	#ErrorTitle{
		font-size:2rem;
	}
	/*BLOG*/
	.ArticlesBlock{
		display:inline-block;
		margin:20px 3px;
	}
	/*Categries*/
	.BCategory:nth-child(3n){
		width:170px;
		height:170px;
	}
	.BCategory:nth-child(4n){
		width:347px;
		height:170px;
	}
	.BCategory:nth-child(3n) > a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
	}
	.BCategory:nth-child(4n) > a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
	}
	.BCategory:nth-child(3n) > a > .BCatIcon{
		margin-left:0;
	}
	.BCategory:nth-child(4n) > a > .BCatIcon{
		margin-left:25px;
	}
	#BusinessRating > p{
		text-align:right;
	}
	#BusinessReviews > h2{
		text-align:left;
	}
	#NoOpinionsYet{
		display:flex;
		flex-direction:row;
		align-items:center;
	}
	#NoOpinionsYet > img{
		width:40%;
	}
	#NoOpinionInfo{
		display:flex;
		flex-direction:column;
		row-gap:15px;
	}
	.BranchReview,.ProfBranchReview{
		width:49%;
		display:inline-block;
		margin:15px 2px;
		vertical-align:top;
	}
	.LastBranchReview{
		width:47%;
	}
	.LastBranchBottom > .Button1{
        max-width:90%;
    }
	.BranchBottom > .Button1{
		width:195px;
	}
	#CreateAccountModule,#ForgotPasswordModule{
		width:400px;
	}
	#CategoryTitle > img{
		width:70px;
	}
	#PictLabel{
		width:50%;
	}
	.ProfileDataLess{
		height:inherit;
	}
	#ViewMore{
		display:none;
	}
	.ReportReview{
		width:90%;
	}
	#CreateNewBranch,#CreateNewBusiness{
		display:flex;
		flex-direction:row;
		align-items:flex-start;
		justify-content:space-between;
		padding:30px 0 60px;
		& h1{
			text-align: left;
		}
	}
	#NewBranchImage{
		width:40%;
	}
	#NewBranchImage > img{
		width:90%;
		margin:20px auto;
	}
	#NewBranchInfo{
		width:60%;
	}
	.OwnBusiness{
		margin:15px 3px;
	}
	.MCBusiness{
		margin:10px 2px;
	}
	.MostCommented{
		width:280px;
	}
	.MCRating{
		font-size:14px;
	}
	.ButtonOpinion{
		width:40%;
	}
	#UserAccount{
		width:40%;
		display:inline-block !important;
	}
	.VerifyImage img{
		width:70%;
	}
}
/*PC*/
@media (min-width: 900px){
	body{
		font-size:1rem;
	}
	.active{
		font-weight:bolder;
	}
	#TopBar{
		height:190px;
		display: grid;
		grid-template-columns:245px 720px;
		grid-template-rows:35px 150px;
	}
	#MobileBars, #OpinionGlobe,#UserAccountIcon{
		display:none;
	}
	#UserAccount{
		width:35px;
		height:35px;
		font-size:26px;
		margin:0 5px;
		display:flex;
		justify-content:center;
		align-items:center;
		color:var(--MainColor);
		cursor:pointer;
	}
	.HeadLogo{
		position:static;
		left:0;
		right:0;
		margin:0;
		width:250px;
		grid-column:1;
		grid-row: 2;
		overflow:hidden;
	}
	#HeadLogoHome{
		width:245px;
	}
	#Langs{
		grid-column:1 / span 2;
		grid-row: 1;
		order:1;
		height:35px;
		width:990px;
		position:static;
		top:0;
		right:0;
		display:flex;
		justify-content:end;
	}
	#Langs > a{
		width:75px;
		height:35px;
		margin-top:5px;
		color:var(--MainTextColor);
		font-weight:bold;
	}
	#Langs > a:hover{
		color:var(--MainColor)
	}
	nav{
		display:inline-block;
		position:relative;
		left:24px;
		top:0;
		width:720px;
		height:71px;
		z-index:3;
		background-color:white;
		overflow-x:visible;
		transition: 0.5s;
		grid-column:2;
		grid-row: 2;
	}
	#WebMenu{
		opacity:100%;
	}
	#WebMenu{
		list-style:none;
		padding:0 0 0 20px;
		display:flex;
		align-items:center;
		justify-content:flex-end;
	}
	#WebMenu li{
		height:30px;
		width:175px;
		margin:10px auto;
		text-align:center;
		border-bottom:none
	}
	#WebMenu li a{
		display:flex;
		align-items:center;
		justify-content:center;
		color:var(--MainTextColor);
		font-size:1em
	}
	#WebMenu li:last-child{
		margin:0 !important;
	}
	.menu-icon{
		display:none;
	}
	#WebMenu li:first-child{
		display: none;
	}
	.Active{
		text-decoration:underline;
	}
	#MainTitles{
		display:flex;
		align-items:center;
		justify-content:flex-start;
		min-height:calc(100vh - 27vh)
	}
	#MainTitles h1{
		width:50%;
		text-align:left;
		color:white;
		font-size:50px
	}
	footer a{
		color:white
	}
	footer a:hover{
		color:#B5D0FF;
		transition:ease all 0.3s
	}
	#FooterNetworks{
		width:100%;
		margin-top:25px;
		justify-content:flex-start;
	}
	#FooterNetworks li{
		margin:0 15px 0 0;
	}
	#Terms{
		margin-top:25px;
		justify-content:flex-end;
	}
	#Terms li{
		text-align:left;
		margin:0 0 7px 20px
	}
	#Copyright{
		text-align:left;
		margin-left:0;
	}
	#DevelopedBy{
		text-align:right;
		margin-right:0;
	}
	#YouTubeVideo{
        width:450px;
        height:253px;
        margin:5% auto
    }
	div[id$='DefSection'] h2{
		font-size:1.9rem;
	}
	.BlogName{
		font-size: 1.8rem;
	}
	#Authors{
		text-align:left;
	}
	#ErrorPage > .BlockHalf > img{
		width:50%;
	}
	#ErrorTitle{
		font-size:3.5rem;
		text-align:left;
	}
	#SearchForm{
		display:flex;
		flex-direction:row;
		gap:10px;
		justify-content: center;
	}
	#SearchForm > h1{
		width:50%;
		text-align:left;
	}
	#SearchBar{
		width:50%;
	}
	#SearchBar::placeholder{
		font-size:1.3rem;
	}
	#SearchFormIndex > h1{
		font-size:4rem;
	}
	#SearchFormIndex > p{
		width:70%;
		margin:0 auto;
	}
	#SearchFormIndex > #SearchBar{
		width:70%;
	}
	#HeadTitle{
		display:inline-block;
		color:var(--MainColor);
		font-size:1.9rem;
		text-align:left;
	}
	#HomeActions{
		display:flex;
		flex-direction:row;
		gap:20px;
		margin:10px auto;
		align-items:center;
		justify-content:center;
	}
	.HAction{
		display:flex;
		position: relative;
		flex-direction:column;
		height:500px;
		& img{
			position:absolute;
			bottom:80px;
			right:-40%;
			width:100%;
		}
		& h2{
			position: absolute;
			bottom:30px;
			left:20px;
			font-size:2.9rem;
			line-height:3rem;
		}
	}
	#HAction1:hover{
		background-color:#21a6ca;
	}
	#HAction2:hover{
		background-color:#3e8a61;
	}
	#HAction3:hover{
		background-color:#083967;
	}
	#MainCategories > h4{
		font-size:1.3rem;
	}
	/*BLOG*/
	.ArticlesBlock{
		margin:20px 15px;
	}
	.BlogName{
		font-size:1.2rem;
	}
	#BlogTitle{
		font-size:2.5rem;
	}
	#BlogData{
		flex-direction:row;
		justify-content:flex-start;
	}
	#BlogData > div{
		margin:10px 15px;
	}
	.BCategory{
		width:170px;
		height:170px;
	}
	.BCategory:nth-child(1n){
		width:170px;
		height:170px;
	}
	.BCategory:nth-child(5n){
		width:347px;
		height:170px;
	}
	.BCategory > a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
	}
	.BCategory:nth-child(1n) > a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
	}
	.BCategory:nth-child(5n) > a{
		width:100%;
		height:100%;
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		transition:ease all 0.3s;
	}
	.BCategory > a > .BCatIcon{
		margin-left:0;
	}
	.BCategory:nth-child(1n) > a > .BCatIcon{
		margin-left:0;
	}
	.BCategory:nth-child(5n) > a > .BCatIcon{
		margin-left:25px;
	}
	#BusinessInfo{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}
	#BusinessProfileLogo{
		width:15%;
	}
	#BusinessProfileInfo{
		width:85%;
		flex-direction:row;
		align-items:flex-start;
	}
	#BusinessChars{
		width:70%;
	}
	#BusContactInfo{
		width:30%;
	}
	#BranchesFilter{
		justify-content:flex-end;
	}
	#BusinessRating > p{
		font-size:1.2rem;
	}
	#NoOpinionsYet{
		justify-content:center;
	}
	.BranchReview{
		width:100%;
		margin:15px auto;
		padding:0 10px 10px 0;
		display:flex;
		flex-direction:row;
	}
	/*Profile Branch Review*/
	/*.ProfBranchReview{*/
	.ProfBranchReview{
		width:100%;
		padding:0 0 10px 0;
	}
	.ProfReviewBody{
		width:100%;
		margin:0;
		padding:10px 2px;
		display:flex;
		flex-direction:row;
	}
	.ProfBranchRevTitle{
		width:70%;
	}
	.ProfBranchRevRating{
		width:30%;
	}
	.BranchHeader,.ProfBranchHeader{
		display:flex;
		flex-direction:row;
		align-items:center;
	}
	.BranchRevTitle{
		width:80%;
	}
	.BranchRevRating{
		width:20%;
	}
	.LastBranchReview{
		width:32%;
	}
	.LastBranchRevImg > a{
		display:flex;
		justify-content:center;
		align-items:center;
		overflow:hidden;
		width:150%;
		max-height:250px;
	}
	.LastBranchRevImg > img,.LastBranchRevImg > a > img{
		width:150%;
		max-height:250px;
	}
	.BranchRevImg,.ProfBranchRevImg{
		width:30%;
		align-items:flex-start !important;
	}
	.ProfBranchRevImg > img,.ProfBranchRevImg > a > img{
		width:100% !important;
	}
	.BranchRevInfo,.ProfBranchRevInfo{
		width:70%;
		padding-left:10px;
	}
	.BranchBottom,.ProfBranchBottom{
		display:flex;
		justify-content:space-between;
		flex-direction:row;
		align-items:center;
		padding-top:10px;
	}
	.BranchBottom > .Button1,.ProfBranchBottom > .Button1{
		margin:0 0 0 auto  !important;
		width:195px
	}
	.BranchRevAuthor{
		width:50%;
	}
	.LastBranchReview{
		width:32%;
	}
	#OpinionHeader{
		width:100%;
		display:flex;
		flex-direction:row;
		align-items: center;
		justify-content:space-between;
		margin:10px auto;
	}
	#OpinionHeader > h1{
		width:65%;
	}
	#OpinionHeader > p{
		text-align:right;
	}
	#Rating{
		display:flex;
		justify-content:flex-end;
	}
	#CreateAccountModule,#ForgotPasswordModule{
		width:400px;
	}
	#PictLabel{
		width:30%;
	}
	#BranchDetails{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	.ProfileBranchImg{
		width:30%;
		margin:0;
		display:inline-block;
	}
	.ProfileBranchInfo{
		width:70%;
		vertical-align:top;
		display:inline-block;
	}
	.ReportReview{
		width:315px;
		margin:10px auto;
	}
	.EditRevImage{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		width:30%;
		overflow:hidden;
	}
	.EditRevImage > img,.EditRevImage > a > img{
		width:100%;
		max-height:250px;
	}
	.OwnBusiness{
		margin:15px 6px;
	}
	#UserAccount{
		width:40px !important;
	}
	#UserAccount > a{
		width:40px;
		display:flex;
		background-color:transparent;
	}
	#UserAccount > a:hover{
		background-color:transparent;
	}
	#UserAccount > a > i{
		color:var(--MainColor);
	}
	.AccountLabel{
		display:none;
	}
	#VerifyPopUp{
		width : 700px;
		padding:50px 30px;
	}
	.VerifyImage img{
		width:100%;
	}
	#ResendActivateEmailForm{
		flex-direction:row;
	}
	#ResendActivateEmail{
		width:27%;
	}
	#ReclaimModule{
		flex-direction:row;
	}
	#CreateNewBranch,#CreateNewBusiness{
		& h1{
			font-size:2.9rem;
		}
	}
	#Steps{
		margin:10px 40px;
	}
}