/**
 * Name: elements.css
 *
 *	T.O.C
 *	
 *  #Alerts
 *  #Back to top
 *	#Buttons
 *	#Callout Boxes
 *	#Custom Lists
 *	#Dividers
 *  #Fullwidth Section
 *  #Headlines
 *	#Icon Boxes
 *	#Pricing Tables
  *	#SocialMedia
 *	#Styled Tables
 */


/* ==========================================================================
   #Alerts
   ========================================================================== */

	.alert {
		padding: 13px 15px;
		border: 1px solid #d7d7d7;
		margin-bottom: 30px;
		font: 18px 'Dosis', sans-serif;
		font-weight: 300;
		text-align: center;
	}
	
	.alert i {
		position: relative;
		top: 1px;
		margin-right: 7px;
		font-size: 16px;
	}
	
	.alert.info {
		border: 1px solid #f3e686;
	}
	
	.alert.success {
		border: 1px solid #e18f5f;
		background-color: #e18f5f;
		color: #fff;
	}
	
	.alert.error {
		border: 1px solid #80a852;
		background-color: #80a852;
		color: #fff;
	}
	
	.alert.warning {
		border: 1px solid #b2a944;
		background-color: #b2a944;
		color: #fff;
	}
	

/* ==========================================================================
   #Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1000;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background-color:#000;		
		text-align: center;					
		opacity:.6;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;

	}
	#back-to-top img{
		margin-top:8px;
	}
	
	#back-to-top:hover { opacity: 1; }
	
	#back-to-top.visible { right: 40px;}
	#back-to-top.gone { right: -40px; }


/* ==========================================================================
   #Buttons
   ========================================================================== */

	.btn { 
		display: inline-block; 
		padding: 12px 25px; 
		background-color:#000;
		border:1px solid transparent;
		margin: 0;
		color: #fff !important;
		font: 16px 'Lato', sans-serif;
		line-height: 18px;
		border-radius: 10px;
		text-decoration: none !important;
		vertical-align: middle;
		letter-spacing: .025em;
		cursor: pointer; 
		-webkit-transition: all ease 0.5s;
				transition: all ease 0.5s;	
	}
	
	a.btn { color: #000; }
	
	.btn:focus { outline: 0; }
	
	.btn-large {
		padding: 15px 30px;
		font-size: 20px;
	}
	
	.btn:hover { 
		background:#fff;
		color: #000 !important;
		border:1px solid #000 !important;
	}

	/* Buton Colors */
	
	.btn.accent-color-1 { 
		background-color: #4fb443;
		color: #fff;
	}
	
	a.btn.accent-color-1 { color: #4fb443; }
	
	.btn.accent-color-1:hover { 
		border:1px solid transparent !important;
		background-color: #4fb443;
		color: #fff !important;
	}
	
	.btn.accent-color-2 { 
		background-color: #9db8b3;
		border:1px solid transparent;
	}
	
	a.btn.accent-color-2 { color: #b1a843; }
	
	.btn.accent-color-2:hover { 
		background-color: #808c8c;
		border:1px solid transparent !important;
		color: #fff !important;
	}

	.btn.accent-color-3 { 
		background-color:transparent;
		border:2px solid #000;
		color:#000 !important;
	}

	a.btn.accent-color-3 { color: #000; }
	
	.btn.accent-color-3:hover { 
		background-color:#4fb443;
		border:2px solid transparent !important;
		color: #fff !important;
	}

/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		padding: 20px 25px;
		margin-bottom: 30px;
		background-color: #fff;
		border-radius: 6px;
		min-height: 380px;
		border:1px solid #dedede;
		text-align: center !important;
		box-shadow: 0 5px 10px 7px rgba(136, 140, 133, 0.05);
	}
	
	/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-img {
		background-repeat: no-repeat; /* 1 */ 
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
		color: #fff;
	}
	
	/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-pattern {
		background: repeat top left; /* 1 */	
		color: #fff;
	}
	
	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}
	
	.callout-box .btn { margin-bottom: 0; }
	
	/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */
	
	.callout-box .row { 
		width: 100%; /* 1 */ 
	}
	
	.callout-box .span1,
	.callout-box .span2,
	.callout-box .span3,
	.callout-box .span4,
	.callout-box .span5,
	.callout-box .span6,
	.callout-box .span7,
	.callout-box .span8,
	.callout-box .span9,
	.callout-box .span10,
	.callout-box .span11,
	.callout-box .span12 {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 10px;
		margin: 0;	
	}
	
	.callout-box .span12 { width: 100%; }
	.callout-box .span11 { width: 91.6666666667%; }
	.callout-box .span10 { width: 83.3333333333%; }
	.callout-box  .span9 { width: 75%; }
	.callout-box  .span8 { width: 66.6666666667%; }
	.callout-box  .span7 { width: 58.3333333333%; }
	.callout-box  .span6 { width: 50%; }
	.callout-box  .span5 { width: 41.6666666667%; }
	.callout-box  .span4 { width: 33.3333333333%; }
	.callout-box  .span3 { width: 25%; }
	.callout-box  .span2 { width: 16.66666666666667%; }
	.callout-box  .span1 { width: 8.333333333333333%; }
  
	@media (max-width: 767px) {
	
		.callout-box .span1,
		.callout-box .span2,
		.callout-box .span3,
		.callout-box .span4,
		.callout-box .span5,
		.callout-box .span6,
		.callout-box .span7,
		.callout-box .span8,
		.callout-box .span9,
		.callout-box .span10,
		.callout-box .span11,
		.callout-box .span12 { width: 100%; }
	  
	  .callout-box{
	  		padding: 20px 30px;
			margin-bottom:0px;
			min-height: auto;
	  }

	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */
	 
	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */
	
	/**
 	 * FontAwesome lists
 	 *
	 * 1. Fill circle list
	 *
	 */
	 								
	ul.fill-circle { list-style: none; font-size:18px;margin-left:20px}	/* 1 */
	
	ul.fill-circle li:before { 
		position: relative;
		top: -2px;
		margin-right: 10px;
		color: #222;
		font-family: 'FontAwesome';
		font-size: 8px;
		font-style: normal;
	}
	.dark-bg-pad ul.fill-circle li:before {
		color: #fff !important;
	}
	ul.fill-circle li:before { content: ""; }
	
	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Check list
	 *
	 */
	ul.check{
		margin-left:10px;
	}
	ul.check li {
	  list-style: url(/images/check.svg) outside no-repeat;
	  margin-bottom: 10px;
	  padding-left:10px;
	  text-align: left;
	}
	
	ul.fill-circle li { margin-bottom: 10px; }
	
	ul.fill-circle li:last-child { margin-bottom: 0; }	
	
	/* Accent colors */
	
	ul.fill-circle.accent-color-1 li:before { color: blue; }
	
	ul.fill-circle.accent-color-2 li:before{ color: green; }
	
	ul.fill-circle.accent-color-3 li:before{ color: grey; }
	
	ul.fill-circle.accent-color-4 li:before{ color: orange; }

/* ==========================================================================
   #Dividers
   ========================================================================== */

	.divider { margin: 40px 0; }
	
	.divider.single-line { border-top: 1px solid #e2e2e2; }
	
	.divider.double-line { border-top: 4px double #e2e2e2; }
	
	.divider.single-dotted {
		 height: 1px;
		 background: url(../images/bg-single-dotted.gif) repeat-x top left ;  
	}
	
	.divider.double-dotted { 
		height: 4px;
		background: url(../images/bg-double-dotted.gif) repeat-x top left; 
	}	

/* ==========================================================================
   #Fullwidth Section
   ========================================================================== */
   
    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */
	 
   .fullwidth-section {
		overflow: hidden;
		position: relative;
		z-index: 0;	
		padding: 60px 0;
		xborder-top: 1px solid #d7d7d7;
		xborder-bottom: 1px solid #d7d7d7;
		margin: 30px 0 30px;
		background-color: #eee;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 
		background-position: 50% 0;
		-webkit-background-size: cover;
				background-size: cover;
			
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
   
   .fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;	
	}
	
	.fullwidth-section-video {
		position: absolute;
		z-index: 1;
		top: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.parallax.parallax-enabled { 
		background-attachment: fixed !important;
		/* if parallax then we don't want it to cover */
		-webkit-background-size: cover;
				background-size: cover;
		
	}
	
	
	.fit-vids-style { display:none; } /* adaugat de ytplayer */
	
	.fullwidth-section .callout-box {
		background-color: transparent;
		margin: 0;
	}

	/* Overwite element color in fullwidth-section */
	
	.fullwidth-section .btn,
	.fullwidth-section a.btn,
	.fullwidth-section ul.fill-circle.accent-color-1 li:before,
	.fullwidth-section ul.check.accent-color-1 li:before{ color: #fff; }
	
	.fullwidth-section .btn,
	.fullwidth-section ul.check.accent-color-1 li:before{ border-color: #fff; }

	
	/* Fullwidth Backgrounds */
	
	.fullwidth-section-nomargin{
		margin:0px !important;
	}



	.dark-bg{
		background-color:#151515;
		color:#fff;
		padding: 40px 0 20px;
		margin: 0px 0 40px;
	}
	.dark-bg-pad{
		background-color:#151515;
		color:#fff;
		padding:30px 0 60px;
		margin: 40px 0 40px;
	}
	.dark-bg-pad-nobtm-margin{
		background-color:#151515;
		color:#fff;
		padding:30px 0 30px;
		margin: 40px 0 0px;
	}	
	.dark-bg a,
	.dark-bg-pad a,
	.headline h3{
		color:#fff;
	}
	#bg-2 {
		margin-top: 0;
		background-image: url(../../_content/backgrounds/1920x1000-1.jpg);
	}
	
	#bg-3 {
		padding: 50px 0 20px 0; 
		background-color: #fdfae1;
		color: #69675b;
	}

	@media screen and (max-width:980px){
		.fullwidth-section{
			padding:30px 0px;
		}
		.fullwidth-section .responsive-img{
			margin: 15px 0px;

		}
	}	

/* ==========================================================================
   #Headlines
   ========================================================================== */

	.headline { 
		margin: 20px auto 40px;
		width: 50%;
	}
	
	.headline-lrg {
	  margin: 40px auto 60px;
	  width: 50%;
	}
	.headline-lrg-notitle {
	  margin:0px auto 60px;
	  width: 50%;
	}
	.headline h3 { margin-bottom:20px;text-align: center; }
	.headline-lrg h3{ margin-bottom:20px; text-align: center;}
	
	.headline p,
	.headline-lrg p,
	.headline-lrg-notitle p{
		font-size:22px;
		margin-bottom: 30px;
	}


@media screen and (max-width:1080px){
	.headline-lrg {
	  width: 85%;
	}
	.headline { 
		width:90%;
	}	
}

/* ==========================================================================
   #Icon Boxes
   ========================================================================== */

/* Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		position: relative; 
		margin-bottom: 40px; 
	}
		
	.icon-box-1 > i { 
		float: left;
		display: block;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin-top: 20px;
		background-color: #80a852;
		color: #fff;  
		font-size: 38px; 
		line-height: 80px; 
		text-align: center;
	} 
	
	.icon-box-1 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-1 a { color: #69675b; }
	
	.icon-box-1 h4 { 
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.icon-box-1 .icon-box-content { margin-left: 100px; }
	
	/* Accent colors */
	
	.icon-box-1.accent-color-1 > i { background-color: #80a852; }
	.icon-box-1.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-1.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-1.accent-color-4 > i { background-color: #f3e686; }
	
	.icon-box-1:hover > i { background-color: #69675b; }

/* Icon Box 2
   ========================================================================== */
   
	.icon-box-2 { 
		position: relative; 
		margin-bottom: 40px;
		text-align: center;
		xpadding:0px 20px;
		box-sizing: border-box;
	}
	
	.icon-box-2 > img { margin:0px auto 10px;text-align: center;max-width:100%;height:auto;border-radius: 10px}
	
	.icon-box-2 h5 { font-size:20px;margin-bottom: 20px; }
	
	.icon-box-2 a { color: inherit; }
	
	.icon-box-2 p { 
		text-align:justify;		
		font-weight: 400 !important;
		font-size:16px !important;
	}
	
	.icon-box-2:hover > span {
		width: 111px;
		height: 111px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 143px;
	}
	
	.icon-box-2:hover > span:after {
		position: absolute;
		bottom: -45px;
		left: 50%;
		height: 45px;
		border-left: 2px solid #80a852;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-2:hover > span i {
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	
	/* Icon for page 404 */
	
	.icon-box-2 h1.error {
		position: relative;
		width: 220px;
		height: 220px;
		padding: 30px;
		border: 2px solid #e18f5f;
		border-radius: 50%;
		margin: 0 auto 100px auto;
		font-size: 125px;
		line-height: 220px;
		text-align: center;
	}
	
	.icon-box-2 h1.error:before {
		position: absolute;
		bottom: -65px;
		left: 50%;
		height: 65px;
		border-left: 2px solid #e18f5f;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-2 h1.error span {
		display: inline-block;
		width: 220px;
		height: 150px;
		border-radius: 50%;
		padding-top: 70px;
		background-color: #e18f5f;
		color: #fff; 
		line-height: 40px;
	}
	
	.icon-box-2 h1.error span small { font-size: 30px; }
	
	@media (max-width: 767px) {
		
		.icon-box-2 h1.error {
			width: 180px;
			height: 180px;
			font-size: 75px;
			line-height: 180px;
		}
		
		.icon-box-2 h1.error span {		
			width: 180px;
			height: 130px;
			padding-top: 50px;
		}
	}
	
	/* Accent colors */
	
	.icon-box-2.accent-color-1 > span i { background-color: #80a852; }
	
	.icon-box-2.accent-color-1:hover > span,
	.icon-box-2.accent-color-1:hover > span:after { border-color: #80a852; }
	
	.icon-box-2.accent-color-2 > span i { background-color: #b1a843; }
	
	.icon-box-2.accent-color-2:hover > span,
	.icon-box-2.accent-color-2:hover > span:after { border-color: #b1a843; }
	
	.icon-box-2.accent-color-3 > span i { background-color: #e18f5f; }
	
	.icon-box-2.accent-color-3:hover > span,
	.icon-box-2.accent-color-3:hover > span:after { border-color: #e18f5f; }
	
	.icon-box-2.accent-color-4 > span i { background-color: #f3e686; }
	
	.icon-box-2.accent-color-4:hover > span,
	.icon-box-2.accent-color-4:hover > span:after { border-color: #f3e686; }
	
/* Icon Box 3
   ========================================================================== */
   
	.icon-box-3 { 
		position: relative; 
	}	
	
	.icon-box-3 img { 
		float: right;
		margin-top: 10px;
		margin-left:30px;
		width: 120px; 
	} 
	
	.icon-box-3 h5 {
		font-size: 1.2em;
		margin-bottom: 15px;
	}
	
	.icon-box-3 .icon-box-content {
		text-align: justify;
		font-size:18px;
	}
	
	/* Accent colors */
	
	.icon-box-3.accent-color-1 > i,
	.icon-box-3.accent-color-1 a { color: #80a852; }
	
	.icon-box-3.accent-color-2 > i,
	.icon-box-3.accent-color-2 a { color: #b1a843; }
	
	.icon-box-3.accent-color-3 > i,
	.icon-box-3.accent-color-3 a { color: #e18f5f; }
	
	.icon-box-3.accent-color-4 > i,
	.icon-box-3.accent-color-4 a { color: #f3e686; }
	
	.icon-box-3:hover > i { color: #69675b; }

/* Icon Box 4
   ========================================================================== */
   
	.icon-box-4 { 
		position: relative; 
		margin-bottom: 55px; 
	}
		
	.icon-box-4 > i { 
		float: left;
		display: block;
		margin-top: 10px;
		color: #80a852;
		font-size: 50px; 
	} 
	
	.icon-box-4 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-4 a { color: #69675b; }
	
	.icon-box-4 h4 { 
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.icon-box-4 .icon-box-content { margin-left: 90px; }
	
	/* Accent colors */
	
	.icon-box-4.accent-color-1 > i { color: #80a852; }
	.icon-box-4.accent-color-2 > i { color: #b1a843; }
	.icon-box-4.accent-color-3 > i { color: #e18f5f; }
	.icon-box-4.accent-color-4 > i { color: #f3e686; }
	
	.icon-box-4:hover > i { color: #69675b; }
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		.icon-box-4 > i,
		.icon-box-4 > i img { 
			float: none;
			margin-bottom: 20px;
			text-align: center;
		}
		
		.icon-box-4 .icon-box-content { margin-left: 0; }
		
	}

/* Icon Box 5
   ========================================================================== */
   
	.icon-box-5 { 
		position: relative; 
		margin-bottom: 40px; 
	}
		
	.icon-box-5 > i { 
		float: left;
		display: block;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;  
		font-size: 24px; 
		line-height: 64px; 
		text-align: center;
	} 
	
	.icon-box-5 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-5 h4 {
		padding-top: 7px; 
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.icon-box-5 .icon-box-content { margin-left: 100px; }
	
	/* Accent colors */
	
	.icon-box-5.accent-color-1 > i { background-color: #80a852; }
	.icon-box-5.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-5.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-5.accent-color-4 > i { background-color: #f3e686; }
	
	.icon-box-5:hover > i { background-color: #69675b; }
	
/* Icon Box 6
   ========================================================================== */
	
	.icon-box-6 { 
		position: relative;
		padding: 20px 10px 0 10px;
		border: 1px solid #f3e686;
		margin-bottom: 40px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.icon-box-6 > span {
		position: relative;
		display: inline-block;
		margin-bottom: 60px; 
		width: 82px;
		height: 82px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 105px;
	}
	
	.icon-box-6 > span i {
		display: inline-block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 40px;
		line-height: 65px;
	}
	
	.icon-box-6 > span:after {
		position: absolute;
		bottom: -45px;
		left: 50%;
		height: 45px;
		border-left: 2px solid #80a852;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-6 > img { margin-bottom: 10px; }
	
	.icon-box-6 h4 { margin-bottom: 25px; }
	
	.icon-box-6 a { color: #69675b; }
	
	.icon-box-6 .icon-box-content {}
	
	.icon-box-6:hover { background-color: #f3e686; }
	.icon-box-6:hover a { color: #69675b; }
	
	/* Accent colors */
	
	.icon-box-6.accent-color-1 > span i { background-color: #80a852; }
	
	.icon-box-6.accent-color-1 > span,
	.icon-box-6.accent-color-1 > span:after { border-color: #80a852; }
	
	.icon-box-6.accent-color-2 > span i { background-color: #b1a843; }
	
	.icon-box-6.accent-color-2 > span,
	.icon-box-6.accent-color-2 > span:after { border-color: #b1a843; }
	
	.icon-box-6.accent-color-3 > span i { background-color: #e18f5f; }
	
	.icon-box-6.accent-color-3 > span,
	.icon-box-6.accent-color-3 > span:after { border-color: #e18f5f; }
	
	.icon-box-6.accent-color-4 > span i { background-color: #f3e686; }
	
	.icon-box-6.accent-color-4 > span,
	.icon-box-6.accent-color-4 > span:after { border-color: #f3e686; }
	
	.icon-box-6.accent-color-4:hover > span i { background-color: #80a852; }
	
	.icon-box-6.accent-color-4:hover > span,
	.icon-box-6.accent-color-4:hover > span:after { border-color: #80a852; }