.header-top {
    background-color: #333b63 !important;
}

.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
    color:  #333b63 !important;
}

.banner-section .content-column h1 span {
    position: relative;
    color:  #FFFFFF !important;
}

.btn-style-one {
    background-color: #333b63 !important;
}

.sec-title h2 span {
    color:  #333b63 !important;
}

.service-block .inner-box:hover {
    border-color: #333b63 !important;
}

.service-block .inner-box .icon-box {
    color:  #333b63 !important;
}

.service-block .inner-box:hover .read-more {
    color:  #333b63 !important;
}

.gallery-block .inner-box .image .overlay-box {
    background-color: #333b63 !important;
}

.scroll-to-top:hover {
    background: #333b63 !important;
}

.banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover {
    background-color: #333b63 !important;
}

.project-section .sec-title .cases:hover {
    color: #333b63 !important;
}

.testimonial-block .inner-box .quote {
    color: #333b63 !important;
}

.testimonial-block .inner-box:before {
    background-color: #333b63 !important;
}

.reputation-section-two .form-column h5 {
    color: #333b63 !important;
}

.team-block .inner-box:hover .lower-box h4 a {
    color: #333b63 !important;
}

.news-block .inner-box .content-column .title {
    color: #FFFFFF !important;
}

.navigation li.current > a {
    color: #333b63 !important;
}

.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
    color: #333b63 !important;
}

.main-footer .logo-widget .call .phone:hover, .main-footer .logo-widget .call .email:hover {
    color: #333b63 !important;
}

.list-link li a:hover {
    color: #333b63 !important;
}

.news-block .inner-box:hover {
    background-color: #333b63 !important;
}

.news-block-two .inner-box:hover {
    background-color: #333b63 !important;
}

.news-block-two .inner-box:hover .image .arrow {
    border-bottom-color: #333b63 !important;
}

.content-video-column{
    padding-top: 25px;
}

.title-logo{
    color: #333b63 !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 30px !important;
}

.main-header .nav-outer {
    position: relative;
    padding-left: 100px !important;
}

@media only screen and (min-width : 992px) {
	.news-block-two .inner-box .lower-content {
		height: 415px !important;
	}
}

.main-header .header-upper {
    background-color: #FFFFFF !important;
	height : 50px !important;
}

.main-header .header-title {
    background-color: #FFFFFF !important;
	padding-bottom : 10px;
	height : auto !important;
}

.main-menu .navigation > li {
    margin-right: 8px !important;
	margin-top: -25px !important;
}

.logo > a > .title {
	color: #333b63 !important;
	font-weight: 600 !important;
	font-size: 16px !important;
}

@media only screen and (max-width: 767px){
	.outer-box .mobile-nav-toggler {
		padding: 0px !important;
	}
}

.title-company{
	color: #333b63 !important;
	font-weight: 600 !important;
	font-size: 50px !important;
}

.title-company-address{
	color: #000000 !important;
	font-size: 15px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px){
	.banner-section .slide {
		height: 800px !important;
	}
	
	.banner-section .content-column h1 {
		margin-top: -150px !important;
	}
}

.banner-section .content-column h1 {
    text-align: center !important;
}

.cta-section {
    position: relative;
    padding: 45px 0px 30px !important;
}

.main-menu .navigation > li > ul > li:hover > a::before {
    opacity: 1;
    color: #000000;
    text-shadow: 8px 0 #343c63, -8px 0 #333b62 !important;
}

.main-menu .navigation > li > ul > li:hover > a {
    color: #343c63 !important;
    padding-left: 30px;
}

.main-footer .logo-widget .call .email {
    font-size: 14px !important;
    text-transform: lowercase !important;
}

.card-img, .card-img-bottom, .card-img-top {
    height: 400px !important;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 0px !important;
}

.list-group > .list-group-item > span{
	font-size: 20px  !important;
}

#overlay{
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.9);
    transition: 1s 0.4s;
}
#progress{
    height:1px;
    background:#fff;
    position:absolute;
    width:0;                /* will be increased by JS */
    top:50%;
}
#progstat{
    font-size:0.7em;
    letter-spacing: 3px;
    position:absolute;
    top:50%;
    margin-top:-40px;
    width:100%;
    text-align:center;
    color:#fff;
}