@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;	
}
*:before, *:after {	
	box-sizing: border-box;	
}
:before, :after {	
	box-sizing: border-box;	
}
html {
  font-family: Arial !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	font-size: 16px;
	line-height:22px;
	font-family: Arial !important;	 
	color:#000;
}
:focus {
	outline:none;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
ul, li, ol {
	list-style:none;
}
a {
	text-decoration:none;
	background-color: transparent;
	color:inherit;	
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;	   	    
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position:relative;
}

@-webkit-keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.menuDown { -webkit-animation-name: menuDown; animation-name: menuDown;}

@-webkit-keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.menuRight { -webkit-animation-name: menuRight; animation-name: menuRight;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.menu-icon {
	display:none;
	border:1px solid #fff;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#17753a;}
.menu-icon span {
	display:block;
	background-color:#fff;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.container {
	width:1280px;
	margin:0 auto;	
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}

h1 .post-thumbnail { float: left; max-width: 80px; }
h1{ font-size:36px; line-height: 42px; color:#17753a; margin:15px 0px; font-family: Arial; font-weight:bold; }
h2{ font-size:32px; line-height: 38px; color:#17753a; margin:5px 0px; font-family: Arial; font-weight:bold; }
h3{ font-size:28px; line-height: 36px; color:#17753a; margin:5px 0px; font-family: Arial; font-weight:bold; }
h4{ font-size:24px; line-height: 30px; color:#17753a; margin:5px 0px; font-family: Arial; font-weight:bold; }
h5{ font-size:20px; line-height: 26px; color:#17753a; margin:5px 0px; font-family: Arial; font-weight:bold; }
h6{ font-size:18px; line-height: 22px; color:#17753a; margin:5px 0px; font-family: Arial; font-weight:bold; }

.header{ width:100%; position:relative; z-index:3; }
.header .header_top{ float:left; width:100%; }
.header .header_top .left{ width: 70%; float: left; padding: 0px; }
.header .header_top .left h1{ margin:5px 0px 5px; padding:0px; }
.header .header_top .left p{ margin:5px 0px 5px; padding:0px; }
.header .header_top .right{ width: 30%; float: left; padding: 0px; } 
.header .header_top .right .header-top{ float:left; width:100%; margin:0px; text-align:right; padding:9% 0px; color:#000; }
.header .header_top .right .header-top p{ display:inline-block;}

.header .header_bottom{ float:left; width:100%; background:#17753a; color:#fff; }

#nav{ text-align: center; display: flex; padding: 0px 0px; }
#nav ul { width:100%; }
#nav > ul > li { position:relative; display:inline-flex; padding: 15px 20px; }
#nav > ul > li > a {  display: flex; position:relative; padding:0px; font-size:18px; line-height:24px; text-transform:uppercase; font-family:Arial; color:#fff; }
#nav > ul > li > a span{ font-size:16px; line-height:16px; display: block; }
#nav > ul > li:hover > a { color:#fff;  }
#nav > ul > li.current_page_item > a { color:#fff;  }

/* Drop Down */
#nav ul li ul{ display:none; flex-direction: column; width:282px; top:100%; position:absolute; left:5px; z-index:9999; background:#17753a; padding:5px; -webkit-animation: hide-scroll 0.5s backwards; animation: hide-scroll 0.5s backwards; }
#nav ul li ul li{ position:relative; text-align: left; }
#nav ul li ul li a{ color:#fff; display:flex; line-height:22px; font-size:16px; padding:10px; text-transform:capitalize; font-family:Arial; }
#nav ul li ul li a:hover{ background:#000; color:#fff; }
/* Drop Down */

/*
.header.sticky { background:#fff; }
.header.sticky .left img{ max-width: 200px; }
.header.sticky .center .header-top{ padding:2px 0px; margin:5px 0px; }
.header.sticky .center #nav{ padding:0px; }
.header.sticky .right .header-right{ top:25px; }
.header.sticky #nav > ul > li > a{ color:#333;  }
.header.sticky .center .header-top{ color:#333; border-bottom: 2px solid #333; }
*/

#middle_section{ position:relative; top:0px; }

/****** ******/
#banner_section{ position:relative; }
.jquery-modal{ z-index:999 !important; }

.top-head{ float:left; width:100%; }
.top-head .top_icon{ float:left; }
.top-head .top_icon img{ float:left; margin-right:15px; margin-left: -10px; }
.top-head .top_icon h1{ float:left; }

#home-top .content{ float:left; width:100%; padding:20px 0px;  font-size:18px; line-height:26px; }
#home-top .content h2{ color:#17753a; }
#home-top .content p{ padding:15px 0px; }
#home-top .content ul{  margin:10px 0px; padding:5px 0px;  }
#home-top .content ul li{ margin-left:15px; list-style:disc; }
#home-top .content a{ color: #17753a; text-decoration:underline; }
#home-top .content a:hover{ text-decoration:underline; }
#home-top .content .leftside{ float:left; width:35%; padding-right:20px; }
#home-top .content .rightside{ float:left; width:65%; }

#projects{ float:left; width:100%; position:relative; }
#projects .content{ float:left; width:100%; padding:25px 0px; font-size:18px; line-height:26px; }
#projects .content p{ padding:10px 0px; }
#projects .content ul{  margin:10px 0px; padding:5px 0px;  }
#projects .content ul li{ margin-left:15px; list-style:disc; }
#projects .content a{ color: #17753a; text-decoration:underline; }
#projects .content a:hover{ text-decoration:underline; }

.projects{ float:left; width:100%; }
.projects .f-img{ float:left; width:30.33%;  margin:1.5%; position: relative; overflow: hidden; background:#17753a; color:#fff; padding:40px 20px; text-align: center; font-size:20px; line-height:30px; }
.projects .f-img a{ color:#fff !important; text-decoration: none !important; }

#content { position: relative; float:left; width:100%; }
#content .content{ float:left; width:100%; padding:15px 0px; text-align:left;  min-height:550px; } 
#content .content p{ margin:5px 0px; padding:5px 0px; }
#content .content ul{  margin:10px 0px; padding:5px 0px;  }
#content .content ul li{ margin-left:15px; list-style:disc; }
#content .content a{ color: #17753a; text-decoration:underline; }
#content .content a:hover{ text-decoration:underline; }

#content .content .left-sidebar { float:left; width:72%; margin:0px; padding:0px 15px 0px 0px; }
#content .content .left-sidebar p{ margin: 0px; padding: 10px 0px 10px 0px; }
#content .content .left-sidebar ul { margin:5px 0px 5px 10px; padding: 5px 0px 5px 0px;  } 
#content .content .left-sidebar ul li { list-style: disc; padding: 0px 0px 5px 0px; }
#content .content .left-sidebar a{ text-decoration:underline; color:#17753a; }
#content .content .left-sidebar a:hover{}
#content .content .left-sidebar strong{ padding: 0px; display:inline-block; }
#content .content .left-sidebar iframe{ float:left; width:47%; margin:10px 10px; }

#content .content .left-sidebar .doc{ float:left; width:31.33%; text-align:center; margin:1%; padding:5px; }
#content .content .left-sidebar .doc h4{ color:#000; font-size:16px; line-height:22px; font-weight:normal; }
#content .content .left-sidebar .doc a{ text-decoration: none !important; }

#content .content .left-sidebar .statements-top{ float:left; width:100%; padding:10px 0px; }
#content .content .left-sidebar .statements-top a{ float:left; width:100%; font-weight:bold; text-decoration: none; color:#000; }

#content .content .left-sidebar .statements{ float:left; width:100%; padding:10px 0px; border-top:1px solid #333; }
#content .content .left-sidebar .statements a{ float:left; width:100%; font-weight:bold; text-decoration: none; color:#000; }
#content .content .left-sidebar .statements h3{ font-size:22px; line-height:30px; }


#content .content .right-sidebar { float:left; width:28%; margin:0px; padding:15px 0px 0px 15px; }
#content .content .right-sidebar p{ padding: 10px 0px 10px 0px; }
#content .content .right-sidebar strong{ padding: 10px 0px; display:inline-block; }
#content .content .right-sidebar ul { float:left; width:100%; margin:5px 0px 5px 15px; } 
#content .content .right-sidebar ul li { margin: 5px 0px; list-style: disc; }
#content .content .right-sidebar a{ text-decoration:underline; color:#000; }
#content .content .right-sidebar a:hover{ text-decoration:underline; }
 
.sidebar_menu{ float:left; width:100%; margin:20px 0px 30px 0px; max-width:300px; }
.sidebar_menu a{ float: left; width: 100%; background: #17753a; color: #fff !important; border: 1px solid #fff; padding: 10px; text-decoration:none !important; }
.sidebar_menu a.selected{ background:#000; text-decoration:none !important; }
.sidebar_menu a:hover{ background:#000; text-decoration:none !important; }

#footer{ width: 100%; float: left; position: relative; background:#c1c1c1; color:#000; font-size:16px; display: inline-table; }
#footer .footer{ float:left; width:100%; padding:20px 0px 15px; }
#footer .footer .box1{ width: 33.33%; float: left; padding:20px 20px 20px 0px; }
#footer .footer .box2{ width: 33.33%; float: left; padding:20px 20px 20px 0px; }
#footer .footer .box3{ width: 33.33%; float: left; padding:20px 20px 20px 0px; }
#footer .footer .box4{ width: 100%; float: left; padding:20px 0px 20px 0px; text-align:center; }


#footer .footer h4.widget-title{ color:#fff !important; margin:10px 0px; font-size:22px; }

#footer .menu{ padding: 0px; }
#footer .menu li{ float:left; width:100%; }

#footer p{ padding:5px 0px; }
#footer a:hover{ text-decoration:underline;  }
#footer ul { width:100%; float: left;  position: relative; }
#footer ul li { position:relative; display:block;float:left; }
#footer ul li a{ display:inline-block; position:relative; }
#footer ul li.active a {  }
#footer ul li a:hover{ }

.copyrights{ font-size:13px; line-height:18px; padding:10px 0px; }

.w-12{ float:left; width:100%; margin:15px 0px; padding:0px 10px; }
.w-11{ float:left; width:90%; margin:15px 0px; padding:0px 10px; }
.w-10{ float:left; width:80%; margin:15px 0px; padding:0px 10px; }
.w-9{ float:left; width:70%; margin:15px 0px; padding:0px 10px; }
.w-8{ float:left; width:60%; margin:15px 0px; padding:0px 10px; }
.w-7{ float:left; width:55%; margin:15px 0px; padding:0px 10px; }
.w-6{ float:left; width:50%; margin:15px 0px; padding:0px 10px; }
.w-5{ float:left; width:45%; margin:15px 0px; padding:0px 10px; }
.w-4{ float:left; width:40%; margin:15px 0px; padding:0px 10px; }
.w-3{ float:left; width:30%; margin:15px 0px; padding:0px 10px; }
.w-2{ float:left; width:20%; margin:15px 0px; padding:0px 10px; }
.w-1{ float:left; width:10%; margin:15px 0px; padding:0px 10px; }
.w33{ float:left; width:33.33%; padding:10px 10px 10px 0px; } 

.alignleft { float:left; margin: 0px 10px 15px 0px; }
.alignright { float:right; margin: 0px 0px 15px 10px; }
.alignnone { text-align:center; margin:5px 10px; }
.aligncenter{ float:none; text-align:center; padding:10px;  }
hr{ float:left; width:100%; color:#eee; margin:10px 0px; }

input[type="search"], input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"] { max-width:100%; display:inline-block; border:1px solid #959595; height:35px; padding:5px 10px 3px !important; margin-bottom:10px; color:#000; width:450px; }
textarea{ height: 160px; max-width:100%; display:inline-block; border:1px solid #959595; padding:5px 10px 3px; color:#000; margin-bottom:5px; width:450px;  }
input[type="file"]{ margin-bottom:10px; }
select{ border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000; max-width:100%; width:450px;  }
input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 0; color:#000; }

.wpcf7-form-control.wpcf7-submit,.es_subscription_form_submit { float:left; padding:15px 25px; color:#fff; font-weight:bold; text-align:center; background:#17753a; margin:10px 0px; border:1px solid #fff; }
.wpcf7-form-control.wpcf7-submit:hover, .es_subscription_form_submit:hover { background:#17753a; }
.es-field-wrap{ float:left; width:100%; margin:0px !important; }

span.wpcf7-list-item{ margin:0px !important; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ float:left; }
div.wpcf7-response-output{ float:left; }

.wpcf7-form p{ display:block !important; padding:5px 0px !important; }

a.back-to-top {	display: none; width: 60px; height: 60px; text-indent: -9999px;	position: fixed; z-index: 999; right: 20px;	bottom: 20px; background: #17753a url("../images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #c5c5c5; }
	
.text-justify{ text-align:justify; }
/*
.navigation.pagination { float: left; width: 100%; }
.type-post { border-bottom: 1px solid #000; float: left; width: 100%; }
h2.widget-title{ display: inline-block; width:100%; margin:5px 0px; }
h2.entry-title{ margin:0px; }
.entry-header .entry-title a{ text-decoration:none !important; }
.posted-on a{ text-decoration:none !important; padding:0px 0px; font-size: 16px; }
.cat-links a{ padding: 0px 15px; text-decoration:none !important;font-size: 16px; }
.single-post .post-thumbnail { float: left; width: 100%; text-align: center; padding:10px; }
.entry-content{ float:left; width:100%; margin-top:10px; }
.more-link { padding-bottom:10px; display: inline-block; }
h1.entry-title{ font-size:36px; line-height:40px; }


.nav-next { display: inline-block; padding: 20px 10px 5px 10px; left: 45%; position: absolute; bottom: 10px; }
.nav-previous { display: inline-block; position: absolute; left: 51%; padding: 20px 10px 5px 10px; bottom: 10px; }
.post-navigation .nav-links { float: left; width: 100%; text-align: center; }
*/
.accordion-content strong{ color:#333333 !important; }

.btn{ background:#17753a; color:#fff !important; display:inline-block; padding:8px 16px 8px 16px; text-transform: uppercase; text-align:center; text-decoration:none !important; font-size:15px; }
.btn:hover{ background:#000; color:#fff !important; text-decoration:none !important; }

.btn-white{ background:#fff; color:#17753a; display:inline-block; padding:8px 16px 8px 16px; text-transform: uppercase; text-align:center; text-decoration:none !important; font-size:15px; }
.btn-white:hover{ background:#000; color:#fff !important; text-decoration:none !important; }

small { font-size: 14px; line-height:18px; }

.zoom-icon {
	/*! position:absolute; */
	/*! top:0; */
	/*! right:0; */
	/*! bottom:0; */
	left:0;
	/*! display:block !important; */
	opacity:1 !important;
	visibility:visible !important;
	background:transparent !important;
	border-radius:0;
	cursor:pointer;
	overflow:hidden;
}
.zoom-icon:after {
	position:absolute;
	content:"";
	left:0%;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
	border-radius:0;
	opacity:0;
	z-index:0;
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.no-rgba .zoom-icon {
	visibility:hidden;
	display:none;
}
.zoom-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:0;
	width:0px;
	height:0px;
	background:url(../images/link-icon.png) 50% 50% no-repeat;
	content:"";
	border-radius:0;
	overflow:hidden;
	z-index:2;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.gallery_image a:hover .zoom-icon:before{
	width:64px;
	height:64px;
	margin:-32px 0 0 -32px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.gallery_image a:hover .zoom-icon:after{
	position:absolute;
	content:"";
	opacity:1;
	text-align:center;
	-webkit-transition:0.35s;
	-moz-transition:0.35s;
	-o-transition:0.35s;
	transition:0.35s;
}
.gallery_image a:hover .zoom-icon{
	visibility:visible;
	/*! border-radius:0; */
	/*! overflow:hidden; */
}



/* --- animation --- */
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-0-1s,
.magictime.delay-0-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
} 
.animated.delay-0-2s,
.magictime.delay-0-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
} 
.animated.delay-0-3s,
.magictime.delay-0-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
} 
.animated.delay-0-4s,
.magictime.delay-0-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
} 
.animated.delay-0-5s,
.magictime.delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.animated.delay-0-6s,
.magictime.delay-0-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated.delay-0-7s,
.magictime.delay-0-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.animated.delay-0-8s,
.magictime.delay-0-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.animated.delay-0-9s,
.magictime.delay-0-9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.animated.delay-1s,
.magictime.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-1-1s,
.magictime.delay-1-1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated.delay-1-2s,
.magictime.delay-1-2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animated.delay-1-3s,
.magictime.delay-1-3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.animated.delay-1-4s,
.magictime.delay-1-4s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animated.delay-1-5s,
.magictime.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated.delay-1-6s,
.magictime.delay-1-6s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animated.delay-1-7s,
.magictime.delay-1-7s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.animated.delay-1-8s,
.magictime.delay-1-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animated.delay-1-9s,
.magictime.delay-1-9s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.animated.delay-2s,
.magictime.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-2-1s,
.magictime.delay-2-1s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.animated.delay-2-2s,
.magictime.delay-2-2s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.upanddownsmalls {
    -webkit-animation-name: animation_13;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_13;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddownsmall {
    -webkit-animation-name: animation_12;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_12;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddown {
    -webkit-animation-name: animation_8;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_8;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddowninvers {
    -webkit-animation-name: animation_9;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_9;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.animated.duration-1s {    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.duration-2s {    
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.animated.duration-3s {    
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.fadeInDownCustom {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
.fadeInDownCustom-opacity-0-7 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroSeven;
    animation-name: fadeInDownSmallOpacityZiroSeven;
}
.fadeInDownCustom-opacity-0-4 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroFour;
    animation-name: fadeInDownSmallOpacityZiroFour;
}
.fadeInDownCustom-opacity-0-2 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroTwo;
    animation-name: fadeInDownSmallOpacityZiroTwo;
}
.fadeInUpCustom {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}
.fadeInUpCustom-opacity-0-7 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroSeven;
    animation-name: fadeInUpSmallOpacityZiroSeven;
}
.fadeInUpCustom-opacity-0-4 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroFour;
    animation-name: fadeInUpSmallOpacityZiroFour;
}
.fadeInUpCustom-opacity-0-2 {
    -webkit-animation-name: fadeInUpSmallOpacityZiroTwo;
    animation-name: fadeInUpSmallOpacityZiroTwo;
}
.fadeInLeftCustom {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}
.fadeInRightCustom {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}
@-webkit-keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@-webkit-keyframes fadeInDownSmall {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmall {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmall {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(-40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(-40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(-40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(-40px);}
	100% {opacity: .2;transform: translateY(0);}
}

/*********/
@-webkit-keyframes fadeInUpSmall {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmall {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmall {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmall {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(40px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(40px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(40px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInUpSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(40px);}
	100% {opacity: .2;transform: translateY(0);}
}
/*********/
@-webkit-keyframes fadeInLeftSmall {
	0% {opacity: 0;-webkit-transform: translateX(-50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInLeftSmall {
	0% {opacity: 0;-moz-transform: translateX(-50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInLeftSmall {
	0% {opacity: 0;-o-transform: translateX(-50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
	0% {opacity: 0;transform: translateX(-50px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInRightSmall {
	0% {opacity: 0;-webkit-transform: translateX(50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInRightSmall {
	0% {opacity: 0;-moz-transform: translateX(50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInRightSmall {
	0% {opacity: 0;-o-transform: translateX(50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInRightSmall {
	0% {opacity: 0;transform: translateX(50px);}
	100% {opacity: 1;transform: translateY(0);}
}
/* --- /animation --- */
 
.um-locked-content{ display:none !important; }
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active{ background:#17753a !important; color:#fff !important; }
.um-account-side li a.current span.um-account-icon{ color:#17753a !important; }
.signup-email{ display: inline-block; margin-right: 10px; }
.signup-email input[type="email"]{ width:280px !important; padding: 5px 10px 5px !important; height:38px; font-size: 13px; }
.signup-email .wpcf7-form-control.wpcf7-submit{ float: none; display:inline-block; padding: 7px 10px; color: #fff; text-align: center; background: #17753a; margin: 0px 0px; border:none; height:38px;  }
.signup-email .wpcf7-form-control.wpcf7-submit:hover{ background:#000; }
.wpcf7-spinner{ display:none !important; }
.signup-email-form{ display: inline; text-align:center; }
/*
.signup-email .wpcf7-response-output{ display:none !important; }
*/
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.um-postmessage{ font-size:20px !important; line-height:26px !important; }
.um-account-meta-img{ display:none !important; }
.um-do-search.um-button { background: #360 !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{ padding:0px !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline{ padding:5px 0 0 0 !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member{ padding:10px !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{ margin: 5px 0 0 0 !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container{ margin: 0 0 5px 0 !important; }
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name { margin: 0 0 0px 0 !important; }
.um-member-name { font-weight: bold; }

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting{ font-size:20px !important; }