/*
Theme Name: Patru Maini
Theme URI: http://www.patrumaini.ro
Author: Rusu+Bortun
Author URI: http://rusubortun.ro
Description: Theme for patrumaini.ro
Version: 0.15
*/

@font-face {
  font-family: 'IdealSans';
  src: url('fonts/IdealSans-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/IdealSans-Bold.otf')  format('opentype'),
	     url('fonts/IdealSans-Bold.woff') format('woff'), url('fonts/IdealSans-Bold.ttf')  format('truetype'), url('fonts/IdealSans-Bold.svg#IdealSans-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'IdealSans';
  src: url('fonts/IdealSans-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/IdealSans-BoldItalic.otf')  format('opentype'),
	     url('fonts/IdealSans-BoldItalic.woff') format('woff'), url('fonts/IdealSans-BoldItalic.ttf')  format('truetype'), url('fonts/IdealSans-BoldItalic.svg#IdealSans-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'IdealSans';
  src: url('fonts/IdealSans-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/IdealSans-Light.otf')  format('opentype'),
	     url('fonts/IdealSans-Light.woff') format('woff'), url('fonts/IdealSans-Light.ttf')  format('truetype'), url('fonts/IdealSans-Light.svg#IdealSans-Light') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'IdealSans';
  src: url('fonts/IdealSans-LightItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/IdealSans-LightItalic.otf')  format('opentype'),
	     url('fonts/IdealSans-LightItalic.woff') format('woff'), url('fonts/IdealSans-LightItalic.ttf')  format('truetype'), url('fonts/IdealSans-LightItalic.svg#IdealSans-LightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-Black.otf')  format('opentype'),
	     url('fonts/SourceSansPro-Black.woff') format('woff'), url('fonts/SourceSansPro-Black.ttf')  format('truetype'), url('fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-BlackIt.otf')  format('opentype'),
	     url('fonts/SourceSansPro-BlackIt.woff') format('woff'), url('fonts/SourceSansPro-BlackIt.ttf')  format('truetype'), url('fonts/SourceSansPro-BlackIt.svg#SourceSansPro-BlackIt') format('svg');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-Bold.otf')  format('opentype'),
	     url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf')  format('truetype'), url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-BoldIt.otf')  format('opentype'),
	     url('fonts/SourceSansPro-BoldIt.woff') format('woff'), url('fonts/SourceSansPro-BoldIt.ttf')  format('truetype'), url('fonts/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-Light.otf')  format('opentype'),
	     url('fonts/SourceSansPro-Light.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf')  format('truetype'), url('fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('fonts/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),  url('fonts/SourceSansPro-LightIt.otf')  format('opentype'),
	     url('fonts/SourceSansPro-LightIt.woff') format('woff'), url('fonts/SourceSansPro-LightIt.ttf')  format('truetype'), url('fonts/SourceSansPro-LightIt.svg#SourceSansPro-LightIt') format('svg');
  font-weight: 200;
  font-style: italic;
}


@keyframes colours {
      0% {color:#ed155e;}
     25% {color:#76bd45;}
     50% {color:#f9a61c;}
     75% {color:#2383c0;}
    100% {color:#ed155e;}
}


@keyframes colourss {
	0% {color:#ed155e;}
	15% {color:#ed155e;}
	25% {color:#76bd45;}
	40% {color:#76bd45;}
	50% {color:#f9a61c;}
	65% {color:#f9a61c;}
	75% {color:#2383c0;}
	90% {color:#2383c0;}
	100% {color:#ed155e;}
}
html, body
{
    font-family: 'SourceSansPro', 'Open Sans', Sans-Serif;
    font-weight: 200;
    width: 100%;
    height: 100%;
	font-size: 0.934em;
    padding: 0;
	position:relative;
    margin: 0;
    background-color: #e7e7e9;
    color: #424244;
	
}
a,
a:visited,
a:hover
{
    color: #202020;
	text-decoration:none;
}
a img
{
  border: none;
}

p{
margin:0.5em 0;
}
.pageRow
{
    display: block;
    width: 100%;
    height: auto;
    padding: 0 85px;
    box-sizing: border-box;
    position: relative;
    float: left;
}
.rowConstraint
{
    width: 100%;
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    overflow-x: hidden;
}
.rowPadded{
	padding:0 2%;
	box-sizing:border-box;
}
.contentWrapper
{
    width: 100%;
	height:100%;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    float: left;
}
.separatorBar
{
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('images/div.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
}
.separatorBar.topBar
{
    bottom: auto;
    top: 0;
}

#header
{
    background-color: #404042;
    color: #e7e7e9;
	height:100%;
	overflow:hidden;
}
#headerBackground
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.videoWrapper{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;
	background: #000;
}
.arrowLinkVideo{
	position:absolute;
	bottom:1em;
	left:1em;
}
.continueVidWrapper{
	background:rgba(0,0,0,0.4);
	opacity:0;
	visibility:hidden;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.continueVidWrapper.active{
		opacity:1;
	visibility:visible;
}
.continueVidContent{
	top:50%;
	transform:translateY(-50%);
	text-align: center;
	color:#fff;
	top: 50%;
    width: 20em;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
}
#skipVid , #backToVid{
	cursor:pointer;
}
.continueVidBut{
	max-width: 10em;
    display: inline-block;
}
.continueVidBut img{
	width:100%;
}
.videoMuteUnmuteWrapper{
	position: absolute;
    bottom: 3em;
    right: 1em;
    width: 2em;
}
.videoMuteButton{
	display: inline-block;
	position:relative;
}
.videoMuteButton img{
	width: 2em;
	height:2em;
	position:absolute;
	top:0;
	left:0;
}
.videoMuteButton .imgVideoUnmute{
	opacity:1;
	visibility:visible;
}
.videoMuteButton .imgVideoMute{
	opacity:0;
	visibility:hidden;
}
.videoMuteButton.active .imgVideoUnmute{
	opacity:0;
	visibility:hidden;
}
.videoMuteButton.active .imgVideoMute{
	opacity:1;
	visibility:visible;
}

#headerBackground img , .videoWrapper video
{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
	 opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#headerBackground img.invisible{
	

	 opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
#topHeader
{
    width: 100%;
    /*height: 110px;*/
	height: 6em;
	line-height: 5.7em;
    position: fixed;
    top: 0;
    left: 0;
	font-size: 1.1em;
	background-color:#414143;
	z-index:999;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.home #topHeader{
	background-color: transparent;
}
#topHeader.ascunde{
	top:-6em;
}
.home #topHeader.isNotTop{
	background:#414143;
}
h1, h2, h3, h4 , .title {
	font-family:"IdealSans","Open Sans","sans-serif";
	font-weight:700;
	line-height:1.1em;
}
#logo
{
    width: 220px;
    height: 5em;
    margin-top: 1em;
	float:left;
}
#logo img
{
    width: 100%;
    height: auto;
}
#mainMenu
{
    width: auto;
    height: 100%;
    position: relative;
	float:right;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
}
#mainMenu #menuUl, #mainMenu #menuUl li
{
    list-style: none;
}
#mainMenu .menu-main-menu-container
{
    height: 100%;
}
#mainMenu #menuUl
{
    height: 100%;
    margin: 0;
    padding: 0;
    display: table;
    text-align: center;
    vertical-align: middle;
}
#mainMenu #menuUl li
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-left: 29px;
    font-size: 0.9em;
}
#mainMenu #menuUl li.menu-item-type-custom{
	/*padding-right: 22px;
	background: url("images/shopIcon.png") right 33px no-repeat ;*/
	background-size: 12px 16px;
}
#mainMenu #menuUl li a
{
    color: #d9d9d9;
    text-decoration: none;
    text-transform: uppercase;
	  -o-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -webkit-transition:all 0.5s ease-out;
  /* ...and now for the proper property */
  transition:all 0.5s ease-out;
}
#mainMenu #menuUl li.menu-item-50 a:hover, #mainMenu #menuUl li.menu-item-50 a:active{
	color:#ed155e;	
}
#mainMenu #menuUl li.menu-item-49 a:hover , #mainMenu #menuUl li.menu-item-49 a:active{
	color:#76bd45;	
}
#mainMenu #menuUl li.menu-item-48 a:hover , #mainMenu #menuUl li.menu-item-48 a:active{
	color:#f9a61c;	
}
#mainMenu #menuUl li.menu-item-51 a:hover , #mainMenu #menuUl li.menu-item-51 a:active{
	color:#2383c0;	
}
#mainMenu #menuUl li.colorMe a{
		animation:colourss 6s linear infinite;
	
		
}




/* Style for mobile menu*/
#mobileMenu .mobMenuTrigger{
	float:right;
	height: 6em;
}
#mobileMenu .mobMenuTrigger img{
	width:18px;
	height:18px;
}
#mobileMenu #mobileNav{
 /*	display:none; */
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
	font-weight: 700;
}
#mobMenuUl{
	list-style:none;
	margin:0;
	padding:0;
	height: 100vh;
	background-color: rgba(65,65,67,0.8);
	width:100%;
	position: absolute;
	top: 4.4em;
	left: 0;
}
#mobMenuUl li{
	text-align: left;
	padding-left: 4%;
	height:4em;
	width:100%;
	line-height:4em;
	clear:both;
	background-color:#414143;
	border-top:solid 1px #666;
}
#mobMenuUl a{
	text-decoration:none;
	color:#d9d9d9;
	padding-right:3%;
	display:block;
	text-transform:uppercase;
}
#headerLeftContent
{
    width: 100%;
    max-width: 750px;
	position:absolute;
	bottom:14%;
    box-sizing: border-box;
}
#headerLeftContentWraper h1
{
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
    font-size: 3.5em;
}
#featuredPost
{
    border-top: 1px solid #B3B2B2;

    padding-top: 12px;
	padding-bottom: 12px;
    width: 100%;
    max-width: 560px;
}
#featuredPostContent
{
    width: 40%;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 20px;
    vertical-align: top;
}
#featuredPostTitle
{
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 10px;
    font-weight: 700;
}
#featuredPostExcerpt
{
    font-size: 0.8em;
	line-height: 1.3em;
	  padding-bottom: 2em;
}
#featuredPostLink
{
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
	font-family: "IdealSans","OpenSans","sans-serif";
	font-style: italic;
	position: absolute;
  bottom: 1.4em;
}
#featuredPostLink a, #featuredPostTitle a
{
    color: #e7e7e9;
    text-decoration: none;
}
#featuredPostVisual
{
    width: 59%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
}
#featuredPostImage
{
    width: 100%;
    height: 100%;
    border: 1px solid #B3B2B2;
	max-height: 200px;
	overflow: hidden;
}
#featuredPostImage img
{
    width: 100%;
    height: auto;
	position: relative;
	top: 0;
	/*transform: translateY(calc((200px - 100%)/2));*/
}
#headerRightContent
{
    width: 100%;
    max-width: 210px;
    bottom: 0;
    right: 0;
    position: absolute;
}
#headerRightText
{
    padding-bottom: 110px;
    width: 100%;
    text-align: right;
    font-size: 1.25em;
	font-family: "IdealSans","OpenSans","sans-serif";
	
}
#headerRightName{
	font-weight:600;
	color:#fff;
}

#headerRightDept
{
    font-style: italic;
}
#headerSocial
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.socialGroup
{
    width: 100%;
    max-width: 210px;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.socialItem
{
    width: 25%;
    display: inline-block;
    margin: 0;
    padding: 0;
	height: 42px;
	overflow: hidden;
}
#footerSocial .socialItem{
	height:53px;
}
.socialItem img
{
    width: 100%;
}
.socialItem a:hover .socialItemNormal{
	display:none;
}
.socialItem a .socialItemNormal{
	display:block;
}
.socialItem a:hover .socialItemHover{
	display:block;
}
.socialItem a .socialItemHover{
	display:none;
}
.menu-footer-container{
	float:left;
}
#homeGame
{
    padding: 0;
}
.homeGama
{
    width: 50%;
    height: 690px;
    display: inline-block;
    float: left;
    padding-left: 2%;
    box-sizing: border-box;
    position: relative;
	padding-right: 3%;
}
#homeGamaPrimus
{
   /* background-image: url('images/backPrimus.png');*/
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #7cba29;
}
#homeGamaOptimus
{
    background-image: url('images/backOptimus.png');
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #585858;
}
.homeGamaBackground
{
    width: 100%;
    height: 175px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(64, 64, 66);
    background: rgba(0, 0, 0, 0.5);
}
.homeGamaTitle
{
    max-width: 380px;
    padding-top: 35px;
    font-size: 1.25em;
	display: block;
}
a:focus{
	outline:none;
}
.homeGama > .homeGamaTitle{
	width:55%;
}
#homeGamaOptimus.homeGama > .homeGamaTitle{
	width:65%;
}
.homeGamaTitle 
{
	
	font-size: 0.9em;
}
.homeGamaTitle a{
	color:inherit;
}

#homeGamaOptimus .homeGamaTitle{
	max-width:450px;
	
}
.homeGamaClass{
	margin: 0 0 10px 0;
	font-size:0.9em;
}
.homeGamaClass a{
	color:#e7e7e9;
}
.homeGamaDescription{
	font-size:0.9em;
}
.homeGamaContentGroup{
	font-size:1.25em;
}
.pageMerchandise .productBox, #homeMerchandise .productBox{
	height: 350px;
}
.homeGamaTitle img
{
    width: 100%;
    height: auto;
}
.homeGamaType
{
    font-weight: 700;
    font-size: 1.25em;
    font-style: italic;
}
.homeGamaContent
{
    width: 100%;
    height: 220px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.homeGamaContentGroup
{
    color: #e7e7e9;
    width: 50%;
    float: left;
    height: 175px;
    padding: 35px 85px;
	padding-left:5%;
    box-sizing: border-box;
    position: relative;
}

.homeGamaImage
{
    width: 50%;
    float: left;
    height: 100%;
    display: block;
    position: relative;
}
.homeGamaImage img
{
    position: absolute;
    bottom: 45px;
    left: 20%;
    width: 70%;
    height: auto;
}
#homeGamaPrimus .homeGamaImage img{
	max-width:380px;
}
#homeGamaOptimus .homeGamaImage img{
	width:90%;
	left:3%;
}
#homeLastArticle
{
    padding: 0;
}
#homeLastArticleImage
{
    width: 100%;
    height: auto;
	  max-height: 40vw;
	overflow:hidden;
}
#homeLastArticleImage img
{
    width: 100%;
    height: auto;
}
#homeLastArticleContent
{
    width: 100%;
   
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(64, 64, 66);
    background: rgba(64, 64, 66, 0.6);
    color: #e7e7e9;
    padding: 20px 2%;
    box-sizing: border-box;
}
#homeLastArticleTitle 
{
    font-size: 1.75em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
}
#homeLastArticleTitle a{
	color:#e7e7e9 ;
}
#homeLastArticleDate
{
    font-style: italic;
    font-size: 1.25em;
   
    line-height: 0.9em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
}
#homeLastArticleExcerpt
{
    width: 100%;
    max-width: 730px;
    font-size: 1.2em;
}
#homeLastArticleMore
{
   
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 150px;
	height: 3em;
	right: 2%;
}
#homeLastArticleMore a
{
    color: #e7e7e9;
    text-decoration: none;
}
#homeMerchandise
{
    background-color: #e7e7e9;
}
#homeMerchandiseTitle
{
    font-size: 2em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
    padding: 2em 0;
    margin: 0 auto;
    display: block;
    line-height: 0.1em;
}
#homeMerchandiseTitle span
{
    display: inline-block;
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
}
#homeMerchandiseTitle span:before,
#homeMerchandiseTitle span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: none;
  border-bottom: 1px solid #949496;
  top: 0;
  box-sizing: border-box;
  width: 1000px;
}
#homeMerchandiseTitle span:before {
  right: 100%;
  margin-right: 15px;
}
#homeMerchandiseTitle span:after {
  left: 100%;
  margin-left: 15px;
}
#homeMerchandiseContent , .classProducts
{
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 6em;
	overflow:auto;
}
.productBox
{
    display: block;
    width: 25%;
    width: -webkit-calc(25% - 38px + 9px);
    width: -moz-calc(25% - 38px + 9px);
    width: calc(25% - 38px + 9px);
    height: 440px;
    display: block;
	display: inline-block;
 
    overflow: hidden;
    margin: 10px 10px 10px 10px;
    padding: 0 15px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: left;
    position: relative;
}



.productBox.activeBox
{
    background-color: #ea1b61;
    color: #e7e7e9;
}
.productBox.activeBox a
{
    color: #e7e7e9;
}
.activeBoxTop
{
    width: 100%;
    height: auto;
}
.activeBoxTitle
{
    display: block;
    font-size: 2em;
    padding: 30px 0 0.5em 0;
    font-weight: 700;
	line-height:1em;
}
.activeBoxBottom
{
    position: absolute;
    bottom: 30px;
    left: 15px;
}
.productBoxImage
{
    width: 100%;
    padding: 30px 0;
	height: 200px;
	overflow: hidden;
	text-align: center;
}
.productBoxImage img
{
    width: 100%;
    height: auto;
}
.productBoxTitle
{
    font-weight: 700;
}
.formular
{
  background-color: #e91a60;
  color: #e7e7e9;
  padding-top: 6em;
}
.formular.formularIntreaba{
	background-color:#7cba29;
}
.formular.formularIntreaba span.wpcf7-not-valid-tip {
	position: absolute;
	bottom: 1em;
	right: 10px;
	font-size:0.5em;
}
#wpcf7-f310-p307-o1
{
  width: 100%;
  background-color: #e7e7e9;
  color: #424244;
}
#wpcf7-f310-p307-o1 form
{
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  margin-bottom: 0;
  padding-bottom: 1em;
  box-sizing: border-box;
}
p.bogdan
{
  margin-bottom: 0;
}
.pageMainBrief.pageRowMobile.formularPage
{
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
}
.pageMainBrief.pageRowMobile.formularPage p
{
  position: relative;
  width: auto;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: auto;
  
}
span.wpcf7-form-control-wrap
{
  display: inline-block;
  width: 50%;
  max-width: 470px;
  min-width: 350px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
  padding-right: 10px;
  box-sizing: border-box;
}
span.wpcf7-form-control-wrap.altceva
{
  width: 100%;
  max-width: 945px;
}
.wpcf7-form-control.wpcf7-textarea
{
  width: 100%;
  border-style: none; 
    border-color: Transparent; 
    overflow: hidden;     
}
#homeNewsletter
{
  display: none!important;
}
#homeNewsletterTitle
{
    font-size: 2.5em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
}
#homeNewsletterText
{
    font-size: 1.75em;
    padding: 1em 2em;
}
#homeNewsLetterForm
{
	
    padding-bottom: 4em;
}
#homeNewsLetterForm input
{
    display: block;
    width: 100%;
    max-width: 470px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border: 1px solid #414143;
    box-sizing: border-box;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-style: italic;
    font-weight: 200;
    text-align: center;
    font-size: 1.25em;
}
#map-canvas{
	width:100%;
	height:350px;
}
.contactDetails{
	margin-bottom:2em;
}
.formular input, .formular select , .formular textarea
{
    color: #4f4f4f;
    display: block;
    width: 100%;
    /*max-width: 470px;*/
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e7e9;
    border: 1px solid #414143;
    box-sizing: border-box;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-style: italic;
    font-weight: 200;
    text-align: center;
    font-size: 1.25em;
}
.formular select
{
    color: #959596;
}
.formular textarea{
	height:4em;
	text-align:left;
}
#homeNewsLetterForm input[type=submit], .formular input[type=submit]
{
    background-color: #414143;
    color: #e7e7e9;
    font-family: 'SourceSansPro', 'Open Sans', Sans-Serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5em;
}
pageMainBrief.pageRowMobile.formularPage
{
  padding-left: 0;
}
.formularPage input, .formularPage select, .formularPage textarea
{
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.1em;
}
.formularPage input[type="submit"]
{
  text-align: center;
}
#footer
{
    background-color: #414143;
    color: #d9d9d9;
}
#footerSocial
{
    width: 100%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: 140px;
    border-bottom: 1px solid #a0a0a2;
}
#footerSocial .socialGroup
{
    padding-top: 87px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#footerCTAtitle
{
    font-size: 1.9em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
    padding-top: 1em;
    padding-bottom: 1em;
}
#footerCTAgroup
{
    width: 100%;
    max-width: 690px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.footerCTAelement
{
    width: 33.333%;
    width: -webkit-calc(33.333% - 60px);
    width: -moz-calc(33.333% - 60px);
    width: calc(33.333% - 40px);
    display: block;
    float: left;
    margin: 0;
    margin-right: 50px;
}
.footerCTAelement:nth-child(3)
{
    margin-right: 0;
}
.footerCTAimage
{
    width: 35%;
    display: block;
    float: left;
}
.footerCTAimage img
{
    width: 100%;
    height: auto;
	max-width:66px;
}
.footerCTAelementGroup
{
    width: 65%;
    height: auto;
    display: block;
    float: left;
    padding-left: 1em;
    box-sizing: border-box;
}
.footerCTAelementTitle
{
    font-size: 0.9em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-weight: 700;
    text-align: left;
}
.footerCTAelementText
{
    font-size: 0.80em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.05em;
	padding-top: 4px;
}
#footerMenu
{
    font-size: 1em;
    padding: 2em 0;
    margin: 0 auto;
    display: block;
    line-height: 0.1em;
}
#footerMenu span
{
    display: inline-block;
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
}
#footerMenu span:before,
#footerMenu span:after {
  content: "";
  position: absolute;
  height: 1em;
  border-top: none;
  border-bottom: 1px solid #949496;
  top: 0;
  box-sizing: border-box;
  width: 1000px;
}
#footerMenu span:before {
  right: 100%;
  margin-right: 15px;
}
#footerMenu span:after {
  left: 100%;
  margin-left: 15px;
}
#footerMenu ul, #footerMenu li
{
    list-style: none;
}
#footerMenu .menu-main-menu-container
{
    float: left;
}
#footerMenu li
{
    display: block;
    float: left;
    text-transform: uppercase;
    margin-right: 30px;
}
#footerMenu a
{
    color: #d9d9d9;
    text-decoration: none;
}
#footerTerms
{
    float: left;
    display: block;
    text-transform: uppercase;
    line-height: 2em;
}
#footerLogo
{
    width: 100%;
    max-width: 172px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
	overflow:hidden;
	height:120px;
	position:relative;
}
#footerLogo img
{
    width: 100%;
    height: auto;
	transition:opacity 0.4s ease;
	position:absolute;
	top:0;
	left:0;
}


#footerLogo:hover .normalLogoFooter{
	opacity:0;
	visibility:hidden
}
#footerLogo:hover .overLogoFooter{
	opacity:1;
	visibility:visible;
}
.overLogoFooter{
	opacity:0;
	visibility:hidden;
	dispay:block;
}
a.arrowLinkA
{
    margin: 0;
    padding: 0;
    height: 40px;
}
.arrowLink
{
    height: 40px;
    width: auto;
    margin: 0;
    padding: 0;
}
.arrowLinkText
{
    line-height: 38px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e6e3e2;
    border-bottom: 1px solid #e6e3e2;
    float: left;
    padding-right: 1.5em;
    font-family: 'IdealSans', 'Open Sans', Sans-Serif;
    font-style: italic;
    font-weight: 500;
	text-transform: uppercase;
    font-size: 0.9em;
}
.arrowLinkArrow
{
    width: 10px;
    height: 40px;
    float: left;
    background-image: url('images/arrowbuttonNonretina.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

.clearFloat:before,
.clearFloat:after
{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearFloat:after
{
    clear: both;
}
.hide{
	display:none;
}
.show{
	display:block;
}
#mobileHeadMask{
background-color: rgba(65,65,67,0.8);
width:100%;
height:100%;
position:absolute;
display:none;
top:0;
left:0;
}
.hidden{
	display:none!important;
}
.pageRow
{
    padding:0 2%;
	box-sizing:border-box;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

	
.clearFloat
{
    *zoom: 1;
}
.show-below-960{
	display:none;
}
.hide-below-960{
	display:block;
}
.pageContent{
	padding-top:7em;
}
 .pageContent h2.title{
	font-size:2em;
	text-align:center;
	padding:0 15px;
}
 .pageContent .pageMainBrief{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0 3%;
	font-size:1.5em;
	text-align:left;
	margin-bottom: 1em;
	overflow: auto;
}
.page .contentWrapper{
	clear:both;
	float:none;
	height:auto;
}
#mainGamaImageWrapper{
	width:100%;
  margin-bottom: -18vw;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	vertical-align: bottom;
	display: table;
}
#mainGamaImageWrapper .mainGamaImage{
	  display: table-cell;
	  vertical-align:top; /* bottom */
	width:50%;
	cursor:pointer;
	text-align:center;
}
#mainGamaImageWrapper .mainGamaImage img{
	width:70%;
	min-width:140px;
}
#gamaTabs{
	height: 3em;
	background-color: #f4f4f4;
	clear: both;
	position:relative;
	width:100%;
	margin-top: -3px;
	border-bottom:solid 1px #aaa;
	z-index: 9;
	position: relative;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#gamaTabs.isRelative , .linkProductsMobile.isRelative{
	position:relative;
	top:0;
}
#gamaTabs.isFixed.isMenu , .linkProductsMobile.isFixed.isMenu{
	position:fixed;
	top:90px;
	z-index:9;
}
#gamaTabs.isFixed.noMenu, .linkProductsMobile.isFixed.noMenu{
	position:fixed;
	top:0;
	z-index:9;
}
#gamaTabs .gamaTabsBackground{
	width:100%;
	height:100%;
	position:absolute;
}
#gamaTabs .gamaTabsBck{
	width:50%;
	height:100%;
	float:left;
}
#gamaTabs .gamaTabsBck.selected{
	background-color:#fff;
}
.linkProductsMobile.isFixed{
	width:94%;
}
.linkProductsMobile.isBottom{
	position:absolute;
	bottom:0;
}
#gamaTabsContainer{
	height:3em;
	font-size:1.5em;
}
.linkProdCont{
	height:4em;
	border-bottom: solid 1px #949496;
}
.pageBranduriSiGame .linkProdCont{
	border-bottom:none;
}
.linkClassContainer{
	position:relative;
}
#gamaTabs .rowConstraint{
	overflow:visible;
}
#gamaTabs h3{
	margin:0;
	line-height:2.5em;
}
#gamaTabs .gamaTab{
	display:inline-block;
	width:50%;
	height:100%;
	float:left;
	text-align:center;
	box-sizing:border-box;
	text-decoration:none;
	position:relative;
}
#gamaTabs .gamaTab.selected{
	
	color:#83b166;
}
#gamaTabs .gamaTab.first{
	border-right:solid 1px #aaa;
}
#gamaTabs .gamaTab .selectedTabArrow{
	width: 92px;
	height: 14px;
	position:absolute;
	left:46%;
	left: -moz-calc(50% - 46px);
	left: -webkit-calc(50% - 46px);
	left: -o-calc(50% - 46px);
	left: calc(50% - 46px);
	bottom:-8px;
	display:none;
}
#gamaTabs .gamaTab .selectedTabArrow img{
	width:100%;
}
#gamaTabs .gamaTab.selected .selectedTabArrow{
	display:block;
}
#gamaImageBackground{
	width:100%;
	height:auto;
	position:relative;
	padding-bottom:4em;
}
#gamaImageBackground img{
	width:100%;
}
#imageBackgroundGame{
	overflow:hidden;
}
#imageBackgroundGame img{
min-width:700px;
}

.logoAndSlogan{
	position:absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	padding:25px 2%;
	color:#e7e7e9;
	height:100%;
	width:100%;
}
.logoAndSlogan .gamaLogo img, .logoAndSlogan .gamaCont{
	max-width:200px;

}
.logoAndSlogan .gamaLogo{
	padding-top:2em;
}
.logoAndSlogan .gamaExample{
	max-width: 340px;
	min-width:170px;
	bottom: -14px;
	position: absolute;
	width:25%;
	right:0;
}

.titleAndSubmenu #prodTitle span{
	display: inline-block;
	position: relative;

	padding-left: 1em;
	padding-right: 1em;
	margin: 0 auto;
}
.titleAndSubmenu #prodTitle span:before,.titleAndSubmenu #prodTitle span:after{
	content: "";
	position: absolute;
	height: 1px;
	border-top: none;
	border-bottom: 1px solid #949496;
	top: 0;

	box-sizing: border-box;
	width: 1000px;
}
.titleAndSubmenu #prodTitle span:before{
	right:100%;
	margin-right:15px;
}
.titleAndSubmenu #prodTitle span:after{
	left:100%;
	margin-left:15px;
}
.titleAndSubmenu #prodTitle{
	font-size: 2em;
	font-family: 'IdealSans', 'Open Sans', Sans-Serif;
	font-weight: 700;
	padding: 2em 0;
	width:450px;
	margin: 0 auto;
	display: block;
	line-height: 0.1em;

}
.titleAndSubmenu #prodTitle.bigger{
	
	width:640px;
}
.submenuGama{
	text-align:center;
	margin-bottom:3em;
}
.submenuGama ul{
	list-style:none;
	padding:0;
	overflow:visible;
	margin:0 auto;
	display:inline-block;
	border-bottom:solid 1px #424244;
	line-height: 3em;
	font-weight:600;
	height: 3em;
	position:relative;
}
.linkProductsArrow{
	position: absolute;
	bottom: 11px;
	left: 0;
	height: 7px;
	display:block;
	width:42px;
}
.no-display{
	display:none;
}
.submenuGama ul li{
	float:left;
	padding:0 14px;
}
.submenuGama ul li a{
	text-decoration:none;
	cursor: pointer;

}
.classProductsMainDetailsWrapper{
	text-align:center;
	clear:both;
	padding-bottom: 2em;
}
.classProductsMainTitle{
	font-weight:700;
	margin-top:10px;
	font-size:1.1em;
}
.classProductsMainBrief{
	max-width: 300px;
	margin: 0 auto;
	font-size:1.1em;
}
.classProductsMainBrief p{
	margin:0;

}
.classProducts.hide{
	display:none;
}
.classProducts .productBoxImage img{
	height: 100%;
	width: auto;
	  transition: all 0.3s ease;
}
.classProducts .productBox:hover .productBoxImage img{
	transform:scale(1.05);
}
.linkProducts , .linkProducts:hover{
color:#424244!important437
;
}
.linkProducts.active{
	color:#79bf43;
}

.mobGamaList , .mobClassList{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	
}
.mobGamaList a{
	text-decoration:none;
}
.mobGamaTab{
	width:100%;
	min-height:4em;
	text-align:center;
	line-height:4em;
}
.mobGamaTab > a{
	display:block;
	width:100%;
	height:100%;
	background-color:#f4f4f4;
}
.mobGamaTab > a.selected{
	background-color:#fff;
}
.mobClassTab{
	width:100%;
	height:4em;
	line-height:4em;
	
}
.mobClassList{
	
}
.mobClassTab a{
	display:block;
	width:100%;
	height:100%;
	background-color: #eee;
	border-top: solid 1px #ddd;
}
.linkProductsMobile{

	width: 100%;
height: 3.8em;
border-bottom: solid 1px #949496;
text-align: left;
text-decoration: none;
font-weight: 700;
line-height: 4em;
background: url("images/accordion-arrow.png") no-repeat center right;
background-color: #e7e7e9;
-webkit-transition: top 0.5s ease-out;
-moz-transition: top 0.5s ease-out;
-o-transition: top 0.5s ease-out;
transition: top 0.5s ease-out;
	}

/********CSS FOR COMPANIE PAGE**********/

.companieMenuContainer{
	clear:both;
	width:100%;
	height:4em;
	background-color:#fff;
	border-bottom:solid 1px #98989a;
	line-height:4em;
	
}
.CompanieMenu{
	list-style:none;
	overflow:auto;
	margin:0 auto;
	padding:0;
	display:table;
	position:relative;
	height: 100%;
}
.CompanieMenu li{
	padding:0 15px;
	display: inline-block;
}
.CompanieMenu a{
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:0.8em;
	color:#414143;
}
.CompanieMenu a.active{
	color:#f6a647;
	
}
.selectedCompanieArrow{
	position:absolute;
	bottom: 19px;
	left: 26px;
	width: 45px;
	height: 11px;
	display: block;
}

.selectedCompanieArrow img{
	width:100%;
}
.pageContent.companiePage{
	margin-top:5em;
	overflow:visible;
}
.sectionMainBrief{
	max-width: 600px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 3%;
}
.titleAndSubmenu{
	padding-top:3em;
}
#section4{
	padding-top:5em;
}
#section4 h2.titleFull{
	color:#fff;
}
.boxInSection{
	overflow:auto;
	margin-top:2em;
}
.boxesDespreNoi{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 30px;
	text-align:left;
}
.boxesDespreNoi.second{
	text-align:right;
}
.boxesDespreNoi strong{
	padding:0 50px;
	padding-top: 6em;
	display: block;
	text-align:left;
	font-size:1.5em;
}
.avantajeContainer{
	width:100%;
	border-bottom:solid 1px #d9d9db;
	border-top:solid 1px #d9d9db;
	overflow:auto;
	margin:3em auto;
}
.avantajeBox{
	width:25%;
	box-sizing:border-box;
	padding:0 10px;
	float:left;
	text-align:center;
	font-size:0.8em;
}
.avantajeImage{height:8em;line-height:10em;}
.avantajeImage img{width:25%;min-width:32px;}
.avantajeTitle{font-weight:700;}
.avantajeDesc{padding-top:1em;padding-bottom:1em;}

.compHeadMobile{
	width:100%;
	height:4em;
	border-bottom:solid 1px #949496;
	font-size:1em;
	text-align:left;
	text-decoration:none;
	font-weight:700;
	line-height:4em;
	background: url("images/accordion-arrow.png") no-repeat center right 3%;
	background-color: #e7e7e9;
	-webkit-transition: top 0.5s ease-out;
	-moz-transition: top 0.5s ease-out;
	-o-transition: top 0.5s ease-out;
	transition: top 0.5s ease-out;
	clear:both;
	padding:0 15px;
	margin:0;
	background-color:#fff;
	box-sizing:border-box;
	cursor:pointer;
}
.linkProductsMobile.active{
	color:#79bf43;
        margin:0;
	box-sizing:border-box;
	padding:0 3%;
	cursor:pointer;
}
.compHeadMobile.active{
	color:#79bf43;
}

.imageSliderLinks{
	margin: 0;
	list-style: none;
	width: 11%;
	float:left;
	padding: 0;
	text-align: left;
	font-size: 0.682em;
	font-weight:bold;
	height:525px;
}
.imageSliderLinks li{
	border-bottom:solid 1px #c8c8ca;
	line-height:3em;
	
}
.imageSliderHolder{
	width:89%;
	float:left;
	height:525px;
	position:relative;
	overflow:hidden;
	font-size: 0.682em;
}
.imageSlide{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	opacity:0;
	width:100%;
	height:100%;
	-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;

}
.imageSlide.active{
	  visibility:visible;
	  opacity:1;
	  transition-delay:0s;
}
.imageSlide .imageSlideImg{
	width:100%;
	height: 100%;
}
.imageSlide .imageSlideImg img{
	height: 100%;
	  min-width: 100%;
}
.imageSliderLinks .imageLinks{
	dispay:block;
	text-decoration:none;
}
.imageSliderLinks .imageLinks.active{
	color:#f3a71e;
}
 .caption{
	position:absolute;
	width:100%;
	box-sizing: border-box;
	bottom:0;
	background-color:#0f0706;
	background-color:rgba(15,7,6,0.6);
	color:#e7e7e9;
	padding:30px;
}
.caption p{
	margin:0;
}
.linkSliderMobile{
	width: 100%;
	border-bottom: solid 1px #949496;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
	line-height: 2em;
	background: url("images/accordion-arrow.png") no-repeat center right;
	background-color: #e7e7e9;
	-webkit-transition: top 0.5s ease-out;
	-moz-transition: top 0.5s ease-out;
	-o-transition: top 0.5s ease-out;
	transition: top 0.5s ease-out;
	cursor:pointer;
}
.sliderImageFull{
	width:100%;
	position:relative;
	overflow:hidden;
	min-height: 525px;
}
.sliderImageFull .pageMainBrief{
	text-align:center;
}
.sliderWrapper{
	margin:0;
	padding:0;
	list-style:none;
	overflow:auto;
	position:absolute;
}
.fabricaSlide{
	
	float:left;
}
.fabricaSlide img{
	width:100%;
}
h2.titleFull{
	padding:0;
	background-color:#f3a71f;
	color:#ececed;
	line-height:3em;
	text-transform:uppercase;
	margin:0;
}
.sliderFullWrapper{
	position:relative;
}
.corpuriTitle{
	margin-top:3em;
}
.idealSansClass{
	font-family:"IdealSans","Open Sans","sans-serif";
}
.corpuriSmall , .corpuriBig{
	width:48%;
	margin:0 1%;
	float:left;
	box-sizing:border-box;
	float:left;
	margin-top:2%;

}
.corpuriSmall.left, .corpuriBig.left{
	margin-left:0;
}
.corpuriSmall img, .corpuriBig img{
	width:100%;
}
.corpuriSmall.title{
	min-height:233px;
	background-color:#636362;
	color:#ececed;
	padding:27px;
	font-size:2em;
}
.corpuriSmall.corpuriAdminTitle{
	background-color:#f3a71f;
}
.corpuriSmall.corpuriIndusTitle{
	float: right;
	margin-right: 2%;
	margin-left: 0;
}

.boxCorpuri{
	clear:both;
}
.sectionCompany{
	clear:both;
}
.boxesInSection{
	min-width:1000px;
}
.careerAboveImage{
	position:absolute;
	color:#e7e7e9;
	
	line-height:0.6em;	
}
.careerAboveImage .title{
	font-size:2em;
	padding-top:1em;
}
.sectionCompany #homeLastArticleContent{
	padding-left:0;
	height:70px;
}
.careerAboveImage{
	padding-top:1em;
}
.sectionCompany .productBox{
	height:150px;
	padding-top:10px;
}
.teamBox{
	width:11.5%;
	float:left;
	margin:0.5%;
	cursor:pointer;
	background-color:#3b3b3a;
	color:#e7e7e9;
	font-family:"IdealSans-Light","Open Sans","sans-serif";
	overflow:hidden;
	position:relative;
}
.teamBox .teamCaption{
	width:100%;
	height:108px;
	position:absolute;
	background-color:#3b3b3a;
	bottom:-69px;
	left:0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.teamBox.active .teamCaption{
	bottom:0;
}
.teamDecoBar{
	height:10px;
}
.teamDecoBar, .teamDecoBar img{
	width:100%;
	vertical-align: top;
}
.teamTitle{
	line-height:2em;
}
.teamPosition{
	font-style:italic;
	margin-bottom: 0.9em;
	margin-top: -0.1em;
	font-size:0.9em;
}
.teamDetail{
	font-size:0.8em;
}
.teamTitle , .teamPosition, .teamDetail{
	
	padding:0 15px;
}
.teamDetail p{
	margin:0;
}
.teamBox .teamPic{
	width:100%;
	text-align:center;
	
}
.teamBox .teamPic img{
	width:100%;
	transition:all 0.3s ease;
}
.teamBox:hover .teamPic img{
	transform:scale(1.05);
}

.teamSeeAllLink{
	color:#3b3b3a;
	border-bottom:solid 1px #3b3b3a;
	border-top:solid 1px #3b3b3a;
	clear:both;
	width:125px;
	margin:1em auto;
	display:block;
	text-decoration:none;
}
/********CSS FOR PRODUCT PAGE*****/

.productPage{
	margin-top:2em;
}
.productPage h2.title{
	text-align:left;
	padding-left:0;
	margin: 0.5em 0 0.1em 0;
}
.prodTab{
	padding-top:1em;
}
.productMainImageWrapper{
	width:50%;
	float:left;
	min-height:720px;
}
.productDescWrapper{
  width:40%;
  float:left;
  min-height:720px;
}
.comunitateamesterilor {
    width: 10%;
    float: left;
}
.comunitateamesterilor.inlist {
    width: 200px;
    position: absolute;
    top: 42px;
    right: -64px;
    float:none;
}

.comunitateamesterilor .manute {
  background: url('images/manute.png') 0 0;
}
.comunitateamesterilor .puncte {
	font-size: 1.5em!important;
    line-height: 2.3em;
	/* margin-left: 0!Important; */
    padding-left: 0!important;
    text-align: center!important;
	background: url('images/puncte.png') 0 0;
}
.comunitateamesterilor .manute, .comunitateamesterilor .puncte {
    width: 71px;
    height: 71px;
    font-size: 2.5em;
    color: #fff;
    font-family: "IdealSans","Open Sans","sans-serif";
    font-weight: 700;
    word-spacing: 9999999px;
    padding-top: 9px;
    box-sizing: border-box;
    background-size: 100%;
    margin-left: 50px;
    text-align: left;
    padding-left: 14px;
    margin-bottom: 20px;
}

.productDescWrapper{
	background-color:#ffffff;
	border-right:solid 1px #949495;
	box-sizing:border-box;
	font-size:1.5em;
	padding:1em 2%;
	text-align:left;
	min-height:10em;
}
.productTitleAndSubtitle{
	width:70%;
	float:left;
}
.productPageClassImage{
	width:30%;
	float:left;
	text-align:center;
	
	}
.productPageBuyBut{
	width:30%;
	float:left;
	text-align:center;
}
.productPageClassImage img{
	max-width:150px;
	width: 100%;
	height:100%;
}
.productOldPrice, .productPrice{
	font-family:"IdealSans","Open Sans","sans-serif";
}
.productOldPrice{
	font-size:1em;
	margin-top:3em;
	text-decoration:line-through;
	font-weight:bold;
}
.buyProductButton{
	display:block;
	width:100%;
	margin:3em auto;
	color:#e7e7e9;
	display:none;
	padding:0.5em 0;
	background-color:#73be44;
	max-width: 150px;
}
.buyProductButton:hover{
	color:#e7e7e9;
	background-color:#316511;
}
.productPrice{
	font-weight:bold;
	color:#73be44;
	font-size:2em;
	
}
.productTabs{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:solid 1px #414042;
	line-height:3em;
	font-family:"IdealSans","Open Sans","sans-serif";
	clear:both;
	font-size:0.8em;
	cursor:pointer;
	position: relative;
  overflow: visible;
  height:3em;
}
.productTabs .linkProductsArrow{
	bottom: 17px;
	left:10px;
}
.productTabs .linkProductsArrow.dos{
	    left: 133px;
}
.productTabs .linkProductsArrow.tres{
	    left: 280px;
}
.productTabs li{
	float:left;
	float: left;
    margin-right: 1em;
	
	
}
.productTabsContent{
	clear:both;
	font-size:0.7em;
	padding-top:0.5em;
}
.productMainImage{
	width: 50%;
	margin-top: 2em;
	display:inline-block;
	position:relative;
}
.productHelpTitle{
	color:#ec1560;
	font-size:0.8em;
	border-top:solid 1px #414042;
	padding-top:1em;
	margin-top:1em;
	font-weight:600;
}
.pdfFile{
	height: 24px;
	line-height: 24px;
	margin-bottom: 0.5em;
}
.pdfFile img{
	float:left;
	padding-right:0.5em;
}
.pdfFile a{
	float:left;
}
.productHelpDesc{
	font-size:0.8em;
}
.productHelpDesc a{
	color:#ec1560;
	text-decoration:underline;
}

.productMainImage img{
	width: 100%;
	height: 100%;
}
.productWeight{
	width:130px;
	height:130px;
	background-image:url("images/greutateBack.png");
	position:absolute;
	font-size:3em;
	font-family:"IdealSans","Open Sans","sans-serif";
	font-weight:700;
	word-spacing: 9999999px;
	padding-top: 9px;
	box-sizing: border-box;
	bottom:20%;
	left:-70px;
	background-size: 100%;
}
.productPage #homeMerchandiseContent{
	overflow:hidden;
}
.centerBox{
	display:inline-block;
}
.productPage .howToVideos .productBox{
	min-width:342px;
	height:300px;
}
.productPage .linkSliderMobile{
	background-color:transparent;
	
}
.productWeight.mobile{
	position: relative;
	font-size: 2em;
	top: 0;
	left: 0;
	text-align: center;
}
/**********CSS FOR ARTICLE PAGE**********/
.pageContent.articlePage{
	padding-top: 4.9em;
}
.pageContent.articlePage .pageMainBrief img.size-large{
	width:100%;
	height:auto;
}
.articleMainCaption h2.title{
	text-align:left;
	font-size:1.5em;
	margin:0;padding:0;
}
.articleMainCaption{
	bottom:4px;
}
.articleTagsBar{
	width: 100%;
	background: #fff;
	border-bottom: solid 1px #cdc2c8;
	text-align: center;
	overflow:auto;
	padding: 0.6em 0 1.3em 0;
	top: -5px;
	position: relative;
	  text-transform: uppercase;
  font-style: italic;
  margin-bottom: 2em;
}
.articleTagsBar .articleTags{
	color:#eb1b61;
	
}
.articleTagsBar .articleTags ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.articleTagsBar .articleTags a{
  color:#eb1b61;
}
.articleTagsBar .articleTags a:hover{
  text-decoration:underline;
}
.articlePage .pageMainBrief blockquote{
	font-weight:900;
	width:50%;
	color:#eb1b61;
	border-left:solid 6px #eb1b61;
	padding-left:20px;
	margin:0;
}
.articlePage .pageMainBrief{
	font-size:1.7em;
}

.articlePage .pageMainBrief h3, .articlePage .pageMainBrief h2, .articlePage .pageMainBrief h1, .articlePage .pageMainBrief h4, .articlePage .pageMainBrief h5{
	font-size:1em;
}
.articlePage .pageMainBrief h3{
	font-size:1.5em;
	padding-top:1em;
}
/******CSS FOR MERCHANDISE PAGE **********/
.merchandiseWrapper{
	color:#e7e7e9;
	background-color:#e91a60;
	padding-top:6em;
}
.pageContent.pageMerchandise{
	padding-top:0;
}
.pageContent.staticPage iframe{
	width:100%;
}
.pageMainBrief.mainBriefBlog{
	font-size:1em;
}
.formatMainBrief{
	font-size:1.5em;
	text-align:left;
	padding-bottom:2em;
}
.f-left-blog{
	width:50%;
	padding:0 2%;
	float:left;
	  box-sizing: border-box;
}
.f-left-blog p{
	padding:0 50px;
	padding-top:2.5em;
	
}
.merchandiseOk{
	text-align:center;
	
}
.merchandiseOk img{
	width: 222px;
}
.semnaturaRB img{
	width:100px;
}
.semnaturaRB{
	position:absolute;
	right:0;
	bottom:0;
}
a.askUsWrapper{
	position: fixed;
    width: auto;
    height: auto;
    padding: 0.9em;
    display: inline-block;
    right: 0;
    top: 30%;
    z-index: 999999;
	font-family:"IdealSans";
    transition:background-color, color 0.2s ease;
	background-color:#e7e7e9;
	color:#ec1660;
}
.askUsWrapper:hover{
	color: #e7e7e9;
    background-color: #ec1660;
}
.askUsWrapper:hover .arrowRight path{
	fill:#e7e7e9;
}
.askUsWrapper .arrowRight{
	width:17px;
	height:17px;
	float:left;
}
.askUsWrapper .arrowRight path{
	
	fill:#ec1660;
}
.askUsWrapper .askUsText{
	float:left;
	
}
.askUsText h4{
	margin:0;
	margin-bottom:0.2em;
	font-weight:400;
	font-size:1.2em;
}
.askUsText .askSubHeadline{
	font-size:0.9em;
	font-weight:400;
	max-width:221px;
	text-align:center;
	font-style:italic;
}
.page-id-1487 .askUsWrapper{
	display:none;
}
.but{
	padding:0.5em 1.5em;
	font-style: italic;
	font-weight:600;
	text-transform: uppercase;
	display:inline-block;
	position:relative;
	border: 0;
	cursor: pointer;
	font-family: "IdealSans";
}
.but:hover{
	color:inherit;
}
.but:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.2);
	opacity:0;
	pointer-events:none;
	z-index:0;
	visibility:hidden;
	transition: opacity .4s ease;

}
.but:hover:before{
	opacity:1;
	visibility:visible;
}
.homeMesteri{
	background-color:#58585a;
	background-image:url("images/comunitatea.png");
	background-repeat: no-repeat;
	background-position: right 5% bottom;
    min-height: 25em;
    background-size: 45%;
}
.homeMesteri .rowConstraint{
	text-align: left;
	text-transform: uppercase;
}
.padded-v{
	padding:3em 0;
	box-sizing:border-box;
}
.homeMesteri .pageRow{
	width:50%;
}
.homeMesteri h1{    
	text-transform: uppercase;
    line-height: 1.2em;
    font-size: 2.2em;
}
.bg-green{ background-color:#73bf44;}
.bg-blue{ background-color:#2483c4;}
.text-white{color:#fff!important}
.color-white{ color: #fff;}
.top-gutter{
	margin-top:1em;
}
.lucrariFilterWrapper span{
	display: inline-block;
	vertical-align: middle;
}
.lucrariFilterWrapper span .filterButton{
	display: inline-block;
	vertical-align: middle;
	padding:0.5em 2em;
	color:#fff;
	background-color:#404042;
	font-size:0.8em;
	font-family:"IdealSans";
}
.lucrariFilterWrapper span .filterButton.active{
	background-color:#ffa000;
}
.lucrariFilterWrapper span h2{
	display: inline-block;
	vertical-align: middle;
	margin:0;
	font-size: 1.4em;
    margin-right: 0.4em;
}
.gridM.filtered li{
	display: none;
}
.gridM.filtered li.active{
	display: block;
}
.lucrariPopupClick{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display:none;
}
.lucrariPopupClick.active{
	display:block;
}
.lucrariPopup{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
	background: rgba(0,0,0,0.8);
	transition: opacity .4s ease;
	opacity:0;
	visibility: hidden;
}
.lucrariPopup.active{
	opacity:1;
	visibility: visible;
}
.lucrariPopup .popupContent{
	background: #fff;
    position: absolute;
    width: 50%;
    padding: 1em;
    top: 50%;
	height: 100%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
	text-align: center;
}
.lucrariPopup .popupContent .popupImage{
	display:inline-block;
	margin:0 auto;
	position: relative;
	max-height: 90%;
    overflow: hidden;
	padding-top: 2%;
    box-sizing: border-box;
}
.lucrariPopup .popupContent .popupImage img{
	max-width:100%;
}
.lucrariPopup .popupContent .popupDesc{
	text-align:left;
}
.lucrariPopup .popupContent .popupClose{
	position:absolute;
	right:1em;
	top:1em;
	font-size:2em;
	font-weight: 600;
	font-family: "IdealSans";
}
.gridM{
	padding:0;
}
.masonry-brick{
	width:30%;
	height:auto;
	padding: 0 0.5em;
    box-sizing: border-box;
	display: block;
	margin-bottom:1em;
}
.masonry-brick a , .masonry-brick a img{
	width:100%;
	display:block;
	height:auto;
}
.breadcrumb{
	text-align: left;
    padding-bottom: 1em;
}
.breadcrumb a , .breadcrumb span{
	display:inline-block;
	margin:0 0.2em;
}
.productThumbsList{
	list-style: none;
}
.productThumbsList li{
	float: none;
    display: inline-block;
    width: 25%;
	text-align: center;
}
.productThumbsList li img{
	width:100%;
	height: auto;
}
.promotionBubbleWrapper{
	display: inline-block;
    width: 6em;
    height: 6em;
    line-height: 6em;
    text-align: center;
    position: absolute;
    right: 0;
    background-color: #73be44;
    color: #fff;
	border-radius:100%;
	line-height: 6.9em;
}
.promotionBubbleContent{
    line-height: 1.1em;
    display: inline-block;
    font-size: 0.9em;
}
/********CSS FOR CUSTOM RESOLUTIIONS*****/
.productBoxImage img
    {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
		height: 100%;
		width: auto;
		-moz-transform: translateY(calc((200px - 100%)/2));
		-o-transform: translateY(calc((200px - 100%)/2));
		-webkit-transform: translateY(calc((200px - 100%)/2));
		transform: translateY(calc((200px - 100%)/2));

    }
.productBeneficiiItem{
    width: 70%;
    max-width: 20.5em;
    margin-top: 1.7em;
}
.productDescWrapper.gama-optimus .productBeneficiiItem{
	width:24%;
	display: inline-block;
}
.productBeneficiiItem img{
	/* width:100%; */
	/* height:auto; */
	width: auto;
    max-width: 100%;
    height: auto;
}


.sliderFormat {  width:100%;
	position:relative;
	overflow:hidden;
	height: auto; }
.sliderFormat ul { overflow:auto;position:relative; height:auto;max-height:550px;}
.sliderFormat ul li { float: left;position:relative;  height: auto;  width: 100%;max-height:550px; overflow-x:visible;overflow-y:hidden ; }
.button-slider{
	border:solid 2px #fff;
	display:block;
	float:left;
	margin-right:0.3em;
	width:8px;
	height:8px;
	border-radius:1em;
	cursor:pointer;
}
.button-slider.active{
	background:#fff;
}
.jcarousel-pagination{
	position:absolute;
	bottom:0px;
	left:0;
}



@media all and (min-width: 1600px)
{
	#headerBackground img , .videoWrapper video{
		min-height:800px;
		width:105%;
		left:-2.5%;
	}

	
}
@media all and (min-width: 1440px)
{
	.productBox{
		height:380px;
	}
	
	
}
@media all and (max-width: 1600px)
{	
	
	#headerLeftContentWraper h1{
		font-size:3.5em;
		
	}
	#headerBackground img , .videoWrapper video{
		width:115%;
		left:-7.5%;
	}
		.teamBox{
		width:13.2%;
		margin:0.5%;
		
	}
}
@media all and (max-width: 1440px)
{
    #homeMerchandiseContent , .classProducts
    {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .productBox
    {
        width: 33%;
        width: -webkit-calc(33% - 38px);
        width: -moz-calc(33% - 38px);
        width: calc(33% - 38px);
      /*  margin: 19px 16px 19px 16px!important;*/
		height:400px;
    }
    #homeMerchandiseContent .productBox:nth-child(4n+4)
    {
       /* margin: 0 19px 38px 19px;*/
	   display:none;
    }
    .productBox:nth-child(3n+3)
    {
      /*  margin-left: 0;*/
    }
    .productBox:nth-child(2n+2)
    {
       /* margin-right: 0;*/
    }
    .productBoxImage
    {
        text-align: center;
    }
    .productBoxImage img
    {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
		height: 100%;
		width: auto;
		-moz-transform: translateY(calc((200px - 100%)/2));
		-o-transform: translateY(calc((200px - 100%)/2));
		-webkit-transform: translateY(calc((200px - 100%)/2));
		transform: translateY(calc((200px - 100%)/2));

    }
	.homeGamaClass a{
		color: inherit;
	}
	#homeMerchandiseContent, .classProducts{
		max-width:1000px;
	}
	.teamBox{
		width:15.65%;
		margin:0.5%;
	}
}
@media all and (max-width: 1366px)
{	
	#logo{
		width:180px;
		margin-top:0.7em;
		height:3em;
	}
	#mainMenu{
		font-size:0.8em;
	}
	#topHeader{
		height:4.5em;
		line-height: 4.5em;
	}
	#headerRightText{
		font-size:0.95em;
	}
	#headerLeftContent{
		width:80%;
		
	}
	.boxInSection{
		overflow:hidden;
	}
	#gamaTabs.isFixed.isMenu, .linkProductsMobile.isFixed.isMenu{
		top:70px;
	}
	#topHeader.ascunde{
		top:-4.5em;
	}
	.pageBranduriSiGame .linkProductsMobile{
		/*border-bottom:none;*/
	}
		#headerLeftContentWraper h1{
		font-size:2.6em;
		width:80%;
	}
	#featuredPostVisual{
		
	}
	#headerBackground img , .videoWrapper video{
		width:105%;
		
		left:0;
		min-height:768px;
	}
	.teamBox{
		width:19%;
		margin:0.5%;
	}
	.homeGama
	{
		height:640px;
		}
}
@media all and (max-width: 1280px)
{	
	#headerBackground img , .videoWrapper video{
		min-height:600px;
	}
	#headerLeftContentWraper h1{
		font-size:2.5em;
		width:70%;
	}
	.teamBox{
		width:19%;
		margin:0.5%;
	}
	.f-left-blog p {
	  padding: 0 50px;
	  padding-top: 1em;
	}
}
@media all and (max-width: 1024px)
{	
	#homeMerchandiseContent .productBox:nth-child(4n+4){
		display:block;
	}
	    #homeMerchandiseContent , .classProducts
    {
        max-width: 675px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .productBox
    {
        width: 50%;
        width: -webkit-calc(50% - 38px);
        width: -moz-calc(50% - 38px);
        width: calc(50% - 38px);
		height:375px;
    }
    .productBox:nth-child(4n+4)
    {
       
		display:inline-block;
    }
 
    .productBoxImage
    {
        text-align: center;
    }
    .productBoxImage img
    {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }   
		.teamBox{
		width:24%;
		margin:0.5%;
	}
}

@media all and (max-width: 1440px)
{
    #mainGamaImageWrapper .mainGamaImage img{
		width:60%;
	}

    .homeGamaContentGroup
    {
        width: 60%;
        padding: 25px 25px 25px 2%;
		padding-left:5%;
    }
    .homeGamaImage
    {
        width: 40%;
    }
    .homeGamaImage img {
        bottom: 25px;
        height: auto;
        left: -3%;
        position: absolute;
        width: 90%;
    }
	#homeGamaOptimus .homeGamaImage img{
		width:100%;
		left: -8%;
	}
    #headerBackground img
    {
        /*right: -300px;*/
    }
	.show-below-960{
	display:none;
	}
	.hide-below-960{
		display:block;
	}
}
/********** CSS FOR DE AJUTOR PAGES ********/
.pageContent.articleListPage{
	padding-bottom: 2em;
}

.leftSide
{
	vertical-align: top;
	float: left;
	width: 25%;
	height: auto;
	box-sizing: border-box;
	padding: 0 15px;
}
.leftside.fixed
{
  position: fixed;
  top: 10px;
}
.categoryList
{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #ea1b61;
	color: #ffffff;
	text-align: left;
	margin-bottom: 1em;
	overflow: hidden;
}
.categoryList .title{
	cursor:pointer;
}
.categoryList ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.categoryList li a
{
	color: #e7e7e9;
	padding: 1em;
	display: block;
	text-align: left;
	border-bottom: 1px solid #e8457c;
		-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.categoryList li a:hover{
	color:#fff;
	  background-color: #f13070;
  
}
.categoryList ul li.selected
{
  background-color: #f13070;
  font-weight: 600;
}
span.title
{
	display: block;
	position: relative;
	margin-left: 1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	box-sizing: border-box;
	margin-right:1em;
	border-bottom: 1px solid #e9e7ea;

}
span.arrow
{
	display: block;
	position: relative;
	width: auto;
	background-image: url('images/arrow_roz.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 2.3em;
	margin-left: 1em;
	top: -2px;
}
a.articolLeftBanner
{
	display: block;
	position: relative;
	width: 100%;
	height: 220px;
	box-sizing: border-box;
	background-color: #fff;
	padding: 1em 0.7em;
	color: #eb1960;
	text-align: left;
	background-image: url("images/bk_tricouri.png");
	background-size: 110%;
	background-position: center 87px;
	background-repeat: no-repeat;
	font-size: 1.1em;
}
.articolBannerTitle
{
	font-weight: 800;
	line-height: 2em;
}
.articolBannerBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #eb1960;
	color: #fff;
	width: 100%;
	font-weight: 800;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0.7em;
	box-sizing: border-box;
  
}
.rightSide
{
	vertical-align: top;
	float:right;
	width: 75%;
	height: auto;
	box-sizing: border-box;
}
.articolBox
{
	position: relative;
	float:left;
	padding:0 15px;
	width: 33.33333333% ;
	box-sizing: border-box;
	  height: 325px;
	vertical-align: top;
	margin:0;
	margin-bottom: 1em;
	text-align:left;
	overflow:hidden;
}
.normalBox:hover .articolImage img{
	
	transform:scale(1.05);
	
}
.articolBox.featBox:hover .articolImage img{

	transform:scale(1.02);
	
}
.articolBox.featBox
{
	width: 100%;
	margin-bottom:2em;
	height: 385px;
}
.articolWrapp{
	background-color:#fff;
	position: relative;
	height:100%;
}
.classArticoleRelevane .productBox{
	padding:0;
	font-size:1em;
	height:350px;
}
.facebookBar{
	width:100%;
	height:6em;
	position:relative;
	clear:both;
	background-color:#3b579d;
}
.fbShare, .fbShare:hover{
	display:block;
	color:#fff;
	font-family:"IdealSans","Open Sans","sans-serif";
	font-weight:bold;
	font-size:2em;
	width: 190px;
	margin: 0 auto;
	overflow:auto;
	
}
.fbShare span{
	display: block;
	float: left;
	line-height: 3.2em;
	margin-left: 16px;
}
.fbShare img{
	float:left;
	margin-top:0.3em;
}
.featBox .articolWrapp{
	background-color:transparent;
}
.articolBox.featBox .articolWrapp .caption *{
	padding-left:0;
	padding-right:0;
}
.featBox h2{
	margin:0;
	color:#e7e7e9;
}
.articolImage img{
	height: auto;
	width: 100%;
	min-width: 100%;
	transition:all 0.3s ease;
}
.articolImage{
	width:100%;
	display: block;
	height:150px;
	overflow:hidden;
}
.featBox .articolImage{
	height:100%;
}
.articolBox .caption {
	text-align:left;
	padding:8px 2%;
	font-size: 12pt;
	height: auto;
}

.articolBox h2{
	font-size:1em;
}
.normalBox .articolTitle, .normalBox .articolDate, .normalBox .articolDesc, .normalBox .articolTags{
	min-height:1em;
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
}

.normalBox .articolTags {
	position:absolute;
	bottom:1em;
	color:#ea1b61;
	text-transform: uppercase;
	font-style: italic;
	font-size: 10pt;
	font-weight: 400;
}
.normalBox .articolTags li{
	float:left;
	margin-right:20px;
}
.normalBox .articolTags a{
	color:#ea1b61;
}
.normalBox .articolTags a:hover{
	text-decoration:underline;
}
.normalBox .articolDesc{
	height:7.8em;
	overflow:hidden;
	color: #404042;
}
.normalBox .articolDesc p{
	margin:0;
	line-height:1.2em;
	width: 100%;
}
.normalBox h2
{
	margin-top: 0.2em;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1em;
	color: #404042;
  
}
.normalBox .articolImage
{
  margin-bottom: 1em;
}
.articolBox .articolDate
{
  font-style: italic;
}
.articolBox .articolTitle
{
  padding-bottom: 0.4em;
}
.featBox .articolDesc
{
  width: 70%;
}
.articolTags ul{
	margin:0;
	padding:0;
	list-style:none;
}
.featBox .articolTags{
	display:none;
}
.articlePage .pageMainBrief p a{
	text-decoration: underline;
}
/****** MOBILE RESOLUTIONS*****/
@media all and (max-width: 960px)
{
	.contactDetails{
		font-size: 1.3em;
	}
	.f-left-blog p{
		padding:0;
	}
	.merchandiseOk img {
		width: 150px;
	}
	.pageContent .pageMainBrief p{
		margin:2em 0;
	}
	.pageContent {
		padding-top: 4em;
	}
	.articolBox {
		height: auto!important;
		margin: 2% auto;
	}
	#logo{
		margin-top:0.7em;
	}
		#topHeader{
			line-height:5em;
		}
	.articleListPage .leftSide, .articleListPage .rightSide{
		width:100%;

	}
	.articleListPage .leftSide{
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		float:left;
		width:100%;
		max-width: 385px;
		margin: 0 auto;
		float: none;
		overflow: auto;
	}
	.articleListPage .rightSide{
		margin-top:1em;
	}
	a.articolLeftBanner , ul.categoryList{

		float:right;
		width:100%;
		position:relative;
		display:block;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	.articolBox{
		width: 100%;
		max-width: 385px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.productTitleAndSubtitle, .productPageClassImage{
		width:50%;
	}
  .comunitateamesterilor {
    width: 100%;
    clear:both;
    float: none;
    min-height: 90px;
  }
	.comunitateamesterilor div {
    float: left;
    margin-right: 20px;
  }
  .productTitleAndSubtitle.main{
		width:100%;
		padding-bottom:1em;
	}
	.productTitleAndSubtitle.main h2{
		margin:0;
	}
	.productOldPrice{
		margin-top:1em;
	}
	.productHelpTitle{
		border-top:none;
	}
	.productPageClassImage{
		float:right;
	}
	.productPage #homeMerchandiseContent{
		width:100%;max-width:none;
	}
	.productPage .centerBox{
		max-width:342px;
		padding:0 2%;
	}
	.productPage .productBox{

	}
	.buyProductButton{
		margin-top:1em;
		margin-bottom:1em;
		margin-left:0;
	}
	.productPageClassImage img{
		max-width: none;
		width: 100%;
		height: auto;
	}
	.productDescWrapper{
		background-color:transparent;
		width:100%;
		border:none;
		padding: 1em 15px;
	}
	.careerAboveImage{
		 font-size: 1.2em;
		margin-top:1em;
	}
	.sectionCompany #homeLastArticleTitle{
		font-size:1.2em;
	}
	.imageSliderHolder{
		width:100%;
		height:auto;
	}

	.imageSlide .imageSlideImg , .imageSlide ,.imageSlide .imageSlideImg img{
		width:100%;
		height:auto;
		position:relative;
	}
	.imageSlide{
	
		visibility:visible;
		opacity:1;
	}
    .caption{
		position:relative;
		padding:0;
		margin-top:1em;
		background-color:transparent;
		color:inherit;
	}
	.articleMainCaption{
		position: relative;
		width: 100%;
		box-sizing: border-box;
		bottom: 0;
		background-color: #fff;
		
		color: inherit;
		padding:15px;
		margin-top:0;
	}
	.articleTagsBar{
		text-align:left;
		padding:15px;
		  margin-top: -3px;
		  box-sizing: border-box;
	}
	.pageContent.companiePage{
		margin-top:0;
	}
	 .pageContent .pageMainBrief{
	padding:0;
	}
	#headerRightText{
		display:none;
	}
	#gamaTabs.isFixed.noMenu, #gamaTabs.isFixed.isMenu {
	position:relative;
	top:0;
	}
	.classProducts{
		padding-bottom:2em;
		padding-top:2em;
	}
	.allProductWrapper{
		padding:0 15px;
		box-sizing:border-box;
		padding-bottom:4em;
	}
	.pageRowMobile{
		padding:0 15px!important;
		text-align:left;
		box-sizing:border-box;
	}
	.pageRowMobile.formularPage{
	      padding: 0 !important;
	}
	.pageRowMobile .sectionMainBrief{
		width:100%;
		max-width:none;
		padding:0;
		
	}
	.boxesDespreNoi , .f-left-blog{
		width:100%;
		padding:0;
		padding-bottom:1em;
		margin:0;
	}
	.boxesDespreNoi:last-child{
		text-align:center;
	}
	.boxInSection{
		margin:0;
	}
	.boxesDespreNoi strong{
		padding:0;
	}
	.avantajeContainer{
		margin:0;
		border:none;
		
	}
	.avantajeBox{
		width:100%;
		padding:0;
		font-size:1em;
	}
	.avantajeImage img{
		max-width:100px;
	}
	#headerBackground img , .videoWrapper video{
		min-height: 0;
		height: 100%;
		left: auto;
		right: -15%;
		width: auto;
	}
	#headerSocial{
		display:none;
	}
	#topHeader.isTop{
		/*background-color:#414143;*/
	}
	.show-below-960{
	display:block;
	}
	.hide-below-960{
		display:none;
	}
	#mobileHeadMask{
		display:block;
	}
	#featuredPost{
		display:none;
	}
	.pageRow
	{
        padding:0 15px;
            width: 100%;
            box-sizing: border-box;
	}
	#homeLastArticleContent{
		padding-left:3%;
	}
	#headerBackground{
            min-height:0;
            width: 100%;
            height: 100%;
	}
	
	.homeGama{
		clear:both;
		width:100%;
		padding-left: 3%;
	}
	  .homeGamaImage img {
        
        left: 10%;
    
        width: 80%;
    }
	#homeGamaOptimus .homeGamaImage img{
		width:100%;
		left: -10%;
	}
	.homeGamaTitle{
		max-width:544px;
	}
	 .homeGamaContentGroup
    {
        
        padding: 25px 25px 25px 3%;
    }
	#homeLastArticleMore{
		display:none;
	}
	.footerCTAelement{
		margin-left:1%!important;
		margin-right:1%!important;
		width: 31.333%!important;
	}
	
	.footerCTAimage{
		float:none;
		width:50%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.footerCTAelementGroup{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		float:none;
	}
	.footerCTAelementTitle , .footerCTAelementText{
		text-align:center;
	}
	#footerTerms div{
		display:none;
	}
	#footerTerms:after{
		content:'     Termeni si Conditii	';
	}
		#footerplitica div{
		display:none;
	}
	#footerplitica:after{
		content:'     Politica cookies	';
	}
	
	#footerTerms.footerContact{
		padding-bottom: 0;
		padding-top: 0;
	}
	#footerTerms.footerContact:after{
		content:'     Contact	';
		
	}
	 .pageContent h2.title{
		text-align:left;
		margin:0;
	}
	.pageContent .pageMainBrief{
		box-sizing:border-box;
		width:100%;
	}
	.companieMenuContainer{
	display:none;
	font-family:"IdealSans","Open Sans","sans-serif";
	}
	 .pageContent .pageMainBrief{
		width:100%;
		text-align:left;
		margin-bottom:0;
	}
	.boxesInSection{
	min-width:0;
	}
	.corpuriSmall , .corpuriBig{
		float:none!important;
		min-width:300px;
		width:80%;
		margin-left:auto!important;
		margin-right:auto!important;
	}
	.corpuriTitle{
		text-align:center;
		margin-top:0em;
	}
	#homeGamaPrimus .homeGamaTitle img{
		max-width:452px;
	}
	span.wpcf7-form-control-wrap.altceva
	{
	  width: 50%;
	  max-width: 470px;
	}
	#imageBackgroundGame img{
		/*min-width:0;*/
	}
	.productPage .productTitleAndSubtitle .title{
		padding:0;
	}
	.productPage .howToVideos .productBox{
		min-width:0;
	}
}
@media all and (max-width: 720px)
{
		.menu-footer-container{
	float:none;
}
	#footerMenu span{
	padding: 0!important;
	display: block!important;
	}
	#footerMenu{
		line-height: 1.4em;
		font-size: 1.4em;
	}
	#footerTerms{
		line-height: 1em;
		padding-top: 1em;
		text-align: center;
		width:25%;
	}
	#footerTerms{
		width:100%;
		padding-right:9%;
		text-align:right;
		padding-bottom: 40px;
		text-align: center;
	 }
	#footerMenu .menu-main-menu-container{
		width:75%;
	}
	#footerMenu ul{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#footerMenu li{
		width: 100%;
		padding: 1% 0%;
		margin:0;
	}
		.teamBox{
		width:32.3%;
		margin:0.5%;
		cursor:pointer;
	}
	#gamaTabs .gamaTab h3{
		height:3.3em;
	}
	#gamaTabs .gamaTab h3{
		font-size:0.9em;
		line-height: 3.3em;
	}
	#gamaTabs .gamaTab .selectedTabArrow{
		bottom:-0.35em;
	}

}
@media all and (max-width: 640px)
{
    .productBox
    {
        width: 100%;
        width: -webkit-calc(100% - 38px);
        width: -moz-calc(100% - 38px);
        width: calc(100% - 38px);
        margin: 3%;
		height:auto;
		padding-bottom:2.5em;
    }
	#homeMerchandise .productBox {
  height: auto;
  padding-bottom: 2.5em;
}
	#homeMerchandiseContent , .classProducts{
		max-width:325px;
	}
		 .titleAndSubmenu #prodTitle{
		
		font-size:1.5em;
		width: 100%;
	 }
}
@media all and (max-width: 480px)
{
	.askUsText{
		width:100%;
	}
	.askUsText .askSubHeadline{
		width:100%;
		max-width:none;
		font-size:0.8em;
	}
	a.askUsWrapper{
		width:100%;
		bottom:0;
		top:auto;
		box-sizing:border-box;
		text-align:center;
		padding:0.7em;
	}
	.homeGama {
		height: 550px;
	}
	.askUsWrapper .arrowRight{
		display:none;
	}
#homeLastArticleContent {
  padding-left: 3%;
  padding-bottom: 8%;
  padding-top: 3%;
}
	#homeLastArticleImage img{
		width:180%;
	}
	#homeLastArticleExcerpt{
		display:none;
	}
	#headerLeftContentWraper h1{
		width:100%;
		font-size:2.5em;
	}
	#headerLeftContent{
		width:90%;
	}
	#headerBackground{
		overflow:visible;
	}
	#headerBackground img , .videoWrapper video{
		right:-40%;
	}
	.videoWrapper video{
		width: 100%;
		top: 0;
		left: 0;
	}
	 .homeGamaContentGroup
    {
        
        padding: 25px 3% 25px 3%;
		width: 100%;
    }
	 .homeGamaImage{
		position:absolute;
		top: -154px;
		left: -3%;
		width:45%;
	 }
	 #homeGamaOptimus .homeGamaImage{
		left:2%;
		width: 85%;
	 }
	 #homeGamaPrimus .homeGamaImage {
		left: auto;
		right: 0%;
		min-width:190px;
	 }
	 	#homeGamaOptimus .homeGamaImage img{
		width:80%;
		left: 10%;
	}
	 .homeGama > .homeGamaTitle{
		padding-top:4%;
	 }
	 #homeMerchandiseTitle{
		line-height:1em;
		font-size:1.5em;
	 }

	 .footerCTAimage{
		width:75%;
	 }
	 
	 #footerMenu .menu-main-menu-container{
		width:100%;
	 }
	 		.teamBox{
		width:49%;
		margin:0.5%;
	}
		.sectionCompany #homeLastArticleTitle{
		font-size:1em;
	}
}
/****** ALL DESKTOP RESOLUTIONS*****/
@media screen and (min-width: 960px) {
	#headerBackground{
	/*min-height:720px;*/
	}
	.logoAndSlogan .gamaCont , .careerCont{
		font-size: 1.7em;
		max-width: 500px;
	}
	.careerCont{
		  line-height: 1em;
		  padding-top: 0.5em;
	}
}
#headerBackground img.rev{
    width: 100%;
    left: 0;

}




/* LANDING PAGE */
/*--------------------------------------------------------------
2.0 Grids
--------------------------------------------------------------*/
#header.landingPen{
	font-family:"IdealSans";
}
#header.landingPen{
	background-image:url("images/coruptiaucide.jpg");
	background-size:cover;
}
.padded-to-menu{
    padding-top: 4em;
    height: 100%;
    box-sizing: border-box;
}
.landingLeft{
	font-size: 1.2em;
    text-align: left;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}
.landingRight{
	font-size: 1.5em;
    text-align: center;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}


.landingLeft h1 , h1.bigger{
    font-size: 2.8em;
    line-height: 1em;
    margin-bottom: 0em;
}
.landingLeft h1 {
	font-size: 2.8em;
    line-height: 1.1em;
    margin-bottom: 0em;
	text-transform:uppercase;
}
.bigCount{
	font-size: 14em;
    font-weight: 600;
    line-height: 0.9;
    margin-top: -0.5em;
}
.penitenciare{
    font-size: 2.9em;
    font-weight: bold;
    margin-bottom: 0.4em;
    margin-top: 0.2em;
	
}
.downloadPozeWrapper{
	background-color: #434244;
    min-height: 25em;
    color: #fff;
}
.downloadImgText img{
    max-width: 0.7em;
    display: inline-block;
}
.anotherConst{
	max-width:980px;
	margin:0 auto;
	max-width: 560px;
    margin: 0 auto;
}
.bg-orange{
	background-color:#f7a61e;
}
.downloadImgText{
	font-size: 2em;
    margin-top: 0.3em;
}
h1.regular{
	font-weight:400;
}
.iblock{
	display: inline-block;
}
.revolutieBut{
	background: #8dbd4f;
    font-size: 1.7em;
	padding: 0.4em 1.2em;
    display: inline-block;
    color: #fff!important;
    font-weight: 600;
    font-family: "IdealSans";
   margin: 2em 4em;
}
.downloadImgText a{
	color:#fff;
}
.revolutieBut.primusBut{
	background:#5082c0;
	color:#fff!important;
}
.alpha{
	margin-left:0 !important;
}
.omega{
	margin-right:0 !important;
}	
.grid{
	clear:both;
}
.center{
	display:inline;
}
.right{
	display:inline;
}
.a-left{
	text-align: left;
}
.a-right{
	text-align: right;
}
.a-center{
	text-align: center;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.f-none{
	float:none;
}
.clear:before,
.clear:after{
	display: table;
	content: "";
}
.clear:after {
	clear: both;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%;margin-left:1%;margin-right:1%; }
.grid12-3	{ width:23%;margin-left:1%;margin-right:1%; }
.grid12-4	{ width:31.33%;margin:0 1%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%;    margin: 0 1%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%;margin:0 1%;}
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%;margin:0 1%; }
.grid-fake	{ margin:0 1%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

.grid6-1	{ width:14.67%; }
.grid6-2	{ width:31.33%; }
.grid6-3	{ width:48%; }
.grid6-4	{ width:64.666%; }
.grid6-5	{ width:81.333%; }
.grid6-6,	
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid6-1	{ margin-left:0; width:15.67%; }
.no-left-gutter.grid6-2	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid6-3	{ margin-left:0; width:49%; }
.no-left-gutter.grid6-4	{ margin-left:0; width:65.66; }
.no-left-gutter.grid6-5	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid6-6,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid6-1	{ margin-right:0; width:15.67%; }
.no-right-gutter.grid6-2	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid6-3	{ margin-right:0; width:49%; }
.no-right-gutter.grid6-4	{ margin-right:0; width:65.66; }
.no-right-gutter.grid6-5	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid6-6,	
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid6-1		{ margin-left:0; margin-right:0; width:16.67%; }
.no-gutter.grid6-2		{ margin-left:0; margin-right:0; width:32.3%; }
.no-gutter.grid6-3		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid6-4		{ margin-left:0; margin-right:0; width:65.66%; }
.no-gutter.grid6-5		{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid6-6,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

.grid2-1{
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
.grid3-1{
	width: 29.3333%;
	margin-left:2%;
	margin-right:2%;
}
.grid3-2{
	width:65.3334%;
	margin-left:1%;
	margin-right:1%;
}
.grid3-3-2{
	width: 61%;
	margin-left: 0;
	position: relative;
	display: inline;
	float: left;
	margin-bottom: 1%;
}
.grid3-4{
	width:75%;
	margin-left:1%;
	margin-right:1%;
	position: relative;
	display: inline;
	float: left;
	margin-bottom: 1%;
}
.grid4-1{
	width:23%;
	margin-left:1%;
	margin-right:1%;
}
.grid5-1{
	width:18%;
	margin-left:1.25%;
	margin-right:1.25%;
	margin-bottom:1.25%;
}
.grid8-1{
	width:290px;
	float: left;
}
.grid2-1, .grid3-1, .grid3-2, .grid4-1, .grid5-1,.grid12-1,.grid12-2,.grid12-3,.grid12-4,.grid12-5,.grid12-6,.grid12-7,.grid12-8,.grid12-9,.grid12-10,.grid12-11,.grid12-12,.grid-full,.grid6-1,.grid6-2,.grid6-3,.grid6-4,.grid6-5,.grid6-6{
	position:relative;
	display:inline;
	float:left;
}

.f-left{
	float:left;
}
.f-right{
	float:right;
}
.v-gutter{
	margin-top:1em;
	margin-bottom:1em;
}
.v-double-gutter{
	margin-top:2em;
	margin-bottom:2em;
}
.v-gutter.top, .v-double-gutter.top{
	margin-bottom:0;
}
.v-gutter.bottom, .v-double-gutter.bottom{
	margin-top:0;
}
.box-padded{
	box-sizing: border-box;
	padding:1.5em;
}
.box-padded-h{
	box-sizing: border-box;
	padding:0 1.5em;
}
.box-padded-v{
	box-sizing: border-box;
	padding:1.5em 0;
}
.box-padded-top{
	box-sizing: border-box;
	padding-top:1.5em;
}
.box-padded-bottom{
	box-sizing: border-box;
	padding-bottom:1.5em;
}
.box-padded-left{
	box-sizing: border-box;
	padding-left:1.5em;
}
.box-padded-right{
	box-sizing: border-box;
	padding-right:1.5em;
}
.full-height-page{
	height:100vh;
	width:100%;
	
}

/**
 * Main module
 */
main a,
main a:link,
main a:visited {
  color: #777;
  text-decoration: underline;
}
main a:hover,
main a:active,
main a:visited:hover {
  color: #000;
  text-decoration: underline;
}
main article {
  padding: 1em;
}
main [class*="pure-u-"]:first-child article {
  padding-left: 0;
}
main [class*="pure-u-"]:last-child article {
  padding-right: 0;
}
@media screen and (max-width: 48em) {
  main article {
    padding: 0 !important;
  }
}
.main-example {
  margin: 0 auto;
  width: 355px;
}
.main-example .countdown-container {
  height: 130px;
}
.main-example .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 101px;
  width: 67px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.main-example .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
    font-family: 'IdealSans', sans-serif;
  font-size: 2em;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.main-example .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.main-example .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
  font-size: normal;
  margin-top: 10px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
      margin-top: 10px;
}
/* Animation start */
.main-example .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.main-example .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .main-example {
    width: 100%;
  }
  .main-example .countdown-container {
    height: 100px;
  }
  .main-example .time {
      height: 70px;
      width: 48px;
  }
  .main-example .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .main-example .label {
    font-size: 0.8em;
    top: 72px;
  }
}

@media screen and (max-width: 960px) {
    .homeMesteri h1{
           text-transform: uppercase;
    line-height: 1.2em;
    font-size: 1.5em;
    }
	.grid12-6{
		width:100%!important;
		float:none!important;
		display:block!important;
	}
	.logoAndSlogan .gamaCont , .careerCont{
		font-size: 1.7em;
		max-width: 500px;
	}
	.bigCount{
		font-size: 11em;
		font-weight: 600;
		line-height: 1.1;
		margin-top: -0.3em;
	}
	.landingLeft , .landingRight{
		height: auto;
		margin: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		    padding-left: 0;
		    margin-bottom: 3em;
	}
	.penitenciare{
		font-size: 1.7em;
	}
	#header.landingPen{
		height:auto;
	}
	.careerCont{
		  line-height: 1em;
		  padding-top: 0.5em;
	}
	#header.landingPen .contentWrapper .padded-to-menu{
		height: auto;
		overflow: visible;
	}
	.main-example .label{
		margin-bottom:3em;
	}
	.downloadImgText{
		margin-bottom:2em;
	}
	.downloadImgThumb img{
		max-width:80%;
	}
	.landingLeft h1 {
		font-size: 2em;
	}
	.revolutieBut {
		background: #8dbd4f;
		font-size: 1.7em;
		/* width: 100%; */
		text-align: center;
		padding: 0.4em 1.2em;
		width: 10em;
		display: inline-block;
		color: #fff!important;
		font-weight: 600;
		font-family: "IdealSans";
		margin: 1em auto;
	}
	.anotherConst a{
		word-break: break-all;
		font-size: 0.7em;
	}
	.iblock.box-padded-right , .iblock.box-padded-left{
		padding-right:0;
		padding-left:0;
	}
}
.productHelpDesc img{
    max-width: 100%;
    object-fit: contain;;
    
}