/*
*   
*   Version: 1.0
*   Theme Name: Beetle HTML
*   Theme URI: http://themes.mokaine.com/beetle-html
*   Author: Mokaine Lab
*   Author URI: http://mokaine.com/
*   Written by Pasquale Vitiello (pasqualevitiello@gmail.com) and Daniele Cascone
*   
*/

/*----------------------------------------------------------------
    General Rules
----------------------------------------------------------------*/

::selection {
 background: #FD685B;
 color: #fff;
}

::-moz-selection {
 background: #b5be34;
 color: #fff;
}

::-webkit-input-placeholder {
 color: #b3b3b3;
}

:-moz-placeholder {
 /* Firefox 18- */
    color: #b3b3b3;
}

::-moz-placeholder {
  /* Firefox 19+ */
    color: #b3b3b3;
}

:-ms-input-placeholder {
 color: #b3b3b3;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#vcms_head *, #vcms_dialog *, #vcms_head *:before, #vcms_dialog *:before, #vcms_head *:after, #vcms_dialog *:after {
	box-sizing: content-box
}
html {
	font-size: 100%;
	/* font-size: 16px; */;
}
body {
	background-color: #fbfbfb;
	color: #333;
	font-size: 1.125em; /* font-size: 18px; */
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.8;
}
.china {
	font-size: 0.9em;
	font-family:"Microsoft Yahei", "PingHei", "sans-serif"!important;
	line-height: 1.6;
}
.korea {
	font-size: 0.9em;
	font-family:"Malgun Gothic", "Yoon Gothic", "sans-serif"!important;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
	line-height: 1.34;
	text-rendering: auto; /* Android browser */
}
a {
	color: #227ebf;
	text-decoration: none;
}
.csstransitions a {
	-webkit-transition: background-color 0.1s linear, color 0.1s linear;
	-moz-transition: background-color 0.1s linear, color 0.1s linear;
	transition: background-color 0.1s linear, color 0.1s linear;
}
 input[type=""], input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], textarea, textarea.plain {
 -webkit-border-radius: 0.333em;
 -moz-border-radius: 0.333em;
 border-radius: 0.333em;
 color: #333;
}
textarea:focus, input:focus {
	outline: 0;
}
 textarea:not([type="button"]):hover, input:not([type="button"]):hover {
 border-color: #cad1d9 !important;
}
 textarea:not([type="button"]):focus, textarea:not([type="button"]):active, input:not([type="button"]):focus, input:not([type="button"]):active {
 border-color: #88d3ff !important;
}
#wapper img {
	display: block;
}
.gsc-search-box-tools .gsc-search-box {
	margin-top: 2px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	height: 30px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	min-width: 30px!important;
}
#google_translate_element img {
	display:inline
}
.centertxt {
	text-align: center;
}
#main {
	position: relative;
	z-index: 10;
	overflow: hidden;
	background-color: #fbfbfb;
}
.underpage #main {
	background-color: #FFFFFF;
}
#vcms_body #main {
	z-index:0
}
section {
	overflow-x: hidden;
}
.last-special {
	margin-right: 0% !important;
}
/*----------------------------------------------------------------
    Perfect Fourth (http://type-scale.com)
----------------------------------------------------------------*/

h1 {
	font-size: 2.369em;
}
h2 {
	font-size: 1.777em;
	font-family: "Times New Roman", Times, serif;
}
h3 {
	font-size: 1.333em;
	font-family: "Times New Roman", Times, serif;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.75em;
}
h6 {
	font-size: 0.563em;
}
.china h2, .china h3 {
	font-family:"Microsoft Yahei", "PingHei", "sans-serif"!important;
}
.korea h2, .korea h3 {
	font-family:"Malgun Gothic", "Yoon Gothic", "sans-serif"!important;
}
.row-content.buffer, .row-content.buffer-top {
	padding-top: 3.8%;
	/* This overwrites a layers.css rule */;
}
/*----------------------------------------------------------------
    Loaders
----------------------------------------------------------------*/

.landing {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10001;
	width: 100%;
	height: 100%;
}
.loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 6.250em;
	height: 6.250em;
	-webkit-animation: rotate 2.4s linear infinite;
	-moz-animation: rotate 2.4s linear infinite;
	animation: rotate 2.4s linear infinite;
}
.spinner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: 5em;
	height: 2em;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.spinner > div {
	display: inline-block;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.landing-slider .spinner > div {
	background-color: rgba(255, 255, 255, 0.5);
}
.landing-els .spinner > div {
	background-color: rgba(0, 0, 0, 0.2);
}
.spinner .bounce1 {
	margin-right: 0.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	margin-right: 0.5em;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0.0);
}
 40% {
 -webkit-transform: scale(1.0);
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0.0);
 transform: scale(0.0);
}
 40% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
}
}
/*----------------------------------------------------------------
    Header menu
----------------------------------------------------------------*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
}
#vcms_wrapper #header {
	position:static
}
#header .headbana {
	padding: 14px 0;
	background-color: rgba(0, 0, 0, 0.97);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
 @media handheld, only screen and (min-width:48em) {
#header .row {
 padding: 0.7rem 0;
 background-color: rgba(255, 255, 255, 0.97);
 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
}
.no-parallax #header {
	z-index: 9998 !important;
	background-color: rgba(255, 255, 255, 0.97) !important;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
}
.no-parallax #intro {
	position: relative !important;
}
.no-parallax #header.transparent.light #brand a, .no-parallax #header.transparent.light nav > ul > li > a {
	color: #333 !important;
}
#header.transition {
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#header.transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#header.transparent.light #brand a, #header.transparent.light nav > ul > li > a, .caption {
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
#header.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(255, 255, 255, 0.97);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
}
#brandblack {
	float:left;
	clear: none;
	font-size:9px;
}

@media handheld, only screen and (max-width:480px) {

#brandblack img{
max-width:45%!important;
height:auto!important;
padding-top:5px!important;
margin:0!important
}
}


#brand {
	float: left;
	clear: none;
	font-size:9px;
}
#brandblack img {
	float: left;
	clear: none;
	margin:0 10px;
}
#brand a, nav a {
	text-decoration: none;
}
#brandblack a,#brand a{
color:#000000}
#brand h1 {
	font-size: 1.556em;
	line-height: 3rem;
}
#googlearea {
	float:right;
	clear: none;
}
#serachArea {
	width:280px;
	float:right;
	clear: none;
	margin-left:10px
}
#google_translate_element {
	float:right;
	clear: none;
	margin-top:2px
}
.gsc-search-box, .gsc-search-box table, .gsc-search-box tr, .gsc-search-box th, .gsc-search-box td, .gsc-input-box {
	margin:0;
	padding:0!important;
	background:none!important;
	border:none!important
}
.gsc-control-cse {
	background:none!important;
	border:none!important;
	padding:0!important
}
input.gsc-search-button-v2 {
	width: auto!important;
	height: auto!important;
	border-radius: 0.333em!important;
	border:1px!important;
	padding:8px 10px!important;
	margin-top:0!important
}
input.gsc-search-button {
	vertical-align:middle!important;
	margin-top:0px!important;
}
td.gsc-search-button {
	max-width:60px!important;
	vertical-align:middle
}
nav {
	position: relative;
	display: inline-block;
	float: right;
	clear: none;
}
table.gsc-search-box, table.gsc-search-box td, table.gsc-search-box tr {
	margin:0!important;
	padding:0!important;
}
.gsc-results-wrapper-overlay {
	line-height:1.4em;
}
.gsc-selected-option, .gsc-selected-option-container, .gsc-inline-block {
	box-sizing: content-box!important;
	min-width:80px
}
.goog-te-menu2-item-selected {
	z-index:9999999999999999999999999999!important
}
.goog-te-menu2 {
	max-width:100%!important
}
#brand a, nav a {
	color: #333;
}
#brand a img#default-logo, #brand a img#retina-logo {
	float: left;
	margin-top: 0.286em;
	margin-right: 0.5em;
	height: 1.143em;
}
#brand a img#retina-logo {
	display: none;
}

/* retina logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
 #brand a img#retina-logo {
 display: block;
}
 #brand a img#default-logo {
 display: none;
}
}
#header.transparent.light #brand a, #header.transparent.light nav > ul > li > a {
	color: #fff;
}
#header.fixed-header.transparent.light #brand a, #header.fixed-header.transparent.light nav > ul > li > a {
	color: #333;
	text-shadow: none;
}
#header.fixed-header.transparent.light nav > ul > li:hover > a {
	border-bottom: 2px solid #333;
}
nav > ul, nav > ul > li {
	float: left;
	clear: none;
}
nav > ul > li {
	padding: 0 0.778em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.778em;
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
}
nav > ul > li:last-child {
	padding: 0 0 0 0.778em;
}
nav > ul > li > a {
	line-height: 3.3rem;
}
nav > ul > li:hover > a {
	border-bottom: 2px solid #333;
}
#header.transparent.light nav > ul > li:hover > a {
	border-bottom: 2px solid #fff;
}
nav li {
	position: relative;
	white-space: nowrap;
}
nav > ul li:hover > ul.sub-menu {
	display: block;
	/* show the submenu */;
}
nav .sub-arrow {
	padding-left: 0.500em;
	vertical-align: middle;
	font-size: 0.714em;
}
nav ul.sub-menu {
	position: absolute;
	left: 0;
	z-index: 9999;
	/* level 2 */
    display: none;
	margin-bottom: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
#vcms_wrapper nav ul.sub-menu {
	position: static!important;
	/* level 2 */
    display: inline!important;
}
nav ul.sub-menu ul.sub-menu {
	top: 0px;
	left: 100%;
	/* level 3+ */
    margin-top: -0.063rem;
	padding-top: 0;
}
nav ul.sub-menu > li > a {
	display: block;
	padding: 0.5rem 1rem;
	background-color: #F6F6F6;
	font-size: 0.786em;
	margin-bottom:-1px;
}
nav ul.sub-menu > li > a:hover {
	background-color: #FD685B;
	color: #fff;
}
nav ul.sub-menu > li:first-child > a {
	border-radius: 2px 2px 0 0;
}
nav ul.sub-menu > li:last-child > a {
	border-radius: 0 0 2px 2px;
}
#menu-toggle {
	display: none;
	color: #CCC;
	text-decoration: none;
}
#menu-toggle i {
	line-height: 2;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
#menu-toggle i.active {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#menu-toggle:hover {
	color: #FD685B;
}
/*----------------------------------------------------------------
    Intro
----------------------------------------------------------------*/

#intro-wrap {
	position: relative;
	width: 100%;
	height: 33.333em;
	background-color: #FFF;
}
#intro {
	position: fixed;
	width: inherit;
	height: inherit;
}
#vcms_wrapper #intro-wrap {
	position: relative;
	width: 100%;
	height: 10em;
	background-color: #FFF;
}
#vcms_wrapper #intro {
	position: absolute;
}
#vcms_wrapper #intro .caption {
	min-height:30px;
	border:1px solid #003399
}
#intro .intro-item {
	width: inherit;
	height: inherit;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
#intro.preload .intro-item {
	visibility: hidden;
}
.darkover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.35);
}
#intro .intro-mockup, .caption, .caption-mockup, .photocaption {
	z-index: 2;
}
#wapper .caption, #wapper .photocaption {
	position: absolute;
}
#vcms_wrapper #wapper .caption, #vcms_wrapper #wapper .photocaption {
	position: relative!important;
}
#intro .intro-mockup-wrapper, .caption, .photocaption {
	margin: 0 auto;
	padding: 0 8%;
}
#intro .intro-mockup-wrapper {
	max-width: 70em;
}
#intro .intro-mockup img {
	margin: 0 auto;
	max-width: 40em;
}
#intro .intro-mockup.intro-left img, #intro .intro-mockup.intro-right img {
	max-width: 20em;
}
.owl-item .caption h2, .owl-item .caption p, .owl-item .caption .button, .owl-item .caption-mockup h2, .owl-item .caption-mockup p, .owl-item .caption-mockup .button, .owl-item .photocaption {
	opacity: 0;
}
.caption, .caption-mockup {
	width: 100%;
	text-align: center;
}
.caption, .caption h2, .caption-mockup, .caption-mockup h2, .photocaption, .photocaption h4 {
	color: #fff;
}
.caption.dark, .caption.dark h2, .caption-mockup.dark, .caption-mockup.dark h2 {
	color: #333;
}
.caption h2, .caption-mockup h2 {
	margin-bottom: 0.222em;
	font-size: 3em;
}
.caption h2 {
	margin-top: 0;
}
.caption p, .caption-mockup p {
	margin-top: 0;
}
.caption-mockup.caption-left {
	float: left;
}
.caption-mockup.caption-right {
	float: right;
}
.photocaption {
	right: 0;
	bottom: 1.111em;
	padding: 0;
	max-width: 20%;
}
.photocaption h4 {
	margin: 0;
	padding: 0.778em 1em;
	background-color: rgba(0, 0, 0, 0.35);
	font-weight: 400;
	font-style: italic;
	font-size: 0.778em;
	font-family: 'Open Sans', sans-serif;
}
.caption a, .caption-mockup a, .photocaption a {
	color: #fff;
}
#intro-wrap .more {
	position: absolute;
	bottom: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 2.667em;
}
#intro-wrap:hover .preload .more a {
	opacity: 0;
	filter: Alpha(Opacity=0);
	/* IE7 fix */;
}
#intro-wrap .more a {
	color: #fff;
	opacity: 0;
	filter: Alpha(Opacity=0);
 /* IE7 fix */
    -webkit-transition: opacity .3s ease;
 -moz-transition: opacity .3s ease;
 transition: opacity .3s ease;
}
#intro-wrap:hover .more a {
	opacity: 1;
	filter: Alpha(Opacity=100);
	/* IE7 fix */;
}
/*----------------------------------------------------------------
    Blog & Portfolio
----------------------------------------------------------------*/

.single #post-nav ul {
	padding: 1em 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.778em;
}
.single #post-nav i {
	vertical-align: middle;
}
.single .post-nav, .pagination-nav {
	float: left;
	clear: none;
	min-height: 1px;
}
.single .post-nav {
	width: 33.3%;
}
.pagination-nav {
	width: 50%;
}
.single #post-nav #all-items {
	text-align: center;
	font-size: 1.778em;
}
.single #prev-items, #pagination #older {
	text-align: left;
}
.single #next-items, #pagination #newer {
	text-align: right;
}
.single #post-nav a {
	color: #ccc;
	text-decoration: none;
}
.single #post-nav a:hover {
	color: #FD685B;
}
.single #post-nav .label {
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.single #post-nav .label, .single #post-nav #prev-items i, .single #post-nav #next-items i {
	font-size: 0.75em;
}
.single #post-nav #prev-items .label {
	padding-left: 1.5em;
}
.single #post-nav #next-items .label {
	padding-right: 1.5em;
}
#pagination #newer .button i {
	margin-right: 0;
	margin-left: 0.667em;
}
.blog h5, .blog-section h5, .single h5, .single .meta-post a, .blog.list-style .meta-post a, .search.list-style .meta-post, .search.list-style .meta-post a {
	color: #ccc;
	font-weight: 400;
}
.blog .column.six h5, .blog-section .column.six h5 {
	color: rgba(255, 255, 255, 0.7);
}
.blog-overlay i {
	color: #fff;
}
.single .meta-post a, .blog.list-style .meta-post a, .search.list-style .meta-post a {
	text-decoration: none;
}
.single .meta-post a:hover, .blog.list-style .meta-post a:hover, .search.list-style .meta-post a:hover {
	color: #FD685B;
}
.single h1 {
	margin-top: 0;
}
.single .meta-social, .single .related {
	margin-bottom: 1.34em;
}
.single .related h4 {
	margin-bottom: 1.34em;
}
.blog.list-style article, .blog-section.list-style article, .search.list-style article {
	margin-bottom: 0 !important;
	padding:1em 0 3em;
	border-bottom: 1px solid #DDD;
}
.blog.list-style h2, .blog-section.list-style h2, .search.list-style h2 {
	margin-top: 0;
	margin-bottom: 0.313em;
}
.blog.list-style h5, .blog-section.list-style h5, .search.list-style h5 {
	margin-top: 0;
}
.blog.list-style article figure img, .blog-section.list-style article figure img, .search.list-style article figure img {
	width: 100%;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 25%;
}
.blog.list-style article p, .blog-section.list-style article p, .search.list-style article p {
	margin-bottom: 0;
}
.blog.masonry-style article h5, .blog-section.masonry-style article h5 {
	text-transform: uppercase;
}
.blog.masonry-style article.six figure img, .blog.masonry-style article.eight figure img, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.eight figure img {
	width: 100%;
}
.blog.masonry-style article.six figure img, .blog.masonry-style article.six figure .blog-overlay, .blog.masonry-style article.eight figure img, .blog.masonry-style article.eight figure .blog-overlay, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.six figure .blog-overlay, .blog-section.masonry-style article.eight figure img, .blog-section.masonry-style article.eight figure .blog-overlay, .blog.masonry-style .radiusbox {
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
.blog.masonry-style article.six .blog-excerpt, .blog.masonry-style article.eight .blog-excerpt, .blog-section.masonry-style article.six .blog-excerpt, .blog-section.masonry-style article.eight .blog-excerpt {
	position: absolute;
	bottom: 43%;
	top: 10%;
	left: 5%;
	padding: 0;
}
.blog.masonry-style article.six .blog-excerpt h2, .blog.masonry-style article.eight .blog-excerpt h2, .blog-section.masonry-style article.six .blog-excerpt h2, .blog-section.masonry-style article.eight .blog-excerpt h2 {
	margin-top: 0;
	color: #222;
	font-size: 2.6em!important;
	text-shadow: 2px 2px 4px #FFF;
}
.blog.masonry-style article.six .blog-excerpt h2 a, .blog.masonry-style article.eight .blog-excerpt h2 a, .blog-section.masonry-style article.six .blog-excerpt h2 a, .blog-section.masonry-style article.eight .blog-excerpt h2 a {
	color: #222;
}
.blog.masonry-style article.three, .blog.masonry-style article.four, .blog-section.masonry-style article.three, .blog-section.masonry-style article.four {
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
.blog.masonry-style article.three figure img, .blog.masonry-style article.four figure img, .blog-section.masonry-style article.three figure img, .blog-section.masonry-style article.four figure img {
	width: 100%;
	height:auto
}
.blog.masonry-style article.three figure img, .blog.masonry-style article.three figure .blog-overlay, .blog.masonry-style article.four figure img, .blog.masonry-style article.four figure .blog-overlay, .blog-section.masonry-style article.three figure img, .blog-section.masonry-style article.three figure .blog-overlay, .blog-section.masonry-style article.four figure img, .blog-section.masonry-style article.four figure .blog-overlay {
	-webkit-border-radius: 0.4em 0.4em 0 0;
	-moz-border-radius: 0.4em 0.4em 0 0;
	border-radius: 0.4em 0.4em 0 0;
}
.blog.masonry-style article.three .blog-excerpt, .blog.masonry-style article.four .blog-excerpt, .blog-section.masonry-style article.three .blog-excerpt, .blog-section.masonry-style article.four .blog-excerpt {
	overflow: hidden;
	padding: 0.556em;
	-webkit-border-radius: 0 0 0.4em 0.4em;
	-moz-border-radius: 0 0 0.4em 0.4em;
	border-radius: 0 0 0.4em 0.4em;
	background-color: #fff;
}
.blog.masonry-style article.three .blog-excerpt h2, .blog.masonry-style article.four .blog-excerpt h2, .blog-section.masonry-style article.three .blog-excerpt h2, .blog-section.masonry-style article.four .blog-excerpt h2 {
	font-size: 0.889em;
}
.blog.masonry-style article.three .blog-excerpt p, .blog.masonry-style article.four .blog-excerpt p, .blog-section.masonry-style article.three .blog-excerpt p, .blog-section.masonry-style article.four .blog-excerpt p {
	color: #333;
	font-size: 0.889em;
}
.blog-excerpt-inner a {
	color:#222
}

.blog-excerpt-inner p {
	font-size: 0.94em!important;
	line-height: 1.2em;
}

 @media handheld, only screen and (max-width:1200px) {
.blog-excerpt-inner p {
	font-size: 0.74em!important;
	line-height: 1.1em;
	margin-top: 0.2em;
}
}

 @media handheld, only screen and (max-width:910px) {
.blog-excerpt-inner p {
	font-size: 0.55em!important;
	line-height: 1em;
	margin-top: 0.2em;
}
}
 @media handheld, only screen and (max-width:48em) {
.blog-excerpt-inner p {
	font-size: 0.94em!important;
	line-height: 1.2em;
}


}
.blog.masonry-style article.three .blog-excerpt h5, .blog.masonry-style article.four .blog-excerpt h5, .blog-section.masonry-style article.three .blog-excerpt h5, .blog-section.masonry-style article.four .blog-excerpt h5 {
	margin-top: 0.5em;
	font-size: 0.667em;
}
.blog.masonry-style article.three .blog-excerpt-inner, .blog.masonry-style article.four .blog-excerpt-inner, .blog-section.masonry-style article.three .blog-excerpt-inner, .blog-section.masonry-style article.four .blog-excerpt-inner {
	overflow: hidden;
	height: 100%;
}
.blog.masonry-style article a figure, .blog-section.masonry-style article a figure {
	position: relative;
}
.blog.masonry-style article a figure .blog-overlay, .blog-section.masonry-style article a figure .blog-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-color: rgba(79, 193, 233, 0.9);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-moz-opacity: 0;
}
.blog.masonry-style article a, .blog-section.masonry-style article a {
	text-decoration: none;
}
.blog.masonry-style article a:hover figure .blog-overlay, .blog-section.masonry-style article a:hover figure .blog-overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.blog.masonry-style article a:hover figure .blog-overlay i, .blog-section.masonry-style article a:hover figure .blog-overlay i {
 -webkit-animation: overlay .5s ease forwards;
 -moz-animation: overlay .5s ease forwards;
 animation: overlay .5s ease forwards;
}
.blog.masonry-style article figure .blog-overlay i, .blog-section.masonry-style article figure .blog-overlay i {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 2em;
}
.blog.masonry-style article.three figure .blog-overlay i, .blog-section.masonry-style article.three figure .blog-overlay i {
	top: 35%;
}
.blog.masonry-style article.six figure .blog-overlay i, .blog-section.masonry-style article.six figure .blog-overlay i {
	top: 10%;
}
.blog.list-style article h2 a, .blog-section.list-style article h2 a, .search.list-style article h2 a {
	color: #222;
	text-decoration: none;
}
.blog.list-style article h2 a:hover, .blog-section.list-style article h2 a:hover, .search.list-style article h2 a:hover {
	color: #FD685B;
	text-decoration: none;
}
.blog.list-style article.last, .blog-section.list-style article.last, .search.list-style article.last {
	border: none;
}
.blog.masonry-style article.six figure img, .blog.masonry-style article.eight figure img, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.eight figure img, .blog.masonry-style article.three, .blog.masonry-style article.four, .blog-section.masonry-style article.three, .blog-section.masonry-style article.four, .blog.list-style article figure img, .related img, .related .overlay, .portfolio-section figure img, .portfolio-section .overlay {
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
}
.portfolio ul.cats {
	margin-top: 0;
	text-align: center;
}
.portfolio ul.cats li {
	margin-right: 1em;
	color: #444;
	font-weight: 700;
	font-size: 0.889em;
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.portfolio ul.cats li:hover {
	border-bottom: 2px solid #333;
	color: #333;
}
.portfolio ul.cats li.active {
	border-bottom: none;
	color: #FD685B;
}
.related .item {
	position: relative;
	float: left;
	clear: none;
	margin-right: 3.8%;
	margin-bottom: 3.8%;
	margin-left: 0;
	width: 30.75%;
}
.related .item.last {
	margin-right: 0% !important;
}
.related img, .related .overlay, .portfolio-section figure img, .portfolio-section .overlay {
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
.portfolio figure img, .portfolio .overlay, .portfolio-section figure img, .portfolio-section .overlay, .single-portfolio figure img, .single-portfolio .overlay {
	width: 100%;
}
.portfolio .overlay, .portfolio-section .overlay, .related .overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	padding: 0 1em;
	height: 100%;
	border-bottom: none;
	background-color: rgba(79, 193, 233, 0.9);
	color: #fff;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	-moz-opacity: 0;
}
.portfolio-section.dribbble-items .overlay {
	background-color: rgba(255, 107, 171, 0.9);
}
.portfolio .overlay i, .portfolio-section .overlay i, .related .overlay i {
	font-size: 2em;
	line-height: 1.8;
}
.portfolio .overlay h2, .portfolio-section .overlay h2, .related .overlay h2 {
	margin-top: 0.67em;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.889em;
}
.portfolio .overlay p, .portfolio-section .overlay p, .related .overlay p {
	font-size: 0.722em;
}
.fluidvids {
	margin-bottom: 1em;
}
.portfolio .overlay, .portfolio .overlay-content, .portfolio-section .overlay, .portfolio-section .overlay-content, .related .overlay, .related .overlay-content {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.portfolio .overlay, .portfolio-section .overlay, .related .overlay {
	text-decoration: none;
}
.portfolio .overlay:hover, .portfolio-section .overlay:hover, .related .overlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.portfolio .overlay:hover .overlay-content i, .portfolio-section .overlay:hover .overlay-content i, .related .overlay:hover .overlay-content i {
 -webkit-animation: overlay .5s ease forwards;
 -moz-animation: overlay .5s ease forwards;
 animation: overlay .5s ease forwards;
}
 @-webkit-keyframes overlay {
 from {
 -webkit-transform: translateY(-0.5em);
}
}
 @-moz-keyframes overlay {
 from {
 -moz-transform: translateY(-0.5em);
}
}
 @keyframes overlay {
 from {
 transform: translateY(-0.5em);
}
}
/*----------------------------------------------------------------
    Masonry
----------------------------------------------------------------*/

.grid-items, .dribbble-items {
	position: relative;
}
.grid-items {
	min-height: 15em;
}
.dribbble-items {
	min-height: 9em;
}
.grid-items .column.three, .grid-items .column.four, .grid-items .column.six, .grid-items .column.eight {
	margin-right: 0;
}
.shuffle-sizer {
	position: absolute;
	visibility: hidden;
	margin-left: 3.8%;
	min-height: 1px;
	opacity: 0;
}
.shuffle-sizer.three {
	width: 22.05%;
}
.shuffle-sizer.four {
	width: 30.75%;
}
.grid-items .item, .dribbble-items .item {
	position: relative;
	margin-bottom: 2.96%;
}
.dribbble-items .item {
	-webkit-transform: scale3d(1, 1, 1);
	/* Fix some Chrome flikering on hover */;
}
.grid-items.preload .item, .dribbble-items.preload .item {
	display: none;
}
 @media handheld, only screen and (max-width:48em) {
 .shuffle-sizer-four {
 margin-left: 3.8%;
 width: 48%;
}
 .grid-items.shuffle .column {
 width: 100% !important;
}
 .grid-items .item,  .dribbble-items .item {
 position: relative;
 margin-bottom: 3.8%;
}
}
/*----------------------------------------------------------------
    Comments
----------------------------------------------------------------*/

#comments, #reply-title {
	margin-bottom: 2em;
	color: #ccc;
	text-transform: uppercase;
	font-size: 0.778em;
}
#reply-title {
	margin-bottom: 0;
}
.comment-section {
	margin-bottom: 3em;
}
.single-comment {
	position: relative;
	margin-bottom: 2em;
	padding-left: 4.444em;
}
.comment-list li.comment > div img.avatar {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 4.286em;
	height: 4.286em;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 25%;
}
.comment-author cite {
	font-style: normal;
}
.comment-author cite a, a.reply {
	color: #333;
	text-decoration: none;
}
.comment-author cite a:hover, a.reply:hover {
	color: #FD685B;
}
.comment-author {
	font-weight: 700;
}
.comment-author, .single-comment p {
	font-size: 0.778em;
}
.comment-meta {
	color: #999;
	font-size: 0.667em;
}
.comment-note {
	font-size: 0.667em;
}
.comment-list .children {
	padding-left: 2em;
}
/*----------------------------------------------------------------
    Error pages
----------------------------------------------------------------*/

.error404 h2, .search-no-results h2, .search-results > h4 {
	margin-top: 0;
}
.error404 article, .search-no-results article, .search-results {
	margin-top: 3em;
}
/*----------------------------------------------------------------
    Sidebar
----------------------------------------------------------------*/

.widget {
	font-size: 0.722em;
}
.widget h4 {
	margin-top: 0;
	color: #ccc;
}
.widget {
	margin-bottom: 3.333em;
}
.widget_search input, .search-no-results input {
	padding-left: 3.077em;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 1.538em;
}
.widget_search form, .search-no-results form {
	position: relative;
}
.pre-input {
	position: absolute;
}
.pre-input i {
	padding: 0.35em 0.6em 0.4em 1em;
	color: #ccc;
	line-height: 1.8 !important;
}
/*----------------------------------------------------------------
    Widgets
----------------------------------------------------------------*/

.widget h4 {
	text-transform: uppercase;
	font-size: 0.875rem;
}
/*----------------------------------------------------------------
    Social widgets
----------------------------------------------------------------*/

.meta-social ul li, ul.meta-social li {
	padding: 0 0.278em;
	text-align: center;
}
.meta-social ul li a, ul.meta-social li a {
	display: inline-block;
	border: 0px solid;
	border-color: #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.text-light .meta-social ul li a, .text-light ul.meta-social li a {
	border-color: #333;
}
.meta-social ul li a i, ul.meta-social li a i {
	line-height: 2em;
}
.meta-social ul li a:hover, ul.meta-social li a:hover {
	color: #fff;
}
.meta-social ul li a.dribbble-share:hover, ul.meta-social li a.dribbble-share:hover {
	border-color: #ea4c89;
	background-color: #ea4c89;
}
.meta-social ul li a.facebook-share:hover, ul.meta-social li a.facebook-share:hover {
	border-color: #3b5998;
	background-color: #3b5998;
}
.meta-social ul li a.flickr-share:hover, ul.meta-social li a.flickr-share:hover {
	border-color: #0063dc;
	background-color: #0063dc;
}
.meta-social ul li a.github-share:hover, ul.meta-social li a.github-share:hover {
	border-color: #171515;
	background-color: #171515;
}
.meta-social ul li a.gplus-share:hover, ul.meta-social li a.gplus-share:hover {
	border-color: #dd4b39;
	background-color: #dd4b39;
}
.meta-social ul li a.instagram-share:hover, ul.meta-social li a.instagram-share:hover {
	border-color: #3f729b;
	background-color: #3f729b;
}
.meta-social ul li a.linkedin-share:hover, ul.meta-social li a.linkedin-share:hover {
	border-color: #0e76a8;
	background-color: #0e76a8;
}
.meta-social ul li a.pinterest-share:hover, ul.meta-social li a.pinterest-share:hover {
	border-color: #c8232c;
	background-color: #c8232c;
}
.meta-social ul li a.skype-share:hover, ul.meta-social li a.skype-share:hover {
	border-color: #00aff0;
	background-color: #00aff0;
}
.meta-social ul li a.twitter-share:hover, ul.meta-social li a.twitter-share:hover {
	border-color: #00acee;
	background-color: #00acee;
}
.meta-social ul li a.vimeo-share:hover, ul.meta-social li a.vimeo-share:hover {
	border-color: #44bbff;
	background-color: #44bbff;
}
.meta-social ul li a.youtube-share:hover, ul.meta-social li a.youtube-share:hover {
	border-color: #c4302b;
	background-color: #c4302b;
}
footer .meta-social ul li {
	padding-right: 0.5em;
	padding-left: 0;
}
.widget.meta-social ul li a i {
	vertical-align: -15%;
}
/*----------------------------------------------------------------
    Sections
----------------------------------------------------------------*/

section {
	background-color: inherit;
}
section.greyish {
	background-color: #f5f5f5;
}
.section-title {
	margin-bottom: 2em;
	text-align: center;
}
.section-title h3 {
	display: inline-block;
	text-transform: uppercase;
	line-height: 1.8;
}
/*----------------------------------------------------------------
    CTA
----------------------------------------------------------------*/

.call-to-action .row-content.buffer {
	padding-top: 4%;
	padding-bottom: 4%;
}
.call-to-action {
	text-align: center;
}
.call-to-action p {
	display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}
.call-to-action .button {
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 0;
}
/*----------------------------------------------------------------
    Featured columns
----------------------------------------------------------------*/

.small-icon, .big-icon {
	width: 2em;
	height: 2em;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 25%;
	background-color: rgba(0, 0, 0, 0.03);
	line-height: 2;
}
.small-icon-text {
	margin-left: 4.444em;
}
.small-icon-text h4 {
	margin-top: 1.1em;
}
.small-icon {
	display: block;
	float: left;
	font-size: 1.667em;
}
.small-icon i {
	width: inherit;
	text-align: center;
}
.small-icon, .small-icon-text, .small-icon-text h4, .small-icon-text p {
	clear: none;
}
.big-icon-text h4 {
	font-size: 1.333em;
}
.big-icon {
	display: inline-block;
	font-size: 5.556em;
}
.text-s {
	font-size: 0.778em;
}
.text-xs {
	font-size: 0.722em;
}
.text-light {
	color: rgba(255, 255, 255, 0.9);
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light i {
	color: #fff;
}
.text-light .small-icon, .text-light .big-icon {
	background-color: rgba(255, 255, 255, 0.15);
}
.text-light a {
	color: #fff;
}
/*----------------------------------------------------------------
    Portfolio section
----------------------------------------------------------------*/

.more-btn {
	text-align: center;
}
/*----------------------------------------------------------------
    Skills rings
----------------------------------------------------------------*/

.chart {
	position: relative;
	display: inline-block;
	margin: 1em;
	width: 178px;
	height: 178px;
	text-align: center;
}
.chart canvas {
	width: 178px;
	height: 178px;
}
.chart-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.percent, .count-number, .count-number-done {
	color: #666;
	font-weight: 700;
	font-size: 2.333em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.34;
}
.text-light .percent, .text-light .count-number, .text-light .count-number-done {
	color: #fff;
}
.percent:after {
	content: '%';
}
.chart-title, .count-subject {
	font-weight: 700;
	font-size: 0.889em;
	font-family:Arial, Helvetica, sans-serif;
}
.chart-title {
	color: #999;
}
.text-light .chart-title, .text-light .count-subject {
	color: rgba(255, 255, 255, 0.7);
}
.text-light .timeline .experience-info p {
	color: rgba(255, 255, 255, 0.7);
}
.text-light .timeline time {
	color: rgba(255, 255, 255, 0.5);
}
.text-light .timeline .experience, .text-light .timeline .experience .circle {
	border-color: rgba(255, 255, 255, 0.5);
}
/*----------------------------------------------------------------
    Milestone
----------------------------------------------------------------*/

.count-item {
	text-align: center;
}
.count-item .small-icon {
	float: none;
	margin: 0 auto 0.333em auto;
}
.count-subject {
	margin-top: 0;
	color: #999;
	opacity: 0;
}
/*----------------------------------------------------------------
    Timeline
----------------------------------------------------------------*/

.timeline-label h4 {
	margin-top: 0;
	font-size: 1.556em;
}
.timeline-label p {
	font-size: 0.889em;
}
.timeline .experience {
	position: relative;
	float: left;
	margin-left: 2em;
	padding-left: 2em;
	border-left: 2px solid #ccc;
}
.timeline .experience-info h5 {
	margin-top: 0;
	margin-bottom: 0.333em;
	font-size: 1em;
}
.timeline .experience-info .role {
	font-size: 0.778em;
	font-family:Arial, Helvetica, sans-serif;
}
.timeline .experience-info p {
	color: #999;
	font-size: 0.722em;
}
.timeline time {
	display: block;
	width: 4.111em;
	color: #ccc;
	text-align: center;
	font-weight: 700;
	font-family:Arial, Helvetica, sans-serif;
}
.timeline .experience-img, .timeline .experience-info, .timeline .experience-info h5, .timeline .experience-info .role, .timeline .experience-info p {
	clear: none;
}
.timeline .experience .circle {
	position: absolute;
	top: 1em;
	left: -0.667em;
	display: block;
	width: 1.222em;
	height: 1.222em;
	border: 3px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #F5F5F5;
}
.timeline .experience-img {
	float: left;
	width: 3.333em;
	height: 3.333em;
}
.timeline .experience-img img {
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 25%;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}
.timeline .experience-info {
	margin-left: 4.444em;
}
/*----------------------------------------------------------------
    Contact forms
----------------------------------------------------------------*/

.contact-section input, .contact-section textarea, .comment-form input, .comment-form textarea {
	background-color: rgba(255, 255, 255, 0.15);
	font-size: 0.889em !important;
}
.text-light input, .text-light textarea {
	color: #fff;
}
 .text-light input:not([type="button"]):hover, .text-light textarea:not([type="button"]):hover {
 border-color: rgba(255, 255, 255, 0.5) !important;
}
 .text-light textarea:not([type="button"]):focus, .text-light textarea:not([type="button"]):active, .text-light input:not([type="button"]):focus, .text-light input:not([type="button"]):active {
 border-color: #fff !important;
}
.text-light .contact-section i {
	color: rgba(255, 255, 255, 0.7);
}
 .text-light ::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
 .text-light :-moz-placeholder {
 /* Firefox 18- */
    color: rgba(255, 255, 255, 0.7);
}
 .text-light ::-moz-placeholder {
  /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.7);
}
 .text-light :-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.contact-section input.name, .contact-section input.email, .comment-form input.name, .comment-form input.email {
	padding-left: 3em;
}
.contact-section input.name, .contact-section input.email, .contact-section textarea, .comment-form input.name, .comment-form input.email, .comment-form textarea {
	max-width: 100%;
	width: 100%;
}
.contact-section input[type="submit"], .comment-form input[type="submit"] {
	float: right;
}
/*----------------------------------------------------------------
    Team
----------------------------------------------------------------*/

.about-us img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.about-us a {
	color:#333!important
}
.about-us figcaption {
	text-align: center;
}
.about-us figcaption h4 {
	margin-bottom: 0.2em;
}
.about-us figcaption p {
	font-size: 0.778em;
}
.about-us .meta-social {
	font-size: 0.722em;
}
/*----------------------------------------------------------------
    Map
----------------------------------------------------------------*/

.map {
	height: 15em;
}
.gm-style > div > div {
	/* Overlay color */
    height: 100%;
}
.gm-style img {
	/* Fix tooltip */
    max-width: none;
}
.gm-style div {
	/* Fix tooltip */
    border-style: none;
}
.gm-style > div.gmnoprint {
/* display: none; */
}
.gm-style > div > a {
/* display: none !important; */
}
.infoBox {
	text-align: center;
}
.infobox-inner {
	display: inline-block;
	padding: 6px 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}
.infobox-inner:after, .infobox-inner:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
}
.infobox-inner:after {
	margin-left: -10px;
	border-width: 10px;
	border-color: rgba(0, 0, 0, 0);
}
.infobox-inner:before {
	margin-left: -10px;
	border-width: 10px;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
}
/*----------------------------------------------------------------
    Testimonial
----------------------------------------------------------------*/

.testimonial-slider {
	font-style: italic;
}
.testimonial-img img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.quote p {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.author {
	margin-bottom: 1em;
	font-size: 0.889em;
	opacity: 0.7;
}
.author:before {
	content: '− ';
}
.author:after {
	content: ' -';
}
/*----------------------------------------------------------------
    Slogan
----------------------------------------------------------------*/

.slogan {
	text-align: center;
}
.slogan p {
	font-size: 1.111em;
}
/*----------------------------------------------------------------
    onScreen animations
----------------------------------------------------------------*/

.slogan.animation.onscreen, .call-to-action .animation.onscreen, .side-mockup.left-mockup.animation.onscreen {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
 -webkit-animation: lfade .65s ease forwards;
 -moz-animation: lfade .65s ease forwards;
 animation: lfade .65s ease forwards;
}
.side-mockup.right-mockup.animation.onscreen {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
 -webkit-animation: rfade .65s ease forwards;
 -moz-animation: rfade .65s ease forwards;
 animation: rfade .65s ease forwards;
}
.count-subject.subject-on {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
 -webkit-animation: smalllfade .65s ease forwards;
 -moz-animation: smalllfade .65s ease forwards;
 animation: smalllfade .65s ease forwards;
}
.owl-item .caption h2, .owl-item .caption p, .owl-item .caption .button, .owl-item .caption-mockup h2, .owl-item .caption-mockup p, .owl-item .caption-mockup .button, .owl-item .photocaption, .side-mockup.left-mockup.animation, .side-mockup.right-mockup.animation, .slogan.animation, .call-to-action .animation {
	opacity: 0;
}
.owl-item.active .photocaption {
	opacity: 0;
	-webkit-transform: translateX(3em);
	-moz-transform: translateX(3em);
	-ms-transform: translateX(3em);
	-o-transform: translateX(3em);
	transform: translateX(3em);
 -webkit-animation: photocaption .65s ease forwards;
 -moz-animation: photocaption .65s ease forwards;
 animation: photocaption .65s ease forwards;
 -webkit-animation-delay: .6s;
 -moz-animation-delay: .6s;
 animation-delay: .6s;
}
.no-cssanimations .owl-item.active .photocaption {
	-ms-transform: translateX(0);
}
.owl-item.active .intro-mockup img {
	opacity: 0;
	-webkit-transform: translateY(3em);
	-moz-transform: translateY(3em);
	-ms-transform: translateY(3em);
	-o-transform: translateY(3em);
	transform: translateY(3em);
 -webkit-animation: mcaption .65s ease forwards;
 -moz-animation: mcaption .65s ease forwards;
 animation: mcaption .65s ease forwards;
 -webkit-animation-delay: .8s;
 -moz-animation-delay: .8s;
 animation-delay: .8s;
}
.owl-item.active .caption h2, .owl-item.active .caption-mockup h2 {
	opacity: 0;
 -webkit-animation: fade .65s ease forwards;
 -moz-animation: fade .65s ease forwards;
 animation: fade .65s ease forwards;
 -webkit-animation-delay: .6s;
 -moz-animation-delay: .6s;
 animation-delay: .6s;
}
.owl-item.active .caption p, .owl-item.active .caption-mockup p {
	opacity: 0;
 -webkit-animation: fade .65s ease forwards;
 -moz-animation: fade .65s ease forwards;
 animation: fade .65s ease forwards;
 -webkit-animation-delay: .8s;
 -moz-animation-delay: .8s;
 animation-delay: .8s;
}
.owl-item.active .caption .button, .owl-item.active .caption-mockup .button {
	opacity: 0;
 -webkit-animation: fade .65s ease forwards;
 -moz-animation: fade .65s ease forwards;
 animation: fade .65s ease forwards;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
.no-cssanimations .owl-item.active .photocaption, .no-cssanimations .owl-item.active .caption h2, .no-cssanimations .owl-item.active .caption-mockup h2, .no-cssanimations .owl-item.active .caption p, .no-cssanimations .owl-item.active .caption-mockup p, .no-cssanimations .owl-item.active .caption .button, .no-cssanimations .owl-item.active .caption-mockup .button {
	opacity: 1;
}
 @-webkit-keyframes fade {
 to {
 opacity: 1;
}
}
 @-moz-keyframes fade {
 to {
 opacity: 1;
}
}
 @keyframes fade {
 to {
 opacity: 1;
}
}
 @-webkit-keyframes photocaption {
 to {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes photocaption {
 to {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @keyframes photocaption {
 to {
 opacity: 1;
 transform: translateY(0);
}
}
 @-webkit-keyframes mcaption {
 to {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes mcaption {
 to {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @keyframes mcaption {
 to {
 opacity: 1;
 transform: translateX(0);
}
}
 @-webkit-keyframes lfade {
 from {
 opacity: 0;
 -webkit-transform: translateX(-3em);
}
}
 @-moz-keyframes lfade {
 from {
 opacity: 0;
 -moz-transform: translateX(-3em);
}
}
 @keyframes lfade {
 from {
 opacity: 0;
 transform: translateX(-3em);
}
}
 @-webkit-keyframes smalllfade {
 from {
 opacity: 0;
 -webkit-transform: translateX(-1em);
}
}
 @-moz-keyframes smalllfade {
 from {
 opacity: 0;
 -moz-transform: translateX(-1em);
}
}
 @keyframes smalllfade {
 from {
 opacity: 0;
 transform: translateX(-1em);
}
}
 @-webkit-keyframes rfade {
 from {
 opacity: 0;
 -webkit-transform: translateX(3em);
}
}
 @-moz-keyframes rfade {
 from {
 opacity: 0;
 -moz-transform: translateX(3em);
}
}
 @keyframes rfade {
 from {
 opacity: 0;
 transform: translateX(3em);
}
}
/*----------------------------------------------------------------
    Buttons
----------------------------------------------------------------*/

.button, input.button {
	position: relative;
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 1.34em;
	padding: 0.667em 2em;
	border-bottom: none;
	-webkit-border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	border-radius: 0.333em;
	background-color: rgba(84, 87, 102, 1);
	color: #FFFFFF !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 0.778em !important;
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.714em !important;
	cursor: pointer;
}
.csstransitions .button, .csstransitions input.button {
	-webkit-transition: background-color 0.3s linear, color 0.3s linear;
	-moz-transition: background-color 0.3s linear, color 0.3s linear;
	transition: background-color 0.3s linear, color 0.3s linear;
}
.button:hover, input.button:hover {
	border-bottom: none;
	background-color: rgba(84, 87, 102, 0.9);
}
.button:active, input.button:active {
	box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.1);
}
.button i {
	margin-right: 0.667em;
	vertical-align: middle;
	line-height: 1em !important;
}
.button.red, input.button.red {
	background-color: rgba(253, 104, 91, 1);
}
.button.red:hover, input.button.red:hover {
	background-color: rgba(253, 104, 91, 0.9);
}
.button.orange, input.button.orange {
	background-color: rgba(250, 111, 87, 1);
}
.button.orange:hover, input.button.orange:hover {
	background-color: rgba(250, 111, 87, 0.9);
}
.button.yellow, input.button.yellow {
	background-color: rgba(254, 205, 94, 1);
}
.button.yellow:hover, input.button.yellow:hover {
	background-color: rgba(254, 205, 94, 0.9);
}
.button.green, input.button.green {
	background-color: rgba(161, 210, 110, 1);
}
.button.green:hover, input.button.green:hover {
	background-color: rgba(161, 210, 110, 0.9);
}
.button.mint, input.button.mint {
	background-color: rgba(79, 206, 173, 1);
}
.button.mint:hover, input.button.mint:hover {
	background-color: rgba(79, 206, 173, 0.9);
}
.button.aqua, input.button.aqua {
	background-color: rgba(85, 193, 231, 1);
}
.button.aqua:hover, input.button.aqua:hover {
	background-color: rgba(85, 193, 231, 0.9);
}
.button.blue, input.button.blue {
	background-color: rgba(96, 158, 234, 1);
}
.button.blue:hover, input.button.blue:hover {
	background-color: rgba(96, 158, 234, 0.9);
}
.button.purple, input.button.purple {
	background-color: rgba(171, 148, 233, 1);
}
.button.purple:hover, input.button.purple:hover {
	background-color: rgba(171, 148, 233, 0.9);
}
.button.pink, input.button.pink {
	background-color: rgba(234, 137, 191, 1);
}
.button.pink:hover, input.button.pink:hover {
	background-color: rgba(234, 137, 191, 0.9);
}
.button.white, input.button.white {
	background-color: rgba(255, 255, 255, 1);
	color: #545766 !important;
}
.button.white:hover, input.button.white:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
.button.grey, input.button.grey {
	background-color: rgba(170, 178, 188, 1);
}
.button.grey:hover, input.button.grey:hover {
	background-color: rgba(170, 178, 188, 0.9);
}
.button.dark-grey, input.button.dark-grey {
	background-color: rgba(84, 87, 102, 1);
}
.button.dark-grey:hover, input.button.dark-grey:hover {
	background-color: rgba(84, 87, 102, 0.9);
}
.button.transparent, input.button.transparent {
	border: 2px solid rgba(84, 87, 102, 1);
	background-color: transparent;
	color: rgba(84, 87, 102, 1) !important;
}
.button.transparent:hover, input.button.transparent:hover {
	border: 2px solid rgba(84, 87, 102, 1);
	background-color: rgba(84, 87, 102, 1);
	color: #fff !important;
}
.button.transparent.red, input.transparent.button.red {
	border: 2px solid rgba(253, 104, 91, 1);
	color: rgba(253, 104, 91, 1) !important;
}
.button.transparent.red:hover, input.button.transparent.red:hover {
	border: 2px solid rgba(253, 104, 91, 1);
	background-color: rgba(253, 104, 91, 1);
	color: #fff !important;
}
.button.transparent.orange, input.transparent.button.orange {
	border: 2px solid rgba(250, 111, 87, 1);
	color: rgba(250, 111, 87, 1) !important;
}
.button.transparent.orange:hover, input.button.transparent.orange:hover {
	border: 2px solid rgba(250, 111, 87, 1);
	background-color: rgba(250, 111, 87, 1);
	color: #fff !important;
}
.button.transparent.yellow, input.transparent.button.yellow {
	border: 2px solid rgba(254, 205, 94, 1);
	color: rgba(254, 205, 94, 1) !important;
}
.button.transparent.yellow:hover, input.button.transparent.yellow:hover {
	border: 2px solid rgba(254, 205, 94, 1);
	background-color: rgba(254, 205, 94, 1);
	color: #fff !important;
}
.button.transparent.green, input.transparent.button.green {
	border: 2px solid rgba(161, 210, 110, 1);
	color: rgba(161, 210, 110, 1) !important;
}
.button.transparent.green:hover, input.button.transparent.green:hover {
	border: 2px solid rgba(161, 210, 110, 1);
	background-color: rgba(161, 210, 110, 1);
	color: #fff !important;
}
.button.transparent.mint, input.transparent.button.mint {
	border: 2px solid rgba(79, 206, 173, 1);
	color: rgba(79, 206, 173, 1) !important;
}
.button.transparent.mint:hover, input.button.transparent.mint:hover {
	border: 2px solid rgba(79, 206, 173, 1);
	background-color: rgba(79, 206, 173, 1);
	color: #fff !important;
}
.button.transparent.aqua, input.transparent.button.aqua {
	border: 2px solid rgba(85, 193, 231, 1);
	color: rgba(85, 193, 231, 1) !important;
}
.button.transparent.aqua:hover, input.button.transparent.aqua:hover {
	border: 2px solid rgba(85, 193, 231, 1);
	background-color: rgba(85, 193, 231, 1);
	color: #fff !important;
}
.button.transparent.blue, input.transparent.button.blue {
	border: 2px solid rgba(96, 158, 234, 1);
	color: rgba(96, 158, 234, 1) !important;
}
.button.transparent.blue:hover, input.button.transparent.blue:hover {
	border: 2px solid rgba(96, 158, 234, 1);
	background-color: rgba(96, 158, 234, 1);
	color: #fff !important;
}
.button.transparent.purple, input.transparent.button.purple {
	border: 2px solid rgba(171, 148, 233, 1);
	color: rgba(171, 148, 233, 1) !important;
}
.button.transparent.purple:hover, input.button.transparent.purple:hover {
	border: 2px solid rgba(171, 148, 233, 1);
	background-color: rgba(171, 148, 233, 1);
	color: #fff !important;
}
.button.transparent.pink, input.transparent.button.pink {
	border: 2px solid rgba(234, 137, 191, 1);
	color: rgba(234, 137, 191, 1) !important;
}
.button.transparent.pink:hover, input.button.transparent.pink:hover {
	border: 2px solid rgba(234, 137, 191, 1);
	background-color: rgba(234, 137, 191, 1);
	color: #fff !important;
}
.button.transparent.white, input.transparent.button.white {
	border: 2px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1) !important;
}
.button.transparent.white:hover, input.button.transparent.white:hover {
	border: 2px solid rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 1);
	color: #545766 !important;
}
.button.transparent.grey, input.transparent.button.grey {
	border: 2px solid rgba(170, 178, 188, 1);
	color: rgba(170, 178, 188, 1) !important;
}
.button.transparent.grey:hover, input.button.transparent.grey:hover {
	border: 2px solid rgba(170, 178, 188, 1);
	background-color: rgba(170, 178, 188, 1);
	color: #fff !important;
}
.button.transparent.dark-grey, input.transparent.button.dark-grey {
	border: 2px solid rgba(84, 87, 102, 1);
	color: rgba(84, 87, 102, 1) !important;
}
.button.transparent.dark-grey:hover, input.button.transparent.dark-grey:hover {
	border: 2px solid rgba(84, 87, 102, 1);
	background-color: rgba(84, 87, 102, 1);
	color: #fff !important;
}
/*----------------------------------------------------------------
    Icons
----------------------------------------------------------------*/

.red, i.icon.red, i.fa.red {
	color: #fd685c;
}
.orange, i.icon.orange, i.fa.orange {
	color: #fa6f57;
}
.yellow, i.icon.yellow, i.fa.yellow {
	color: #fecd5e;
}
.green, i.icon.green, i.fa.green {
	color: #a1d26e;
}
.mint, i.icon.mint, i.fa.mint {
	color: #4fcead;
}
.aqua, i.icon.aqua, i.fa.aqua {
	color: #55c1e7;
}
.blue, i.icon.blue, i.fa.blue {
	color: #609eea;
}
.purple, i.icon.purple, i.fa.purple {
	color: #ab94e9;
}
.pink, i.icon.pink, i.fa.pink {
	color: #ea89bf;
}
.white, i.icon.white, i.fa.white {
	color: #fff;
}
.grey, i.icon.grey, i.fa.grey {
	color: #aab2bc;
}
.dark-grey, i.icon.dark-grey, i.fa.dark-grey {
	color: #545766;
}
.text-light i.icon, .text-light i.fa {
	color: #fff !important;
}
/*----------------------------------------------------------------
    Footer
----------------------------------------------------------------*/

footer {
	position: relative;
	z-index: 10;
	background:url(../img/p.png)
}
 color: #545766;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
footer a {
	color: #CCC;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration:underline
}
footer .meta-social ul li a {
	border-color: #FFF;
	color: #FFF;
}
footer .meta-social ul li a:hover {
	color: #fff;
}
.meta-social {
	text-align:center
}
#top-footer h4 {
	margin-top: 0;
	font-weight: normal;
}
#top-footer .widget {
	margin-bottom: 0;
	font-size: 0.7em;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
}
}
footer .three {
	width:25%!important
}
footer .row-content.buffer {
	padding-top: 2%;
	padding-bottom: 0;
}
#bottom-footer {
	font-size: 0.667em;
	font-family:Arial, Helvetica, sans-serif;
}
#top-footer .widget .plain li {
	margin-bottom:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}
#bottom-footer p {
	text-align:center;
	color:#CCC;
	font-size:1.2em
}
.footerbana img {
	display:block;
	margin:10px auto;
	max-width:200px;
	height:auto
}

/*----------------------------------------------------------------
    LineIcon font - Made with Fontastic.me - Icons: http://graphicburger.com/line-icon-set-for-ui/
----------------------------------------------------------------*/

@charset "UTF-8";
 @font-face {
 font-weight: normal;
 font-style: normal;
 font-family: "lineicon";
 src:url("fonts/lineicon.eot");
 src:url("fonts/lineicon.eot?#iefix") format("embedded-opentype"),  url("fonts/lineicon.woff") format("woff"),  url("fonts/lineicon.ttf") format("truetype"),  url("fonts/lineicon.svg#lineicon") format("svg");
}
[data-icon]:before {
	content: attr(data-icon);
	text-transform: none !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-family: "lineicon" !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
 text-transform: none !important;
 font-weight: normal !important;
 font-style: normal !important;
 font-variant: normal !important;
 font-family: "lineicon" !important;
 speak: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-images:before {
	content: "\e000";
}
.icon-arrow-up:before {
	content: "\e001";
}
.icon-arrow-right:before {
	content: "\e002";
}
.icon-arrow-left:before {
	content: "\e003";
}
.icon-arrow-down:before {
	content: "\e004";
}
.icon-search:before {
	content: "\e005";
}
.icon-camera:before {
	content: "\e006";
}
.icon-video:before {
	content: "\e007";
}
.icon-picture:before {
	content: "\e008";
}
.icon-home:before {
	content: "\e009";
}
.icon-outline-left-arrow:before {
	content: "\e00a";
}
.icon-outline-left-dir:before {
	content: "\e00b";
}
.icon-outline-left-right-arrow:before {
	content: "\e00c";
}
.icon-outline-right-arrow:before {
	content: "\e00d";
}
.icon-outline-right-dir:before {
	content: "\e00e";
}
.icon-outline-enlarge:before {
	content: "\e00f";
}
.icon-outline-close:before {
	content: "\e010";
}
.icon-multiview:before {
	content: "\e011";
}
.icon-load:before {
	content: "\e012";
}
.icon-link-two:before {
	content: "\e013";
}
.icon-link-one:before {
	content: "\e014";
}
.icon-reload:before {
	content: "\e015";
}
.icon-user:before {
	content: "\e016";
}
.icon-users:before {
	content: "\e017";
}
.icon-vertical-tag:before {
	content: "\e018";
}
.icon-checked:before {
	content: "\e019";
}
.icon-clip:before {
	content: "\e01a";
}
.icon-download:before {
	content: "\e01b";
}
.icon-equalizer:before {
	content: "\e01c";
}
.icon-flag:before {
	content: "\e01d";
}
.icon-gear:before {
	content: "\e01e";
}
.icon-outline-menu:before {
	content: "\e01f";
}
.icon-horizontal-tag:before {
	content: "\e020";
}
.icon-archive:before {
	content: "\e021";
}
.icon-bag:before {
	content: "\e022";
}
.icon-battery-25:before {
	content: "\e023";
}
.icon-battery-50:before {
	content: "\e024";
}
.icon-battery-75:before {
	content: "\e025";
}
.icon-battery-charged:before {
	content: "\e026";
}
.icon-battery-dead:before {
	content: "\e027";
}
.icon-bin:before {
	content: "\e028";
}
.icon-brush:before {
	content: "\e029";
}
.icon-connections:before {
	content: "\e02a";
}
.icon-compass:before {
	content: "\e02b";
}
.icon-comments:before {
	content: "\e02c";
}
.icon-comment-two:before {
	content: "\e02d";
}
.icon-comment-one:before {
	content: "\e02e";
}
.icon-clock:before {
	content: "\e02f";
}
.icon-cart:before {
	content: "\e030";
}
.icon-calendar:before {
	content: "\e031";
}
.icon-calc:before {
	content: "\e032";
}
.icon-bulb:before {
	content: "\e033";
}
.icon-crown:before {
	content: "\e034";
}
.icon-cup:before {
	content: "\e035";
}
.icon-diamond:before {
	content: "\e036";
}
.icon-doc:before {
	content: "\e037";
}
.icon-email:before {
	content: "\e038";
}
.icon-eye:before {
	content: "\e039";
}
.icon-film:before {
	content: "\e03a";
}
.icon-flame:before {
	content: "\e03b";
}
.icon-flash:before {
	content: "\e03c";
}
.icon-folder:before {
	content: "\e03d";
}
.icon-map:before {
	content: "\e03e";
}
.icon-lock:before {
	content: "\e03f";
}
.icon-inbox:before {
	content: "\e040";
}
.icon-heart:before {
	content: "\e041";
}
.icon-graph:before {
	content: "\e042";
}
.icon-globe:before {
	content: "\e043";
}
.icon-money:before {
	content: "\e044";
}
.icon-news:before {
	content: "\e045";
}
.icon-phone-one:before {
	content: "\e046";
}
.icon-phone-two:before {
	content: "\e047";
}
.icon-pin:before {
	content: "\e048";
}
.icon-pocket:before {
	content: "\e049";
}
.icon-wifi:before {
	content: "\e04a";
}
.icon-unlock:before {
	content: "\e04b";
}
.icon-scissors:before {
	content: "\e04c";
}
.icon-stamp:before {
	content: "\e04d";
}
.icon-star:before {
	content: "\e04e";
}
.icon-target:before {
	content: "\e04f";
}
.icon-tshirt:before {
	content: "\e050";
}
.icon-tumbler:before {
	content: "\e051";
}
.icon-pencil:before {
	content: "\e052";
}
.icon-paperfly:before {
	content: "\e053";
}
.icon-control-eject:before {
	content: "\e054";
}
.icon-control-fastforward:before {
	content: "\e055";
}
.icon-control-next:before {
	content: "\e056";
}
.icon-control-pause:before {
	content: "\e057";
}
.icon-control-play:before {
	content: "\e058";
}
.icon-cassette:before {
	content: "\e059";
}
.icon-control-prev:before {
	content: "\e05a";
}
.icon-control-rec:before {
	content: "\e05b";
}
.icon-control-rewind:before {
	content: "\e05c";
}
.icon-control-shuffle:before {
	content: "\e05d";
}
.icon-control-stop:before {
	content: "\e05e";
}
.icon-crop:before {
	content: "\e05f";
}
.icon-desktop:before {
	content: "\e060";
}
.icon-disk:before {
	content: "\e061";
}
.icon-headphones:before {
	content: "\e062";
}
.icon-laptop:before {
	content: "\e063";
}
.icon-layout:before {
	content: "\e064";
}
.icon-leaf:before {
	content: "\e065";
}
.icon-microphone:before {
	content: "\e066";
}
.icon-megaphone:before {
	content: "\e067";
}
.icon-music:before {
	content: "\e068";
}
.icon-speaker-on:before {
	content: "\e069";
}
.icon-speaker-off:before {
	content: "\e06a";
}
.icon-smartphone:before {
	content: "\e06b";
}
.icon-select:before {
	content: "\e06c";
}
.icon-resize:before {
	content: "\e06d";
}
.icon-umbrella:before {
	content: "\e06e";
}
.icon-weather-changeable:before {
	content: "\e06f";
}
.icon-weather-cloudy:before {
	content: "\e070";
}
.icon-weather-rainy:before {
	content: "\e071";
}
.icon-weather-snowy:before {
	content: "\e072";
}
.icon-weather-stormy:before {
	content: "\e073";
}
.icon-weather-sunny:before {
	content: "\e074";
}
.icon-tablet:before {
	content: "\e075";
}
.icon-arrow-down-simple:before {
	content: "\e076";
}
.icon-arrow-left-simple:before {
	content: "\e077";
}
.icon-arrow-right-simple:before {
	content: "\e078";
}
.icon-arrow-up-simple:before {
	content: "\e079";
}
.icon-close:before {
	content: "\e07a";
}
.icon-plus:before {
	content: "\e07b";
}
/*----------------------------------------------------------------
    Align Fontawesome and LineIcon fonts
----------------------------------------------------------------*/

.big-icon .icon, .small-icon .icon, .big-icon .fa, .small-icon .fa {
	vertical-align: baseline;
}
.icon, .fa {
/* vertical-align: middle; */;
}
/*----------------------------------------------------------------
    Hide icons underline
----------------------------------------------------------------*/

.icon {
	display: inline-block;
}


/*----------------------------------------------------------------
    640px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:40em) {
 #intro .caption h2,  #intro .caption-mockup h2 {
 font-size: 2.4em;
}
 #intro .caption p,  #intro .caption-mockup p {
 font-size: 0.8em;
}
 .photocaption {
 display: none;
}
}

/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:48em) {
 #header {
 position: relative !important;
 background-color: #fff !important;
}
 #brand a,  nav a {
 color: #333 !important;
}
 nav a:hover {
 color: #fff !important;
}
 #brand,  nav,  #menu-toggle {
 display: block;
}
 #menu-toggle {
 float: right;
 clear: none;
}
 nav {
 float: none;
 clear: both;
}
 nav > ul {
 margin-top: 2em;
}
 #brand h1 {
 line-height: 1.8;
}
 nav > ul {
 display: none;
}
 nav > ul,  nav > ul > li {
 float: none;
}
 .sub-arrow {
 display: none;
}
 nav > ul li > a {
 display: block;
 margin: 0;
 padding: 0.625rem 0;
 border-bottom: 1px solid #DDD !important;
 line-height: 1.250rem;
}
 nav > ul > li > a:hover {
 -webkit-border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 border-radius: 0 !important;
}
 nav > ul li.last > a,  nav > ul li.last > a:hover {
 border-bottom: none !important;
}
 nav > ul > li.menu-item {
 padding: 0 !important;
}
 nav ul.sub-menu > li > a {
 -webkit-border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 border-radius: 0 !important;
}
 nav ul.sub-menu > li > a {
 color: #666 !important;
 font-size: 0.688rem;
}
 nav ul.sub-menu > li > a,  nav ul li > a:hover {
 background-color: transparent !important;
}
 nav ul li > a:hover {
 color: #FD685B !important;
}
 nav > ul > li:hover > a {
 border-bottom: none;
}
 nav ul.sub-menu {
 position: static;
 display: block;
 padding: 0 0 0 1.5em;
 width: inherit;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 #intro {
 position: relative;
}
 .more {
 display: none;
}
 .column .count-item {
 margin-bottom: 2em;
}
 .column.last .count-item {
 margin-bottom: 0;
}
 .carousel-item {
 text-align: center;
}
 .carousel-item img,  .about-us img,  .testimonial-img img {
 margin: 0 auto;
}
 .carousel-item img {
 max-width: 12.5em;
}
 .about-us img {
 max-width: 20em;
 width: 100%;
}
 .testimonial-img img {
 margin-bottom: 1em;
 max-width: 10em;
 width: 100%;
}
 .testimonial-slider {
 text-align: center;
}
 .blog.list-style article figure,  .blog-section.list-style article figure,  .search.list-style article figure {
 margin-bottom: 1em;
}
 #brandblack {
margin:0 auto;
 padding:0 8%;
 float:none;
}
 #header .headbana img {
 float:none;
max-width:46%;
height:auto;
display: inline-block
}
#googlearea, #serachArea {
float:none;
margin:auto
}
}
 @media only screen and (max-width:630px) {
#brandblack {
 padding-left:2%;
padding-right:2%
}
}


/*----------------------------------------------------------------
    320px Breakpoint - Fix some mockups
----------------------------------------------------------------*/

@media handheld, only screen and (min-width:20em) and (max-width:20em) {
 .side-mockup .ipad-slider {
 margin-left: -21px;
}
 .side-mockup .iphone-slider {
 margin-left: -18px;
}
 .side-mockup .dasktop-slider {
 margin-left: -29px;
}
}
/*----------------------------------------------------------------
    Lightbox
----------------------------------------------------------------*/

#imagelightbox {
	position: fixed;
	z-index: 9999;
	cursor: pointer;
}
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-nav {
 -webkit-animation: fade-in .25s linear;
 -moz-animation: fade-in .25s linear;
 -o-animation: fade-in .25s linear;
 animation: fade-in .25s linear;
}
#imagelightbox-caption {
 -webkit-animation: bottom-in .5s ease;
 -moz-animation: bottom-in .5s ease;
 -o-animation: bottom-in .5s ease;
 animation: bottom-in .5s ease;
}
 @-webkit-keyframes fade-in {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @-moz-keyframes fade-in {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @-o-keyframes fade-in {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fade-in {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @-webkit-keyframes bottom-in {
 from {
 opacity: 0;
 -webkit-transform: translateY(50%);
}
to {
	opacity: 1;
	-webkit-transform: translateY(0%);
}
}
 @-moz-keyframes bottom-in {
 from {
 opacity: 0;
 -moz-transform: translateY(50%);
}
to {
	opacity: 1;
	-moz-transform: translateY(0%);
}
}
 @-o-keyframes bottom-in {
 from {
 opacity: 0;
 -o-transform: translateY(50%);
}
to {
	opacity: 1;
	-o-transform: translateY(0%);
}
}
 @keyframes bottom-in {
 from {
 opacity: 0;
 transform: translateY(50%);
}
to {
	opacity: 1;
	transform: translateY(0%);
}
}
#imagelightbox-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: #1b1f23;
	background-color: rgba(27, 31, 35, 0.95);
}
#imagelightbox-caption {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10001;
	background-color: rgba(255, 255, 255, 0.95);
	text-align: center;
}
#imagelightbox-caption h3 {
	margin-top: 0.67em;
}
#imagelightbox-close i {
	position: fixed;
	top: 1.5em;
	right: 1.5em;
	z-index: 10002;
	width: 1em !important;
	height: 1em !important;
	color: rgba(255, 255, 255, 0.5);
	font-size: 2em;
	line-height: 1 !important;
 -webkit-transition: .3s ease;
 -moz-transition: .3s ease;
 -ms-transition: .3s ease;
 -o-transition: .3s ease;
 transition: .3s ease;
}
#imagelightbox-close i:hover {
	color: rgba(255, 255, 255, 1);
}
.landing-els.lightbox {
	position: fixed;
	z-index: 9997;
}
.landing-els.lightbox .spinner > div {
	background-color: rgba(255, 255, 255, 0.5);
}
/*----------------------------------------------------------------
    Owl Carousel mockups
----------------------------------------------------------------*/

.owl-item {
	clear: none;
}
.owl-item > div {
	padding: 10px;
}
#intro .owl-item > div, .gallery .owl-item > div {
	padding: 0;
}
.owl-theme .owl-controls .owl-buttons div, #intro.owl-theme .owl-controls .owl-pagination {
	position: absolute;
}
#intro.owl-theme .owl-controls .owl-pagination {
	bottom: 1em;
	margin: 0 20%;
	width: 60%;
}
.slider .owl-theme .owl-controls .owl-buttons div {
	color: #aaa;
}
.gallery.slider .owl-theme .owl-controls .owl-buttons div {
	color: #fff;
}
.slider .owl-theme .owl-controls .owl-page span {
	background: #aaa;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
	top: 53%;
	left: 20px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	top: 53%;
	right: 20px;
}
.gallery .owl-theme .owl-controls .owl-buttons .owl-prev {
	top: 0.944em;
	right: 0.333em;
	left: auto;
}
.gallery .owl-theme .owl-controls .owl-buttons .owl-next {
	top: 2.222em;
	right: 0.333em;
}
.owl-item img {
	display: block;
	width: 100%;
	height: auto;
}
.side-mockup .iphone-slider .owl-item, .side-mockup .ipad-slider .owl-item, .side-mockup .desktop-slider .owl-item {
	opacity: 1;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
 @media (max-width:30em) {
 .owl-buttons {
 display: none;
}
 .side-mockup .owl-buttons,  .side-mockup .owl-pagination {
 display: block;
}
}
/*----------------------------------------------------------------
    Owl Carousel general
----------------------------------------------------------------*/

.owl-theme .owl-controls {
	margin-top: 0;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
	/* text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); */
    display: inline-block;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
 -webkit-transition: opacity .3s ease;
 -moz-transition: opacity .3s ease;
 transition: opacity .3s ease;
	zoom: 1;
 *display: inline;
}
#intro-wrap .owl-controls .owl-buttons div {
	text-shadow: none;
	font-size: 2.667em;
	opacity: 0;
	filter: Alpha(Opacity=0);
	;
}
#intro-wrap:hover .owl-controls .owl-buttons div {
	opacity: 0.3;
	filter: Alpha(Opacity=30);
	;
}
#intro-wrap:hover .owl-controls .owl-buttons div:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
	;
}
.dark-controls .owl-theme .owl-controls .owl-buttons div {
	color: #292929;
}
.white-controls .owl-theme .owl-controls .owl-buttons div {
	color: #fff;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	text-decoration: none;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	margin: 0.333em;
	width: 0.667em;
	height: 0.667em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
}
.text-light .owl-theme .owl-controls .owl-page span, .text-light .testimonial-slider.owl-theme .owl-controls .owl-page span, .text-light .custom-carousel.owl-theme .owl-controls .owl-page span {
	background: #fff;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
}
.dark-controls .owl-theme .owl-controls .owl-page span, .testimonial-slider.owl-theme .owl-controls .owl-page span, .custom-carousel.owl-theme .owl-controls .owl-page span {
	background: #aaa;
}
.white-controls .owl-theme .owl-controls .owl-page span {
	background: #fff;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .text-light .owl-theme .owl-controls .owl-page.active span, .text-light .testimonial-slider.owl-theme .owl-controls .owl-page.active span, .text-light .custom-carousel.owl-theme .owl-controls .owl-page.active span {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	padding: 2px 10px;
	width: auto;
	height: auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #ccc;
	font-size: 12px;
}
.owl-item.loading {
	min-height: 150px;
	background: url(img/AjaxLoader.gif) no-repeat center center;
}
.owl-theme .owl-controls .owl-buttons div {
	margin-top: -20px;
	font-size: 40px;
}
.gallery .owl-controls .owl-buttons div {
	font-size: 2em;
}
#intro-wrap .owl-carousel .owl-wrapper-outer, #intro-wrap .owl-wrapper, #intro-wrap .owl-carousel .owl-item {
	height: inherit;
}
#intro-wrap .owl-carousel .owl-item {
	overflow: hidden;
}
 @media handheld, only screen and (min-width:48em) {
 .owl-theme .owl-controls .owl-buttons div {
 margin-top: -25px;
 font-size: 50px;
}
 .gallery .owl-controls .owl-buttons div {
 font-size: 2em;
}
 .carousel-item h1,  .carousel-item h2,  .carousel-item h3,  .carousel-item h4,  .carousel-item h5,  .carousel-item h6 {
 margin-top: 0.67em;
}
 .caption-mockup h2 {
 margin-top: 0;
}
 #intro .intro-mockup-wrapper {
 margin-top: 6em;
}
 .caption-mockup.caption-left,  .caption-mockup.caption-right {
 margin-top: 2em;
 text-align: left;
}
 .caption-mockup.caption-left h2,  .caption-mockup.caption-right h2 {
 font-size: 2.667em;
}
 aside.sidebar {
 margin-top: 0.4em;
}
 .blog.masonry-style article.three .blog-excerpt-inner:after,  .blog.masonry-style article.four .blog-excerpt-inner:after,  .blog-section.masonry-style article.three .blog-excerpt-inner:after,  .blog-section.masonry-style article.four .blog-excerpt-inner:after {
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 margin: 0 0.556em 0.556em 0.556em;
 height: 0.333em;
 background: rgba(255, 255, 255, 0);
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
 background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
 content: " ";;
}
}
/*----------------------------------------------------------------
    Core Owl Carousel CSS File
    v1.24 Customized for Beetle
----------------------------------------------------------------*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
/* display none until init */
.owl-carousel {
	position: relative;
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	position: relative;
	display: none;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: url(img/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	-ms-perspective: 1200px;
	-ms-perspective-origin-x: 50%;
	-ms-perspective-origin-y: 50%;
	-o-perspective: 1200px;
	-o-perspective-origin-x: 50%;
	-o-perspective-origin-y: 50%;
	perspective: 1200px;
	perspective-origin-x: 50%;
	perspective-origin-y: 50%;
}
/* fade */
.owl-fade-out {
	z-index: 10;
 -webkit-animation: fadeOut .7s both ease;
 -moz-animation: fadeOut .7s both ease;
 animation: fadeOut .7s both ease;
}
.owl-fade-in {
	z-index: 10;
 -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	z-index: -10;
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	z-index: 10;
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	z-index: -10;
 -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	z-index: 10;
 -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	z-index: 10;
 -webkit-animation: scaleUpFrom .5s ease both;
 -moz-animation: scaleUpFrom .5s ease both;
 animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	z-index: -10;
 -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both;
}
/* scaleDown */
.owl-scaleDown-in {
	z-index: 10;
 -webkit-animation: scaleDownFrom .7s ease both;
 -moz-animation: scaleDownFrom .7s ease both;
 animation: scaleDownFrom .7s ease both;
 -webkit-animation-delay: .3s;
 -moz-animation-delay: .3s;
 animation-delay: .3s;
}
.owl-scaleDown-out {
	z-index: -10;
 -webkit-animation: scaleDownTo .5s ease both;
 -moz-animation: scaleDownTo .5s ease both;
 animation: scaleDownTo .5s ease both;
}
/* scaleDownRight */
.owl-scaleDownRight-in {
	z-index: 10;
 -webkit-animation: scaleDownRightFrom .7s ease both;
 -moz-animation: scaleDownRightFrom .7s ease both;
 animation: scaleDownRightFrom .7s ease both;
}
.owl-scaleDownRight-out {
	z-index: -10;
 -webkit-animation: scaleDownRightTo .6s ease both;
 -moz-animation: scaleDownRightTo .6s ease both;
 animation: scaleDownRightTo .6s ease both;
}
/* scaleUpLeft */
.owl-scaleUpLeft-in {
	z-index: 10;
 -webkit-animation: scaleUpLeftFrom .7s ease both;
 -moz-animation: scaleUpLeftFrom .7s ease both;
 animation: scaleUpLeftFrom .7s ease both;
}
.owl-scaleUpLeft-out {
	z-index: -10;
 -webkit-animation: scaleUpLeftTo .6s ease both;
 -moz-animation: scaleUpLeftTo .6s ease both;
 animation: scaleUpLeftTo .6s ease both;
}
/* fadeTop */
.owl-fadeTop-in {
	z-index: 10;
 -webkit-animation: fadeTopFrom .7s ease both;
 -moz-animation: fadeTopFrom .7s ease both;
 animation: fadeTopFrom .7s ease both;
}
.owl-fadeTop-out {
	z-index: -10;
 -webkit-animation: fadeTopTo .7s ease both;
 -moz-animation: fadeTopTo .7s ease both;
 animation: fadeTopTo .7s ease both;
}
/* overlap */
.owl-overlap-in {
	z-index: 10;
 -webkit-animation: overlapFrom .6s ease both;
 -moz-animation: overlapFrom .6s ease both;
 animation: overlapFrom .6s ease both;
}
.owl-overlap-out {
	z-index: -10;
 -webkit-animation: overlapTo .7s ease both;
 -moz-animation: overlapTo .7s ease both;
 animation: overlapTo .7s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
 opacity: 1;
}
}
 @-moz-keyframes empty {
 0% {
 opacity: 1;
}
}
 @keyframes empty {
 0% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes backSlideOut {
 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
}
 @-moz-keyframes backSlideOut {
 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
}
 @keyframes backSlideOut {
 25% {
 opacity: .5;
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
}
 @-webkit-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
}
}
 @-moz-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -moz-transform: translateZ(0) translateX(0);
}
}
 @keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 transform: translateZ(0) translateX(0);
}
}
 @-webkit-keyframes scaleToFade {
 to {
 opacity: 0;
 -webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleToFade {
 to {
 opacity: 0;
 -moz-transform: scale(.8);
}
}
 @keyframes scaleToFade {
 to {
 opacity: 0;
 transform: scale(.8);
}
}
 @-webkit-keyframes goDown {
 from {
 -webkit-transform: translateY(-100%);
}
}
 @-moz-keyframes goDown {
 from {
 -moz-transform: translateY(-100%);
}
}
 @keyframes goDown {
 from {
 transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
 @keyframes scaleUpFrom {
 from {
 opacity: 0;
 transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpTo {
 to {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
 @keyframes scaleUpTo {
 to {
 opacity: 0;
 transform: scale(1.5);
}
}
 @-webkit-keyframes scaleDownFrom {
 from {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleDownFrom {
 from {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
 @keyframes scaleDownFrom {
 from {
 opacity: 0;
 transform: scale(1.5);
}
}
 @-webkit-keyframes scaleDownTo {
 to {
 opacity: 0;
 -webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleDownTo {
 to {
 opacity: 0;
 -moz-transform: scale(.8);
}
}
 @keyframes scaleDownTo {
 to {
 opacity: 0;
 transform: scale(.8);
}
}
 @-webkit-keyframes scaleDownRightFrom {
 from {
 -webkit-transform: translateX(100%);
}
}
 @-moz-keyframes scaleDownRightFrom {
 from {
 -moz-transform: translateX(100%);
}
}
 @keyframes scaleDownRightFrom {
 from {
 transform: translateX(100%);
}
}
 @-webkit-keyframes scaleDownRightTo {
 to {
 opacity: 0;
 -webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleDownRightTo {
 to {
 opacity: 0;
 -moz-transform: scale(.8);
}
}
 @keyframes scaleDownRightTo {
 to {
 opacity: 0;
 transform: scale(.8);
}
}
 @-webkit-keyframes scaleUpLeftFrom {
 from {
 opacity: 0;
 -webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleUpLeftFrom {
 from {
 opacity: 0;
 -moz-transform: scale(.8);
}
}
 @keyframes scaleUpLeftFrom {
 from {
 opacity: 0;
 transform: scale(.8);
}
}
 @-webkit-keyframes scaleUpLeftTo {
 to {
 -webkit-transform: translateX(-100%);
}
}
 @-moz-keyframes scaleUpLeftTo {
 to {
 -moz-transform: translateX(-100%);
}
}
 @keyframes scaleUpLeftTo {
 to {
 transform: translateX(-100%);
}
}
 @-webkit-keyframes fadeTopFrom {
 from {
 opacity: 0.3;
 -webkit-transform: translateY(-100%);
}
}
 @-moz-keyframes fadeTopFrom {
 from {
 opacity: 0.3;
 -moz-transform: translateY(-100%);
}
}
 @keyframes fadeTopFrom {
 from {
 opacity: 0.3;
 transform: translateY(-100%);
}
}
 @-webkit-keyframes fadeTopTo {
 to {
 opacity: 0.3;
 -webkit-transform: translateY(100%);
}
}
 @-moz-keyframes fadeTopTo {
 to {
 opacity: 0.3;
 -moz-transform: translateY(100%);
}
}
 @keyframes fadeTopTo {
 to {
 opacity: 0.3;
 transform: translateY(100%);
}
}
 @-webkit-keyframes overlapFrom {
 from {
 -webkit-transform: translateX(100%);
}
}
 @-moz-keyframes overlapFrom {
 from {
 -moz-transform: translateX(100%);
}
}
 @keyframes overlapFrom {
 from {
 transform: translateX(100%);
}
}
 @-webkit-keyframes overlapTo {
 to {
 -webkit-transform: translateX(-25%);
}
}
 @-moz-keyframes overlapTo {
 to {
 -moz-transform: translateX(-25%);
}
}
 @keyframes overlapTo {
 to {
 transform: translateX(-25%);
}
}

/*----------------------------------------------------------------
    Layers CSS 1.0.2  responsive adjustments
    Released by Jerry Jäppinen under the MIT license
    http://eiskis.net/layers
    2013-10-25 14:56 Europe/Helsinki
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:48em) {
 .column.one, .column.two, .column.sixth, .column.three, .column.fourth, .column.four, .column.twosixths, .column.third, .column.five, .column.six, .column.half, .column.threesixths, .column.twofourths, .column.seven, .column.eight, .column.foursixths, .column.twothirds, .column.nine, .column.threefourths, .column.ten, .column.fivesixths, .column.eleven {
 float: none !important;
 clear: both !important;
 margin-right: 0 !important;
 margin-left: 0 !important;
 width: auto !important;
}
}
 @media handheld, only screen and (max-width:48em) {
 body {
 font-size: 0.9em;
 -webkit-text-size-adjust: none;
}
}
.radiusbox {
	border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:-4px;
	margin-top:-2px
}
.blog-excerpt h2 {
	font-size:1.2em!important;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
	padding-top:4%;
	margin-bottom:0px!important
}
.content3 {
	width:32%;
	padding:0 5%
}
.content3 .about-us img {
	box-shadow:none
}
.backwhite {
	color:#333333!important;
	background-color:#FFFFFF!important
}
.backwhite h4, .backwhite h3, .backwhite h2 {
	color:#333333!important;
}
.news {
	margin-bottom:25px;
}
.bk_green .news dl {
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:10px;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../img/arrow_white.png) no-repeat left center
}
.last .news dl {
	border-bottom:1px dashed #333333;
	padding-bottom:10px;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../img/arrow_gray.png) no-repeat left center
}
.last .news.newsdetail dl {
	padding-left:0px;
	background:none
}
.news dl dt {
	line-height:1.3em;
	font-size:0.8em;
	font-weight:normal
}
.news dl dd {
	line-height:1.3em;
	font-size:1em;
	font-weight:normal;
}
.last .news.newsdetail dl dd {
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 1em;
	font-family: "Times New Roman", Times, serif;
	line-height:1.2em;
}
.news dl dt img.fr, .downloads img.fr {
	width:71px;
height: auto!;
}
.accordionmain {
	margin-top:35px;
	margin-bottom:50px;
}
dl.accordionwrapper {
	border-bottom:1px dashed #FFFFFF;
}
.accordionunder dl.accordionwrapper {
	border-bottom:1px dashed #333333;
}
.accordionwrapper dt.accordion {
	cursor: pointer;
	padding-left:40px;
	padding-bottom:10px;
	margin-left:4px;
	background:url(../img/faq.png) no-repeat left top;
	font-weight:normal;
	line-height: 1.3em;
}
.accordionunder .accordionwrapper dt.accordion {
	background:url(../img/iconq.png) no-repeat left top;
	background-size:25px
}
dl.accordionwrapper span {
	display:block;
	padding:0;
	background-position:97% center;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
dl.accordionwrapper span:hover {
	text-decoration:none
}
dl.accordionwrapper > dt {
}
dl.accordionwrapper > dt > p {
	cursor:pointer;
	margin:0;
	padding:0;
}
.accordionwrapper dd {
	width: 100%;
	margin:0;
	color:#333333
}
dl.accordionwrapper {
	margin-bottom:0em
}
.accordionwrapper .accordioninner {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background:#FFF;
	border-bottom:1px dashed #FFF;
	margin-bottom:15px;
	padding:0px;
	margin-top:0
}
.accordionunder .accordionwrapper .accordioninner {
	-moz-border-radius: 5px;    
	-webkit-border-radius: 5px;
	border-radius: 5px;        
	background:#F3F3F1;
	border-bottom:none;
	margin-bottom:15px;
	padding:0 0 0 4px;
	margin-top:0
}
.accordionwrapper .accordioncontents {
	padding:10px 15px 0px 40px;
	line-height: 1.4;
	font-size: 0.8em;
}
.accordionunder .accordionwrapper .accordioncontents {
	padding:10px 15px 6px 40px;
	background:url(../img/icona.png) no-repeat left 0.5em;
	background-size:25px;
	min-height:50px;
}
.accordioncontents a {
	color: #227EBF;
}
/*
ul.accordion > li > ul > li { }
ul.accordion > li > ul > li > p { background:#ececec;color:#999999; font-weight:normal}
ul.accordion > li > ul > li > a { color:#6398ca; font-weight:normal;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
*/
.accordioncontents p {
	margin:0 10px 20px 0
}
.accordionwrapper .accordioncontents img {
	margin-left:5px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background:#FFF;
	border-bottom:1px solid #EEE;
	margin-bottom:15px;
	padding:0px;
	margin-top:0
}
.accordionwrapper dd .close {
	width:23px;
	height:23px;
	background:url(../img/qa_close.png) left bottom no-repeat;
	text-indent:-9999999999px;
	cursor: pointer;
	float:right;
	margin-top:-46px;
	margin-right:10px;
	padding:0 0 0 20px;
}
.downloads {
	margin-bottom:25px;
}
.downloads li {
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:20px;
	margin-bottom:10px;
	clear:both
}
.downloads ul {
	margin:0;
	padding:0
}
.downloads li {
	line-height:1.3em;
	list-style-type:none;
	font-size:1em;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:25px;
	background:url(../img/arrow_white.png) no-repeat left 5px
}
.downloads li img {
	padding-top:2px
}
.bk_green {
	background:url(../img/green.png)
}
.bk_blue {
	background:url(../img/blue.png)
}
.bk_pink {
	background:url(../img/pink.png)
}
.bk_black {
	background:url(../img/black.png)
}
.bk_map {
	background-color:#dee7e7!important
}
 @media handheld, only screen and (max-width:48em) {
 .bk_map img {
width:150%!important;
max-width:150%!important;
overflow:hidden!important;
margin-left:-50%
}
.blog-excerpt-inner h2 {
margin-top:0;
padding-top:0}

}
.fr {
	float:right
}
.notice dt {
	background:url(../img/arrow_pink.png) no-repeat left center;
	text-align:left;
	padding-left:20px;
}
.notice dt span {
	font-weight:normal;
	font-size:0.9em
}
.bk_pink h2 {
	margin-top: 0!important;
}
h2.notice span {
	background:url(../img/notice.png) no-repeat left center;
	padding-left:45px
}
.bk_pink dl.notice {
	margin-bottom:0
}
.notice dd {
	text-align:left
}
.pb134em {
	margin-bottom:2.68em;
}
.blog-excerpt-inner p {
	font-size:0.5em
}
.greentitle {
	background-color:#cfdb2f;
	color:#FFFFFF
}
h2.h2title {
	font-size: 1.9em;
	font-family: "Times New Roman", Times, serif;
	padding:9px 0;
	margin:0!important
}
h2.h2border {
	border-bottom:4px solid #f3f3f1;
	font-weight:normal;
	font-size: 1.9em;
	margin-top:0
}
h2.h2border span {
	border-bottom:4px solid #227ebf;
	display:inline-block;
	margin-bottom:-4px;
	padding-bottom:10px
}
h3.h3border {
	border-bottom:4px solid #f3f3f1;
	font-weight:normal;
	font-size: 1.8em;
	margin-top:1em
}
.breadcrumb{
margin-bottom:20px;}

.breadcrumb p {
	font-size:0.8em;
	margin-top:1em;
	margin-bottom:0
}
.sidenavi {
	background-color:#f3f3f1;
	padding:0
}

.sidenavi .navitop,.sidenavi.secondnavi ol{
	background-color:#e8e8e6;
	padding:0
}
.sidenavi.secondnavi ol ol{
	background-color:#f3f3f1;
	padding:0
}

.sidenavi ol, .sidenavi li {
	margin:0;
	padding:0;
	list-style-type:none;
}
.sidenavi li a:hover {
	background-color:#f6f6f6;
}
.sidenavi li a, .sidenavi li strong {
	list-style-type:none;
	border-bottom:1px #dfdfde dashed;
	width:100%;
	font-family: "Times New Roman", Times, serif;
	font-size:1.2em;
	background:url(../img/sidenavi.png) no-repeat 10px 21px;
	color:#333;
	display:block;
	padding: 18px 0 18px 20px;
line-height: 1em;
}
.sidenavi .navitop li a, .sidenavi .navitop li strong ,.sidenavi.secondnavi ol li a,.sidenavi.secondnavi ol li strong{
	list-style-type:none;
	border-bottom:3px #cfcfcd solid;
	width:100%;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	background:url(../img/navitop.png) no-repeat 9px 21px;
	color:#333;
	display:block;
	padding: 18px 0 18px 20px;
line-height: 1em;
}

.sidenavi.secondnavi ol ol li a, .sidenavi.secondnavi ol ol li strong {
	list-style-type:none;
	border-bottom:1px #dfdfde dashed;
	width:100%;
	font-family: "Times New Roman", Times, serif;
	font-size:1.2em;
	background:url(../img/sidenavi.png) no-repeat 10px 21px;
	color:#333;
	display:block;
	padding: 18px 0 18px 20px;
line-height: 1em;
}

.sidenavi .naviunder ol li ol li a,.sidenavi .naviunder ol li ol li strong ,.sidenavi li ol li a, .sidenavi li ol li strong{
	list-style-type:none;
	border-bottom:1px #dfdfde dashed;
	width:100%;
	font-family: "Times New Roman", Times, serif;
	font-size:1em;
	background:url(../img/sidenavi2.png) no-repeat 20px 13px;
	color:#333;
	display:block;
	padding: 10px 10px 10px 30px;
line-height: 1em;
}


.sidenavi li a:hover {
	text-decoration:none;
}
 @media handheld, only screen and (min-width:48em) {
p.fade_btn {
display:none
}
}

@media handheld, only screen and (min-width:48em) and (max-width:980px) {
#brand{
width:140px;
}
#header .row {
    padding: 0.2rem 0px;
}


nav > ul > li {
	padding: 0 0.7em;
}
nav > ul > li:last-child {
	padding: 0 0 0 0.7em;
}

nav > ul > li > a {
	line-height: 2.8rem;
}
#header .headbana{
padding: 4px 0px;
}


#brandblack img {
    max-height: 26px;
    width: auto;
	margin-top:2px
}
}


 @media handheld, only screen and (max-width:48em) {
 .nav-inner.row-content.buffer-left.buffer-right.even.clear-after.toggle_boxwrap {
background-color:#000000;
}
 #googlearea, #serachArea {
float:inherit
}
 #serachArea, #google_translate_element {
display:inline-block;
 height:20px
}
 .gsc-search-box-tools .gsc-search-box .gsc-input, table.gsc-search-box, table.gsc-search-box tr {
 max-width: 200px !important;
}
 table.gsc-search-box td {
 max-width: 100% !important;
}
#serachArea {
max-width: 62%!important;
padding-right:2%!important
}
 .gsc-results-wrapper-overlay {
padding: 0!important;
width: 90%!important;
left: 5%!important;
}
.btn {
 display: inline-block;
 float:right;
 margin-top:-36px;
 margin-right:8%;
 width:30px;
 height:30px;
 margin-bottom: 0;
 font-size: 15px;
 font-weight: normal;
 line-height: 1.9;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
 background-color:#dddddd;
}
.toggle_box {
 display:none;
 color:#fff;
 background-color:#000000!important;
 height:40px
}
.btn.active {
 background-color:#999999;
 color:#fff;
background-image:url(../img/batu.png);
background-size:20px;
background-position:center;
background-repeat:no-repeat;
}
.btn.active img.mushi {
width:0px;
height:0px;
}
 .btn:hover {
 cursor:pointer;
}
 #brandblack {
margin-right:40px;
}
 #header .headbana {
 padding: 4px 0px;
 height:44px;
}
#brandblack {
 max-height:44px;
 min-height:40px;
}
.headbana .row-content.buffer-left {
 padding-left:0%
}
.headbana .row-content.buffer-right {
 padding-right:0%
}
 #googlearea p {
margin:0;
padding:0
}
 #googlearea {
background-color:#000!important;
 z-index: 1;
 position: absolute;
 width: 100%;
 height:46px!important;
 padding-top:4px!important;
 padding-left:8%;
padding-right:8%
}
.fade_box p {
height:0;
margin:0;
padding:0;
}
 #brand h1 img {
width:60%;
height:auto
}
 .fade_box.toggle_box, #googlearea {
background-color:#000000;
height: auto
}
#header .row {
 padding: 0.2rem 0;
}
}
 @media only screen and (max-width:630px) {
#brandblack, #googlearea {
 padding-left:2%;
padding-right:2%
}
.btn {
 margin-right:2%;
}
}
.table-wrap {
	overflow: scroll;
}
.table-wrap {
	overflow: auto;
	position:relative;
}
.table-wrap th, .table-wrap td, .table-wrap table {
	border:1px solid #CCC!important;
	padding:0!important
}
.table-wrap table {
	margin-top:30px;
}
.table-wrap p {
	margin:0!important;
	padding:0!important;
	font-size:0.6em
}
@media screen and (max-width: 1080px) {
.table-wrap:before {
content: "Scroll to the left and right";
color:#fff;
font-size:12px;
background-color:#b0ba35;
position: absolute;
top:0px;
border-radius: 2px;
padding: 0.05em 0.5em;
}
}
.text-button-wrap .text-button {
	text-align: center;
	font-size: 1em;
}
.text-button-wrap .text-button a {
	color: #fff;
}
.text-button-wrap .text-button a {
	text-decoration:none/* IE7 fix */;
}
.text-button .button {
	background-color:#227EBF!important;
}
.text-button .button:hover {
	opacity: 0.8;
	filter: Alpha(Opacity=80);
}
.staffbox {
	width:31%;
	padding:1em 0.8em;
	background-color: #F0F0F0;
	margin: 0px 1% 0.8em;
	text-align:center;
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: normal;
	overflow: hidden;
	height:240px;
	position:relative;
}
.staffbox .stafflink a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	cursor: pointer
}

.staffbox p {
	margin-bottom:0
}
.staffbox h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
p.stafftext {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.item.column.three.shuffle-item {
	cursor: pointer
}
.staffbox .about-us img {
	box-shadow:none;
	display:block;
	margin:0 auto
}
 @media handheld, only screen and (max-width:480px) {
.staffbox {
 width:48%;
}
}


 @media handheld, only screen and (min-width:480px) {
#page-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    font-size: 60%;
 z-index: 9999999999999999999999;

}
#page-top a {
    background: rgba(99,99,99,0.7);
    text-decoration: none;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height:80px;
    font-size: 14px;
    text-align: center;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
 z-index: 9999999999999999999999;
}
#page-top a::after{
 width: 14px;
 height: 14px;
 border-left: 4px solid #FFF;
 border-top: 4px solid #FFF;
 border-radius: 2px;
 content: "";
 position: absolute;
 left:50%; margin-left: -7px;
 top: 18px;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}


 @media handheld, only screen and (max-width:480px) {
#page-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    font-size: 60%;
 z-index: 9999999999999999999999;
}
#page-top a {
    background: rgba(99,99,99,0.7);
    text-decoration: none;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height:54px;
    font-size: 10px;
    text-align: center;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
 z-index: 9999999999999999999999;
}
#page-top a::after{
 width: 14px;
 height: 14px;
 border-left: 4px solid #FFF;
 border-top: 4px solid #FFF;
 border-radius: 2px;
 content: "";
 position: absolute;
 left:50%; margin-left: -7px;
 top: 9px;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}

.sitemapparts ol li{
list-style-type:none;
margin-left:0
}

.sitemapparts ol ol{
padding-left:0}


.sitemapparts ol li {
  position: relative;
  padding-left: 10px;
}
.sitemapparts ol li:before, .sitemapparts ol li:after {
  content: '';
  display: inline-block;
  position: absolute;
  top:0.9em;
  left: 0;
  z-index: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #227EBF;
}
.sitemapparts ol li:after {
  z-index: 1;
  margin-left: -3px;
  border-left-color: #f8f8f8;
}
.table70 td{word-break:break-all; width:30%}


/*FAQ変更*/
.faq .faq_search_wrap{
	margin-bottom:40px;
	background:rgb(243, 243, 241);
	padding:
}

.faq .faq_search_title{
	padding:0;
	margin:0 0 0 1%;
	font-family: "Times New Roman", Times, serif;
	font-size:20px
}
.faq .form-group{
	width:32%;
	margin:1% 1% 1% 0;
	float:left;
}
.faq .form-group:first-of-type{
	margin-left:1%;
}

.faq .select-wrap {
    position: relative;
}
.faq .select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f107";
	font-family: FontAwesome;
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
.faq .select-wrap select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #FFF;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
	font-size:16px;
}
.faq .select-wrap select option{
  background-color: #fff;
  color: #333;
}
.faq .select-wrap select::-ms-expand {
  display: none;
}
.faq .select-wrap select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.faq dl.faq_search{
    	position:relative;
		margin:0;
    }
.faq dl.faq_search dt{
    	margin-right:45px;
	height: 40px;
	padding: 0px 12px;
    	background-color:#fff;
    border:1px solid #ddd;
    border-radius:3px;
	margin-top:0;

    }
.faq dl.faq_search dt input{
    	width:100%;
    	height:24px;
    	line-height:24px;
    	background:none;
    	border:none;
	font-size:16px;
	font-weight:normal;
    }
.faq dl.faq_search dd{
    	position:absolute;
    	top:0;
    	right:0;
    }
    dl.faq_search dd button{
    	display:block;
    	width:40px;
    	height:40px;
    	color:#fff;
    	line-height:40px;
    	text-align:center;
    	background-color:rgb(34, 126, 191);
    	border:none;
    border-radius:3px;
    }
.faq .faq_search_results{
	border-bottom:1px dashed #333;
}	
.faq .faq_search_results div{
	float:left;
}
.faq .faq_search_results01{
	margin-right:30px;
}


.faq .accordionwrapper dt.accordion{
	cursor: auto;
}

.faq dl.accordionwrapper > dt > p {
	cursor: auto;
}

.paging {
	margin: 20px 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}


.paging  span,
.paging  a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0px 11px;
	text-decoration: none;
	vertical-align: middle;
	background: rgb(34, 126, 191);
	color:#FFF;
	border:1px solid rgb(34, 126, 191)
}


.paging a:hover {
	background: rgb(34, 126, 191);
	color:#FFF;
}	

.paging span{
	background: #FFF;
	color:rgb(34, 126, 191);
}	

p.pdf_btn,p.link_btn{
	margin:0
}

.pdf_btn a{
	height:30px;
	background: url(../img/pdf.png) no-repeat left center;
	background-size:16px;
	display:inline-block;
	padding-left:24px;
	line-height:30px;
	color:#111;
	margin-right:50px;
}


.faq .link_btn a{
	height:30px;
	background: url(../img/link.png) no-repeat left center;
	background-size:12px;
	display:inline-block;
	padding-left:24px;
	line-height:30px;
	color:#111;
	margin-right:50px;
}

.faq .accordionmain .column.three{
	margin-right:0;
	margin-top:15px;
	background-color: #F7F7F7;
	padding:10px;
	font-size: 0.8em;
}

.faq .accordionmain .column.three dl{
	margin:0;
}	

.faq .accordionmain .column.three dt{
	margin-top:0;
}	

.faq .accordionmain .column.three dd a{
	color:#111;
}	

.faq .accordionwrapper .accordioncontents img {
    margin-left: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFF;
    border: none;
    margin-bottom: 15px;
    margin-top: 0;
}

.faq .accordionunder .accordionwrapper .accordioninner {
	-moz-border-radius: 0px;    
	-webkit-border-radius: 0px;
	border-radius: 0px;        
	background: none;
	border-bottom:none;
	margin-bottom:15px;
	padding:0 0 0 4px;
	margin-top:0
}


@media handheld, only screen and (max-width:48em) {
.faq .faq_search_wrap{
	padding:5px 0;
}
.faq .faq_search_title{
	padding:0;
	margin:0 0 0 10px;
}
.faq .form-group{
	width:100%;
	padding:5px 10px;
	margin:0;
	float:none;
}
.faq .form-group:first-of-type{
	margin-left:0;
}

.faq .faq_search_results01{
	margin-right:0;
}

.faq .accordionunder dl.accordionwrapper {
    border-bottom:none;
}


.faq .accordionmain .faq_content{
    border-bottom: 1px dashed #333333;
	padding-bottom:20px
}


}    
.pdfbox_wrap{
	display: flex;
	flex-flow: row wrap;
}

.pdfbox {
	flex: 1 0 31%;
	padding:1.5em 0.8em;
	border:1px solid #F0F0F0;
	margin: 0px 1% 20px;
	text-align:center;
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: normal;
	display: flex;
	flex-flow: column;
}



.pdfbox p {
	margin:0;
}

.pdfbox img {
	box-shadow:none;
	display:block;
	/*margin:1.5em auto!important;*/
	margin:1.5em auto 0;
	max-width:70%;
	height:auto;
	border-radius:5px;
}

.pdflink a{
	background: url(../img/pdf.png) no-repeat 10px center #f3f3f1;
	background-size:25px;
	display:block;
	padding:10px 0;
	border-radius:4px;
	border:1px solid #ddd;
}

@media handheld, only screen and (max-width:480px) {
.pdfbox {
	flex: 1 0 48%;
	padding:1.5em 0.8em;
	border:1px solid #F0F0F0;
	margin: 0px 1% 20px;
	text-align:center;
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: normal;
	display: flex;
	flex-flow: column;
}
.pdflink a{
	background: url(../img/pdf.png) no-repeat 5px center #f3f3f1;
	background-size:15px;
	display:block;
	padding:5px 0 0 10px;
	min-height:28px;
	border-radius:4px;
	border:1px solid #ddd;
	font-size:10px
}

}