body { font-family: 'Titillium Web', Arial, sans-serif; }
button { font-family: 'Titillium Web', Arial, sans-serif; }

a,
a:hover { text-decoration:none !important; }
img { max-width: 100% !important; }

/**
WRAPPER
 */
.Wrap { width: 1220px; margin: 0 auto; }
.col-half-section { max-width: calc(1220px / 2); }

/**
ALERT
 */
.alert { border-left:3px solid; }

/**
BOXED
 */
body.Boxed #SiteTop,
body.Boxed #SiteHeader,
body.Boxed #Main,
body.Boxed #Slider { width: 1220px; margin:0 auto; border-right:1px solid; border-left:1px solid; }
body.Boxed .Wrap { width: calc(100% - 30px); }
body.Boxed .col-half-section { width: 100%; max-width: 100%; }

body.Boxed .col-half-section.pad-left-0 { padding-left: 30px; }
body.Boxed .col-half-section.pad-right-0{ padding-right: 30px; }
body.Boxed #Main { background: #fff; }

/**
SITE TOP
 */
#SiteTop {  height: 50px; width: 100%; line-height: 50px; overflow: hidden; }
ul#TopContact { font-size: 14px; list-style: none; padding: 0; min-height: 50px; }
ul#TopContact li { display: inline-block; margin-right:15px; }

/**
HEADER
 */
#SiteHeader { width: 100%; height: 155px; border-bottom:5px solid; }
#SiteLogo { line-height: 150px; }
#SiteLogo,
#SiteNavigation { height: 150px; font-size: 0; }

/**
LOGO
 */
#SiteLogo { max-width: 300px; display: inline-block; overflow: hidden; position: relative; }
#SiteLogo a { display: block; height: 100%; line-height: 150px; }
#SiteLogo img { vertical-align: middle; max-width: 100%; image-rendering: -moz-crisp-edges; image-rendering:   -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

/**
SITE NAVIGATION
 */
#SiteNavigation { width: calc(100% - 350px); height: 50px; margin-left: 50px; font-weight: bold; display: inline-block; float:right; margin-top: 50px; }
#SiteNavigation ul { padding: 0; position: relative; font-size: 0; text-align: right; }
#SiteNavigation ul > li { height: 50px; display: inline-block; position: relative; font-size: 15px; text-align: left; }
#SiteNavigation ul li a { padding: 15px 10px; height: 50px; display: block; transition: all linear .1s; }
#SiteNavigation ul li.HasChild a { padding-right: 30px; }
#SiteNavigation ul li.HasChild:before { content: ''; position: absolute; top:22px; right:5px; font-weight: normal; border-left: 5px solid transparent;
    border-right: 5px solid transparent; border-top: 5px solid; height: 5px;  }

#SiteNavigation ul li ul { min-width: calc(100% + 10px); position: absolute; z-index: 1000; top:50px; display: none; border-bottom:5px solid; line-height: initial !important; }
#SiteNavigation ul li:hover > ul { display: block; }
#SiteNavigation ul li ul > li { width: 100%; height: auto !important; }
#SiteNavigation ul li ul li.HasChild:before { content: '\00BB'; position: absolute; top:15px; right:12px; font-weight: normal; border: 0; height: auto;}
#SiteNavigation ul li ul li ul { left:100%; top:0; }
#SiteNavigation ul li ul li a { /*padding: 10px 45px 10px 15px;*/ margin:0; font-weight: normal; font-size: 15px; display: block; white-space: nowrap; }

.MobileMenu { cursor: pointer; display: none; }
.MobileMenu { position: absolute; right:10px; top:35px; width: 35px; height: 5px; border:0; }
.MobileMenu:after { position: absolute; content: ''; height: 5px; width: 35px; top:-10px; right: 0; }
.MobileMenu:before { position: absolute; content: ''; height: 5px; width: 35px; top:10px; right: 0; }

/**
FOOTER NAVIGATION
 */
#FooterNavigation { text-align: center; font-size: 19px; position: relative; padding: 30px 0 30px 0; margin-bottom: 30px; }
#FooterNavigation:after { width: 60%; height: 1px; bottom:0; left:20%; position: absolute; content: ''; }
#FooterNavigation ul { padding: 0; }
#FooterNavigation ul li { display: inline-block; position: relative; }
#FooterNavigation ul li a { padding: 0 15px; transition: all linear .1s; display: block; }

/**
FOOTER SOCIAL
 */
#FooterSocial { text-align: center; font-size: 24px; margin-bottom:30px; }
#FooterSocial ul { padding: 0; }
#FooterSocial ul li { display: inline-block; position: relative; }
#FooterSocial ul li a { padding: 0 15px; transition: all linear .1s; display: block; }

/**
TOP SOCIAL
 */
#TopSocial { text-align: right; font-size: 16px; }
#TopSocial ul { padding: 0; }
#TopSocial ul li { display: inline-block; position: relative; }
#TopSocial ul li a { padding: 0 5px; transition: all linear .1s; display: block; }

/**
SLIDER
 */
#Slider { width: 100%; position: relative; font-size: 0; overflow: hidden; }
#Slider .SlideItem { width: 100%; height: 100%; position: relative; }
#Slider .SlideItem img { width: 100%; }
#Slider .SlideItem .TextContainer { width: 100%; position: absolute; left:0; top:10%; }
#Slider .SlideItem .TextContainer span { display: block; }
#Slider .SlideItem .TextContainer span.Title {  font-size:36px; text-shadow: 1px 1px 0px #000; }
#Slider .SlideItem .TextContainer span.SubTitle { font-weight: bold; font-size: 48px; margin-bottom:30px; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
#Slider .SlideItem .TextContainer span.Spot { font-size:24px; margin-bottom:30px; display: block; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
#Slider .SlideItem .TextContainer span.Spot p { max-width: 40%; margin: 0; }
#Slider .SlideItem .TextContainer.SlidePosition-Left { text-align: left; }
#Slider .SlideItem .TextContainer.SlidePosition-Right { text-align: right; }
#Slider .SlideItem .TextContainer.SlidePosition-Right span.Spot p { float: right; }
#Slider .SlideItem .TextContainer.SlidePosition-Center { text-align: center; }
#Slider .SlideItem .TextContainer.SlidePosition-Center span.Spot p { margin: 0 auto; }
#Slider .slick-arrow { width: 50px; height: 50px; position: absolute; background: rgba(0,0,0, .25); border-radius: 10px; z-index: 1000; visibility: hidden !important; transition: visibility linear 0.3s;}
#Slider:hover .slick-arrow { visibility: visible !important; }
#Slider .slick-prev { left: 15px; }
#Slider .slick-next { right: 15px; }

/**
PLUGINS
 */

/* Contact Plugin */
.ContactPlugin { width: 100%; height: 100%; min-height: 400px; overflow: hidden; display: table; }
.ContactPlugin h2 { font-size: 24px; font-weight: normal; margin-bottom: 20px; }

.ContactInformations,
.ContactPluginMap { display: table-cell;  vertical-align: top; }

.ContactPluginMap { width: 100%; overflow: hidden; height: 100%; min-height: 400px; display: block; }
.ContactPluginMap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.ContactInformations .ContactItem { display:block; margin-bottom: 20px; }
.ContactInformations .ContactItem label { padding-left: 10px; font-weight: bold; font-size: 24px; margin-bottom: 5px; display: block; }
.ContactInformations .ContactItem span { display: block; width: 100%; padding: 10px; font-size: 18px; line-height: 24px; }

/** Divider Plugin */
.DividerPlugin h2 { margin-bottom:20px; }
.DividerPlugin p { font-size: 18px; line-height: 24px; margin:0 0 20px 0; }

.DividerLeft,
.DividerRight{ font-size: 0; }
.DividerLeft [class*='content-'],
.DividerRight [class*='content-']{ display: inline-block; vertical-align: middle; }

/* Content Box */
.ContentBoxPlugin { text-align: center; }
.ContentBoxPlugin p { font-size: 18px; line-height: 24px; color: #444; margin-bottom: 20px; margin-top:0; }
.ContentBoxPlugin h2 { margin-bottom: 20px; }
.ContentBox p { padding: 0 10px; font-size: 18px; line-height: 24px; color: #444; margin:20px 0; }
.ContentBox h3 { margin-top:20px;}

/* Parallax Plugin */
.ParallaxPlugin { width: 100%; background-attachment: fixed; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: transparent; position: relative; font-size: 0; overflow: hidden; }
.ParallaxPlugin img { max-width: 100%; }
.ParallaxPlugin .TextContainer { width: 100%; position: absolute; right:0; top:50px; }
.ParallaxPlugin .TextContainer span { display: block; }
.ParallaxPlugin .TextContainer span.Title { font-size:36px; }
.ParallaxPlugin .TextContainer span.SubTitle { font-weight: bold; font-size: 48px; margin-bottom:30px; }
.ParallaxPlugin .TextContainer span.Spot { font-size:24px; color: #444; margin-bottom:30px; display: block; float: left; }
.ParallaxPlugin .TextContainer span.Spot p { max-width: 40%; margin: 0; }
.ParallaxPlugin .TextContainer.PluginContent-Left { text-align: left; }
.ParallaxPlugin .TextContainer.PluginContent-Right { text-align: right; }
.ParallaxPlugin .TextContainer.PluginContent-Right span.Spot { float: right; }
.ParallaxPlugin .TextContainer.PluginContent-Right span.Spot p { float: right; }
.ParallaxPlugin .TextContainer.PluginContent-Center { text-align: center; }
.ParallaxPlugin .TextContainer.PluginContent-Center span.Spot { display: block; width: 100%; }
.ParallaxPlugin .TextContainer.PluginContent-Center span.Spot p { margin: 0 auto; }

.ParallaxPlugin .Testimonials { position: relative; margin-top:20px; }
.ParallaxPlugin .Testimonials .TestimonialItem h3,
.ParallaxPlugin .Testimonials .TestimonialItem span{ display: block; }
.ParallaxPlugin .Testimonials .TestimonialItem h3 { font-size: 36px; }
.ParallaxPlugin .Testimonials .TestimonialItem span { font-size: 18px; }
.ParallaxPlugin .Testimonials .TestimonialItem .Content { margin-top:20px; }
.ParallaxPlugin .Testimonials .TestimonialItem p { font-size: 16px; position: relative; display: inline; }

/* Feature Plugin */
.FeaturesPlugin h4,
.FeaturesPlugin p { margin: 0; }
.FeaturesPlugin h4 { margin-bottom: 5px; }
.FeaturesPlugin p { line-height: 24px; font-size: 14px }
.FeaturesPlugin .row { display: flex; flex-wrap: wrap; }
.FeaturesPlugin [class*='column-'] { margin-bottom: 50px; flex-grow: 1; height: auto; }
.FeaturesPlugin .FeatureBox { padding-left: 80px; padding-right: 20px; position: relative; }
.FeaturesPlugin .FeatureBox:after { width: 50px; height: 50px; position: absolute; left:10px; top:10px; content: ''; transform: rotate(45deg); z-index: 1000; }
.FeaturesPlugin .FeatureBox:before { width: 20px; height: 20px; content:''; left:25px; top:25px; position: absolute; border-radius: 50%; -moz-border-radius: 50%; z-index: 1001; }

/* IVBoxPlugin */
.IVBoxPlugin { width: 100%; height: 100%;  overflow: hidden; display: block; font-size:0; }
.IVItem { display: inline-block; vertical-align: middle; position: relative; }
.IVItem p { font-size: 18px; line-height: 1.3em;  }
.IVItem img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.IVItem .col-half-section { float: right; }
.IVBoxPlugin.text-left .IVItem .col-half-section { float: left; }
/*.IVVideo { width: 100%; height: 100%; background: red; position: relative; }*/
.IVItem iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* PricePlugin */
.PricePlugin { }
.PriceItem { width: 100%; margin-top:30px; display: block; }
.PriceItem.Featured { margin-top: 0px; }
.PriceItem .PriceHeader { width: 100%; height: 80px; display: block; }
.PriceItem .PriceHeader span { padding: 10px; display: table-cell; text-align: center; vertical-align: middle; }
.PriceItem .PriceHeader span.PriceTitle { font-size: 18px; font-weight: bold; }
.PriceItem .PriceHeader span.ThePrice { font-size: 36px; font-weight: bold; }
.PriceItem .PriceContent { width: 90%; margin: 10px auto 0 auto; list-style: none; border:1px solid; display: block; text-align: center; }
.PriceItem.Featured .PriceContent { margin-top:40px; }
.PriceItem .PriceContent li { padding: 10px; border-bottom:1px solid; }
.PriceItem .PriceContent li:last-of-type { border-bottom:0; }
.PriceItem .blt-button.button-block { width: 90% !important; display: inline-block; margin: 0 5% 10px 5%; }

/* Product Plugin */
.ProductPlugin {}
.ProductPlugin .ProductItem { padding:15px; padding-bottom: 30px; border:1px solid; text-align: center; margin-bottom: 15px; }
.ProductPlugin .ProductItem .ProductTitle { display: block; height:60px; overflow: hidden;  margin: 20px 0; font-size: 18px; }
.ProductPlugin .ProductItem .ProductPrice { display: block; margin-bottom: 20px; font-size: 24px; font-weight: bold; }

/* PortfolioPlugin */
.PortfolioPlugin {}
.PortfolioPlugin .PortfolioItem { padding:15px; border:1px solid; text-align: center; margin-bottom: 15px; }
.PortfolioPlugin .PortfolioItem .PortfolioTitle { height: 50px; display: block; margin: 15px 0 0 0; font-size: 24px; }
.PortfolioPlugin .PortfolioItem .PortfolioDesc { display: block; height: 60px; overflow: hidden; margin-bottom: 15px; font-size: 18px; }

.PortfolioPlugin .Mansonry { column-count: 4; column-gap: 5px; }
.PortfolioPlugin .Mansonry.grid-2 { column-count:2; }
.PortfolioPlugin .Mansonry.grid-1 { column-count:1; }
.PortfolioPlugin .Mansonry .PortfolioItem { break-inside: avoid; position: relative; background: none; border:none; padding: 0; }
.PortfolioPlugin .Mansonry .PortfolioItem:before { content: ''; width: 80%; height: 80%; position: absolute;left:10%; top:10%; z-index: 999; opacity: 0; transition: opacity ease 0.3s; }
.PortfolioPlugin .Mansonry .PortfolioItem .PortfolioTitle { position: absolute; width: 80%; height: 80%; padding: 5%; left:10%; top:10%; z-index: 1000; font-size: 36px; font-weight: bold; opacity: 0; transition: opacity ease 0.3s; }
.PortfolioPlugin .Mansonry .PortfolioItem:hover:before { opacity: 0.8; }
.PortfolioPlugin .Mansonry .PortfolioItem:hover .PortfolioTitle { opacity: 1; }

.PortfolioPlugin .slick-arrow,
.PortfolioPlugin .slick-arrow:hover { width: 50px; height: 50px; position: absolute; background: rgba(0,0,0, .25) !important; border-radius: 10px; z-index: 1000;}
.PortfolioPlugin .slick-prev { left: 0; }
.PortfolioPlugin .slick-next { right: 0; }

/* News Plugin */
.NewsPlugin {  }
.NewsPlugin .row { font-size: 0; }
.NewsPlugin .row > [class*='column-'] { float: none; display: inline-block; }
.NewsPlugin .News { font-size:14px; padding: 10px; border:1px solid; margin:10px; }
.NewsPlugin .News .NewsDate { display: table; margin-bottom: 20px; }
.NewsPlugin .News .NewsDate span { display: table-cell; vertical-align: middle; }
.NewsPlugin .News .NewsDate span.DateDay { padding-right: 5px; font-size: 36px;  position: relative; }
.NewsPlugin .News .NewsDate span.DateDay:after { width: 1px; height: 70%; top:20%; position: absolute; right:0; content:''; }
.NewsPlugin .News .NewsDate span.DateRest { width: 60px; padding-left: 5px; font-size: 18px; }
.NewsPlugin .News .NewsTitle { height: 38px; overflow: hidden; display: block; font-weight: bold; font-size: 18px; }
.NewsPlugin .News p { height: 50px; overflow: hidden; font-size: 14px; }
.NewsPlugin .News .NewsRead { padding-left: 32px; position: relative; display: inline-block; height: 28px; line-height: 24px; font-size: 14px; float: right; }
.NewsPlugin .News .NewsRead:before { content: '\00BB'; position: absolute; width: 28px; height: 28px; line-height: 26px; text-align: center; left:0; top:0; }
.NewsPlugin .News.hasImage .NewsThumbnail { margin-bottom: 5px;}

/** Pages Plugin */
.PagesPlugin [class*='column-'] { margin-bottom: 15px; }
.PagesPlugin .ContentBox { padding: 10px; border:1px solid; text-align: center; height: 100%; position: relative; }
.PagesPlugin .ContentBox .thumbnail { width: 100%; }

/**
FOOTER
 */
#Footer { border-top:5px solid; }
.Copyright { text-align: center; font-size: 14px; margin-bottom:10px; }
#FooterEnd { padding: 10px; text-align: center; }

/**
* MODULE GLOBALS
 */
.PageTitle { padding: 50px 0; text-align: center; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.PageTitle.Narrow { padding: 10px 0 20px 0; }
.PageTitle.Tall { padding: 150px 0; }
.PageTitle.Overlay:before { content: ''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.4); z-index: 100; }
.PageTitle.Overlay .Wrap { position: relative; z-index: 101;}

/**
BREADCRUMB
 */
.Breadcrumb { list-style: none; margin-top: 10px; }
.Breadcrumb li { display: inline-block; padding: 5px 15px 5px 5px; position: relative; }
.Breadcrumb li:after {  content: '\00BB'; position: absolute;  right:0; top:5px; }
.Breadcrumb li:last-of-type:after { display: none; }
.Breadcrumb li a:hover { text-decoration: underline !important;}

/**
PAGINATION
 */
.Pagination { list-style: none; font-size: 0; }
.Pagination li { display: inline-block; height: 32px; line-height: 30px; text-align: center; font-size: 14px; margin: 2px; border:1px solid; }
.Pagination li a { padding: 0 10px; display: block; font-weight: bold; }

/**
SIDEBAR
 */
aside.Sidebar { width: 300px; padding: 15px; border:1px solid; float: left; }
aside.Sidebar h3 { padding: 15px; font-weight: normal; }
aside.Sidebar.Products button { display: none; }
aside.Sidebar .Widget { margin-bottom:15px; }
aside.Sidebar .Widget:last-of-type { margin-bottom: 0; }

/**
Link List
 */
.LinkList { list-style: none; border-bottom:2px solid; }
.LinkList li { border-bottom:1px solid; }
.LinkList li a { padding: 15px; display: block; }
.LinkList li.active a { font-weight: bold; }
.LinkList li:last-of-type { border-bottom: none; }

/**
ProductListing
 */
.ProductListing { width: calc(100% - 315px); float: right; }

/**
CategoryDescription
 */
.CategoryDescription { padding: 15px; margin-bottom: 15px; }

/**
PRODUCT
 */
#Product { margin: 15px auto; font-size: 0; }
#ProductImages,
#ProductInfo { display: inline-block; vertical-align: top; }
#ProductImages { width: 500px; margin-right:15px; position: relative; border:1px solid; }
#ProductImageContainer { width:100%; position: relative; }
#ProductImages .ProductImage { width: 100%; }
#ProductImages .ProductImage img { max-width: 100%; }
#ProductImages .ProductImage:first-of-type { display: block;}

#ProductImages .slick-arrow { width: 50px; height: 50px; position: absolute; background: rgba(0,0,0, .25); border-radius: 10px; z-index: 1000;}
#ProductImages .slick-prev { left: 15px; }
#ProductImages .slick-next { right: 15px; }

#ProductImages #ProductSocials { width: 100%; height: 30px; font-size: 0; position: absolute; left:10px; top:10px; list-style: none; }
#ProductImages #ProductSocials li { width: 30px; height: 30px; display: inline-block; margin-right: 5px; }
#ProductImages #ProductSocials li a { color: #fff; font-size: 16px; text-align: center; display: block; line-height: 30px; }
#ProductImages #ProductSocials li.facebook { background: #395491; }
#ProductImages #ProductSocials li.twitter { background: #3ca3de; }
#ProductImages #ProductSocials li.whatsapp { background: #4bce5d; }
#ProductImages #ProductSocials li.pinterest { background: #bb1424; }
#ProductImages #ProductSocials li.google-plus { background: #181818; }


#ProductInfo { width: calc(100% - 515px); }
#ProductInfo .ProductHeader { padding-bottom: 10px; border-bottom:3px solid; }
#ProductInfo .ProductHeader h3 { margin-top: 5px; font-weight: normal; }

#ProductInfo .ProductMeta { padding: 50px 0 30px 0; }
#ProductInfo .ProductMeta .ProductPrice,
#ProductInfo .ProductMeta .ProductQuantity,
#ProductInfo .ProductMeta .ProductButtons { height: 40px; display: inline-block; vertical-align: middle; }
#ProductInfo .ProductMeta .ProductPrice { font-size: 48px; font-weight: bold; margin-right:60px; line-height: 35px; }

#ProductInfo .ProductMeta .ProductQuantity { position: relative; font-size:0; font-weight: bold; }
#ProductInfo .ProductMeta .ProductQuantity button,
#ProductInfo .ProductMeta .ProductQuantity span { display: inline-block; border:1px solid; padding: 10px; height: 40px; line-height: 18px; font-size: 18px; margin:0 1px; vertical-align: bottom; }
#ProductInfo .ProductMeta .ProductQuantity span { padding: 10px 20px; }
#ProductInfo .ProductMeta .ProductQuantity .SetQuantity { width: 40px; cursor: pointer; }

#ProductInfo .ProductMeta .ProductButtons { margin-left:5px; }
#ProductInfo .ProductMeta .ProductButtons button,
#ProductInfo .ProductMeta .ProductButtons a { height: 40px; padding: 0 30px; line-height: 40px; font-size: 18px; cursor: pointer; margin-left:2px; }

#ProductDetailTabs { width: 100%; font-size: 18px; }
#ProductDetailTabs ul { list-style: none; }
#ProductDetailTabs ul li { display: inline-block; padding:15px 30px; border:1px solid; cursor: pointer; }
#ProductDetailTabs ul li.Current { font-weight: bold; }
#ProductDetailTabs .TabContainer { width: 100%; border:1px solid; padding: 15px; margin-top:-1px; }
#ProductDetailTabs .TabContainer p { margin: 0 0 20px 0; line-height: 1.5em; }

#ProductTabsNav { text-align: center; list-style: none; font-size: 0; }
#ProductTabsNav li { display: inline-block; padding: 10px 20px; font-size: 24px; border-top:4px solid; cursor: pointer; }
#ProductTabsNav li.Current { font-weight: bold; }

#TabComments { font-size: 0; }
#TabComments .CommentList,
#TabComments .CommentForm { display: inline-block; vertical-align: top;}
#TabComments .CommentList { width: 55%; padding-left: 5%; position: relative; }
#TabComments .CommentList:after { content:''; position: absolute; left:0; top:0; width: 1px; height: 100%; }
#TabComments .CommentForm { width: 45%; padding-right: 5%; }
#TabComments .CommentForm h3 { margin-bottom: 20px; }
#TabComments .CommentList .CommentBox { display: block; margin-bottom: 15px; }
#TabComments .CommentList .CommentBox .CommentDate,
#TabComments .CommentList .CommentBox .CommentContent { display: inline-block; vertical-align: top; min-height: 60px;  }
#TabComments .CommentList .CommentBox .CommentDate { width: 120px; padding: 15px 30px 0 0; position: relative; font-size: 18px; }
#TabComments .CommentList .CommentBox .CommentDate:after { content: ''; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right:20px solid; position: absolute; right:0; top:20px; }
#TabComments .CommentList .CommentBox .CommentContent { width: calc(100% - 120px); padding: 15px; font-size: 18px; border-bottom:2px solid; line-height: 24px; }

#TabComments .CommentList .CommentBox .CommentDate span { display: table-cell; vertical-align: middle; }
#TabComments .CommentList .CommentBox .CommentDate span.DateDay { padding-right: 5px; font-size: 36px; font-weight: bold;  position: relative; }
#TabComments .CommentList .CommentBox .CommentDate span.DateDay:after { width: 1px; height: 70%; top:20%; position: absolute; right:0; content:''; }
#TabComments .CommentList .CommentBox .CommentDate span.DateRest { width: 60px; padding-left: 5px; font-size: 18px; }

/**
CONTENT
 */
.Content p { margin: 5px 0; line-height: 24px; }
.Content ul { list-style: inside; }
.Content ul li { line-height: 1.5em; }
.Content iframe { position: relative !important; max-width: 100%; min-height: 350px; }

/** Map */
.FluidMap { border-top:5px solid; font-size: 0; }

/** #Page */
#PageContent { width: calc(100% - 315px); float: left; padding-right: 35px; position: relative; }
#PageContent:after {  content: ''; height: 100%; width: 1px; position: absolute; right: 15px; top:0; }

/** NEws */
#NewsListing { margin-bottom: 30px; }

/** Gallery */
.GalleryItem { position: relative; }
.GalleryItem a { text-align: center; width: 100%; height: 100%; position: absolute; top:0; left:0; transform: translate(0, 50%); display: none; font-size: 24px; font-weight: bold; }
.GalleryItem:before {  content: ''; width: 90%; height: 90%; position: absolute; top:5%; left:5%; opacity: 0; transition: opacity ease 0.2s; }
.GalleryItem:hover:before { opacity: 0.4; }
.GalleryItem:hover a { display: block; }

/** Portfolio */
#Portfolio {  }
#Portfolio .Slider {  }
#Portfolio .Slider .PortfolioSlide { display: block; width: 100%; text-align: center; position: relative; }
#Portfolio .Slider .PortfolioSlide img { width: 100%; }
#Portfolio .Slider .PortfolioSlide span { padding: 10px 30px; display: block; position: absolute; right:50px; bottom:50px; font-weight: bold; font-size: 24px; }
#Portfolio .Slider .slick-arrow,
#Portfolio .Slider .slick-arrow:hover { width: 50px; height: 50px; position: absolute; background: rgba(0,0,0, .25) !important; border-radius: 10px; z-index: 1000;}
#Portfolio .Slider .slick-prev { left: 15px; }
#Portfolio .Slider .slick-next { right: 15px; }

.slick-slide,
.slick-current,
.slick-active { outline: none !important; border: 0; }

/** Product Category */
#ProductSearchForm { margin-top:5px; border:1px solid; padding: 5px; font-size: 0; }
#ProductSearchForm input[type="text"],
#ProductSearchForm .blt-button { height: 40px !important; font-size: 13px; display: inline-block; vertical-align: top; float: right; }
#ProductSearchForm input[type="text"] { border:0; outline: 0; padding: 0 10px; float: left; }

/** Page Socials */
#PageSocials { text-align: right; }
#PageSocials ul { list-style: none; margin: 0 15px; }
#PageSocials ul li { display: inline-block; width: 30px; height: 30px; }
#PageSocials ul li a { display: block; text-align: center; color:#fff; line-height: 30px; }
#PageSocials ul li.facebook { background: #395491; }
#PageSocials ul li.twitter { background: #3ca3de; }
#PageSocials ul li.whatsapp { background: #4bce5d; }
#PageSocials ul li.pinterest { background: #bb1424; }
#PageSocials ul li.google-plus { background: #181818; }

/** Popup */
.BulutWebPopup { max-width: 700px;  padding:0;  margin-right: auto; margin-left: auto; position: relative; background-repeat: no-repeat; background-position: center center;  background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); font-size: 0; }
.BulutWebPopupContent { text-align: center; }
.BulutWebPopupContent img,
.BulutWebPopupContent iframe,
.BulutWebPopupContent embed,
.BulutWebPopupContent table,
.BulutWebPopupContent video { max-width: 100%; height: auto !important; }
.BulutWebPopup p { font-size: 13px; line-height: 1.4; color: #444; margin: 0; padding: 10px;}
.mfp-close-btn-in .BulutWebPopup .mfp-close { font-weight: 700;opacity: 0.85;top: -5px;}
.mfp-bg { background-color: rgba(255, 255, 255, 0.5); }
.mfp-close-btn-in .BulutWebPopup .mfp-close { color: #fff; }

/** Up Button */
.UpButton { width: 50px; height: 50px; border-radius: 8px; text-align: center; line-height: 40px; cursor: pointer; position: fixed; bottom:60px; right:20px; z-index: 1000; font-size: 24px; display: none; border:5px solid rgba(0,0,0, .2); }

/** Whatsapp Button */
.WhatsappButton { min-width: 50px; height: 50px; background: #25d366; color: #fff; position: fixed; left: 20px; bottom:60px; z-index: 100000; display: block; border-radius: 10px; line-height: 30px; text-align: center;  padding: 10px; font-weight: bold; }
.WhatsappButton i,
.WhatsappButton a { color: #fff; }
.WhatsappButton i { font-size: 24px; margin-right:5px; }
.WhatsappButton i,
.WhatsappButton span { display: inline-block; vertical-align: middle; }