.bgheader{
	background-image: url('../images/header.jpg');
    background-position: center center;
    background-size: cover;
    height: 120px;

}

.bgcontainer{
  background-image: url('../images/img1.jpg');
    background-position: center center;
    background-size: cover;
    height: 400px;
    filter: alpha(opacity=20);
    opacity: 0.50;
    border: 2px solid red;
}


.imgstayl{

	height: 300px;
	width: 300px;
	margin: 0 auto;
	display: ruby-base;
	padding-bottom: 10px;

}

.item{
	text-align: center;
}

@media(min-width: 1200px){

.imgstayl{

	height: 100px;
	width: 100px;
	margin: 0 auto;
	display: ruby-base;
	padding-bottom: 10px;
}
.item{
	text-align: left;
}

.active{
	color: blue;
}
.apro{
	color: red;
}


    input[type=file]:focus,.custom-file-input:focus~.custom-file-label {
        outline:none!important;
        border-color: transparent;
        box-shadow: none!important;
    }
    .custom-file,
    .custom-file-label,
    .custom-file-input {
        cursor: pointer;
    }

.icons::before {
    display:inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing:antialiased;
}

.remove::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f87d";
}
.edit::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f044";
}
.print::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f02f";
}
.next::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f2f6";
}
.save::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f0c7";
}
.envelope::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f0e0";
}
.inscrip::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f1f9";
}

.search::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f002";
}
.add::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f067";
}
.list::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f03a";
}

.quest::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f128";
}

.repons::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f058";
}
.user::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f007";
}

.home::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f015";
}

.copyright::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f368";
}
.close::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f410";
}

.phone::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f58f";
}

 .verticaltext{
           width:1px;
           word-wrap: break-word;
           white-space:pre-wrap; 
        }

  .dice-one::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f525";
   }

  .dice-tow::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f528";
   }

    .dice-three::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f527";
   }

    .dice-four::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f524";
   }

    .dice-five::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f523";
   }

  .download::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f1ac";
   }

    .download::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f019";
   }

       .fax::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f1ac";
   }

       .phone::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\f095";
   }

       .email::before{
   font-family: "Font Awesome 5 free";
   font-weight: 900;
   content: "\40";
   }

   .map-responsive {
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 height:0;
}
.map-responsive iframe {
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}


@-webkit-keyframes animate-positive{
  0%{
  width: 0;
}
} 

@keyframes animate-positive{
  0%{
  width: 0;
}
}