@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: 'Calibri', Arial, Helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	font-size: 18px;
	line-height:24px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;	 
	color:#333333;
}
: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 #003399;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#003399;}
.menu-icon span {
	display:block;
	background-color:#003399;
	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 !important;
	margin:0 auto !important;	
	padding:0px !important;
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}

h1 .post-thumbnail { float: left; max-width: 80px; }
h1{ font-size:44px; line-height: 50px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }
h2{ font-size:36px; line-height: 40px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }
h3{ font-size:30px; line-height: 36px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }
h4{ font-size:26px; line-height: 30px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }
h5{ font-size:22px; line-height: 26px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }
h6{ font-size:18px; line-height: 22px; color:#6699cc; margin:5px 0px; font-family: 'Calibri-Bold'; }

.header { width:100%; position:fixed; color: #426078; z-index:3; background:#fff; }
.header .left { width: 25%; float: left; padding: 0px 5px 0px 20px; }
.header .left h1{ margin:0px; padding:0px; }
.header .left p{ margin:0px; padding:0px; }

.header .right { width: 75%; float: left; padding: 0px 0px 0px 5px; } 
.header .right .header-top{ float:left; width:100%; margin:10px 0px 8px; text-align:right; }
.header .right .header-top .phone-btn{ padding:10px 15px; background:#6699cc; color:#fff; text-decoration:none; display: inline-block; margin-right: 20px; }
.header .right .header-top .phone-btn:hover{ background:#426078; }
.header .right .header-bottom{ float:left; width:100%; margin:10px 0px 10px; text-align:right; }

#nav { width: 100%; float: left; padding: 5px 0px; }
#nav ul { float:right; }
#nav > ul > li { position:relative; display:block; float:left; padding: 10px 20px; }
#nav > ul > li > a { display:block; position:relative; padding:0px; font-size:18px; line-height:24px; text-transform:uppercase; }
#nav > ul > li > a span{ font-size:16px; line-height:16px; display: block; }
#nav > ul > li:hover > a { color:#333; border-bottom:5px solid #e0df82; }
#nav > ul > li.current_page_item > a { color:#333; border-bottom:5px solid #e0df82; }

/* Drop Down */
#nav ul li ul { display:none; width:275px; position:absolute; left:5px; z-index:9999; background:rgba(255,255,255,0.7); padding-top:10px; }
#nav ul li ul li { display:block; position:relative; }
#nav ul li ul li a { color:#333; display:block; line-height:22px; font-size:18px; padding:5px 10px; text-transform:capitalize; }
#nav ul li ul li a:hover { background-color:#fff; }
/* Drop Down */

.header.sticky .left img{ max-width: 150px; }
.header.sticky .right .header-top{ display:none; }
.header.sticky .right #nav{ padding:20px 0px; }

#middle_section{ position:relative; top:145px; }
/****** ******/
#banner_section{ position:relative; }
.jquery-modal{ z-index:999 !important; }
/*body { cursor: url('../images/wolf-icon-for-mouse1.svg') 50 17,auto; }*/  

#home-top{ float:left; width:100%; position:relative; margin:20px 0px 10px; }
#home-top .content{ float:left; width:100%; }
#home-top .content .left{ float:left; width:50%; padding:10px 20px; text-align:center; color:#333; }
#home-top .content .left h2{ color:#6699cc; margin-bottom: 20px; }
#home-top .content .left h3{ color:#6699cc; margin-bottom: 20px; }
#home-top .content .left p{ padding:10px 0px; text-align:left; position: relative; }
#home-top .content .left .home-quote{ width:100%; padding:0px 13%; font-size:20px; line-height:26px; }
#home-top .content .left .home-quote:before{ height:5px; display:inline-block; width:30%; background:#eeedba; content:''; text-align: center; margin-top:10px; }
#home-top .content .left .home-quote:after{ height:5px; display:inline-block; width:30%; background:#eeedba; content:''; text-align: center; margin-top:10px; }
#home-top .content .right{ float:left; width:50%; text-align:center; }
#home-top .content .right img{  }
#home-top .content .left p:before{ display:inline-block; width:30px; height:60px; background:url('../images/wolf-icon-for-mouse.png'); content:''; text-align: left; position: absolute; left: -35px; top: 10px; }

#services{ float:left; width:100%; position:relative; margin:10px 0px; }
#services .content{ float:left; width:100%; }
#services .content .service{ float:left; width:29.33%; margin: 2%; padding:20px; min-height:410px; text-align:center; }
#services .content .service h3{ text-align:center; color:#333; font-size: 26px; line-height: 32px; min-height:80px; }
#services .content .service p{ padding-top:10px; text-align:left; }
#services .content .service:hover h3{ color:#336666; }
#services .content .service:hover p{ color:#336666; }
#services .content .service img{ text-align:center; display:inline-block; }
#services .content .service.color-1{ background:#eeedba; }
#services .content .service.color-2{ background:#c5d4e9; }
#services .content .service.color-3{ background:#f3f5e8; }
#services .content .service.color-4{ background:#dde5f2; }
#services .content .service.color-5{ background:#ebeed9; }
#services .content .service.color-6{ background:#eeedba; }

#why-graywolf{ float:left; width:100%; position:relative; margin:15px 0px; height: 630px; }
#why-graywolf .content{ float:left; width:65%; padding: 30px 20px; font-size:18px; line-height:26px; }
#why-graywolf .content h2{ }
#why-graywolf .content p{ padding:10px 0px; color:#333; }
#why-graywolf .content .btn{ color:#fff; background:#6699cc; padding:15px 25px; float:right; }
#why-graywolf .content .btn:hover{ background:#426078; }

#client_list{ float:left; width:100%; position: relative; margin:15px 0px; }
#client_list .content{ float:left; width:100%; text-align:center; }
#client_list .content h2{ color:#6699cc; }
#client_list .content p{ color:#6699cc; }
#client_list .content a{ text-decoration:underline; color:#426078; display:block; margin:15px 0px; }

/****************/
#content { position: relative; float:left; width:100%; }
#content .content{ float:left; width:100%; padding:15px 0px; text-align:left;  min-height:300px; } 
#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: #426078; text-decoration:underline; }
#content .content a:hover{ text-decoration:underline; }

/***********/
#content .content .left-sidebar { float:left; width:68%; padding:10px 15px 10px 15px; min-height:300px; }
#content .content .left-sidebar p{ margin: 0px; padding: 10px 0px 5px 0px; text-align:justify; }
#content .content .left-sidebar ul { margin:10px 0px 10px 10px; padding: 5px 0px 5px 0px;  } 
#content .content .left-sidebar ul li { list-style: disc; padding: 5px 0px 5px 0px; }
#content .content .left-sidebar a{ text-decoration:underline; color:#426078; }
#content .content .left-sidebar a:hover{}
#content .content .left-sidebar strong{ padding: 10px 0px; display:inline-block; }
#content .content .left-sidebar iframe{ float:left; width:47%; margin:10px 10px; }

#content .content .right-sidebar { float:left; width:30%; padding:10px 0px 10px 15px; margin-left:2%; }
#content .content .right-sidebar p{ padding: 5px 0px 5px 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:none; color:#426078; }
#content .content .right-sidebar a:hover{ text-decoration:underline; }

#content .content .right-sidebar .sidebar_menu{ float:left; width:100%; margin:10px 0px 30px 0px; border:1px solid #333; max-width:280px; }
#content .content .right-sidebar .sidebar_menu a{ text-decoration:none; color:#333; float:left; width:100%; padding:5px 10px; }
#content .content .right-sidebar .sidebar_menu a.selected{ color:#009dbc; text-decoration:underline; }
#content .content .right-sidebar .sidebar_menu a:hover{ color:#426078; text-decoration:underline; }

#footer{ width: 100%; float: left; position: relative; font-size:15px; line-height:22px; }
#footer .footer_top{ float:left; width:100%; background:#426078; color:#fff; padding:25px 0px; }
#footer .footer_top .box{ width: 33.33%; float: left; padding:20px 40px 20px 0px;  }

#footer .footer_bottom{ float:left; width:100%; background:#2b3f4e; color:#fff; padding:10px; }
#footer .footer_bottom .copyright{ float:left; width:50%; text-align:left; padding:10px 0px; font-size:14px; line-height:20px; }
#footer .footer_bottom .social{ float:left; width:50%; text-align:right; }
#footer .footer_bottom .social a{ display:inline-block; margin:5px; }
#footer h4.widget-title{ color:#fff !important; margin:10px 0px; }

#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:block; position:relative; color: #fff; padding: 2px 20px 2px 0px; font-size:15px; line-height:22px; text-transform:capitalize; }
#footer ul li.active a { color:#fff; }
#footer ul li a:hover {color:#fff;}


.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; }

.alignleft { float:left; margin: 0px 10px 5px 0px; }
.alignright { float:right; margin: 0px 0px 5px 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; margin-bottom:10px; color:#000; width:450px; }
textarea{ height: 160px; max-width:100%; display:inline-block; border:1px solid #959595; padding:5px 10px; 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:#6699cc; margin:10px 0px; border:1px solid #fff; }
.wpcf7-form-control.wpcf7-submit:hover, .es_subscription_form_submit:hover { background:#426078; }
.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; }

a.back-to-top {	display: none; width: 60px; height: 60px; text-indent: -9999px;	position: fixed; z-index: 999; right: 20px;	bottom: 20px; background: #6699cc 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; }


.top-image-breadcrumbs{ position: relative; top: 0px; margin:0px; padding:0px; background:url('../images/top-bk-img.jpg')no-repeat; background-position: center !important; }
.top-image-breadcrumbs .content{ list-style:none; overflow:hidden; height:auto; text-align:center; width:100%; color:#fff !important; padding: 8% 0px 7% 0px; }
.top-image-breadcrumbs .content h1{ color:#fff !important; text-align:center; text-transform: uppercase; }

#breadcrumbs{ float:left; width:100%;  }
#breadcrumbs li{ display:inline-block; vertical-align:middle; margin:0px !important; padding:0px !important; font-style:italic; color:#fff; font-size: 16px; line-height:18px; }
#breadcrumbs .separator{ font-size:18px; font-weight:100; color:#fff; padding:0px 8px !important; margin:0px !important; }
#breadcrumbs > * a{ color:#fff !important; }
#breadcrumbs li strong { font-weight: normal; }
	
.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; }

.jssorb03 {
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    background: url(../images/b03.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../images/a03.png) no-repeat;
    overflow: hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }

.jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
.jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
/* --- animation --- */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -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: 1s;
    animation-duration: 1s;
}
.animated.duration-2s {    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.duration-3s {    
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.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;
}
.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(-20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmall {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmall {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: 1;transform: translateY(0);}
}

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

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

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

@-webkit-keyframes fadeInLeftSmall {
	0% {opacity: 0;-webkit-transform: translateX(-30px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInLeftSmall {
	0% {opacity: 0;-moz-transform: translateX(-30px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInLeftSmall {
	0% {opacity: 0;-o-transform: translateX(-30px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
	0% {opacity: 0;transform: translateX(-30px);}
	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 --- */

.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; }

.testimonials{ background:url(../images/testimonials-bk.jpg)no-repeat center; float:left; height: 380px; width: 280px; padding: 40px 20px 20px 20px; font-size:16px; line-height:22px; }
.testimonials .author{ font-style:italic; text-align:right; }
.testimonials .quote{ font-style:italic; }

.client_list{ float:left; }
.client_list .client_logo{ float:left; margin:2% 2%; /* filter: grayscale(1); -webkit-filter: grayscale(1);*/ }
.client_list .client_logo:hover{ /*filter: grayscale(0); -webkit-filter: grayscale(0); */}

.team_members{ float:left; width:100%; padding:10px 0px; }
.member{ float:left; width:46%; margin:2%; text-align:center; }
.member h3{ font-size:24px; line-height:30px; }
.team.modal{ width:100%; max-width:1000px; max-height:calc(100vh - 200px); overflow-x: hidden; }
.team.modal .left{ float:left; width:30%; padding:15px;  }
.team.modal .left h3{ font-size:20px; line-height:26px; font-weight:bold; }
.team.modal .left h6{ font-size:16px; line-height:22px; }
.team.modal .left a{ font-size: 14px; line-height:18px;}
.team.modal .right{ float:left; width:70%; padding:15px; }
.team.modal .right p{ padding:10px 0px; }
.modal a.close-modal{ top: 2.5px !important; right: 0.5px !important; }

.member .featured-thumbnail{ position:relative; max-width: 385px; max-height: 535px; text-align: center; display: inline-block; }
#custom_html-4 .textwidget.custom-html-widget{ max-width:300px; }
/****************/
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;
}
.featured-thumbnail 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;
}
.featured-thumbnail 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;
}
.featured-thumbnail a:hover .zoom-icon{
	visibility:visible;
	/*! border-radius:0; */
	/*! overflow:hidden; */
}
#categories-2 {
  float: left;
}
.about-counter{ float:left; width:100%; margin:30px 0px; }
.about-counter .text{ float:left; width:33.33%; padding:20px; font-size:24px; line-height:30px; color:#426078; text-align:center; }
.about-counter .text .counter-value{ font-size:80px; line-height:100px; color:#6699cc;  }