@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);



@font-face {

	font-family: 'codropsicons';

	src:url('../fonts/codropsicons/codropsicons.eot');

	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),

		url('../fonts/codropsicons/codropsicons.woff') format('woff'),

		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),

		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');

	font-weight: normal;

	font-style: normal;

}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0; }



.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }



body {

	font-family: 'Lato', Calibri, Arial, sans-serif;

	color: #c0392b;

	background: #FFFFFF; /* aici schimb background color (crem ar trebui sa fie)*/

}



a {

	color: #c0392b;

	text-decoration: none;

	font-weight: 900;

}



a:hover,

a:active {

	color: #333;

}



/* Header Style */

.main,

.container > header {

	margin: 0 auto;

	padding: 2em;

}



.container > header {

	text-align: center;

	background: #d94839;

	padding: 3em;

}



.container > header h1 {

	font-size: 2.625em;

	line-height: 1.3;

	margin: 0;

	font-weight: 300;

}



.container > header span {

	display: block;

	font-size: 60%;

	opacity: 0.7;

	padding: 0 0 0.6em 0.1em;

}



/* Main Content */

.main {

	max-width: 69em;

}



.column {

	float: left;

	width: 50%;

	padding: 0 2em;

	min-height: 300px;

	position: relative;

}



.column:nth-child(2) {

	box-shadow: -1px 0 0 rgba(0,0,0,0.1);

}



.column p {

	font-weight: 300;

	font-size: 2em;

	padding: 0;

	margin: 0;

	text-align: right;

	line-height: 1.5;

}





/* To Navigation Style */

.codrops-top {

	background: #fff;

	background: rgba(255, 255, 255, 0.2);

	text-transform: uppercase;

	width: 100%;

	font-size: 0.69em;

	line-height: 2.2;

}



.codrops-top a {

	padding: 0 1em;

	letter-spacing: 0.1em;

	display: inline-block;

}



.codrops-top a:hover {

	color: #e74c3c;

	background: rgba(255,255,255,0.6);

}



.codrops-top span.right {

	float: right;

}



.codrops-top span.right a {

	float: left;

	display: block;

}



.codrops-icon:before {

	font-family: 'codropsicons';

	margin: 0 4px;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

}



.codrops-icon-drop:before {

	content: "\e001";

}



.codrops-icon-prev:before {

	content: "\e004";

}



button {

	padding: 1px 13px;

	margin: -1px;	

	margin-left: 0px;

	text-transform: uppercase;

	font-weight: 900;

	border:none;

	background: none;

	color: #869791;

	-webkit-transition: background-color 200ms ease;

	-moz-transition: background-color 200ms ease;

	-o-transition: background-color 200ms ease;

	transition: background-color 200ms ease;

}

button:hover {

	background-color: #ffffff;  /* culoare dupa hover*/

	color: #ff7920;

}

.info {

	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;

	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;

	box-shadow:inset 0px 1px 0px 0px #97c4fe;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );

	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');

	background-color:#3d94f6;

	-webkit-border-top-left-radius:15px;

	-moz-border-radius-topleft:15px;

	border-top-left-radius:15px;

	-webkit-border-top-right-radius:15px;

	-moz-border-radius-topright:15px;

	border-top-right-radius:15px;

	-webkit-border-bottom-right-radius:0px;

	-moz-border-radius-bottomright:0px;

	border-bottom-right-radius:0px;

	-webkit-border-bottom-left-radius:0px;

	-moz-border-radius-bottomleft:0px;

	border-bottom-left-radius:0px;

	text-indent:0;

	border:1px solid #337fed;

	display:inline-block;

	color:#ffffff;

	font-family:Arial;

	font-size:15px;

	font-weight:bold;

	font-style:normal;

	height:40px;

	line-height:40px;

	width:86px;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 2px 0px #1570cd;

}

.info:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );

	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');

	background-color:#1e62d0;

}.info:active {

	position:relative;

	top:1px;

}



@media screen and (max-width: 46.0625em) {

	.column {

		width: 100%;

		min-width: auto;

		min-height: auto;

		padding: 1em; 

	}



	.column p {

		text-align: left;

		font-size: 1.5em;

	}



	.column:nth-child(2) {

		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);

	}

}



@media screen and (max-width: 25em) {



	.codrops-icon span {

		display: none;

	}



}

.section_hide {
	display: none;
}

.section_show {
	display: block;
}	

.alert-info {
    background-color: white !important;
    border-color: #337fed !important;
    color: black !important;
}