@charset "utf-8";
.collapsible-body
{
	background-color:#fff !important;
}
.my_batch
{
	position:static !important;
	font-size:1.8rem !important;
	border-radius:2px !important;
	color:#fff !important;
	font-weight:400 !important;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.36);
	animation: newsAnimation 3s linear infinite 0s;
	-webkit-animation: newsAnimation 3s linear infinite 0s; 
	-moz-animation: newsAnimation 3s linear infinite 0s; 
}
@-webkit-keyframes newsAnimation { 
    0% { background-color:#b71c1c; }
    50% { background-color:#880e4f; }
    100% { background-color:#b71c1c;}
}
@keyframes newsAnimation { 
    0% { background-color:#b71c1c; }
    50% { background-color:#880e4f; }
    100% { background-color:#b71c1c;}
}
span{
font-size:18px;
}
.card p{
	line-height:unset;
}
.busy_wrap
{
	position:fixed !important;
	width:100% !important;
	height:100% !important;
	background-color:rgba(0,102,0,0.2) !important;
	z-index:1500 !important;
}
.no-margin
{
	margin:0 !important;
}
.auto_height
{
	height:auto !important;
}
.lean-overlay
{
	position:static !important;
}
.marg_left20{
	margin-left:20px !important;}
p{
font-size:18px;
line-height:2.5rem;
}
 /* FORMS: label color */
   .input-field input:focus + label,textarea:focus + label {
     color: green !important;
   }
   .input-field input:focus,textarea:focus {
     border-bottom: 1px solid green !important;
     box-shadow: 0 1px 0 0 #000;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: green !important;
   }
::-webkit-input-placeholder {
   color: rgba(51,51,51,1) !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: rgba(51,51,51,1) !important; 
}
::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(51,51,51,1) !important;
}
:-ms-input-placeholder {  
   color: rgba(51,51,51,1) !important;
}
.map_canvas{
	height:350px;
}
.pad_left1
{
	padding-left:10px !important;
}
.pad_left2{
	padding-left:20px !important;
}
.pad_left3{
	padding-left:30px !important;
}
.padLeftC li{
	padding-left:32px !important;
}
.margin_top4{
	margin-top:40px;}
.font_weight4{
	font-weight:400 !important;
}
.font12
{
	font-size:16px !important;
}
.font_weight3{
	font-weight:300 !important;
}
.font_weight2{
	font-weight:200 !important;
}
.li_style1 ul{
	list-style-position: outside;
	list-style-image: url(../images/check2.png);
}
.li_style1 li
{
	font-weight:300;
	line-height:2.5rem !important;
}
.my_trans
{
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition:all 0.8s;
}
.f1
{
	top:65px;
}
.f1Xtra
{
	
}
.f1Xtra:hover
{
	overflow-y:scroll;
	height:calc(80%);
}
.p1
{
	-webkit-transform:translateX(100px);
	-ms-transform:translateX(100px);
	transform:translateX(100px);
	opacity:0;
}
.p2
{
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	transform:translateY(-100px);
	opacity:0;
}
.p3, .p6
{
	-webkit-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	transform:translateX(-100px);
	opacity:0;
}
.footer_up *:not(h5){
	font-size:14px;
	font-weight:300;}
.footer_up img{
	width:60px;
	height:60px;
}
.footer-copyright{
	padding:20px !important;
	}
.footer-copyright a{
	color:#fafafa;
	transition:all 0.8s;
}
.footer-copyright a:hover{
	color:#0C0;
}
.head_style{
position:relative;
}
.head_style::after {
    margin-bottom: 20px;
    display: inline-block;
    content: "";
    width: 50px;
    height: 15px;
    border-bottom: 4px solid #fafafa;
    position: absolute;
    top: 30px;
    left: 0px;
}
.head_style2{
position:relative;
}
.head_style2::after {
    content: '';
    width: 100px;
    background: #222;
    height: 5px;
    margin: 15px auto;
    display: block;
}
nav{
	background-color:transparent;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition:all 0.8s;
	}
.clop{
	margin-right:30px;
}
nav ul li{
	transition-property:all !important;
}

nav ul li:hover{
	border-bottom:solid green thick !important;
}
nav .nav-wrapper{
	padding-left:1rem;
	padding-right:1rem;
	}
nav .brand-logo{
	left:0% !important;
	-webkit-transform: translateX(0%) !important;
	-moz-transform: translateX(0%) !important;
	-ms-transform: translateX(0%) !important;
	-o-transform: translateX(0%) !important;
	transform: translateX(0%) !important;
	}
.nav_indicate{
	border-bottom:solid green thick !important;
}
.show_sidenav{
	-webkit-transform: translateX(0%) !important;
	-moz-transform: translateX(0%) !important;
	-ms-transform: translateX(0%) !important;
	-o-transform: translateX(0%) !important;
	transform: translateX(0%) !important;
}
.sidenav
{
	float:right;
	right:0px;
	position:fixed;
	width:200px;
	height:calc(100%);
	top:0;
	padding-top:5.5rem;
	z-index:200;
	overflow-y:auto;
	background-color:rgba(0,0,0,.9);
	-webkit-transform: translateX(200px) ;
	-moz-transform: translateX(200px) ;
	-ms-transform: translateX(200px) ;
	-o-transform: translateX(200px) ;
	transform: translateX(200px) ;
}
.sidenav ul
{
	padding-left:0;
	margin-left:0;
	margin-top:0;
}
#dropdown_logout2
{
	left:0 !important;
}
.sidenav li
{
	height:3rem;

	text-indent:20px;
	border-left: thick none #000;
	border-bottom: thin solid #041;
	transition:border-left 500ms;
}
.sidenav ul li:hover
{
	border-left: 10px solid #063 !important;
}
#dropdown2 li:hover
{
	border-left:none !important;
}
/*.sidenav li:hover
{
	border-left: 10px solid #063 !important;
	
}*/
.sidenav li a
{
	color:#CCC;
}
.noshow_on_big
{
	
}
/*.show_on_big{
	display:none;
}*/
.brand-logo img{
	height:60px !important;
	}
.shift-nav-title{
	margin-left:4rem;
	font-size:18px;}

#intro {
	background-color:#010;
    position: fixed;
    width: 100%;
    height: 80%;
    top: 0px;
    z-index: 0;
	overflow:hidden;
}
#intro ul{
	width:100%;
	height:100%;
	}
#intro a
{
	text-shadow:none;
	font-size:14px;
}
#intro ul li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	animation: imageAnimation 32s linear infinite 0s; 
	-webkit-animation: imageAnimation 32s linear infinite 0s; 
}
#intro li div { 
	text-shadow:2px 2px 2px #000;
	padding:20px;
	font-size:24px;
	font-weight:300;
    z-index: 10;
    position: absolute;
    top: 40%;
    left: 0px;
    width: 50%;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 32s linear infinite 0s;
	-webkit-animation: titleAnimation 32s linear infinite 0s; 
	-moz-animation: titleAnimation 32s linear infinite 0s; 
	-ms-animation: titleAnimation 32s linear infinite 0s;
	-o-animation: titleAnimation 32s linear infinite 0s;  
}
#intro li:nth-child(2) div { 
    animation-delay: 9s; 
}
#intro li:nth-child(3) div { 
    animation-delay: 17s; 
}
#intro li:nth-child(4) div { 
    animation-delay: 25s; 
}
#intro ul li:nth-child(1) span{
	background-image:url(../images/pic5.jpeg);
	}
#intro ul li:nth-child(2) span{
	background-image:url(../images/pic2.jpg);
	animation-delay: 8s;
	-webkit-animation-delay: 8s;
	}
#intro ul li:nth-child(3) span{
	background-image:url(../images/pic5.jpg);
	animation-delay: 16s; 
	-webkit-animation-delay: 16s;
	}
#intro ul li:nth-child(4) span{
	background-image:url(../images/pic1.jpg);
	animation-delay: 24s;
	-webkit-animation-delay: 24s; 
	}
	
@keyframes imageAnimation { 
    0% { opacity: 0; -webkit-animation-timing-function: ease-in;  }
    10% { opacity: 1; transform: scale(1.05); -webkit-animation-timing-function: ease-out;  }
    20% { opacity: 1; transform: scale(1.1) rotate(3deg);  }
    30% { opacity: 0; transform: scale(1.1) rotate(3deg); }
    100% { opacity: 0; }
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    10% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-animation-timing-function: ease-out; }
    20% { opacity: 1; -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
    30% { opacity: 0; -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}
    100% { opacity: 0; }
}
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0; z-index:0; }
    8% { opacity: 1; z-index:10;}
    17% { opacity: 1; z-index:10;}
    19% { opacity: 0; z-index:0;}
    100% { opacity: 0; z-index:0; }
}
@keyframes titleAnimation { 
    0% { opacity: 0; z-index:0; }
    8% { opacity: 1; z-index:10; }
    17% { opacity: 1; z-index:10; }
    19% { opacity: 0; z-index:0;}
    100% { opacity: 0; z-index:0; }
}
#other_intros {
	background-color:#010;
    position: fixed;
    width: 100%;
    height: 40%;
    top: 0px;
    z-index: 0;
	overflow:hidden;
	background-image:url(../images/pic5.jpeg);
	background-size: cover;
	background-position: center;
	background-repeat: none;
	animation: imageAnimation2 20s linear infinite 0s;
	-webkit-animation: imageAnimation2 20s linear infinite 0s; 
	-moz-animation: imageAnimation2 20s linear infinite 0s; 
	-ms-animation: imageAnimation2 20s linear infinite 0s;
	-o-animation: imageAnimation2 20s linear infinite 0s;  
}
#other_intros h2{
	text-shadow:2px 2px 2px #000;
	padding:20px;
	font-weight:300;
    z-index: 10;
    position: absolute;
    top: 35%;
    left: 0px;
    width: 100%;
    color: #fff;
	text-align:center;
}
@keyframes imageAnimation2 { 
    0% { transform: scale(1.0); }
    25% { transform: scale(1.05); }
    50% { transform: scale(1.1); }
    75% { transform: scale(1.05);}
    100% { transform: scale(1.0); }
}
@-webkit-keyframes imageAnimation2 { 
    0% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
    25% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
    50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    75% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
    100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
}
.my_gradient {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
	 background: ; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
	z-index:5;
}
.below_banner{
position:absolute;
top:80%;
z-index:10;
width:100%;
background-color:#ececec;
}
.below_banner2{
position:absolute;
top:40%;
z-index:10;
width:100%;
background-color:#ececec;
}
.pad20{
	padding:20px;
}
.pad10
{
	padding:10px !important;
}
.card_background{
background-image:url(../images/wood_background.jpg);
background-size: cover;
background-repeat:no-repeat;
background-attachment:fixed;
margin-top:40px !important;
}
.relative
{
	position:relative;
}
.fixed
{
	position:fixed !important;
}
.absolute
{
	position:absolute !important;
}
.preloader-wrapper.large
{
	width:100px !important;
	height:100px !important;
	top:40%;
	left:40%;
}
