@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf')  format('truetype'), url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Swiss721BT-RomanCondensed';
  src: url('fonts/Swiss721BT-RomanCondensed.eot?#iefix') format('embedded-opentype'),  url('fonts/Swiss721BT-RomanCondensed.woff') format('woff'), url('fonts/Swiss721BT-RomanCondensed.ttf')  format('truetype'), url('fonts/Swiss721BT-RomanCondensed.svg#Swiss721BT-RomanCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  url('fonts/MyriadPro-Semibold.otf')  format('opentype'),
	     url('fonts/MyriadPro-Semibold.woff') format('woff'), url('fonts/MyriadPro-Semibold.ttf')  format('truetype'), url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}




html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, .header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video, source {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
img {
width: auto\9;
height: auto;
max-width:100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

article, aside, dialog, figure, footer, .header, 
hgroup, menu, nav, section, menu { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

/*---------------------end reset css---------------------*/

html{ height:100%;}

*{ box-sizing: border-box; }

*::before, *::after { box-sizing: border-box; }


body { font-family: 'MyriadPro-Regular'; font-size:14px;}

a{ color:#ff000a; text-decoration:none; transition:all 0.5s ease-in-out;}
a:hover{ color:#00449c; text-decoration:none;}
a:focus{ outline:none; text-decoration: none;}

.clear { clear: both; }

.float_left { float:left !important;}
.float_right { float:right !important;}

.m0 { margin:0px !important;}
.mt0 { margin-top:0px !important;}
.mr0 { margin-right:0px !important;}
.mb0 { margin-bottom:0px !important;}
.ml0 { margin-left:0px !important;}

.p0 { padding:0px !important;}
.pt0 { padding-top:0px !important;}
.pr0 { padding-right:0px !important;}
.pb0 { padding-bottom:0px !important;}
.pl0 { padding-left:0px !important;}

.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}


.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}

.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}

.clear { clear:both;}
.clear_left { clear:left;}
.clear_right { clear:right;}

.display_none { display:none;}

.alignleft { float:left; margin-right:20px;}
.alignright { float:right; margin-left:20px;}

.btn{ display:inline-block; padding:0 10px; min-width: 180px; border-radius: 0; font-size: 16px; background-color:#00449c; line-height:50px; border:none; transition:all 0.5s ease-in-out;  color:#fff; text-align:center;}
.btn:hover{ background-color:#ff000a; color:#fff;}


.red{ color:red;}


p{ margin:12px 0; line-height:24px; color:#000;}

h1,h2,h3,h4,h5,h6{ margin:10px 0 0; font-weight:normal; color:#000; line-height:normal;}
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:26px;}
h4{ font-size:24px;}
h5{ font-size:22px;}
h6{ font-size:18px;}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ display:block; line-height:30px;}

.header{ border-bottom: 1px solid #e9e9e9; }
.index .header{ border:0; }
.header_top{ padding-top: 42px; }

.header .logo{ float:left; margin-bottom:-80px;}
.header .logo a{ display:inline-block;}
.header .logo img { width:100%;}

.top_info
{
	list-style-type: none;
	float: right;
	margin-top: 30px;
}

.top_info li
{
	text-align: right;	
}
.top_info li a
{
	color:#272727;
	display: inline-block;
	font-size:16px;
	padding-left: 20px;
}
.top_info li a:hover{ color:#ff000a; }
.top_info li:first-child a
{
	background: url("images/phone-01.jpg") left center no-repeat;
}
.top_info li:last-child a
{
	background: url("images/email-01.jpg") left center no-repeat;
} 


.top_nav_wrap{ 
	margin-top: 32px; 
	position: relative;
}
.top_nav_wrap:after
{
	content:"";
	position: absolute;
	top: -10px;
	right: 0;
	width: 711px;
	height: 17px;
	background:url("images/shadow-01.png") no-repeat;
	background-size: 100%;
}
.header .top_nav{  float:right; padding:24px 10px 20px 0;}
.top_nav ul li{ position:relative; padding:0 18px; float:left; list-style-type:none;}
.top_nav ul li a{ color:#000; font-size: 14.67px; display: block; padding-left: 13px; text-transform:uppercase; background: url("images/arrow-right-03.png") left center no-repeat;}
.top_nav ul li a:hover,.top_nav ul li a.active{ color:#ff000a;}

.top_nav ul li ul{ position:absolute; left:0; top:30px; display:none; width:240px; z-index:700; padding:10px;  background-color:#e9e9e9; }
.top_nav ul li ul li{ float:none; padding:0;}
.top_nav ul li ul li a{ padding:5px 15px; background: none; font-size: 13px;}
.top_nav ul li ul li a:hover{ background-color:#ff000a; color:#fff;}
.top_nav ul li .fa{ font-size:12px;}
.top_nav .sub-collapser{ display:none;}


.ban_slider{ cursor:move;}
.ban_slider:before,.ban_slider:after{ content: ""; position: absolute; bottom: 0; width:37px; height:63px; z-index: 20; }
.ban_slider:before{ left: -37px; background: url("images/ban-shad1.png") no-repeat; }
.ban_slider:after{ right: -37px; background: url("images/ban-shad2.png") no-repeat; }
.ban_slider.slick-slider{ margin: 0; }
.ban_slider .slick-track,.ban_slider .slick-list, .ban_slider img{ width: 100%; height: 100% !important; }
.slick-prev:before, .slick-next:before{ color: black; }

.ban_slide{ position: relative; }


.ban_slider .slick-dots{ width: auto; left: 57px; bottom:18px; line-height: 20px; padding:0 5px; background-color: #003a85; border-radius: 3px;}
.slick-dots li{ width: 10px; height: 10px; vertical-align: middle; margin:-1px 5px 0 0; }
.slick-dots li:last-child{ margin-right: 0; }
.slick-dots li button{ width: 10px; height: 10px; padding: 0; }
.ban_slider .slick-dots li button::before{ content:"";  width:10px; height:10px; opacity:1; font-size:16px; background-color: #fff; border-radius:50%;}
.ban_slider .slick-dots li.slick-active button::before{ color:#fff; background-color:#a6ce39; opacity:1;}


.container{ max-width:1031px; width: 100%;}

.services{ margin: 25px 0 10px; }
.services .row{ margin: 0 -17.5px; }
.services .col-md-4{ padding:0 17.5px; margin-bottom: 30px; }
.services a:focus{ text-decoration: none; }
.services h6{ color:#fff; font-size: 19.48px; text-transform: uppercase; margin: 0; padding: 0 10px 0 30px; line-height: 40px; transition: all 0.5s ease-in-out; background: #ff000a url("images/arrow-right-01.png") no-repeat 12px center; }
.services .service-box:hover h6{ background: #00449c url("images/arrow-right-02.png") no-repeat 12px center; }
.services img{ width: 100%; }

.content{ padding: 30px 0 50px; min-height: 300px; }
.content h1{ text-transform:uppercase; margin-bottom:40px;}
.content p{ text-align:justify; font-size: 16px; }
.content .big-text{ font-size: 20px; }

.about-img{ max-width: 400px; width: 100%; }

.gallery [class^="col-md"]{ margin-bottom: 30px; }
.gallery-item img{ width: 100%; }

.gallery-item{ position: relative; }


.plus-icon{ position: absolute;  right: 35px; bottom:20px; width: 50px; height: 50px; background-color: #ff000a; text-align: center; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; }
.plus-icon i{ font-size: 20px; color: #fff; line-height: 50px; }


.gallery-item:hover .plus-icon{ visibility: visible; opacity: 1; }


.list{ margin:20px 0; }
.list li{ line-height:30px; padding-left:25px; background:url(images/list-arrow.png) 0 9px no-repeat; list-style-type:none;  font-size:16px;}

.map{ margin:20px 0;}

.contact_form{ margin:0 -15px;}
.contact_form .form-control{ margin-bottom:15px; line-height:40px; height:40px; font-size:16px;}
.contact_form .form-control:hover,.contact_form .form-control:focus{ border-color:#00449c;}
.contact_form textarea.form-control{ height:auto; resize:none;}

.contact_form p{ padding:0 15px; margin-bottom:16px;}
.contact_form .btn{ font-size:20px; }

.contact_address h5{ margin:12px 0 20px 0; text-transform:uppercase;}

.contact_address ul li{ padding:0 0 20px 60px; list-style-type:none; color:#333;}
.contact_address ul li:nth-child(1){ background:url(images/mark_icon.png) left 5px no-repeat;}
.contact_address ul li:nth-child(2){ background:url(images/phone_icon.png) left 5px no-repeat;}
.contact_address ul li:nth-child(3){ background:url(images/email_icon.png) left 5px no-repeat;}
.contact_address ul li:nth-child(4){ background:url(images/clock_icon.png) left 5px no-repeat;}
.contact_address ul li span{ font-size:16px; font-weight: bold; display:block; color:#000;}
.contact_address ul li a{ color:#333; }
.contact_address ul li a:hover{ color:#00449c; }


.footer{ padding:20px 0 48px; border-top: 1px solid #e9e9e9;}
.index .footer{ padding-top: 0; border:0; }
.footer p{ font-size: 11.67px; margin-top: 5px; font-family: 'Swiss721BT-RomanCondensed'; }
.coypright{ float:left; }
.power-by a{ color:#000; display:inline-block;}
.power-by a:hover{ color:#ff000a;}

.power-by{ float: right; }

.sm_icons{ float:right; margin-top: 20px;}
.sm_icons a{ width:25px; height:25px; display:inline-block; margin-left:10px; background:url("images/sm_icons.png");}
.sm_icons a.fb{ background-position:0 0;}
.sm_icons a.go{ background-position:-25px 0;}
.sm_icons a.tw{ background-position:-50px 0;}



@media screen and (max-width:1100px){
	
	.container{ width:auto;}
}

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

	.header_top{ padding-top: 20px; }
	
	.header .logo{ margin-bottom: 0; }
	.header .logo img{ width: 100px; }

	.top_nav_wrap{ background-color: #00449c; padding: 6px 10px 6px ;}
	.top_nav_wrap:after{ display: none; }

	.sm_icons{ margin-top: 8px; }

	.header .top_nav{ position:relative; float: left; padding:0;}
	.top_nav .collapse-button{ display: inline-block; padding:5; transition: all 0.4s ease-in-out; text-align: center; cursor:pointer; }
    .top_nav .collapse-button:before{ content: "\f0c9"; font-family: 'FontAwesome';  line-height: 40px; font-size: 18px; color: #fff;}
    .top_nav .nav-active:before{ content:"\f00d";}

	.top_nav > ul{ width:280px; position:absolute; display:none; left:0; padding:16px 0; top:100%; z-index:400;  background-color:#00449c;}
	.top_nav ul li{ float:none; padding: 0 10px; line-height:30px;}
	.top_nav ul li a{ padding:0 10px; text-align:left; opacity:1; color:#fff; display:block; background:none;}
	.top_nav  ul li a:hover,.top_nav ul li a.active{ background-color:#ff000a; color: #fff;}
	
	.top_nav  ul li ul{ position:static; width:100%; background-color:rgba(63, 62, 64, 0.51);}
	
	.top_nav  ul li ul li a{ padding:0 15px;}
	.top_nav  ul li ul li i{ margin-right:10px;}
	
	.top_nav ul li .fa{ display:none;}
	
	.top_nav .sub-collapser{ display:block; position:absolute; right:8px; top:0; width:36px; text-align:center; cursor:pointer; background-color:#fff;}

	.ban_slider.slick-slider{ margin-top: 20px; }
	
	/*
	.ban_content{ top: 40%; transform: translateY(-40%); }
	.ban_content h2{ font-size: 35px; line-height: 35px; }*/

	.footer{ padding:20px 0; }
	
}

@media screen and (max-width:767px)
{
	.contact_form{ margin-bottom: 30px; }
}

@media screen and (max-width:480px){
	
	.content h1{ font-size:26px;}

	.contact_address ul li{ padding-left: 40px; }

}

@media screen and (max-width:375px)
{
	.footer p{ margin: 0; }
	.coypright,.power-by{ width: 100%; text-align: center; }
}