/*
Theme Name: Safari foto
Theme URI: https://saarifoto.ro
Description: Version: 1.0
Author: Twisted Design
Author URI: http://twisteddesign.ro
Tags: fashion,  minimalistic,  woocommerce,  wordpress,  responsive,  custom
*/
* { padding: 0; margin: 0; }
html,  body  { height: 100%; background-color: #ffffff; font-family:  'Open Sans',  sans-serif;}
body  { overflow-x: hidden;}
h1,  h2,  h3,  h4,  h5,  h6, .fontmont  { font-family:  'Montserrat',  sans-serif;}
.nobar  { overflow: hidden;}

@font-face {
  font-family: 'aridel';
  src: url('font/aridel.eot?71577790');
  src: url('font/aridel.eot?71577790#iefix') format('embedded-opentype'),
       url('font/aridel.woff2?71577790') format('woff2'),
       url('font/aridel.woff?71577790') format('woff'),
       url('font/aridel.ttf?71577790') format('truetype'),
       url('font/aridel.svg?71577790#aridel') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "aridel";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-menu:before { content: '\e800'; } /* '' */
.icon-chev-down:before { content: '\e801'; } /* '' */
.icon-chev-left:before { content: '\e802'; } /* '' */
.icon-chev-right:before { content: '\e803'; } /* '' */
.icon-chev-up:before { content: '\e804'; } /* '' */
.icon-cos:before { content: '\e805'; } /* '' */
.icon-inima:before { content: '\e806'; } /* '' */
.icon-tiktok:before { content: '\e807'; } /* '' */
.icon-user:before { content: '\e808'; } /* '' */
.icon-mail:before { content: '\e809'; } /* '' */
.icon-mobile:before { content: '\e80a'; } /* '' */
.icon-search:before { content: '\e80b'; } /* '' */
.icon-transport:before { content: '\e80c'; } /* '' */
.icon-star-filled:before { content: '\e80d'; } /* '' */
.icon-plata:before { content: '\e80e'; } /* '' */
.icon-reduceri:before { content: '\e80f'; } /* '' */
.icon-retur:before { content: '\e810'; } /* '' */
.icon-safe:before { content: '\e811'; } /* '' */
.icon-romania:before { content: '\e812'; } /* '' */
.icon-close:before { content: '\e813'; } /* '' */
.icon-twitter:before { content: '\e814'; } /* '' */
.icon-telegram:before { content: '\e815'; } /* '' */
.icon-logout:before { content: '\e816'; } /* '' */
.icon-info:before { content: '\e817'; } /* '' */
.icon-home:before { content: '\e818'; } /* '' */
.icon-dash:before { content: '\e819'; } /* '' */
.icon-youtube:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-options:before { content: '\f1de'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-linkedin:before { content: '\f31b'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */



.flexrow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 	-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flexend {justify-content: end;}
.flex-container { display: -ms-flexbox; display: -webkit-flex;  display: flex;  -webkit-flex-wrap: wrap;    ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexmid { align-items: center;}
.flexcen {justify-content:center;}
.alignCenter {text-align:center;}
.justRight {justify-content:right;}
.colororg {color:#ffa633}
.coloralb {color:#fff;}
.colordark {color:#141414;}
.bgdark {background-color:#141414;}
.bgorange {background-color:#ffa633}
#cautareBig  { position: fixed;  background: #ffffff; z-index: 1000001; width: 100%; height: 100%; top: 0; transition:  all ease-in-out 0.5s;
     -webkit-transition:  all ease-in-out 0.5s; opacity: 1;}
.nulled  { z-index: -100 !important; opacity: 0 !important; position: absolute;}
#searchHolder  { position: absolute; width: 100%; max-width: 800px; left:  50%; top:  50%; transform:  translate(-50%,  -50%);  -webkit-transform:  translate(-50%,  -50%); padding: 20px;}
#searchHolder:after  {    content: "";
     display: block;
     clear: both;
}
#cautareBig .woocommerce-product-search  {
    width: calc(100% - 30px);
     float: left;
 }
#cautareBig .container  {
    padding-top: 20px;
     padding-bottom: 20px;
}
#cautare  {
    width: calc(100% - 35px);
     float: left;
}
.screen-reader-text  {
    display: none;
}
.search-field  {
    border: 0 none;
     border-bottom: 1px solid #eaeaea;
     width:  calc(100% - 60px);
     font-size: 18px;
     padding: 10px 0;
     background: none;
 }
#cautareBig input[type=submit] {
    font-family: FontAwesome;
     font-size: 24px !important;
     padding: 5px 10px;
     background: none;
     border: 0 none;
     font-size: 24px !important;
     float: right;
}
.searchClose  {
    padding: 10px 0 10px 10px !important;
     background: none;
     border: 0 none;
     font-size: 24px !important;
     cursor: pointer;
}
#home { padding: 0px; box-sizing: border-box;}
#headWrap  { background: #141414; }
#site-container { padding: 5vw 0; }
section.sec-lata{}


.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}
.pt40 {padding-top:40px;}
.pb40 {padding-bottom:40px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}
#logo img {width:150px; height:auto;} 

#menu-meniu-principal,  #menu-meniu-principal ul,  #menu-meniu-cos,  #menu-meniu-social   {
    list-style: none;
}
#menu-meniu-cos li,  #menu-meniu-social li, #menu-mobile-left li  { display: inline;  vertical-align: middle; }
.custom-cart-icon {	position: relative;	display:inline-block;	color: #fff;	text-decoration: none;}
.custom-cart-icon .cart-count {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ffa633;
	color: #000;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 2px 3px;
	border-radius: 50%;
	font-weight: 700;
}
#menu-meniu-principal a { font-family:  'Montserrat',  sans-serif; font-size: 13px; }
#menu-meniu-social li a,  #menu-meniu-cos li a, #menu-mobile-left li a { color: #fff;  transition:  all ease-in-out 0.3s;     text-decoration: none; font-size:20px;}

#menu-meniu-social li a:hover,  #menu-meniu-cos li a:hover  { color: #ffa633; }

/*MENU HOME*/
#menu-meniu-principal a  { text-transform: uppercase;}
@media screen and (min-width:100px) {

}
@media screen and (min-width:1200px) {
	.hide-desk { display:none !important;}
	#home #menu-meniu-social li a {font-size: 24px;}
}
@media screen and (max-width:767px) {
	.hide-phone {display: none !important;}
}

@media screen and (max-width:1199px) {
	.hide-tablet {display: none !important;}
	#headWrap { position: fixed; left: 0; right: 0; top: 0; z-index: 10; border-bottom: 1px solid #fff;}
	#mainContent {margin-top:120px;}
	#site-container {min-height:800px;}
	#home #menu-meniu-social {display:none;}
	#home #logo  { display: block; padding:10px 0;}
	#home #logo img {width:100px; height:auto; display:block; margin:0 auto;}
	#home #menu-meniu-cos {text-align:right;}
	#menu-meniu-cos li,  #menu-meniu-social li {padding-left: 15px;}
	#menu-mobile-left li {padding-right:15px;}
	#home nav { background: #141414; height:  100%;	left:  0; position:  fixed;	top:  0; width:  100%;	padding: 20px;	z-index:  10000 !important;}
	.overlay-hugeinc { opacity:  0; transition:  all 0.5s ease 0s; 	-webkit-transition:  all 0.5s ease 0s;-webkit-transform:  translateX(100%);	-moz-transform:  translateX(100%);-o-transform:  translateX(100%); transform:  translateX(100%);}
	.asMenu  { opacity:  1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);		transform: translateX(0px);	}
	#menu-meniu-principal  { }
	.incMenu  { cursor: pointer; font-size: 20px; margin-bottom:15px; color:#ffffff;}
	#menu-meniu-principal li  { padding: 5px;}
	#menu-meniu-principal li a  { color: #ffffff;	}
	#menu-meniu-principal li a:hover,  #menu-meniu-principal li a:focus, #menu-meniu-principal li.current-menu-item a{color: #ffa633; }

}
@media screen and (min-width:1200px) {
	#site-container {min-height:1600px;}
    #home  { width: 340px; height: 100%; position: fixed; z-index: 100;}
	#headWrap  { background: #141414; height: 100%; position: relative; min-height: 560px;}
	#home #logo  { display: block; margin: 0 auto; padding: 20px 0 10px 0; text-align: center;}
	.btnMenu,  .incMenu  { display: none !important; }
	#home #menu-meniu-cos,  #home #menu-meniu-social  { position: relative;}
	#home #menu-meniu-cos  { width:100%; text-align: center; padding-top: 10px;}
	#menu-meniu-social li,  #menu-meniu-cos li  { display: inline-block;}
	#home #menu-meniu-cos li  { margin: 0 10px;      white-space: nowrap;}
	#home #menu-meniu-principal  { margin: 30px 0; position: relative;}
	#home #menu-meniu-principal li,  #home #menu-meniu-principal ul,  #home #menu-meniu-principal a  {
		-webkit-transition:  all ease-in-out 0.2s;  -moz-transition:  all ease-in-out 0.2s; 	transition:  all ease-in-out 0.2s;
	}
	#home #menu-meniu-principal li { border-bottom: solid 1px #342C2C; position: relative; }
	#home #menu-meniu-principal li:last-of-type { border-bottom: 0 none !important;}
	#home #menu-meniu-principal a  {
		display: block;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		padding: 15px 20px;
	}
	#home #menu-meniu-principal li ul  {
		visibility:  hidden;
		position:  absolute;
		top:  0;
		left:  100%;
		background: #141414;
		width: 100%;
		opacity: 0;
	}
	#home #menu-meniu-principal li:hover ul  {
		visibility:  visible;
		opacity: 1;
	}

	#home #menu-meniu-social  {
		position: absolute;
		bottom: 20px;
		left: 25px;
	}
	#home #menu-meniu-social li {
		margin-right: 10px;
	}
	#home #menu-meniu-principal ul *:hover > a  {
		color:  #fff;
	}
	#home #menu-meniu-principal li:hover > a {
		color:  #ffa633;
		position:  relative;
	}
}
.btn  { padding: 10px 20px; text-transform: uppercase; font-weight:700; display: inline-block; -webkit-transition:  all ease 1s; -moz-transition:  all ease 1s;    	transition:  all ease 1s;}
.btn-orange {background-color:#ffa633; color:#000;} 

/*HOME CONTENT*/
.homeintro img {width:100%; height:auto;}
.home-title { z-index: 1; margin: 0; padding: 0; line-height:1;}
.home-desc p {font-size:16px; line-height:1.4; color:#555; margin-bottom:20px;}

@media screen and (max-width:767px) {
section.sec-caseta {padding-left:15px; padding-right:15px;}	
.home-title {position: relative; font-size: 42px; bottom: -10px; }
}

@media screen and (min-width:768px) {
.home-title {position: relative; font-size: 78px; bottom: -20px; left:20px; }	
section.sec-caseta{padding-left:10vw; padding-right:10vw;}
}

@media screen and (min-width:1200px) {
    #mainContent  { margin-left: 340px; height: 100%; padding: 0;}    
	.home-title { position: absolute; bottom: -20px; font-size: 96px; left: 18%;}
	
}



/*EVENIMENTE arhive, listare*/


/*EVENIMENTE single*/
.event-big {position:relative; }
.event-big img {width:100%; height:auto; display:block; position:relative;}
.event-big h1 {line-height:1.1;}
.event-info {color:#fff;}
.event-info .linie { border-bottom:1px solid #ffa633; }
.event-info .linie:last-of-type {border-bottom:0 none;}
.event-info .linie span {display:block; font-weight:700; }


@media screen and (max-width:1199px) {
	.event-info {
		display: grid;
		grid-auto-flow: row;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0;
	}
	.event-info .linie {padding:10px; font-size:14px; }
}

@media screen and (min-width:768px) {
	.event-info .linie {padding:20px; font-size:16px; }
	.event-big h1 {position:absolute; z-index:1; padding:20px 30px; color:#fff; background-color:rgba(14,14,14,.8); width:100%; margin:0; bottom:0}
}
@media screen and (min-width:1200px) {
	.intro-eveniment { display: grid; grid-auto-flow: row; grid-template-columns: 70% 30%; grid-gap: 0; }	
	.event-info {border-left:1px solid #ffa633; }
	.event-big { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.event-big img { width: 100%; height: 100%; object-fit: cover; display: block;}
}

/*Calendar evenimente*/
.calevent .products {margin-top:30px;}
.calevent .eventimg {position:relative;display:block; }
.calevent .eventimg span {position:absolute; z-index:1; top:5px; left:5px; padding:3px 5px; font-weight:700; font-size:13px;}
.calevent .product img {display:block;width:100%; height:auto; position:relative;}

.calevent .product h2 {font-size:18px; margin:10px 0; font-weight:700;}
.calevent .product h2 a {color:#222;}
/*SIDEBAR*/
#menu-meniu-info  {
    list-style: none;
}
#menu-meniu-info li  {
}
#menu-meniu-info li a  {
    padding: 5px 10px;
     margin-bottom: 10px;
     display: block;
     text-transform: uppercase;
     border-left: 1px solid #000000;
     color: #000000;
     -webkit-transition:  all ease 1s;
     -moz-transition:  all ease-in-out 0.2s;
    	transition:  all ease-in-out 0.2s;
}
#menu-meniu-info .current-menu-item a,  #menu-meniu-info li a:hover  {
    border-left: 1px solid #b8995a;
     color: #ffffff;
     background: #b8995a;
}
/*footer*/
#mainContent footer  {
    margin-bottom: 20px;
}
#mainContent #newsletter  {
    margin-bottom: 20px;
}
#newsletter  {
     background: #b8995a;
     padding: 20px 30px;
}
#newsletter h2  {
    color: #ffffff;
 }
.mc4wp-form-fields:after  {
    content: "";
     display: block;
     clear: both;
}
 .mc4wp-form input[type="submit"],  .mc4wp-form input[type="email"]  {
     border: 0 none;
     float: left;
     box-sizing: border-box;
 }
.mc4wp-form input[type="email"]  {
    background-color: #ffffff !important;
     width: calc(100% - 170px);
     padding:  10px 20px;
     margin: 0;
 }
.mc4wp-form input[type="submit"] {
    padding:  10px 30px;
     background: #000000;
     color: #ffffff;
     font-family:  'Montserrat',  sans-serif;
 }
#footerLinks {
    padding: 30px;
     background: #141414;
}
#footerLinks h3  {
    padding-bottom: 10px;
}
#footerLinks,  #footerLinks a  {
    color: #ffffff;
     line-height: 1.8;
}
.meniuFooter ul  {
    list-style: none;
}
.contFoot  {
    font-family:  'Montserrat',  sans-serif;
}
.footphone:before  {
      content:  "\f095";
     /* FontAwesome Unicode */  font-family:  FontAwesome;
      display:  block;
      float: left;
      width: 20px;
}
.footmap:before  {
      content:  "\f10b";
     /* FontAwesome Unicode */  font-family:  FontAwesome;
      display:  block;
      float: left;
        width: 20px;
}
.footemail:before  {
     content:  "\f0e0";
     /* FontAwesome Unicode */  font-family:  FontAwesome;
      display:  block;
      float: left;
      width: 30px;
}
#copy  {
    padding: 30px;
     background: #000000;
     color: #ffffff;
     text-align: center;
     font-size: 12px;
}
#copy a  {
    color: #ffffff;
     text-decoration: underline;
}
@media screen and (max-width:991px) {
    .meniuFooter,  .descFoot,  .fcontact  {
    padding-bottom: 20px;
}
.mc4wp-form input[type="email"],  #nlhold h2 {
    width: 100%;
     display: block;
     margin-bottom: 10px;
}
.contfoot  {
    font-size: 20px;
 }
}
@media screen and (min-width:768px) {
    	.contFoot,  .footphone: before,  .footemail:before,  .footmobile:before  {
    font-size: 20px;
 }
	#nlhold  {
    	display:  -ms-flexbox;
    	display:  -webkit-flex;
    	display:  flex;
    	-ms-flex-align:  center;
    	-webkit-align-items:  center;
    	-webkit-box-align:  center;
    	align-items:  center;
}
}
/*-----------CONTACT-----------*/.formRow  {
    margin-bottom: 15px;
     position: relative;
}
.formRow label  {
     webkit-transition:  all .5s ease-in-out;
     transition:  all .5s ease-in-out;
     font-size: 14px;
     color: #97b8c4;
     opacity: 1;
}
.hasFocus label  {
    top: 0 !important;
     opacity: 0.8;
     font-size: 12px;
}
.formRow input[type="text"],  .formRow input[type="email"],  .formRow textarea {
    width: 100%;
     padding: 20px 0;
     border:  0 none;
     border-bottom: 1px solid #eaeaea;
     position: relative;
     z-index: 2;
     background: none;
}
.formRow textarea {
    resize: vertical;
     height: 100px;
}
span.wpcf7-not-valid-tip  {
    padding: 10px 0 0 0;
     font-size: 10px !important;
}
#map  {
     display:  block;
     height:  400px;
     width:  100%;
}
.formRow input[type="submit"]  {
    margin:  15px 0;
     padding: 5px 15px;
     border: 0 none;
     color: #ffffff;
     background: #000000;
     text-transform: uppercase;
}
#getlocation  {
    padding: 10px;
     background: #b8995a;
     margin-bottom: 30px;
}
#getlocation input[type="submit"],  #getlocation input[type="text"] {
    padding: 5px 15px;
     border: 0 none;
     color: #777;
     background: #ffffff;
 }
#getlocation input[type="submit"]  {
    color: #ffffff;
     background: #000000;
 }
#getlocation input[type="text"] {
    width: calc(100% - 150px);
}
#getlocation input[type="submit"]  {
    text-transform: uppercase;
}
#contactPage a  {
    color: #000;
     text-decoration: underline;
}
/* --------------BLOG---------------*/#blogContainer,  #articleContainer {
     padding-top: 40px;
     padding-bottom: 40px;
}
#blogContainer #catTitle  {
    padding-bottom: 20px;
}
#catDesc  {
    padding-bottom: 20px;
}
#blogContainer h1,  #blogContainer h2,  #blogContainer h3,  #blogContainer h4  {
    line-height: 1.2;
}
 .catPost  {
    text-align: center;
     margin-bottom: 30px;
}
.catImgHold  {
    display: block;
     overflow: hidden;
}
.catPost img  {
    width: 100%;
     height: auto;
     -webkit-transition:  all ease 1s;
    	-moz-transition:  all ease 1s;
    	transition:  all ease 1s;
}
.catPost img:hover  {
    transform:  scale(1.1);
}
.catPost p  {
    color: #555555;
     font-size: 14px;
     display: block;
     padding: 20px 0;
}
.catPost h2  {
    padding: 10px 0 10px 0;
     text-align: center;
}
.catPost h2 a  {
    color: #000000;
 }
.catPosted  {
    text-transform: uppercase;
     color: #888888;
}
.catPosted span,  .catPosted a {
    display: inline-block;
     padding: 0 10px;
     font-size: 12px;
}
.catPosted a  {
    color: #888888;
}
.catPosted a:hover  {
    color: #b8995a;
}
.btnSmall  {
    padding: 5px 15px;
      font-family:  'Montserrat',  sans-serif;
     text-transform: uppercase;
     display: inline-block;
     -webkit-transition:  all ease 1s;
    	-moz-transition:  all ease 1s;
    	transition:  all ease 1s;
     font-size: 12px;
}
@media screen and (min-width:300px) {
    .catPost  {
    width: 100%;
     padding: 0 15px 30px 15px;
}
}
@media screen and (min-width:768px) {
    .catPost  {
    width: 50%;
     padding: 0 15px 30px 15px;
}
}
@media screen and (min-width:1200px) {
    #blogContainer .container  {
    width: 1170px;
}
}
@media screen and (min-width:1360px) {
    #blogContainer .container  {
    width: 80%;
}
}
/*BLOG SIDEBAR*/@media screen and (max-width:991px) {
    #blogSide  {
    padding-top: 20px;
}
}
.sideTitle  {
    padding: 10px 0;
     border-bottom: 1px solid #888;
     margin-bottom: 10px;
}
.widget-container  {
    padding-bottom: 30px;
}
#blogSide ul  {
    list-style: none;
}
#blogSide .widget_categories li  {
     display:  block;
     padding: 10px 0;
     border-bottom:  1px dotted #777;
     text-transform: uppercase;
     text-align: right;
}
#blogSide .widget_categories li a:before  {
    font-family:  FontAwesome;
    font-weight:  normal;
    font-style:  normal;
    display:  inline-block;
    text-decoration:  inherit;
    content:  "\f0c8";
    padding-right: 10px;
    color: #b8995a;
}
#blogSide .widget_categories li:hover a:before  {
    padding-right: 20px;
}
#blogSide .widget_categories li:hover a,  #blogSide .widget_categories li:hover  {
    color: #b8995a;
}
#blogSide .widget_categories li a  {
    float: left;
     color: #000000;
     font-weight: 500;
     letter-spacing: 1px;
}
#blogSide .widget_categories li,  #blogSide .widget_categories li a:before,  #blogSide .widget_categories li a:before {
    -webkit-transition:  all ease 1s;
    	-moz-transition:  all ease 1s;
    	transition:  all ease 1s;
}
.sideArtHold  {
    	display:  -webkit-box;
    display:  -moz-box;
    display:  -ms-flexbox;
    display:  -webkit-flex;
    display:  flex;
    -webkit-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
.sideArt  {
    padding-bottom: 20px;
     text-align: center;
}
.sideArt img  {
    width: 100%;
     height: auto;
}
.imgArt  {
}
.contArt a:hover  {
    text-decoration: none;
}
.contArt h3  {
    font-size: 14px;
     line-height: 1.2;
     padding: 10px 0 6px 0;
     color: #000000;
}
.arTime  {
    font-size: 11px;
    color: #888888;
    border-top: 1px solid #eaeaea;
}
/*page nav*/.wp-pagenavi  {
    padding-top: 30px;
     text-align: center;
}
.wp-pagenavi a,  .wp-pagenavi span  {
    font-size: 12px;
     padding: 5px 10px;
     background: #ffffff;
     color: #b8995a;
      transition:  all ease-in-out 0.5s;
     -webkit-transition:  all ease-in-out 0.25s;
     margin: 0 2px;
     display: inline-block;
     border: 1px solid #b8995a;
}
.wp-pagenavi .current,  .wp-pagenavi a:hover,  .wp-pagenavi  a:focus  {
    text-decoration: none;
      background-color: #b8995a;
     color: #ffffff;
      border: 1px solid #b8995a !important;
}
.wp-pagenavi .current  {
    font-weight: 700;
}
/* -----------------SINGLE POST---------------*/
@media screen and (min-width:1200px) {
    #articleContainer .container  {
    width: 1170px;
}
}
@media screen and (min-width:1360px) {
    #articleContainer .container  {
    width: 80%;
}
}
#mainArticle .catPosted  {
    padding: 10px 0;
     border-top: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
     margin: 20px 0;
}
@media screen and (min-width:320px) {
    #mainArticle  {
    font-size: 12px;
 }
}
@media screen and (min-width:992px) {
    #mainArticle  {
    font-size: 14px;
 }
}
@media screen and (min-width:1360px) {
    #mainArticle  {
    font-size: 16px;
 }
}
#articleContent p,  #articleContent ul,  #articleContent ol  {
    line-height: 1.8;
     color: #555555;
}
#articleContent h1  {
    font-size:  2.25em;
     line-height: 1.2;
}
#articleContent h2  {
    font-size:  1.97em;
     line-height: 1.2;
}
#articleContent h3  {
    font-size:  1.72em;
     line-height: 1.2;
}
#articleContent h4  {
    font-size:  1.50em;
     line-height: 1.2;
}
#articleContent h5  {
    font-size:  1.31em;
     line-height: 1.2;
}
#articleContent h6  {
    font-size:  1.15em;
     line-height: 1.2;
}
blockquote  {
    padding: 5px 10px 5px 20px;
     border-left: 5px solid #b8995a;
     font-style: italic;
     font-size: 1.3em;
     margin-bottom: 10px;
}
blockquote p  {
    padding: 0 !important;
     color: #b8995a !important;
}
#articleContent h1,  #articleContent h2,  #articleContent h3,  #articleContent h4,  #articleContent h5,  #articleContent h6  {
    padding-top: 10px;
}
#articleContent p {
    padding: 10px 0;
}
#articleContent ul,  #articleContent ol  {
    margin-left: 1.97em;
}
 #articleContent ol  {
    list-style-type:  decimal-leading-zero;
}
#articleContent ul  {
    list-style-type:  square;
}
#articleContent img  {
    max-width:  100%;
    height:  auto;
    margin:  0 auto;
    display:  block;
}
.pnNAv  {
    border: solid 1px #e1e1e1;
     padding: 10px;
     margin-bottom: 15px;
}
.pnNAv:after,  .prev:after ,  .next:after  {
    content: "";
     display: block;
     clear: both;
}
.page-inner-nav  {
    display:  -ms-flexbox;
    	display:  -webkit-flex;
    	display:  flex;
    	-ms-flex-align:  center;
    	-webkit-align-items:  center;
    	-webkit-box-align:  center;
    	align-items:  center;
     color: #000;
}
.nav-prev  {
    float: left;
}
.nav-next {
    float: right;
}
.thumb  {
    width: 40px;
}
.nav-prev .thumb  {
    margin-right: 10px;
}
.nav-next .thumb  {
    margin-left: 10px;
}
.thumb img  {
    width: 100%;
     height: auto;
}
.box-name  {
    font-size: 12px;
     line-height: 1.2;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-weight: 700;
}
.nav-prev .box-name  {
    text-align: left;
}
.nav-next .box-name  {
    text-align: right;
}
@media screen and (max-width:479px) {
    .thumb,  .box-name  {
    display: none;
}
.sageata  {
    font-size: 24px;
}
}
@media screen and (min-width:480px) {
    .sageata  {
    display: none;
}
.box-name  {
    width: 150px;
}
}
@media screen and (min-width:768px) {
    .box-name  {
    width: 200px;
}
}
@media screen and (min-width:992px) {
    .box-name  {
    width: 300px;
}
}
/*comentarii*/
#mainArticle #comentarii,  #mainArticle #respond  {
    padding-bottom: 20px;
}
#mainArticle #comments-title  {
    padding: 10px 15px;
     background-color: #000000;
     color: #fff;
     font-weight: 400;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 1;
     margin-bottom: 10px;
}
#comentarii ol,  #comentarii ul  {
     list-style-type: none;
}
.comment-author  {
    font-size: 16px;
     color: #000000;
}
.comment-author img  {
    display: none;
}
.comment-author .fn  {
    font-style: normal !important;
     font-weight: 700;
}
.comment-author .fn a  {
    color: #d74937;
     text-decoration: underline;
}
.comment-meta  {
    font-size: 11px;
     padding: 10px 0;
}
.comment-meta a  {
    color: #333;
}
#comentarii .comment,  #comentarii .facebook {
    padding: 20px;
     border: 1px solid #f5f5f5;
}
.comment p  {
     color: #888888;
     padding-bottom: 20px;
     line-height: 1.8;
     font-size: 14px;
 }
.comment-reply-link,  .comment-reply-link:hover,  .comment-reply-link:focus,  .form-submit .submit  {
     color: #b8995a;
     display: inline-block;
     text-decoration: none;
     border: 0 none;
     font-size: 12px !important;
     font-weight: 700;
     text-transform: uppercase;
}
.form-submit .submit,  #wppb-submit,  #toateRet  {
     padding: 5px 10px;
     color: #fff;
     background: #d74937;
     display: inline-block;
     text-decoration: none;
     border: 0 none;
     font-size: 12px !important;
}
.comment .children  {
    padding: 20px 20px 0 20px;
}
#comentarii .depth-1  {
    margin-bottom: 20px;
}
#comentarii .depth-1:hover  {
    background-color: #fafafa;
}
#mainArticle #reply-title  {
    color: #000000;
     font-weight: 400 !important;
     padding: 10px 0;
     border-top: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
     margin: 20px 0;
     text-transform: uppercase;
}
#mainArticle #commentform p  {
    padding-bottom: 10px;
}
#mainArticle #commentform label  {
    width: 100%;
     display: block;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 12px;
     color: #999;
     padding-bottom: 5px;
 }
#mainArticle #commentform input[type="text"],  #mainArticle #commentform textarea  {
    padding: 10px;
     box-sizing: border-box;
     width: 100%;
     border: 0 none;
     background: #fafafa;
}
#mainArticle #commentform textarea  {
    resize: vertical;
}