#back-top {
	z-index:999;
	bottom: 0px;
	position:fixed;
	right:0px;
	width:30px;
}
#back-top a {
	width: 30px;
	display: block;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	line-height:11px;
	position:relative;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	width: 30px;
	height: 30px;
	display: block;
	background-color:#000;
	transition:all linear .2s;

}
#back-top a:hover span {
	background-color:#80bf4c;
}

#back-top a:after{
	content: "\f077";
	font-family: 'FontAwesome';
	position:absolute;
	text-align:center;
	top:0;
	left:0;
	width:30px;
	line-height:30px;
}

/********************/

body{
	margin:0;
	padding:0;
	/*font-family: 'Raleway', sans-serif;*/
	font-family:Sans-Serif;
	font-size:1em;
	line-height:150%;
	color:#444;
}

h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

a{
	text-decoration:none;
	color:#80bf4c;
}

img{
	max-width:100%;
}

.contatto p{
	display:none;
}

/*****************************/

#total_wr{
	position: relative;
}

.topad{

}

.container{
	max-width:1200px;
	margin:auto;
}

/*****************************/

header{
	background-color:#fff;
	position:relative;
	transition:all linear .2s;
}

.flow{
	width:100%;
	z-index:999;
	left:0;
}

.mini .padd{
	padding:10px 20px;
}

.mini #top_wr{
	height:50px;
}

/************************/

#topbar_wr{
	background-color:#fff;
	padding:5px 10px;
	transition:all linear .2s;
	position:relative;
	transition:all linear .2s;
	left:0;
	z-index:2;
	overflow:hidden;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #eee;
	font-size:.8em;
}

#topbar_wr .container{
	max-width:1150px;
	padding:0 20px;
}

#topbar_wr a {
	color:#555555;
}
#topbar_wr a:hover {
	color:#80bf4c;
}

#social{

}

#social a{
	float:right;
	text-align:center;
	transition:all linear .2s;
	color:#999;
	padding:0 5px;
	margin:0 3px;
	border-radius:50%;
}

#social a .fa{

}

#social a .fa-facebook:hover{
	color:#3a5795;
}

#social a .fa-google-plus:hover{
	color:#d34836;
}

#social a .fa-twitter:hover{
	color:#1dcaff;
}

#social a .fa-youtube:hover{
	color:#CC181E;
}

#social a .fa-linkedin:hover{
	color:#0077b5;
}

#social a .fa-pinterest:hover{
	color:#cb2027;
}

.hidden{
	display:none;
}

/*************************/

#header_wr{
	max-width:1200px;
	margin:auto;
	text-align:center;
	display:none;
	height:50px;
	line-height:50px;
	position:relative;
	z-index:2;
	left:0;
	transition:all linear .2s;
}

#menu_open{
	float:left;
	height:50px;
	width:50px;
	text-align:center;
	border-right:1px solid #ebebed;
	cursor:pointer;
}

#mob_logo{
	float:right;
	height:50px;
	padding:0 20px;
	font-family: 'Montserrat', sans-serif;
}

#mob_logo img{
	height:30px;
	vertical-align:middle;
}

/*****************************/

.centered,.middle{
	max-width:1200px;
	margin:auto;
}

.fix{
	position:fixed!important;
	top:0;
	left:0;
	width:100%;
	z-index:3;
	height:50px!important;
}

#top_wr{
	height:70px;
	transition:all linear .2s;
	box-shadow:0 0 5px #666;
	background-color:#fff;
	position:absolute;
	z-index:3;
	width:100%;
}

#logo{
	font-family: 'Montserrat', sans-serif;
}

#logo p{
	margin:5px 0;
}

#logo a{
	color:#222;
}

#logo a:hover{
	color:#80bf4c ;
}

#logo img{
	height: 35px;
	position: relative;
	top: -10px;
	vertical-align: -20px;
}

/*****************************/

#menu{
	font-size:0.9em;
	text-align:right;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	display:inline;
	display:inline-block;
	margin:0 0 0 10px;
	position:relative;
}

#menu ul li a{
	display:block;
	padding:5px 10px;
	color:#555;
	position:relative;
	height:38px;
}

.mini #menu ul li a{
	height:30px;
	transition:all linear .2s;
}

#menu ul li a:hover,
#menu ul li .active a{
	color:#000;
}

.mini #menu ul li a:hover:after,.mini #menu ul li.active a:after{
	content:"";
	position:absolute;
	bottom:-2px;
	left:10px;
	right:10px;
	border-bottom:2px solid #80bf4c;
	z-index:999;
}

#menu ul li a:hover:after,#menu ul li.active a:after{
	content:"";
	position:absolute;
	bottom:-2px;
	left:10px;
	right:10px;
	border-bottom:2px solid #80bf4c;
	z-index:999;
}

#menu ul li span{
	display:none;
}

#menu ul li ul{
	position:absolute;
	background-color:#fff;
	z-index:999;
	right:0;
	top:49px;
	text-align:left;
	box-shadow:0 0 5px #666;
	width:150px;
	display:none;
	font-size:.9em;
}

#menu ul li ul:after{
	position:absolute;
	top:-8px;
	right:30px;
	width: 0;
	height: 0;
	content:"";
	border-style: solid;
	border-width: 0 10px 8px 10px;
	border-color: transparent transparent #fff transparent;
}

#menu ul li:hover > ul{
	display:block;
}

.mini #menu ul li ul{
	top:39px;
}

#menu ul ul li{
	display:block;
	border-bottom:1px solid #eee;
	margin:0;
}

#menu ul li ul li a:after,
#menu ul li ul li a:hover:after{
	border:none!important;
}

#menu ul ul li a{
	height:auto;
}

/*****************************/

#slide_wr{
	max-height:750px;
	overflow:hidden;
	position:relative;
	left:0;
	transition:all linear .2s;
	z-index:2;
	padding-top:70px;
}

#slide_wr img{
	display:block;
	width:100%
}

#slide_wr2{
	max-height:750px;
	overflow:hidden;
	position:relative;
	left:0;
	transition:all linear .2s;
	z-index:2;
	padding-top:70px;
}

#slide_wr2 img{
	display:block;
	width:100%;
}

/*****************************/

#breadcrumbs{
	background-image:url("../images/breadcrumbs-bar2-bg.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	left:0;
	transition:all linear .2s;
	z-index:2;
	padding-top:70px;
}

.breadcrumbs{
	max-width:1200px;
	margin:auto;
	color:#fff;
	font-size:0.8em;
	padding:10px 0;
}

.breadcrumbs h3{
	font-size:1.5em;
}

.breadcrumbs ul{
	margin:0;
	padding:0;
	list-style:none;
}

.breadcrumbs ul li{
	display:inline;
}

.breadcrumbs ul li:after{
	content:"//";
	margin:0 5px;
}

.breadcrumbs ul li:last-child:after{
	display:none;
}

.breadcrumbs ul li a{
	color:#fff;
}

.breadcrumbs ul li a:hover{
	text-decoration:underline;
}

.breadcrumbs .col-6-r{
	text-align:right;
}

/*****************************/

#main_wr{
	position:relative;
	left:0;
	transition:all linear .2s;

	background-color:#fff;
	padding:40px 20px;
}

#content{
	max-width:1200px;
	margin:auto;
	line-height: 1.8em;
}

#content p{
	margin:15px 0;
}

/*****************************/

.dark_wr{
	background-color:#f9f9f9;
	padding:40px 20px;
	position:relative;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	left:0;
	transition:all linear .2s;
	/*z-index:2!important;*/
}

.white_wr{
	background-color:#fff;
	padding:60px 20px;
	position:relative;
	left:0;
	transition:all linear .2s;

}

.white_wr p,.dark_wr p{
	font-size:.9em;
	margin:0 0 5px;
	color:#555;
}

.white_wr ul{
	list-style:none;
	margin:10px 0;
	font-size:.9em;
	padding:20px;
	color:#555;
}

.white_wr ul li{
	padding-left:20px;
	position: relative;
}

.white_wr ul li:before{
	color:#80bf4c;
	content: "\f00c";
	font-family: 'FontAwesome';
	margin-right:10px;
	position:absolute;
	left:0;
	top:0;
}

.middle h3{
	color:#000;
	font-weight:300;
	font-size:1.5em;
	margin-bottom:20px;
	font-family:"Oswald",sans-serif;
	text-transform:uppercase;
}

.middle h3 a{
	color:#000;
}

.middle .marg{
	margin:20px 0;
}

.dark_wr .middle .fa{
	display:block;
	color:#80bf4c;
	margin-bottom:20px;
	font-size:1.6em;
}

.middle .center{
	padding-right:30px;
	padding-left:30px;
}

.center{
	text-align:center;
}

/*****************************/

.clearfix{
	position:relative;
}

.clearfix:after{
	clear:both;
	display: table;
	content: " ";
}

.padd{
	padding:20px 20px;
	transition:all linear .2s;
}

.col-1-l,.col-2-l,.col-3-l,.col-4-l,.col-5-l,.col-6-l,.col-7-l,.col-8-l,.col-9-l,.col-10-l,.col-11-l,.col-12-l{
	float:left;
	position:relative;
	box-sizing:border-box;
}

.col-12-l {
  width: 100%;
}
.col-11-l {
  width: 91.66666667%;
}
.col-10-l{
  width: 83.33333333%;
}
.col-9-l {
  width: 75%;
}
.col-8-l {
  width: 66.66666667%;
}
.col-7-l {
  width: 58.33333333%;
}
.col-6-l {
  width: 50%;
}
.col-5-l {
  width: 41.66666667%;
}
.col-4-l {
  width: 33.33333333%;
}
.col-3-l {
  width: 25%;
}
.col-2-l {
  width: 16.66666667%;
}
.col-1-l {
  width: 8.33333333%;
}
/*****************************/

.col-1-r,.col-2-r,.col-3-r,.col-4-r,.col-5-r,.col-6-r,.col-7-r,.col-8-r,.col-9-r,.col-10-r,.col-11-r,.col-12-r{
	float:right;
	position:relative;
	box-sizing:border-box;
}

.col-12-r {
  width: 100%;
}
.col-11-r {
  width: 91.66666667%;
}
.col-10-r{
  width: 83.33333333%;
}
.col-9-r {
  width: 75%;
}
.col-8-r {
  width: 66.66666667%;
}
.col-7-r {
  width: 58.33333333%;
}
.col-6-r {
  width: 50%;
}
.col-5-r {
  width: 41.66666667%;
}
.col-4-r {
  width: 33.33333333%;
}
.col-3-r {
  width: 25%;
}
.col-2-r {
  width: 16.66666667%;
}
.col-1-r {
  width: 8.33333333%;
}

.title_1{
	text-align:center;
	margin:10px 0 40px;
}

#content .fa{
	margin:0 5px;
}

.icons{
	font-size:0.8em;
	margin-bottom:20px;
}

.icons .padd div{
	padding:2px 10px;
	transition:all linear .2s;
}

.icons .padd div:hover{
	background-color:#80bf4c;
	color:#fff;
	border-radius:4px;
}

.icons .padd div .fa{
	transition:all linear .4s;
}

.icons .padd div:hover > .fa{
	font-size:1.5em;
	vertical-align:middle;
	-ms-transform: rotateY(360deg); /* IE 9 */
    -webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
    transform: rotateY(360deg);
}

.mb {
	margin:0 0 30px;
}

code{
	padding:5px;
}

.bg-yellow{
	background-color:yellow;
}

.bordered{
	border:1px solid #ccc;
}

.mobile_slogan,.social_mobile{
	display:none;
	display:none;
	display:none;
	display:none;
}

.spechr div{
	overflow:hidden;
}

.data-hidden{
	padding:20px 30px;
	bottom:-80px;
	right:0;
	left:0;
	font-size:.8em;
	position:absolute;
	color:#fff;
	background-image:url("../images/opacity1.png");
	transition:all linear .3s;
	height:120px;
	overflow:hidden;
}

.data-hidden .fa{
	border-radius:50%;
	display:inline-block;
	width:20px;
	height:20x;
	font-size:.8em;
	text-align:center;
	line-height:20px;
	border:1px solid #fff;
	margin:2px 0;
}

.data-hidden h4{
	text-transform:uppercase;
	font-size:.9em;
}

.data-hidden h3{
	font-style:italic;
}

.data-hidden p{
	margin:5px 0;
}

.data-hidden a{
	color:#fff;
}

div:hover > .data-hidden{
	bottom:0;
	height:auto;
}

img.img1{display:block;margin:auto;}

hr.spechr{
	border:none;
}

.hider:after,.shod:after{
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    border-style: solid;
    border-width: 5px;
    bottom: 34px;
    content: "";
    left: 34px;
    position: absolute;
    right: 34px;
    top: 34px;
}

.shod a:after{
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    border-style: solid;
    border-width: 5px;
    bottom: 14px;
    content: "";
    left:14px;
    position: absolute;
    right: 14px;
    top: 14px;
}

.shod a{
	display:block;
	position:relative;
	z-index:2;
}

.hi{
	text-transform:uppercase;
	color:#000;
	font-size:2em;
	font-family: 'Oswald', sans-serif;
	margin-bottom:30px;
	line-height:150%;
}

.hi .fa{
	color:#fff;
	margin-right:20px;
	padding:20px;
	background-color:#80bf4c;
	vertical-align: middle;
	font-size:.8em;
}

.hi img{
	vertical-align:middle;
	margin-right:20px;
}

.hi1{
	text-transform:uppercase;
	color:#000;
	font-size:2.5em;
	font-family: 'Oswald', sans-serif;
	margin-bottom:15px;
	position:relative;
	padding-top:50px;
	line-height:50px;
}

.hi1:before{
	border-color: #80bf4c;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
}

.margin{
	margin:20px 0 40px;
}

#main_wr h3{
	margin-bottom:10px;
}

.rounded{
	border-radius:50%;
	padding:5px;
	border:1px solid #80bf4c;
	width:100px;
	height:100px;
	transition:all linear .2s;
}

.rounded:hover{
	border-radius:0;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog,.modal.fade .modal-dialog1 {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog,.modal.in .modal-dialog1 {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px auto;
  max-width:800px;
}
.modal-dialog1{
  position: relative;
  width: auto;
  margin: 10px auto;
  max-width:500px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

button.close{
	float:right;
	border:none;
	background-color:transparent;
	color:#888;
	font-weight:bold;
}

button{
	cursor:pointer;

}

.footer_wr{
	background-image:url("../images/bg-footer.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;

	position:relative;
	left:0;
	transition:all linear .2s;
}

.over_footer{
	padding:40px 0 30px;
	background-color: rgba(0, 0, 0, 0.5);
}

.footer_inside{
	margin: auto;
    max-width: 1200px;
	color:#bbb;
	font-size:.9em;
}

.footer_inside h2{
	color:#fff;
	font-size:2.2em;
	margin-bottom:30px;
	font-weight:bold;
	font-family:"Oswald",sans-serif;
	position:relative;
	display:inline-block;
}

.footer_inside h2:before{
	content:"";
	border-left:3px solid #80bf4c;
	border-top:3px solid #80bf4c;
	border-bottom:3px solid #80bf4c;
	height:180%;
	left:-25px;
	width:20px;
	top:-50%;
	position:absolute;
}

.footer_inside h2:after{
	content:"";
	border-right:3px solid #80bf4c;
	border-top:3px solid #80bf4c;
	border-bottom:3px solid #80bf4c;
	height:180%;
	right:-25px;
	width:20px;
	top:-50%;
	position:absolute;
}

span.yellow{
	color:#80bf4c;
}

.footer_inside .col-12-l{
	margin-bottom:10px;
}

.footer_inside .col-12-l p{
	font-style:italic;
	font-size:1.1em;
}

.footer_inside h3{
	font-family:"Oswald",sans-serif;
	color:#fff;
	font-weight:300;
	margin-bottom:10px;
}

.yellow_button{
	background-color: #80bf4c;
	border:2px solid #80bf4c;
	color: #fff;
	padding:5px 20px;
	display: inline-block;
	text-transform:uppercase;
	font-size:.9em;
	margin:5px;
}

.yellow_button:hover{
	background-color:#222;
	border-color:#222;
}

.dark_button{
	background-color: #fff;
	border:2px solid #222;
	color: #222;
	padding:5px 20px;
	display: inline-block;
	text-transform:uppercase;
	font-size:.9em;
	margin:5px;
}

.dark_button:hover{
	border-color:#80bf4c;
}

.cell{
	padding:5px 10px;
	margin:10px 0;
	font-size:.9em;
}

.cell label{
	display:inline-block;
	margin:5px;
	width:100px;
}

.cell input{
	margin:5px;
	width:170px;
	border:1px solid #ccc;
	color:#555;
	padding:5px;
}

.cell select{
	margin:5px;
	width:180px;
	color:#555;
}

.cell option{
	padding:5px;
}

.cell textarea{
	display:block;
	width:90%;
	padding:10px 20px;
	border:1px solid #ccc;
	color:#555;
}

img.gall{
	height:50px;
	display:inline-block;
	margin:5px;
}

.centered2{
	margin:auto;
	max-width:1120px;
	padding:25px 20px 0 20px;
	border-top:1px solid #555;
	font-size:.8em;
	color:#bbb;
}

.right{
	text-align:right;
}

.footer2_wr ul{
	margin:0;
	padding:0;
	list-style:none;
}

.footer2_wr ul li{
	display:inline-block;
	margin:0 10px 0 0;
}

.footer2_wr ul li a{
	color:#bbb;
	text-transform:uppercase;
	font-size:.9em;
}

h4{
	font-family:"Oswald",sans-serif;
	color:#222;
	font-weight:300;
	margin:30px 0 15px;
	font-size:1.5em;
}

.modal-title img{
	height:30px;
	margin-right:10px;
	vertical-align:middle;
}

/***************/

.materiale{
	text-align:center;
}

.materiale img{
	max-width:100px;
	margin:auto;
	margin-bottom:10px;
	border:2px solid #80bf4c;
}/*
.pools{	background-image: url("../images/Inground-Swimming-Pool-Kit.jpg");	background-size:cover;}.outpool{	background-image: url("../images/1P_Playa-Bianca-1500x880.jpg");	background-size:cover;}.manutent{	background-image: url("../images/manu.jpg");	background-size:cover;}.pavim{	background-image: url("../images/57.jpg");	background-size:cover;}.acce{	background-image: url("../images/apice6.jpg");	background-size:cover;}*/
.contentbox{
	/*background-color:rgba(0,0,0,.4);*/
	padding:25px;
	box-shadow:0 0 5px #ccc;
}

.clear{
	clear:both;
}
/*
.contentbox h3 a{
	color:#fff;
}

.contentbox p{
	color:#fff;
	text-shadow:0 0 1px #000;
}*/

/*****************************/

@media screen and (max-width: 850px){

	body{
		background-color:#fff;
		font-family:"Open Sans",sans-serif;
		color:#666;
	}

	#total_wr{
		padding:50px 0 0;
		overflow-x:hidden;
		background-color:#eee;
	}

	#topbar_wr{
		display:none;
	}

	.hidden{
		display:block;
	}

	.flow{
		position:fixed;
		z-index:3;
		transition:all linear .2s;
		top:0;
	}

	.mini .padd{
		padding:20px;
	}

	.mini #top_wr{
		height:auto;
	}

	#header_wr{
		display:block;
		border-bottom:1px solid #ebebed;
		background-color:#fafafa;
		/*background-image:url("../images/menu-mobile-bg.png");*/
		color:#444;
		box-shadow:0 0 5px #ddd;
	}

	#top_wr{
		height:auto;
		overflow:hinerit;
	}

	.col-1-r,.col-2-r,.col-3-r,.col-4-r,.col-5-r,.col-6-r,.col-7-r,.col-8-r,.col-9-r,.col-10-r,.col-11-r,.col-12-r{
		width:100%;
		float:none;
	}

	.col-1-l,.col-2-l,.col-3-l,.col-4-l,.col-5-l,.col-6-l,.col-7-l,.col-8-l,.col-9-l,.col-10-l,.col-11-l,.col-12-l{
		width:100%;
		float:none;
	}

	.col-3-l{
		float:left;
		width:50%;
		margin-bottom:10px;
	}

	.hider{display:none;}

	/*******************/

	.mobile_slogan{
		display:block;
		padding:5px 10px;
		background-color:#eee;
		text-transform:uppercase;
		font-size:0.6em;
		font-weight:600;
	}

	.social_mobile{
		display:block;
		height:50px;
		overflow:hidden;
		background-color:#fafafa;
		border-bottom:1px solid #ebebed;
	}

	.social_mobile a{
		float:left;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		border-right:1px solid #ebebed;
		color:#444;
	}

	#top_wr{
		position:fixed;
		top:0;
		bottom:0;
		left:-274px;
		width:274px;
		z-index:0;
		background-color:#fff;
		transition:all linear .2s;
		overflow-y:auto;
		height:auto!important;
	}

	#top_wr .padd{
		padding:0;
	}

	.open{
		left:0!important;
	}

	.moveleft{
		left:255px!important;

		border-left:1px solid #ebebed;
		box-shadow:0 0 5px #ddd;
	}

	#logo{
		height:auto;
		padding:10px!important;
		text-align:left;
		border-bottom:1px solid #ebebed;
		background-color:#fff;
	}

	#logo p{
		margin:0;
	}

	#logo img{
		top:0;
		vertical-align:middle;
		display:block;
	}

	/*******************/

	#menu{
		font-size:0.8em;
		text-align:left;
	}

	#menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	#menu ul li{
		display:block;
		margin:0;
		border-bottom:1px solid #ebebed;
		position:relative;
	}

	#menu ul li:hover > ul{
		display:none;
	}

	#menu ul li ul{
		display:none;
		position:relative;
		box-shadow:none;
		width:auto;
		top:0;
		transition:all linear .2s;
	}

	#menu ul li ul.open{
		display:block;
	}

	.mini #menu ul li ul{
		top:0;
	}

	#menu ul li.active ul{
		/*display:block;*/
	}

	#menu ul li ul li{
		display:block;
		margin:0;
		border-top:1px solid #ebebed;
		border-bottom:none;
		position:relative;
		text-transform:uppercase;
	}

	#menu ul li ul li a{
		padding:5px 10px 5px 30px;
		font-size:.1.4em;
		text-transform:none;
	}

	#menu ul li span{
		display:block;
		cursor:pointer;
		position:absolute;
		font-size:.8em;
		background-color:#fff;
		transition:all linear .2s;
		left:213px;
		top: 11px;
		height:20px;
		width:20px;
		text-align:center;
		line-height:20px;
		z-index:999;
	}

	#menu ul li a{
		display:block;
		padding:10px 20px;
		color:#555;
		position:relative;
		height:auto;
	}

	.mini #menu ul li a{
		height:auto;
	}

	#menu ul li a:hover,
	#menu ul li .active a{
		color:#000;
		position:relative;
	}

	.mini #menu ul li a:hover:after{
		border:none;
	}

	#menu ul li a:hover:after{
		border:none;
	}

	#menu ul li a:after ,.mini #menu ul li:after{
		color: #eee;
		content: "\f111";
		font-family: "FontAwesome";
		font-size: 8px;
		left: 220px;
		top: 11px;
		position: absolute;
		border:none!important;
	}

	#menu ul li.active a:after ,.mini #menu ul li.active:after,#menu ul li a:hover:after,.mini #menu ul li a:hover:after{
		color: #2ecc71;
		content: "\f111";
		font-family: "FontAwesome";
		font-size: 8px;
		left: 220px;
		top: 11px;
		position: absolute;
		border:none!important;
	}

	#menu ul li ul li a:after ,.mini #menu ul li ul li:after{
		color: #eee;
		content: "\f111";
		font-family: "FontAwesome";
		font-size: 8px;
		left: 220px;
		top: 4px;
		position: absolute;
		border:none!important;
	}

	#menu ul li ul li a:hover:after,.mini #menu ul li ul li a:hover:after{
		color: #2ecc71;
		top: 4px;
	}

	#menu ul li.active ul li a:after ,.mini #menu ul li.active ul li:after{
		color: #eee;
		content: "\f111";
		font-family: "FontAwesome";
		font-size: 8px;
		left: 220px;
		top: 4px;
		position: absolute;
		border:none!important;
	}

	#menu ul li.active ul li a:hover:after ,.mini #menu ul li.active ul li:hover:after{
		color: #2ecc71;
		top: 4px;
		border:none!important;
	}

	#menu ul li.active .fa-plus{
		color: #2ecc71;
	}

	/************************/

	#slide_wr{
		max-height:250px;
		padding:0;
	}

	#slide_wr2{
		max-height:150px;
		padding:0;
	}

	/**********************/

	#breadcrumbs{
		text-align:center;
		padding:10px 0;
	}

	.breadcrumbs .col-6-r{
		text-align:center;
	}

	#breadcrumbs .padd{
		padding:0px 10px;
	}

	/**********************/

	#main_wr{
		padding:20px;
	}

	/************************/

	hr.spechr{
		clear:both;
	}

	.center{
		margin-bottom:20px;
	}

	.data-hidden{
		display:block;
		padding:20px 30px;
		position:relative;
		color:#333;
		background-image:none;
		bottom:0;
		height:auto;
	}

	.data-hidden .fa{
		border-color:#333;
		border-color:#80bf4c;
	}

	.data-hidden a{
		color:#80bf4c;
	}

	div:hover > .data-hidden{
		display:block;
	}

	img.img1{
		display:block;
		max-height:200px;
		margin:auto;
		padding:2px;
		background-color:#fff;
		border:1px solid #eee;
	}

	.hi .fa{
		display:block;
		margin-bottom:20px;
		width:40px;
		text-align:center;
	}



	.modal-dialog{
		margin:10px;
	}

}

/*****************************/

@media screen and (max-width: 550px){
	.col-3-l{
		float:none;

		width:100%;
	}
}