/*
Theme Name: 	Avangarde ST 2015 Child
Theme URI: 		www.outsourcing-romania.eu
Description:	Twenty Fifteen Child Theme
Author: 		Alex Sin
Template: 		twentyfifteen
Version: 		1.0.0
Author URI:  	www.outsourcing-romania.eu
Text Domain: 	twentyfifteen-child
*/


/*------------------------------------------------
	General styles
------------------------------------------------*/

html{
	background: #f7f7f7; }

html, body {
	height: 100%; }

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

body {
	background-color: transparent;
	color: #444444;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default; }

body, button, input, select, textarea {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6; }

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;	
	letter-spacing: -1px; }


#page{
	height: 100%;
}
#content{
	height: 100%;
}
	
	
/*--------- default link style -----------------*/
	
a {
	color: #225378;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #1695a3;
	color: rgba(22, 149, 163, 0.7);
}
	
a:hover {
	cursor: pointer; }

img {
	max-width: 100%;
	height: auto; }


/*------------------------------------------------
	Logo & Sidebar
------------------------------------------------*/


#logo{
	background: url(images/logo.png);
	display: block;
	width: 190px;
	height: 89px; }

.logo-contact{
	background: url(images/logo.png) no-repeat;
	display: block;
	float: right;
	width: 190px;
	height: 89px; }
	
@media screen and (max-width: 800px) {
	.logo-contact{ width: 100%; margin: 0 0 20px 0; }
}
	
	
.site-header{
	margin-top: 4em;
	margin-bottom: 1.5em; }
	
#fb-like {
	margin-bottom: 2em;
}


body:before {
    box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);
}


article.page {
	    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	
}


/*------------------------------------------------
	Sidebar Menu & Navigation
------------------------------------------------*/

.site-title, .site-description{
	display: none;
}


.main-navigation{
	margin-bottom: 2em;
}

#menu-main-menu{
	border: 0; }
	
	.main-navigation .nav-menu  li{
		border: 0; }
		
	.current-menu-item a{
		color: #1695a3;
	}
				
	
		.main-navigation .nav-menu  a{
			font-family: 'Oswald', sans-serif;
			font-size: 1.5em;
			font-weight: 300;
			padding: 0; }


		.main-navigation .nav-menu  .sub-menu {
			border: 0;
			margin: 1em 0 1em 0;}
			
			.main-navigation .nav-menu  .sub-menu a{
				color: #1695a3;
				font-size: 1.1em;
				line-height: 1.1em;
				margin: 0 0 10px 0;} 
				
			.main-navigation .nav-menu .sub-menu a:hover{
				color: #225378; }		
				
			.main-navigation .nav-menu .sub-menu .current_page_item.current-menu-item a{
				font-weight: 400 !important; }

					
	#widget-area .widget{
		margin-bottom: 0; }
		
		
	.dropdown-toggle {
    position: absolute;
    top: 3px;
    right: 70px;
    width: 42px;}
		
	.dropdown-toggle:after {
		background: none;
		color: #225378;
		content: "\e000";
		font-family: Flaticon;
		
		font-size: 24px;
	}		
	
	.dropdown-toggle.toggle-on:after {
		background: none;
		color: #1695a3;
		content: "\e003";
		font-family: Flaticon;
	}

	.dropdown-toggle:hover, .dropdown-toggle:focus,
	.dropdown-toggle:hover:after, .dropdown-toggle:focus:after {
		background-color: transparent;
		color: #1695a3;
		outline: none;
	}
	
	
/*------------------------------------------------
	Main Content
------------------------------------------------*/		

html{	
	background-image: url(images/ruler-left.png),  url(images/ruler-right.png), url(images/bg.png);
	background-repeat: repeat-y, repeat-y, repeat;
	background-position: 31% 0, 99% bottom, left top;
	background-attachment: fixed, scroll, fixed; }

@media screen and (min-width: 1800px) {
	html{ background-position: 36% 0, 99% bottom, left top;	}
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
	html{ background-position: 34% 0, 99% bottom, left top;	}
}

@media screen and (min-width: 1580px) and (max-width: 1600px) {
	html{ background-position: 33% 0, 99% bottom, left top;	}
}

@media screen and (min-width: 1450px) and (max-width: 1580px) {
	html{	background-position: 32% 0, 99% bottom, left top;	}
}

@media screen and (max-width: 950px) {
	html{ background-position: 10px 0, 99% bottom, left top; }
}

/* main body article content ----- */

.entry-header .entry-title{
	font-weight: 300;
	font-size: 4em;
	margin-bottom: 0.8em;}

.entry-content h2{
	color: #225378; }


.entry-content ol.cartea-funciara > li{
	margin: 0 0 2em; }



/*------------------------------------------------
	Sidebar Footer & Copyright
------------------------------------------------*/

.copy-text{
	color: #225378;
	display: block;
	font-size: 1.1rem;
	float: left;
	margin: 1rem 0;
	width: 100%;
	
}

.textwidget a{
	border: 0; }

.copyright-info a:before{
	font-size: 1.7em;
	margin: 0 0.1em 0 0;
}

.copyright-info a:hover:before{}

.copyright-info a:nth-child(2):before{
    font-size: 2.4em;
    line-height: 1em;
    vertical-align: bottom;	
}



.certificari{
	background: url(images/9001-and-14001-logos.png) top left no-repeat;	
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
	height: 136px; }





/*------------------------------------------------
	Homepage
------------------------------------------------*/

.homepage {
	margin: 4em 0 0 0;
	padding: 0; }

	.homepage .hentry{
		background-color: transparent;
		padding-top: 0;
		box-shadow: initial; }

/* Slider */  

.homepage .hentry .nivo-caption{		/* slider caption */
	font-family: 'Oswald', sans-serif;
	font-size: 3rem;
	font-weight: 300;
	
	
    position: absolute;
	left: initial;
    right: 0px !important;
    bottom: 20%;
    background: #225378;
    color: #fff;
    z-index: 8;
    padding: 5px 10px;
    opacity: 1;
    overflow: hidden;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	text-align: center;
	width: 60% !important;
}

.nivoSlider > img , .nivo-slice > img{
	-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); }


/* BOXES - prezentare servicii */  

.main-services{
	float: left;
	margin: 40px 0 10px;
}

	.main-services .entry{
		box-sizing: border-box;
		float: left;
		margin: 0 0 20px 0;
		padding: 30px 100px 0 0;
		width: 48%;	
	}
		

	@media screen and (max-width: 600px){		
		.main-services {
			padding: 30px; }	
			
			.main-services .entry{
				width: 100%; }
	}
		
		.main-services .entry h1{
			color: #1695a3;
			font-size: 3rem;
			line-height: 3rem;
			margin: 0 0 10px 0;
		}
		
		.main-services .entry p{
			color:  #225378;
			font-size: 0.9em;
			font-style: italic;
			line-height: 1.3em;	
		}

	.main-services .entry:nth-child(1){
		background: url(images/ms-cadastru.png) top right no-repeat;
		margin-right: 2%;
	}

	.main-services .entry:nth-child(2){
		background: url(images/ms-cartografie.png) top right no-repeat;
		margin-left: 2%;
	}

	.main-services .entry:nth-child(3){
		background: url(images/ms-geodezie.png) top right no-repeat;
		clear: left;
		margin-right: 2%;
	}

	.main-services .entry:nth-child(4){
		background: url(images/ms-topografie-inginereasca.png) top right no-repeat;
		margin-left: 2%;
	}



/* BOXES - skewed */

/*
.sk-box:before{
    content: '';
    width: 108px;
    height: 86px;
    background: url('images/certified.png') no-repeat;
    display: block;
    position: absolute;
    margin: 40px 60px 0 0;
	right: 0;
}

@media screen and (max-width: 800px){
	.sk-box:before{ display: none; }	
}

*/

.sk-box{	
	background: #225378;
	color: #FFF;
	float: left;
	
	-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
	
	width: 100%;	
	padding: 15px 0;		

}  
		
	.sk-box h1{
		color: #acf0f2;
		font-size: 3rem;
		line-height: 3rem;
		margin: 10px 0 10px 0;
		padding: 0 12%;
		}
		
	.sk-box p{
		font-size: 0.9em;
		font-style: italic;
		line-height: 1.3em;	
		padding: 0 12% 0 12%;	}



.presa{
	margin: 10px 0 10px;
	float: left;


	background: #225378;
	color: #FFF;
	float: left;


-webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
	
	width: 100%;	
	padding: 15px 0;


}

.presa a{
    color: #FFF;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.3em;
}


.presa a:hover{
    color: #acf0f2;
}
		
	.presa h1{
		color: #acf0f2;
		font-size: 3rem;
		line-height: 3rem;
		margin: 10px 0 10px 0;
		padding: 0 12%;
		}
		
	.presa p{
		font-size: 0.9em;
		font-style: italic;
		line-height: 1.3em;	
		padding: 0 12% 0 12%;	}

.adad{
	
	background: #225378;
	color: #FFF;
	float: left;

-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);

	
	width: 100%;	
	padding: 15px 0;


}

	.adad h1{
		color: #acf0f2;
		font-size: 3rem;
		line-height: 3rem;
		margin: 10px 0 10px 0;
		padding: 0 12%;
		}
		
	.adad p{
		font-size: 0.9em;
		font-style: italic;
		line-height: 1.3em;	
		padding: 0 12% 0 12%;	}




form.wpcf7-form input[type="submit"]{
	background: #225378;
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	font-weight: 300;			
	width: 100%;
}

form.wpcf7-form input[type="submit"]:hover{
	background: #1695a3;
}

form.wpcf7-form .ajax-loader{
	display: block;
	margin: 10px auto !important;
	text-align: center;
	width: 16px;
}


/*-----------------------------------------------------------------
	Dotari
-----------------------------------------------------------------*/

.dotari table td{
	font-size: 10px !important;
	line-height: 12px !important;
}


	.dotari table td strong{
		font-size: 10px !important;
		line-height: 12px !important;
		text-transform: uppercase;
	}



/*-----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/


@media screen and (max-width: 950px) {
	html{ background-position: 10px 0, 99% bottom, left top; }
}


/*-----------------------------------------------------------------
	Responsive
-----------------------------------------------------------------*/


@media screen and (max-width: 800px) {
	.site-header{ margin: 0;}
	.secondary-toggle{ top: -30px; right: -50px;}
	.site-branding{ min-height: initial; }
	.nivoSlider { display: none;}
	.main-services{ margin-top: 0;}
	#main .sk-box{ background: transparent;  color: #225378;}
	#main .sk-box h1 { color:  #225378; }
	
}

.fb_iframe_widget, .fb-like { overflow: hidden !important;}
.fb_iframe_widget_fluid span{ overflow: hidden !important;}
.fb_iframe_widget span{ overflow: hidden !important;}
.site-info{ display: none; }