[placeholder]::-webkit-input-placeholder {
 color: rgba(204, 204, 204, 0.9);
}
 [placeholder]:focus::-webkit-input-placeholder {
 color: transparent;
}
body, html {
	color: #000;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	margin:0;
	padding:0;
}
a {
	color: #000;
	font-size: 14px;
	text-decoration:none;
}
a:hover {
	color: #f60781;
	font-size: 14px;
}
a:visited {
	color: #33120c;
	font-size: 20px;
}

.entry-content{
	margin: 0 15%;
}

.clr{
	clear:both;
}

.social-header{
	height:36px;
	background-color:#f60781;
	line-height:36px;
	color:#fff;
}

.social-header ul, #menu-section ul, .menu-list-right ul{
	padding:0;
	margin:0;
}

.social-header ul.social-icons-left-side, #menu-section .logo-left{
	float:left;
}

.social-header ul.contact-stuff-right-side, #menu-section .menu-list-right{
	float:right;
	display:flex;
}

.social-header ul.social-icons-left-side{
	align-items:center;
    justify-content: center;
	padding-top:5px;
}

.menu-list-right ul li.cta-item, .menu-list-right ul li.cta-item a {
    font-weight: 300;
    font-size: 1.000em;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 0em;
    line-height: 3.5em;
    text-align: center;
}

.menu-list-right ul li.cta-item a:hover{
	color:#fff;
}

.social-header ul.social-icons-left-side img{
	padding-right:7px;
}

.social-header ul.contact-stuff-right-side li img{
	padding-right:10px;
	margin-bottom:-3px;
	padding-left:30px;
}

.social-header ul.contact-stuff-right-side li{
	height:36px;
	line-height:36px;
}

.social-header ul.contact-stuff-right-side li a{
	margin-top:-5px;
	color:#fff;
}

.social-header ul li, #menu-section ul li, .menu-list-right ul li{
	list-style-type:none;
	display:inline-table;	
}

#menu-section{
	margin-top:1em;
}

#menu-section .logo-left img{
	margin-right:2em;
}

#menu-section ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.menu-list-right ul li, .menu-list-right ul li a{
	font-weight:300;
	font-size:1.000em;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:1.5em;
	line-height:3.5em;
	-webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.menu-list-right ul li a:hover{
	color:#ef057c;
}

.menu-list-right ul li:nth-child(4){
	padding-right:3.5em;
}

.menu-list-right ul{
	height:5em;
}

#home-background{
	background-image:url(../images/home-header-background.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	color:#fff;
}

#home-background{
	padding: 7% 0;
}

#home-background h1{
	font-size: 4.375em;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:300;
	text-align:center;
	margin:0;
	padding:0;
}

#home-background h1.animated {
  animation-duration: 1s;
}
#home-background h2.animated {
  animation-duration: 2s;
}

#home-background h1 b{
	font-weight:700;
}

#home-background h2{
	font-size: 1.875em;
	letter-spacing:1px;
	font-weight:300;
	text-align:center;
	margin:0;
	padding:0;
}

.header-background-content{
	padding-top:4em;
	font-size:1.125em;
	text-align:left;
}

#home-background .header-background-content.animated {
  animation-duration: 3s;
}

.hb-download.animated{
	animation-duration: 4s;
}
#header {
	height: 14.0em !important;
	overflow: inherit !important;
}
.header-background-content p{
	padding-bottom:10px;
	margin:0;
}

.hb-download-link{
	height:50px;
	width:15.625em;
	line-height:50px;
	background-color: rgba(239,5,124,.7);
	margin-top:0em;
	-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.hb-download-link:hover{
	background-color: rgba(239,5,124,1);
}

a .hb-download-link{
	color:#fff;
	font-weight:700;
	font-size:1.000em;
	text-transform:uppercase;
}

.home-content h3, .page-content h1{
	font-weight:700;
	color:#727272;
	text-transform:uppercase;
	letter-spacing:5px;
	font-size:4.375em;
	margin:0;
	padding:5% 0;
}

.home-content-first-section-left, .home-content-first-section-right{
	float:left;
}

.home-content-first-section-right{
	width:50%;
	padding-top:3%;
}

.home-content-first-section-left{
	margin-left:15%;
	text-align:justify;
	width:30%;
	margin-right:5%;
}

.how-question{
	font-weight:700;
	color:#f60781;
	text-transform:uppercase;
	font-size:12.250em;
	letter-spacing:20px;
	padding-top: 11%;
}

.home-content p{
	color: #12130e;
	font-weight:300;
	font-size:1.563em;
	margin:0;
	padding:0;
}

.home-content-first-section-right .line{
	margin:3% 0;
}

.home-content-first-section-right .line, .full-line{
	width:100%;
	height:2px;	
	background-color:#f60781;
}

.home-content-first-section-right p span, .home-content-first-section-right p a{
	color:#f60781;
	font-weight:300;
	font-size:25px;
}

.home-content-first-section-right .right-content-text p:nth-child(1){
	padding-bottom:3%;
}

.home-content-first-section-right .right-content-text{
	margin-right:40%;
	text-align:justify;
}

.animation-line{
	margin: 3% 0;
}

.animation-line .fa-stop{
	color: #f60781;
	position:relative;
	bottom:11px;
}

.animation-line .fa-stop.left{	
	left:15%;
}

.animation-line .fa-stop.right{	
	left:60%;
}

.color-box{
	color:#000;
	padding-left:15%;
	width:38%;
	padding-bottom:2%;
	padding-right:5%;
}

.color-box h3{
	color:#727272;
}

.color-box ul, .simple-content-box ul{
	padding:0;
	margin:0;
}

.simple-content-box ul{
	padding-top:1%;
	width:75%;
}

.color-box ul li, .simple-content-box ul li{
	list-style-type:none;
	line-height:1.2;
	margin-bottom:1.8%;
	font-size:1.563em;
}

.color-box ul li{
	font-weight:300;
	letter-spacing:2px;
	color:#f60781;
	list-style-type:square;
	margin-left:30px;
}

.simple-content-box ul li{
	color:#000;
	font-weight:300;
}

.color-box ul li span{
	color:#000!important;
	font-weight:300;
}

.line-from-left {
    width: 55.0em;
    height: 2px;
    background-color: #f60781;
	margin:1% 0;
}

.simple-content-box h3, .simple-content-box h4{
	padding-bottom:0%;
	margin:0;
}

.simple-content-box h4{
	color: #727272;
	font-weight:700;
	font-size:2.500em;
	text-transform:uppercase;
	letter-spacing:3px;
}

.category-list{
	margin: 5% 0;
}

.app-list{
	width:21.5%;
	float:left;
}

.app-list-empty{
	width:2%;
	float:left;
}

.simple-content-box h3.color-box-h3-second {
    padding-bottom: 4%;
    margin: 0;
    padding-top: 0;
}

.app-list-second{
	width:20%;
	float:left;
}

.category-list .app-list{
	background-color:#cccbcb;
	padding:0 1%;
	min-height:22em;
	margin-bottom:3%;
}

.category-list .app-list .image-list-top, .category-list .app-list-second .image-list-top{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:10em;
}

.category-list .app-list p, .category-list .app-list-second p{
	font-weight:300;
	font-size:0.750em;
	color:#000;
}

.category-list .app-list-second{
	background-color:#e6e7e8;
	padding:0 2%;
	min-height:23em;
	margin-bottom:3%;
}

.app-list-second h5{
	text-transform:uppercase;
	font-weight:700;
	font-size:0.750em;
}

.cta-item, .active-webinar-list-left button{
	height:50px;
	width:12.625em;
	line-height:50px;
	border-bottom:4px solid #9f165c;
	background-color: rgba(239,5,124,.8);
	-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.active-webinar-list-left button{
	border-bottom:4px solid #9f165c;
	color:#fff;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	width:15em;
	border-top:0;
	border-left:0;
	border-right:0;
	cursor:pointer;
}

.active-webinar-list-left button:hover, .cta-item:hover{
	background-color: rgba(239,5,124,1);
}

.cta-item a{
	color:#fff !important;
	font-weight:700;
	font-size:1.000em;
	text-align: center;
}

.menu-list-right ul li.cta-item a{
	line-height:1.2;	
}

.studii-list .timeline .image-left, .studii-list .timeline .description, .studii-list .timeline .stop-icon{
	float:left;
}

.image-left img{
	 -webkit-filter: grayscale(1);
  	filter: grayscale(1);	
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.image-left img:hover{
	 -webkit-filter: grayscale(0);
  	 filter: grayscale(0);	
	
}

.studii-list .timeline .image-left{
	width:19%;
}

.studii-list .timeline .stop-icon{
	width:2%;
}

.studii-list .timeline .description{
	border-left:2px solid #f60781;
	padding-left:4%;
	padding-bottom:80px;
	width:70%;
	color:#12130e;
	font-weight:300;
	font-style:italic;
	font-size:1.125em;
	text-align:justify;
}

.webinar-list{
	border-left:2px solid #f60781;
}

.webinar-list .fa-stop{
	position:relative;
	right: 21px;
	top: 49px;
	color: #f60781;
}

.studii-list .stop-icon .fa-stop{
	color: #f60781;
	position:relative;
	left:-5px;
	top:40px;
}

.studii-list .timeline .stop-icon{
	padding-left:2%;
}

.studii-list .timeline .description author{
	font-weight:700;
	color:#12130e;
	font-size:0.938em;
}

.studii-list .timeline .description p:nth-child(2){
	text-align:right;
}

.studii-list .timeline .description author i{
	font-style:italic;
}

.active-webinar-list-left, .active-webinar-list-right{
	float:left;
	width:50%
}

.webinar-list .column h2, .webinar-list .column h3{
	color:#727272;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.webinar-list .timeline{
	padding-left:1%;
}

.webinar-list .column h2{
	font-size:20px;
}

.webinar-list .column h3{
	font-size:40px;
}

.active-webinar-list-left p{
	font-weight:300;
	font-size:2.000em;
	color:#000;
	letter-spacing:2px;
	text-transform:uppercase;
	margin:0;
}

.active-webinar-list-left p b{
	font-weight:700;
}

 .active-webinar-list-right{
	 text-align:center;
	 padding-top:25px;
	 padding-bottom:5%;
 }
 
  .active-webinar-list-left button{
	  margin-top:10px;
  }
 
 .active-webinar-list, .archive-webinar{
	 padding-top:50px;
 }
 
 .archive-webinar .active-webinar-list{
	  padding-top:0px;
 }
 
 .archive-webinar .active-webinar-list-left p{
	 color:#939598;
 }
 
 .archive-webinar .active-webinar-list-right img{
	opacity: 0.6; 
 }
 
 #top-menu-section, #top-menu-mobile, #mobile-header{
	 display:none; 
 }
 
 ul.plus-menulist li{
	 text-align: center;
	 height: 4em !important;
 }

/* 2019 oktober 8 updates  */
.text-magenta-enterprise{
	color: #f60781;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
}

 @media all and (max-width: 1540px) and (min-width: 1100px) {
	nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
		left: 45% !important;
	}
	#home-background{
		margin-top: 50px;
	}
}
 @media all and (max-width: 1700px) and (min-width: 1600px) {
	 .entry-content{
		margin: 0 12%; 
	 }
	 
	 .home-content-first-section-left{
		margin-left:12%; 
	 }
	 
	 .color-box{
		padding-left:10%;  
	 }
	 
	 .how-question {
		font-size: 11em;
	}
 }
 
 @media all and (max-width: 1599px) and (min-width: 1500px) {
	 .entry-content{
		margin: 0 10%; 
	 }
	 
	 .home-content-first-section-left{
		margin-left:10%; 
	 }
	 
	 .color-box{
		padding-left:10%;  
	 }
	 
	 .how-question {
		font-size: 10em;
	}
 }
 
 @media all and (max-width: 1499px) and (min-width: 1400px) {
	 .entry-content{
		margin: 0 8%; 
	 }
	 
	 .home-content-first-section-left{
		margin-left:8%; 
	 }
	 
	 .color-box{
		padding-left:8%;  
	 }
	 
	 .how-question {
		font-size: 10em;
	}
	
	.home-content h3, .page-content h1{
		font-size: 4em;
	}
	
	.home-content-first-section-left{
		width:37%;
	}
 }
 
 @media all and (max-width: 1399px) and (min-width: 1200px) {
	 .entry-content{
		margin: 0 2%; 
	 }
	 
	 .home-content-first-section-left{
		margin-left:2%; 
	 }
	 
	 .color-box{
		padding-left:2%;  
	 }
	 
	 .how-question {
		font-size: 10em;
	}
	
	.home-content h3, .page-content h1{
		font-size: 3em;
	}
	
	.color-box ul li, .simple-content-box ul li{
		font-size: 1.2em;
	}
	
	.home-content-first-section-left{
		width:43%;
	}
 }
 
 @media all and (max-width: 1200px) and (min-width: 1024px) {
	  .how-question {
		font-size: 7em;
	}
	
	.home-content-first-section-left {
		width: 43%;
	}
	
	.entry-content{
		margin: 0 1%; 
	 }
	 
	 .home-content-first-section-left{
		margin-left:1%; 
	 }
	 
	 .color-box{
		padding-left:1%;  
	 }
 }
 
 /* iPads (landscape) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	 .cta-item, .active-webinar-list-left button{
		width:9em; 
	 }
	 
	 .color-box ul li, .simple-content-box ul li, .home-content p{
		font-size: 1.2em;
	 }
	 
	 .menu-list-right ul li, .menu-list-right ul li a{
		 padding-left:1.2em;
	 }
	 
	 #home-background h1, .home-content h3, .page-content h1{
    	font-size: 3.5em;
	 }
	 
	 #home-background h2 {
    	font-size: 1.6em;
	 }
	 
	 .header-background-content{
		font-size: 1.1em; 
	 }
	 
	 .color-box{
		width:55%; 
	 }
	 
	 .line-from-left{
		width:31em; 
	 }
	 
	 .how-question {
		font-size: 9em;
	}
	
	.home-content-first-section-right {
		width: 51%;
	}
	
	.studii-list .timeline .image-left{
		text-align:center;
	}
	
	.studii-list .timeline .image-left img{
		width:90%;
	}
	
	.studii-list .timeline .stop-icon{
		padding-left:0;
	}
	
	.stop-icon .fa-stop {
   	 	left: 14.2px;
	}
	
	.webinar-list .fa-stop{
		right:18px;	
	}
 }
 
 /*   mobile  */
 @media all and (max-width: 1023px) and (min-width: 320px) {
	 #top-menu-section, #top-menu-mobile{
	 	display:block; 
 	}
	
	#desktop-laptop-header, #top-menu-mobile{
		display:none;
	}
	
	.mobile-hamburger-icon{
		height:5px;
		background-color:#f60781;
		width:40px;
	}
	
	#top-menu-section{
		float:right;
	}
	
	.entry-content {
		margin: 0 2%;
	}
	
	 #top-menu-mobile {
        font-size:2.5em;
        display:none;
        width:100%;
        min-height: 40em;
        position:absolute;
        color:#fff;
        background-color:rgba(0,0,0,0.90);
        z-index:999;
		top:0;
    }
	
	#home-background h1 {
    	font-size: 3.5em;
	}
	
	#home-background h2 {
    	font-size: 1.8em;
	}
	
	.home-content p{
		font-size: 1.5em;
	}
	
	.color-box ul li, .simple-content-box ul li{
		font-size: 1.2em;
	}
	
	.home-content h3, .page-content h1{
		font-size:3em;
	}
	
	.home-content-first-section-left, .home-content-first-section-right {
		margin: 0 2%;
		width: 96%;
	}
	
	.how-question {
		font-size: 10em;
		padding-top: 0%;
	}
	
	.home-content-first-section-right {
    	padding-top: 3%;
	}
	
	.home-content-first-section-right .right-content-text{
		width:100%;
	}
	
	.animation-line {
		margin: 7% 0;
	}
	
	.color-box{
		width:60%;
		padding-left: 2%;
	}
	
	.line-from-left{
		width:58%;
	}
	
	.app-list {
		width: 29.5%;
	}
	
	.app-list-second{
		width: 28%;
	}
	
	#mobile-header{
		display:block;	
	}
	
	#top-menu-mobile .mobil-menu-list a{
		font-size:1em;
		color:#fff;
	}
	
	#top-menu-mobile .mobil-menu-list a:hover{
		color:#f60781;
	}
	
	#menu-section ul li{
		display:list-item;
	}
	
	 .menu-list-right ul li{
		list-style-type:none;
		display:list-item;
		width:100%;
	}
	
	.hamburger-icon{
		padding-top:16px;
	}
	
	.image-left img{
		width:100%;
	}
	
	.image-left img{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);	
	}
	
	.stop-icon .fa-stop{
		left:9px;	
	}
	
	.webinar-list .fa-stop{
		right:16px;
	}
	
	.active-webinar-list-left p{
		font-size:1.5em;
	}
	
	#menu-section{
		margin-top:0;
	}
 }
 
 @media all and (max-width: 500px) and (min-width: 320px) {
	 #mobile-header .contact-stuff-right-side span{
		display:none; 
	 }
	 
	  #menu-section .logo-left img {
		margin-right: 0em;
		width: 90%;
	}
	
	#home-background h1 {
		font-size: 3em;
	}
	
	#home-background h2 {
		font-size: 1.4em;
	}
	
	.home-content-first-section-left {
		text-align: left;
	}
	
	.home-content p {
		font-size: 1.2em;
	}
	
	.how-question {
		font-size: 5em;
		padding-top: 9%;
	}
	
	.color-box {
		width: 96%;
		padding: 2%;
	}
	
	.home-content h3, .page-content h1 {
		font-size: 1.8em;
	}
	
	.color-box ul li, .simple-content-box ul li {
		font-size: 1em;
		padding-bottom:0.5em;
	}
	
	.line-from-left {
		width: 100%;
	}
	
	.simple-content-box ul {
		padding-top: 1%;
		width: 100%;
	}
	
	.simple-content-box h4{
		font-size: 1.6em;
	}
	
	.home-content h3, .page-content h1 {
		font-size: 1.8em;
		margin: 5% 0;
	}
	
	.app-list {
		width: 98%;
		float:none;
	}
	
	.app-list-empty{
		display:none;
	}
	
	.app-list-second{
		width: 96%;
	}
	
	.stop-icon .fa-stop {
		left: 1px;
	}
	
	.studii-list .timeline .description {
		font-size:0.9em;
	}
	
	.studii-list .timeline .description {
		padding-bottom: 18px;
	}
	
	.active-webinar-list-left, .active-webinar-list-right {
		float: none;
		width: 100%;
	}
	
	.active-webinar-list-right img{
		width:98%;	
	}
	
	.webinar-list{
		padding-left:10px;	
	}
	
	.webinar-list .fa-stop {
		right: 21px;
	}
	
	.active-webinar-list, .archive-webinar {
		padding-top: 0px;
	}
	
	.active-webinar-list-left p {
		font-size: 1.2em;
	}
	
	.webinar-list .column h3 {
		font-size: 30px;
	}
	
	.webinar-list .column h2 {
		font-size: 16px;
	}
	
	header{
		 box-shadow: 0 2px 1px 0 rgba(204, 204, 204, 0.1), 0 2px 1px 0 rgba(204, 204, 204, 0.1);
	}
	
	#top-menu-mobile {
    	font-size: 1.8em;
	}
	
	.menu-list-div{
		padding-bottom:10px;	
	}
 }
 
  @media all and (max-width: 340px) and (min-width: 320px) {
	  #menu-section .logo-left img {
		margin-right: 0em;
		width: 80%;
	}
	
	.stop-icon .fa-stop {
		left: 1px;
	}
  }