@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400italic,500,600,700,800,700italic|Open+Sans:300,400,400italic,500,600,700,800,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese');
.logo{
	margin-top: 0;
	margin-bottom: 0px;
}



body{
font-family: Open Sans, Arial, Helvetica, sans-serif;;
font-size: 13px; 
font-weight: normal; 
color: #747474;
}

/* Style Generation */


/* Heading */
h1{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #555555; }
h2{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #555555; }
h3{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #555555; }
h4{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #555555; }
h5{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #555555; }
h6{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555; }

/* Heading large */
h1.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 33px; font-weight: light; color: #555555; }
h2.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: light; color: #555555; }
h3.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 27px; font-weight: light; color: #555555; }
h4.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: light; color: #555555; }
h5.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: light; color: #555555; }
h6.large{ font-family: Lato, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: light; color: #555555; }



/* Link */
a{color:; }
a:hover{ color: ; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
#header .mainheader .logo .site-title a,
#header .site-menu .menu-mega .sf-mega ul li a:hover,
.team-member .team-member-info .desc,
.callout.border .callout-content .head,
.heading-title span,
.heading-title strong,
.heading-second .heading::first-letter,
.portfolio-item .portfolio-mark .portfolio-mark-content .portfolio-mark-icon,
.recent-comment ul li a.title:hover,
.affix-widget ul li.active a,
.hoverbox .hover-mark-content-inner .heading-title,
.jobboard li .jobtype,
.option-list ul li li .selected,
.product-review .star-rating,
.entry-relate .relate-post h4 a:hover,
#header .site-menu li.active > a,
#header .site-menu li.sfHover > a,
#header .site-menu li a:hover,
#header .site-menu li.current-menu-item > a,
.quotes-post-info a:hover,
.blog-item.quote-post .quote-post-info a:hover,
.iconbox .icon,
.timeline .timelinenav li.active a{
	color: #004575}
.header-icon-search,
.sliderbox .heading,
.border .heading-title:after,
.portfolio-item .portfolio-mark .portfolio-mark-content .portfolio-mark-inner,
.portfolio-sub-info .portfolio-sub-info-list,
.portfolio-short-filter .portfolio-filter-nav li a.selected,
.widget.tags-cloud a:hover,
.iconsmall .icon,
.pricingitem.feature .pricing-detail,
.iconbox.center .iconbox-heading:after,
.iconbox.solid .icon,
.accordion.solid .accordion-title .icon,
.tabs.main .tabNavigation li.active a,
.tabs.left .tabNavigation li.active a,
.tabs.right .tabNavigation li.active a,
.callout,
.carouselbox .nav a:hover,
.iconpage li:hover,
.blog-item .action-link,
.entry-item .entry-boxinfo .entry-icon,
.pagenavi ul li a:hover,
.pagenavi ul li span,
.sidebar-content .widget .widget-title h4 span,
.option-list ul li li .selected span,
#product-detail .product-amount span,
.flex-direction-nav li a:hover,
.flex-control-nav li a.flex-active,
.iconlist li.active a,
.tabs.left.second .tabNavigation li.active a,
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.map-container.actived .title span,
.map-container .title span:hover,
.team-member .team-member-info .team-member-social li a,
.roundicon .icon,
.timeline .timelinenav li a:before,
.largeicon.active a{
  background: #004575}
.timeline .timelinenav li a:before,
.timeline .timelinenav li.active a:before,
.iconlist li.active a,
.tabs.left.second .tabNavigation li.active a,
.largeicon.active a{
	border-color: #004575}
#header .site-menu li.active > a,
#header .site-menu li.sfHover > a,
#header .site-menu li a:hover,
#header .site-menu li.current-menu-item > a,
#header.no-bg .breacrumb,
.tabs.main .tabNavigation li.active a:after,
.tabs.main.border .tabNavigation li.active a,
#header,
.entry-meta,
.entry-author,
.option-list ul span.title{
	border-top-color: #004575}
.tabs.left .tabNavigation li.active a:after{
	border-left-color: #004575}
.team-member,
.quotes-post-info a:hover,
.blog-item.quote-post .quote-post-info a:hover{
	border-bottom-color: #004575}
.entry-item .entry-boxinfo .entry-date{
	background-color: #034878;
}

/* Media Element Player */
.mejs-container .mejs-controls .mejs-time,
.mejs-container .mejs-controls .mejs-time span,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li,
.mejs-chapters .mejs-chapter .mejs-chapter-block,
.mejs-captions-layer,
.mejs-captions-layer  a,
.me-cannotplay a,
.mejs-contextmenu .mejs-contextmenu-item:hover,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li,
.mejs-postroll-close{
	color: #004575}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-contextmenu{
	background: #004575}
.mejs-chapters{
	-xborder-right: solid 1px #004575;
}


/* Custom CSS */
body{
color:#636363;
}