@charset "utf-8";
/* CSS Document by Responsive Websites */

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

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
url('../fonts/roboto-regular-webfont.woff') format('woff'),
url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswald_regularregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
url('../fonts/oswald-regular-webfont.woff') format('woff'),
url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
url('../fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);

body {
    font-family: robotoregular;
	font-weight:normal;
	font-size:14px;
}

.time{ padding:5px 0px; color:#FFF;}

.top-bar{ background-color:#FF9900;}
.t-b-menu{ margin:0px; padding:0px; float:right;}
.t-b-menu li{ list-style:none; float:left; line-height:30px;}
.t-b-menu li a{ color:#FFF; padding:0px 10px;}
.t-b-menu li a:hover{ text-decoration:none; color:#000;}

/*  ================ Menu Bar ================== */
.logo{ background-color:#fff;}
.right-logo img{ float:right;}

.menu-bar{ background-color:#146EB4; min-height:43px;}

#cssmenu {
  position: relative;
  height: 41px;
  background:#146EB4;
  width: auto;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  background:#146EB4;
  width: 100%;
  z-index: 500;
}
#cssmenu > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family:robotoregular;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 15px;
  font-weight:normal;
  padding: 13px 20px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #fff;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 41px;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left:200px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  background: #44618f none repeat scroll 0 0;
    border-bottom: 1px solid #628db4;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    transition: all 0.35s ease 0s;
    width: 200px;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu ul ul li:hover > a {
  background: #E7E3E3;
  color: #000;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #fff;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #44618F;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}
/* =============== Feature Area ===============*/
.feature_area {
	background-color: #fff;
	position: relative;
	min-height:255px;
}
.feature_start {
	position: relative;
}
.feature_content {
	left: 0;
	margin-top: -90px;
	position: absolute;
	top: 0;
	width: 100%;
}
.border_line_top {
	height: 250px;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0;
}
.border_line_top:before {
	background: #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: calc(100% - 355px);
	-ms-transform: skew(0deg, 15deg); /* IE 9 */
	-webkit-transform: skew(0deg, 15deg); /* Safari */
	transform: skew(0deg, 15deg);/* Standard syntax */
	width: 51%;
}
.border_line_top:after {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: calc(100% - 356px);
	-ms-transform: skew(0deg, -15deg); /* IE 9 */
	-webkit-transform: skew(0deg, -15deg); /* Safari */
	transform: skew(0deg, -15deg);/* Standard syntax */
	width: 50%;
}
.single_feature {
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 200px;
	-ms-transform: skew(0deg, 15deg); /* IE 9 */
	-webkit-transform: skew(0deg, 15deg); /* Safari */
	transform: skew(0deg, 15deg);/* Standard syntax */
	display: table;
	width: 100%;
}
.single_feature_text {
	transform: skew(0deg, -15deg);
	display: table-cell;
	vertical-align: middle;
}
.single_feature_text:hover i {
	color: #fff;
	background-color: #023482;
}
.feature_two {
	margin-top: 30%;
}
.feature_content_right .single_feature {
	-ms-transform: skew(0deg, -15deg); /* IE 9 */
	-webkit-transform: skew(0deg, -15deg); /* Safari */
	transform: skew(0deg, -15deg);/* Standard syntax */
}
.feature_content_right .single_feature_text {
	-ms-transform: skew(0deg, 15deg); /* IE 9 */
	-webkit-transform: skew(0deg, 15deg); /* Safari */
	transform: skew(0deg, 15deg);/* Standard syntax */
}
.single_feature i {
	color: #fff;
	font-size: 48px;
	line-height: 100px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid rgba(204, 204, 204, 0.23);
	border-radius: 50%;
	height: 100px;
	width: 100px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.single_feature h3 {
	color: #fff;
	font-size: 19px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	padding: 15px 15px 0;
}
.single_feature p {
	font-size: 14px;
	padding: 0 15px;
}
.box1 {
	background-color: #3E5CB4;
}
.box2 {
	background-color: #d98403;
}
.box3 {
	background-color: #de502b;
}
.box4 {
	background-color: #b42e37;
}
@media only screen and (max-width: 767px) {
	.feature_area {
	height: auto;
}
.border_line_top::before{ background:none;}
.border_line_top::after{ background:none;}
.feature_content {
	margin-top:0px;
	position: static;
}
.carousel-caption{display:none !important;}
.single_feature {
	margin-top: 25px;
}
.single_port, .single_port_two, .single_port_two a, .port_overlay a, .single_feature, .single_feature_text, .feature_content_right .single_feature, .feature_content_right .single_feature_text {
	transform: skew(0deg);
	margin-bottom: 20px;
}
}
.carousel-caption{ top:40%; font-size:52px; font-family:BebasNeueRegular;}

/*----------------- About Us -------------------*/
.about{ background-color:#D9E9FF;}
.about-left h3 {
    color: #146EB4;
    font-family:BebasNeueRegular;
    font-size: 2.5em;
}
.about-left h4 {
    color: #000;
    font-family:BebasNeueRegular;
    font-size: 1.6em;
    margin: 0.5em 0;
	text-transform:none;
}
.about-left p {
    color: #6C6C6C;
    font-size: 1em;
    line-height: 1.8em;
}
.about-left a {
    background:#146EB4 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    margin-top: 0.5em;
    margin-bottom: 0.9em;
    padding: 0.5em 1em;
}
.about-left a:hover {
    background: #0F7FDA none repeat scroll 0 0;
}
.about-Right-img{ margin:20px 0px 15px 0px; padding:0px 10px;}

/* ------------------- NEWS MAIN -------------------- */
.panel-default > .panel-heading{ background:none; border:none;}
.panel{ background:none; border:none;}
.pull-right{ margin:0px !important; position:absolute; right:30px; top:10px;}
.pagination > li > a{ border:1px solid #DDDDDD; border-radius:50%;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ border:1px solid #999; border-radius:50%;}

.news-main{ padding:20px 15px; background-image:url(../images/news-bg.jpg);}
.news h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
.news h2::before {
    background:#FF9900 none repeat scroll 0 0;
    bottom: -8px;
    content: " ";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.news ul {
    list-style: outside none none;
    padding-left: 0;
}
.news ul li {
    border-bottom: 1px solid #6D6D6D;
    padding: 0.5714em 0 0.5em;
}
.news ul li a {
    color: #fff;
    font-size:15px;
}
.news ul li a:hover {
    color: #FFE400;
    text-decoration: none;
}

.news-main .tab {
    background-color: rgba(255, 255, 255, 0.75);
    display: block;
    margin-top: 30px;
}
.news-main .tab a {
    color: #013249;
    font-size: 1.2em;
    text-transform: uppercase;
}
.news-main .tab a:hover {
    color: #013249;
    text-decoration: none;
}
.news-main .tab a i {
    color: #fff;
    font-size: 1.5em;
    height: 60px;
    line-height: 60px;
    margin-right: 5px;
    text-align: center;
    width: 60px;
}
.news-main .clr1 {
    background-color: #9252a2;
}
.news-main .clr2 {
    background-color: #08589c;
}
.news-main .clr3 {
    background-color: #038ea3;
}
.news-main .clr4 {
    background-color: #eb8830;
}
.news-main .clr5 {
    background-color: #d43346;
}
.news-main .clr6 {
    background-color: #558f43;
}
.news-main .tab a span:hover {
    color: #0d8da2;
}

/* ------------------- Footer -------------------- */
footer {
    background: #036 none repeat scroll 0 0;
    margin:0px 0 0 !important;
    padding: 10px 0;
}
footer h1 {
    color: #f90 !important;
    font-family: "Raleway",sans-serif;
    font-size: 20pt;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    text-shadow: 1px 1px 1px #000;
}
footer nav a {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
}
footer nav a:hover {
    color: #fc0;
}
.social-icons {
    margin-top: 10px;
}
.social-icons a {
    background: #fff none repeat scroll 0 0;
    color: #f90;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
}
.social-icons a:hover {
    text-decoration: none;
}
.footer {
    padding: 0 !important;
}
.google-color {
    color: #db3235 !important;
}
.fb-color {
    color: #39599f !important;
}
.twtr-color {
    color: #45b0e3 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  Header Section
/*-----------------------------------------------------------------------------------*/

.inner-head {
	text-align: center;
	padding: 15px 0px;
	background-image:url(../images/bg.jpg);
}
.inner-head h1 {
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	text-align: center;
	color: #B42E37;
	text-transform: uppercase;
}
.inner-head h1:before {
	background-color: #023482;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	top: 100%;
	width: 300px;
	margin-left: -150px;
}
.inner-head h1:after {
	background-color: #023482;
	content: "";
	height: 5px;
	left: 50%;
	margin-top: -2px;
	position: absolute;
	top: 100%;
	width: 50px;
	margin-left: -25px;
}
.inner {
	padding: 20px 0px 20px 0px;
	background:#ECECEC;
	box-shadow: 0 -5px 5px -5px RGBA(0, 0, 0, 0.32);
}
.inner p {
	padding: 0px;
	line-height: 24px;
	font-size: 15px;
}
.inner ul li {
	position: relative;
	display: block;
	margin-bottom: -1px;
	background-color: #fff;
	border-bottom: solid 1px #E9E9E9;
	border-top: solid 1px #CFCFCF;
}
.inner ul li:nth-child(1) {
	border-top: none;
}
.inner ul li a {
	color: #474543;
	font-size: 15px;
	font-weight: 500;
}

.inner .active{background-color: rgb(227, 225, 225);}
.inner-head .breadcrumb {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb > li a {
   color:#023482;
}

.inner .btn-primary {
    color: #fff;
    background-color: #023482;
    border-color: #2e6da4;
}
.inner .btn-group-lg > .btn, .btn-lg {
    border-radius: 0px;
}

ul.imp_link {
    list-style: outside none none;
    margin:0px 0px 15px 0px;
    padding:7px;
	background-color:#fff;
}
.imp_link li {
    border-bottom: 1px solid #b8c2c2;
}
.imp_link li a {
    background: #fff url("../images/link_li.png") no-repeat scroll 11px 17px;
    color: #474543;
    display: block;
    padding:10px 5px 10px 30px;
}
.imp_link li a:hover {
    background: #d3dada url("../images/link_li.png") no-repeat scroll 11px center;
    text-decoration: none;
}
.link_box {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 6px;
}
.link_box img {
    height: auto;
    width: 100%;
}
.right_con {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    padding:10px 10px;
	min-height:686px;
	color:#4E4E4E;
}
.heading4 {
    border-bottom: 1px dotted #999;
    color: #666;
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0 0 5px;
    text-transform: uppercase;
}
.link_box {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 6px;
}
.link_box img {
    height: auto;
    width: 100%;
}

.list li{ padding:5px 0; line-height:26px;}

.list li strong{ font-size:16px; padding:5px 0;}

.fa-download{ color:#F00}

p a:hover{ color:#900; text-decoration:none}