@import url('https://fonts.googleapis.com/css?family=Exo: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;
}




/* 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: #082567}
.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: #082567}
.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: #082567}
#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: #082567}
.tabs.left .tabNavigation li.active a:after{
	border-left-color: #082567}
.team-member,
.quotes-post-info a:hover,
.blog-item.quote-post .quote-post-info a:hover{
	border-bottom-color: #082567}
.entry-item .entry-boxinfo .entry-date{
	background-color: #0b286a;
}

/* 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: #082567}
.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: #082567}
.mejs-chapters{
	-xborder-right: solid 1px #082567;
}


/* Custom CSS */
.icon-list {
  position: relative;
  margin: 0 0 20px;
}
.icon-list .item {
  box-sizing: border-box;
  position: relative;
  float: left;
  display: table;
  margin: 0;
  padding: 5px 15px;
  width: 100%;
  height: 90px;
  color: #0a2140;
  transition: all ease-in-out 0.3s;
}
@media (min-width: 940px) {
  .icon-list .item {
    width: 33.3333332%;
  }
}
.icon-list .item .middle {
  display: table-cell;
  vertical-align: middle;
  padding-left: 65px;
}
.icon-list .item h3 {
  font-size: 14px;
  margin: 0;
}
.icon-list .item p {
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
}
.icon-list .item svg {
  position: absolute;
  top: 50%;
  float: left;
  width: 50px;
  height: auto;
  fill: #0a2140;
  margin: 0 10px 0 0;
  transform: translate3d(0, -50%, 0);
  transition: all ease-in-out 0.3s;
}
.icon-list .item.active,
.icon-list .item:hover {
  color: #211ba1;
}
.icon-list .item.active:before,
.icon-list .item:hover:before {
  border-color: #211ba1 !important;
  transition: all ease-in-out 0.3s;
}
.icon-list .item.active svg,
.icon-list .item:hover svg {
  fill: #211ba1;
}
@media (min-width: 640px) {
  .icon-list .snake {
    box-sizing: border-box;
    border: 4px solid transparent;
    margin: -4px 0;
  }
  .icon-list .snake .item:before {
    position: absolute;
    bottom: 40%;
    left: -58px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid #111;
    border-radius: 50%;
  }
  .icon-list .snake:nth-child(2n+1),
  .icon-list .snake:nth-child(2n) {
    border-top-color: #111;
    border-bottom-color: #111;
  }
  .icon-list .snake:nth-child(2n+1) {
    border-left-color: #111;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-right: 50px;
    border-right-width: 0;
    padding-left: 50px;
  }
  .icon-list .snake:nth-child(2n) {
    border-right-color: #111;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-left: 50px;
    border-left-width: 0;
    padding-right: 50px;
  }
  .icon-list .snake:nth-child(2n) .item:before {
    bottom: 40%;
    right: -58px;
    left: auto;
  }
}
@media (min-width: 940px) {
  .icon-list .snake {
    display: flex;
  }
  .icon-list .snake .item:before {
    bottom: -8px;
    left: 34px;
  }
  .icon-list .snake:nth-child(2n) .item:nth-child(1) {
    order: 3;
  }
  .icon-list .snake:nth-child(2n) .item:nth-child(2) {
    order: 2;
  }
  .icon-list .snake:nth-child(2n) .item:nth-child(3) {
    order: 1;
  }
  .icon-list .snake:nth-child(2n) .item:before {
    bottom: -8px;
    right: auto;
    left: 34px;
  }
  .icon-list .snake:first-child {
    border-color: transparent;
  }
  .active .icon-list .snake:nth-child(1) .item:nth-child(1) {
    transition: opacity 1.5s 0s;
  }
  .active .icon-list .snake:nth-child(1) .item:nth-child(2) {
    transition: opacity 1.5s 0.2s;
  }
  .active .icon-list .snake:nth-child(1) .item:nth-child(3) {
    transition: opacity 1.5s 0.4s;
  }
  .active .icon-list .snake:nth-child(2) .item:nth-child(1) {
    transition: opacity 1.5s 0.6s;
  }
  .active .icon-list .snake:nth-child(2) .item:nth-child(2) {
    transition: opacity 1.5s 0.8s;
  }
  .active .icon-list .snake:nth-child(2) .item:nth-child(3) {
    transition: opacity 1.5s 1s;
  }
  .active .icon-list .snake:nth-child(3) .item:nth-child(1) {
    transition: opacity 1.5s 1.2s;
  }
  .active .icon-list .snake:nth-child(3) .item:nth-child(2) {
    transition: opacity 1.5s 1.4s;
  }
  .active .icon-list .snake:nth-child(3) .item:nth-child(3) {
    transition: opacity 1.5s 1.6s;
  }
  .icon-list .item {
    opacity: 0;
  }
  .active .icon-list .item {
    opacity: 1;
  }
}
.w .item{
width: 25%;
}
#footer{
margin-top: 0;
}
input, select, textarea {

    padding: 7px 5px;
}
hr{
width: 50%;
}

#footer .widgetarea {
    display: none;
}
#footer .credit{
color: #9C9999;

}
#footer .credit a{
    color: white;
}
.topheader{
display: none;
}
.text-white{
color: white;
}
.text-black{
color:black;
}
#header .sf-menu {
    margin: 25px 0 0;
}
.t{
margin-bottom:25px;
}
.home{

height:400px;
}
.pre{
height:100px;
}
#header .sf-menu li, #header .sf-menu li li {
    margin: 0 25px;
}

.modal-header .close {
    margin-top: -2px;
}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}
.close:hover{
  color:red;
}
.modal-dialog {
    margin: 100px auto;}

input, select, textarea {
    border: 1px solid #eee !important;}

.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    float: left;
    margin: 10px 0 0;
text-shadow: 1px 1px 2px black, 0 0 1em white;
 
}
.img-cover img{
width: 100%;
height: auto;}

#header .site-menu li a {
    font-size: 16px;
    font-weight: 800;
        font-family: "Exo 2", arial, sans-serif;
}
.form-control{
width: 65%;
}
.carouselbox {
    margin-bottom: 15px;}