:hover {transition: .5s all;}
.blue-text {color: #2456ba}
.white-text {color: #fff}


section {padding: 50px 0;}
.p18 {font-size: 18px;}
.p22 {font-size: 22px;}
.mb-25 {margin-bottom: 25px;}
p {text-shadow: 0px 2px 2px rgba(0,0,0,0.2);}

header .navbar-nav {
    background: #2456ba;
    padding: 7px 20px;
    border-radius: 60px;
}
header .navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0;
    text-shadow: 2px 1px 2px rgba(255,255,255,.8);
}
header .navbar-light .navbar-nav .nav-link:hover {color: #fca600}
header .navbar-light .navbar-nav .nav-link.active {text-decoration: underline;color: #fff;}
header .navbar-light .navbar-nav li.nav-item {
    padding-left: 15px;
    padding-right: 15px;
}

.title {font-size: 34px;text-align: center;text-transform: uppercase;font-weight: bold;text-shadow: 1px 3px 3px rgba(0,0,0,0.4);}
.systm {width: 100%;margin:30px auto;text-align: center;}

#bg {background: url(../imgs/bg.jpg) no-repeat fixed 0 0/cover;padding: 50px 0;color: #fff;}
#bg * {text-shadow: 1px 3px 4px rgba(255,255,255,0.7);}

#bg_dubai {background: url(../imgs/bg_dubai.jpg) no-repeat fixed center center/cover;padding: 50px 0;color: #fff;}
#bg_dubai * {text-shadow: 1px 3px 4px rgba(255,255,255,0.7);}

#contus {background: #2456ba;padding: 25px 0;text-align: center;color: #fff;}
#contus p {font-size: 28px;margin:0;}


footer {padding: 30px 0}
footer p {margin:0;}

.fmm_works {
	background: url(../imgs/useless.png) no-repeat center bottom;
	background-size: 40%;
}

.abt_pic {}

@media only screen and (max-width: 991px) {
	.mb_order_1 {order: 1}
	.mb_order_2 {order: 2}
	
}

@media only screen and (max-width: 767px) {
	.title {font-size: 26px;}
	.p22 {font-size: 18px;}
	#contus p {font-size: 22px;}
	.fmm_works {background: url(../imgs/useless.png) no-repeat center center/cover;background-size: 100%;}
	.abt_pic img {margin-bottom: 15px;}
}