/*reset*/

:focus{outline:0;}

body,ul,img,input,dl,dd,tr,th,td{margin:0;padding:0;}

em{font-style:normal;}

img{border:none;max-width:100%;}

a{text-decoration:none;color:#333;}

input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 

body{overflow-x:hidden;}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}

a:focus {outline: none;}

iframe{max-width:100%;}

video{max-width: 100%;}

.map iframe{width:100%;}

p{margin:5px;}



/*share*/

body{font-size:14px;font-family:'Raleway', Helvetica, sans-serif;color:#333;background:#fff;}

.bold{font-weight:bold;}

.fontRed{color:red;}

.clearfix:before, .clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

b, strong{font-family:'Raleway bold';font-weight: normal;}

#powerby{color: #808080;font-size: 12px;}

#powerby a:hover{color: #fff;}



@media only screen and (max-width: 768px) {

	.row{margin:0;}

}



*:link,*:visited,*:hover,*:active,*:focus{

 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}



@font-face {

    font-family: 'Raleway';

    src:url(../font/Raleway-Regular.eot);

    src: url(../font/Raleway-Regular.eot?#iefix) format('embedded-opentype'),

	 url(../font/Raleway-Regular.woff) format('woff'),

	 url(../font/Raleway-Regular.woff2) format('woff2'),

	 url(../font/Raleway-Regular.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Raleway bold';

    src:url(../font/Raleway-Bold.eot);

    src: url(../font/Raleway-Bold.eot?#iefix) format('embedded-opentype'),

	 url(../font/Raleway-Bold.woff) format('woff'),

	 url(../font/Raleway-Bold.woff2) format('woff2'),

	 url(../font/Raleway-Bold.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}



/*index*/

.header{transition:all .5s;position: relative;background:#031229;padding: 20px 0;}

.header .header_logo{float: left;text-transform: uppercase;color: #fff;font-size: 36px;line-height: 110%;margin: 0;}

.header .header_logo span{color: #fbaf1b;}

.header .header_tel{float: right;text-align: right;color: #e1e1e1;font-size: 14px;line-height: 20px;margin: 0; margin-top: 8px;}



@media only screen and (max-width: 992px) {

	.header .header_logo{float: none;font-size: 27px;font-family: 'Raleway bold';text-align: center;}

	.header .header_tel{float: none;text-align: center;}

}



/*banner*/

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {

    z-index: 100;

    color: #fff;

    display: block;

    cursor: pointer;

    overflow: hidden;

    text-shadow: none;

    position: absolute;

    background: transparent;

	right:200px;

	left:auto;

	top:50%;bottom:auto;right:auto;left:auto;

	border:1px solid #e5e5e5;

	margin: 0 20px;

	width: 60px;

	height: 60px;

	border: 0;

	margin-top: -30px;

	border-radius: 40px;

	-webkit-transition: all 0.8s;

	transition: all 0.8s;

	opacity:0.8;

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

}

.carousel-control.right{padding-left:15px;}

#myCarousel:hover .carousel-control .glyphicon-chevron-left{left:30px;}

#myCarousel:hover .carousel-control .glyphicon-chevron-right{right:30px;}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    border: 0px transparent;  opacity: 1;

}

.control-round .carousel-control.left{margin-right:81px;}

.glyphicon-chevron-left:before{font-family:FontAwesome;content:"\f104"; position: absolute; top: 0px; left: 25px; color: #fff; line-height: 60px; text-align: center; font-size: 50px;}

.glyphicon-chevron-right:before{font-family:FontAwesome;content:"\f105";position: absolute; top: 0px; color: #FFFFFF; right: 25px; line-height: 60px; text-align: center; font-size: 50px;}





#myCarousel .carousel-indicators li{border:1px solid #808080;width:20px;}

#myCarousel .carousel-indicators .active{border:1px solid #0267bb;background:#0267bb;width:20px;height:10px;margin:1px;}

#myCarousel .carousel-indicators{display: none;}

#myCarousel .slide-text-m{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;text-align: left;left: 0;top: 0;z-index: 3;}

#myCarousel .slide-text-m:before{content:'';width: 100%;height: 100%;display: block;left: 0;top: 0;background: radial-gradient(rgba(0,0,0,.5) 0,transparent 100%);position: absolute;z-index: -1;}

#myCarousel .slide-text-m em{display: inline-block;font-weight: 700; font-size: 48px;line-height: 150%;text-transform: capitalize;color: #fff;max-width: 80%;}

#myCarousel .slide-text-m em span{color: #52a5e9;}

#myCarousel .slide-text-m p{margin: 0;font-size: 28px;line-height: 110%;color: #fff;text-transform: uppercase;margin-bottom: 15px;}



@media only screen and (min-width: 768px) {

	.carousel-control{width:5%;}

	#myCarousel .carousel-control .icon-prev,#myCarousel .carousel-control .glyphicon-chevron-left{left:-100%;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

	#myCarousel:hover .carousel-control .icon-prev,#myCarousel:hover .carousel-control .glyphicon-chevron-left{left:30%;}

	#myCarousel .carousel-control .icon-next,#myCarousel .carousel-control .glyphicon-chevron-right{right:-100%;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

	#myCarousel:hover .carousel-control .icon-next,#myCarousel:hover .carousel-control .glyphicon-chevron-right{right:30%;}

}

@media only screen and (max-width: 1260px) {

	#myCarousel .slide-text-m em{font-size: 32px;}

}

@media only screen and (max-width: 992px) {

	.carousel{margin: 0;}

	#myCarousel .slide-text-m em{font-size: 24px}

	#myCarousel .slide-text-m p{font-size: 16px;}

}

@media only screen and (max-width: 768px) {

	.carousel-inner > .item .container{width: 100%;text-align: center;}

	.carousel .attachment_line_bottom{display: none;}

	#myCarousel .slide-text-m{text-align: center;}

	#myCarousel .slide-text-m em{font-size: 14px;max-width: 100%;font-weight: 400;}

	#myCarousel .slide-text-m p{font-size: 10px;margin-bottom: 5px;letter-spacing: 2px;display: none;}

	.control-round .carousel-control {top: 40%;}

	.carousel-control .glyphicon-chevron-left{left:-20px;width: 30px;margin-left:10px;margin-right: 10px;}

	.carousel-control .glyphicon-chevron-right{right:-20px;width: 30px;margin-left:10px;margin-right: 10px;}

	.glyphicon-chevron-left:before{left: 15px;font-size: 32px;}

	.glyphicon-chevron-right:before{right: 15px;font-size: 32px;}

}



/*banner-message*/

.head-slide{position:relative;}

.head-slide img{max-width:100%;height:auto;width:100%;}

.head-slide .messageBox{

	position:absolute;

	right:0;

	top:0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	width:100%;

	text-align:right;z-index: 9;

}

.message{display:inline-block;background:#FCB01C;padding:30px 20px;max-width:360px;text-align:center;}

.message em{font-size:34px;font-family: 'Raleway bold';color:#fff;text-transform:uppercase;line-height: 120%;}

.message p{color:#fff;line-height:20px;margin-bottom:20px;margin: 0;margin-top: 10px;}

.message #email_form{margin-top: 15px;}

.message #email_form2{margin-top: 15px;}

.message li{margin-bottom:10px;list-style:none;text-align: left;}

.message .meInput{height:40px;border:none;text-align:left;padding-left:10px;width:100%;color:#ADADAD;font-family:Raleway,Arial,serif;}

.message .meInput:focus{color:#333;}

.message .meText{height:80px;max-height:80px;border:none;text-align:left;padding:10px;width:100%;max-width:100%;color:#ADADAD;text-transform:capitalize;font-family:Raleway,Arial,serif;}

.message .meText:focus{color:#333;}

.message .send{width:100%;display:inline-block;color:#fff;background:#031229;height:40px;text-align:center;line-height:40px;text-transform:uppercase;font-size:16px;margin-top:0;margin-bottom:5px;font-family: 'Raleway bold';}

.message .send:hover{text-decoration:none;background:#0f2341;}



.message .form_select:before{display: none;}

.message .form_select{position:relative;display: block;width: 100%;z-index: 5;background:#fff;}

.message select{height: 40px;line-height: 40px;width: 100%;background-color:transparent;border: none; padding-left:10px;color:#808080;Appearance:none;-webkit-appearance:none;font-size: 14px;}

.message .form_select:after{content:"\f107";font-family:'FontAwesome';position:absolute;right:10px;line-height:16px;font-size:20px;color:#808080;top:12px;z-index:-1;}



@media only screen and (max-width: 992px) {

	.head-slide .messageBox{

		position:inherit;

		-webkit-transform: translate(0, 0);

		-moz-transform: translate(0, 0);

		-ms-transform: translate(0, 0);

		-o-transform: translate(0, 0);

		transform: translate(0, 0);

		margin-top:-20px;

	}

	.head-slide .message{width:100%;max-width:none;}

	.message em{font-size: 28px;}

}



.landing-page01{padding:40px 0;text-align:center;}

.landing-page02{padding:40px 0;text-align:center;}

.landing-page03{padding:40px 0 15px 0px;text-align:center;background: #f7f7f7;}

.landing-page01 .top-title{font-family: 'Raleway bold';color:#0A2348;font-size:28px;margin-bottom:15px;text-transform:capitalize;display:block;line-height: 120%;}

.landing-page02 .top-title{font-family: 'Raleway bold';color:#0A2348;font-size:28px;margin-bottom:15px;text-transform:capitalize;display:block;line-height: 120%;}

.landing-page03 .top-title{font-family: 'Raleway bold';color:#0A2348;font-size:28px;margin-bottom:15px;text-transform:capitalize;display:block;line-height: 120%;}

.landing-page01 .landing-page01-w{ line-height:28px; font-size:14px; color:#777}

.landing-page02 .landing-page02-w{ line-height:28px; font-size:14px; color:#777}



@media only screen and (max-width: 768px) {

	.landing-page01,.landing-page02,.landing-page03,.cta{padding:40px 0;}

}

@media only screen and (max-width: 450px) {

	.landing-page01 .top-title,.landing-page02 .top-title , .landing-page03 .top-title{font-size:27px;}

}



.landing-case .list{list-style: none;}

.landing-case .list li{padding: 0;overflow: hidden;position: relative;}

.landing-case .list li .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.2;}

.landing-case .list li img{width: 100%;}

.landing-case .list li .wrap_box{position:absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.landing-case .list li .wrap_box .wrap{text-align: center;padding: 20px;max-width: 60%;}

.landing-case .list li .title{display: block;font-size: 24px;font-family: 'Raleway bold';line-height: 120%;text-transform: capitalize;margin-bottom: 15px;color: #fff;}

.landing-case .list li .text{font-size: 14px;line-height: 24px;color: #e1e1e1;overflow: hidden;max-height: 120px;}

.landing-case .list li .title:hover{text-decoration: none;}



@media only screen and (max-width: 992px) {

	.landing-case .list li .wrap_box .wrap{max-width: 100%;}

	.landing-case .list li .title{font-size: 18px;}

	.landing-case .list li .text{font-size: 12px;}

}

@media only screen and (max-width: 768px) {

	.landing-case .list li{height: 240px;}

	.landing-case .list li img{-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;height: 240px;}

}



.fixed-inquiry{background: #FCB01C;padding:35px 0;}

.finq-left{float:left;width:70%;}

.finq-left em{font-family: 'Raleway bold';color:#fff;font-size:34px;margin-bottom:10px;text-transform:uppercase;display:block;line-height: 120%;}

.finq-left>p{font-size:13px;color:#fff;line-height:20px;overflow:hidden;height:40px;}

.fixed-inquiry .select{float: right;margin-top:25px;}

.fixed-inquiry .select a{position: relative;cursor: pointer;display: inline-block;vertical-align: middle;padding:8px 40px;color:#fff;font-size:16px;text-align: center;text-decoration: none;	background:#031229;font-family: 'Raleway bold';border-radius:0;text-transform:uppercase;border:none;}



.select-content .main .message{width: 100%;max-width: 100%;}

.select-content .main .message li{padding: 0 10px;}



.select-modal {

	position: fixed;

	top: 0;

	left: 50%;

	width: 50%;

	width: 80%;

	height: auto;

	z-index: 99999999995;

	visibility: hidden;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}

.select-show {visibility: visible;transition:all .5s;}

.select-overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	visibility: hidden;

	top: 0;

	left: 0;

	z-index: 999999999;

	opacity: 0;

	filter:alpha(opacity=0);

	background: rgba(1,1,1,0.7);

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.select-show ~ .select-overlay {opacity: 1;visibility: visible;filter:alpha(opacity=100);}

.select-modal .select-content{

	margin: 0 auto;

	-webkit-transform: translateY(-200%);

	-moz-transform: translateY(-200%);

	-ms-transform: translateY(-200%);

	transform: translateY(-200%);

	opacity: 0;

	margin-top: 5%;

}

.select-modal.select-show .select-content {

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	-ms-transform: translateY(0%);

	transform: translateY(0%);

	opacity: 1;

	filter:alpha(opacity=100);

}

.select-content {

	color: #5b5b5b;

	background:#fff;

	position: relative;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	transition: all .5s;

	filter:alpha(opacity=0);

	border-radius: 0;

}



.select-show .select-content::-webkit-scrollbar {width: 5px;}

.select-show .select-content::-webkit-scrollbar-track {

	background-color:#f2f2f2;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius:0;

	opacity: 0.5

}

.select-show .select-content::-webkit-scrollbar-thumb {

	background-color:#004082;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius:0;

}



.select-content .select-close {position:absolute;right:20px;top:20px;border:none;background-color:transparent;}

.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}

.select-content .select-close i:before,

.select-content .select-close i:after{

content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0;

}

.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}

.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}



@-webkit-keyframes animate-btn-line{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}

@keyframes animate-btn-line{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}



.select-show .select-content::-webkit-scrollbar {width: 3px;}

.select-show .select-content::-webkit-scrollbar-track {

	background-color:#f2f2f2;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius:2em;

}

.select-show .select-content::-webkit-scrollbar-thumb {

	background-color:#ccc;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius:2em;

}

@media only screen and (max-width: 768px) {

	.fixed-inquiry{text-align: center;}

	.finq-left{width: 100%;float: none;text-align: center;}

	.fixed-inquiry .select{float: none;margin-top: 10px;}

	.fixed-inquiry .select a{font-size: 14px;font-family: 'Raleway';}

	.finq-left em{font-size: 27px;}

	.select-modal{width: 90%;height: 90%;top: 5%;}

	.select-show .select-content{position: static;height: 100%;overflow: scroll;overflow-x: visible;overflow-y: auto;margin: 0;}

	.select-content{display: block;}

	.select-content .main{width: 100%;border-left: none;}

	.select-content .select-close{right: 0;top: 0;}

	.select-content .main .message li{padding: 0;}

}



.points-list{list-style: none;margin-top: 40px;}

.points-list li .icon{position: relative;z-index: 2;display: inline-block;}

.points-list li .icon:before{content:'';width: 60px;height: 60px;border-radius: 50%;background: #FCB01C;opacity: 0.15;z-index: -1;left: -10px;top: -10px;display: inline-block;position: absolute;}

.points-list li .icon img{opacity: 0.8;}

.points-list li .title{display: block;font-size: 18px;font-family: 'Raleway bold';text-transform: capitalize;line-height: 24px;margin-top: 10px;}



@media only screen and (max-width: 768px) {

	.points-list{margin-top: 25px;}

	.points-list li{margin-bottom: 30px;}

	.points-list li .title{font-size: 14px;font-family: 'Raleway';line-height: 20px;}

	.points-list li .icon img{max-width: 42px;}

	.points-list li .icon:before{width: 30px;height: 30px;}

}



.service-list{list-style: none;margin-top: 40px;}

.service-list li{margin-bottom: 30px;}

.service-list li .column{position: relative;}

.service-list li .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;

	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(255,255,255,0));

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.6)), color-stop(1, rgba(255,255,255,0)));

	background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(255,255,255,0));

}

.service-list li .wrap{position: absolute;left: 0;top: 0;width: 100%;padding:30px 20px;text-align: center;z-index: 2;}

.service-list li .title{display: block;font-size: 20px;color: #fff;line-height: 24px;font-family: 'Raleway bold';text-transform: capitalize;}

.service-list li .line{display: inline-block;width: 40px;height: 2px;background: #FCB01C;margin-top: 10px;}



@media only screen and (max-width: 768px) {

	.service-list{margin-top: 25px;}

	.service-list li{padding: 0 10px;margin-bottom: 20px;}

}

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

	.service-list li{width: 100%;}

	.service-list li .title{font-size: 18px;}

}



.footer{padding:30px 15px;background:#031229;text-align:center;color:#848484; font-size:13px}

.footer .copy a{color:#848484;}

.footer .copy a:hover{ color:#fff}





/*back-top*/

.back_top{width:48px;height:48px;text-align:center; position:fixed; right:5px;bottom:70px; z-index:99999999; display:none; background:#333;background-size:cover;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:50%;border:2px solid rgba(255,255,255,0.4);filter:alpha(opacity=50);opacity:0.5;}

.back_top:before{content:"Top";color:#fff;font-size:16px;display:block;line-height:44px;font-family:'Raleway bold';text-transform: uppercase;}

.back_top:hover{text-decoration:none;box-shadow:0 0 10px 2px rgba(0,0,0,0,0.2);background-color:#FCB01C;filter:alpha(opacity=100);opacity:1;border-color: #FCB01C;color: #333;}

.back_top:hover:before {animation: scroll_up_anim 1.5s infinite;color: #333; }

@keyframes scroll_up_anim {

0% {

transform: translateY(-3px); }

50% {

transform: translateY(3px); }

100% {

transform: translateY(-3px); } }

.back_top:link{text-decoration:none;}

.back_top:hover:before{color:#333333;text-decoration:none;}



@media only screen and (max-width: 992px){

	.back_top{right:0;bottom:30px;width:40px;height:40px;}

	.back_top:before{font-size:14px;line-height:36px;}

}



