header, section, article, aside, nav, footer, p, h1, h2, h3, h4, h5, ul, li details, figcaption, figure, footer, hgroup, main, summary {
	margin: 0;
	padding: 0;
	display: block;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
audio, canvas, video {
	display: inline-block;
*display:inline;
 *zoom:1
}
audio:not([controls]) {
	display: none;
	height: 0
}
 [hidden] {
 display:none
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: 'Muli', sans-serif;
	font-family: 'Nunito Sans', sans-serif;
}
body {
	margin: 0;
	margin: 0px;
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h6 {
	font-size: .67em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
		font-family: 'Muli', sans-serif;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 0 0
}
dd {
	margin: 0 0 0 0px
}
menu, ol, ul {
	padding: 0 0 0 0px
}
nav ul, nav ol, li {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle
}
button, input {
	line-height: normal;
	border: none;
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*height:13px;
 *width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
 input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
 background-color: #FFF;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {



    /* display: none; <- Crashes Chrome on hover */



-webkit-appearance: none;
 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
	-moz-appearance: textfield;
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html, button, input, select, textarea {
	color: #222;
}
html {
	font-size: 1em;
	line-height: 1.4;
}



::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #b3b3b3;
	margin: 1em 0;
	padding:20px 0;
    width: 100%; float: left;
}
audio, canvas, img, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
html, body, form {
	width: 100%;
	height: 100%;
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-size: 14px;
}
html, body, form {
	width: 100%;
	height: 100%;
}
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	font-size: 14px;
	color: #828282;
	background: #FFF;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
a {
	text-decoration: none;
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

:focus::-webkit-input-placeholder {
 color:transparent;
}

:focus::-moz-placeholder {
 color:transparent;
}

:-moz-placeholder {
 color:transparent;
}
a {
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
/* ===== Main Style  ==================================================

========================================================================== */

#wrapper {
	width: 100%;
	height: auto;
	float: left;
	min-height: 100%;
	height: 100%;
}
.main-warp {
	width: 100%;
	height: auto;
	float: left;
	min-height: 100%;
	overflow: hidden;
}
.page {
	width: 100%;
	height: auto;
	float: left;
}
.container {
	width: 100%;
	height: auto;
	max-width: 1326px;
	margin: 0px auto;
}
.logo-sec {
	height: auto;
	float: left;
	text-align: center;
	width: 10%;
}
.logo {
	width: 150px;
	height: 150px;
	float: none;
	position: relative;
	z-index: 9999999;
	
	background-position: center;
	display: inline-block;
}
.logo a{
    width: 110px;
	height: 110px;
}
.logo img {
	width: 100%;
	height: 100%;
}
.menu-bar {
	width: 80%;
	float: right;
	height: auto;
	position: relative;
	top:0px;
}
/* header*/

header {
	width: 100%;
	float: left;
	height: 160px;
	background: #0d345f;
}
header nav {
	width: 100%;
	float: left;
	height: auto;
}
header nav ul {
	height: auto;
	float: right;
	height: auto;
}
header nav ul li {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
    padding:69px 0 69px 45px;
}
header nav ul li a {
	width: 100%;
	height: auto;
	float: left;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
	transition: 0.7s all;
	display: block;
	overflow: hidden;
}
header nav ul li a:before {
	content: '';
	width:100%;
	position: absolute;
	border-bottom: 3px solid #185eab;
	bottom: 0;
	right:-100%;
	transition: 0.4s all;
}
header nav ul li a:hover:before {
	right:30%;
}

.drop-menu { width:260px !important; top:85px; background:#103d6f; height: auto; float: none; position: absolute; left: 0px; z-index: 9999; opacity: 0; visibility: hidden; padding: 0 0 15px 0; -webkit-transform: translateY(85px); -moz-transform: translateY(85px); -ms-transform: translateY(85px); -o-transform: translateY(85px); transform: translateY(85px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0; }

nav ul > li:hover  .drop-menu { visibility: visible; opacity: 1; top: 150px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: left; }
nav ul .drop-menu li { width: 100%; height: auto; float: left; padding: 10px 15px; }
nav ul .drop-menu li a { width: 100%; height: auto; float: left;  font-size: 15px; background: none; float: left; padding: 6px 20px 6px 20px; font-weight: 400; text-align: left; text-transform: uppercase; }
nav ul .drop-menu li a:hover { color: #FFF; border:none;}
nav ul .drop-menu li:hover { color: #FFF; background:#333; }
nav ul .drop-menu li a:before{ display: none;}
.menu {
	width: 100%;
	float: left;
}

.mega-menu{ width:600px !important ; top:85px; background:#103d6f; height: auto; float: none; position: absolute; left: 0px; z-index: 9999; opacity: 0; visibility: hidden; padding: 0 0 15px 0; -webkit-transform: translateY(85px); -moz-transform: translateY(85px); -ms-transform: translateY(85px); -o-transform: translateY(85px); transform: translateY(85px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0;}


nav ul > li:hover  .mega-menu{ visibility: visible; opacity: 1; top: 150px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: left; }

.mega-menu li{ width: 50%; float: left; height: auto; overflow: hidden; padding:  40px 10px 40px 20px}
.mega-menu li a ul{width:100%; float: left; height: auto; overflow: hidden; padding: 0}
.mega-menu li a ul li{width:100% !important; float: left; height: auto; overflow: hidden;}
.sub-menu li{ width: 100%; float: left; height: auto; padding: 10px 20px 10px 20px; color: #FFF; background: url(../images/icon-right.png) no-repeat top 10px left 5px; background-size:10px;}
.sub-menu li a{color: #FFF; font-size: 13px;}
.sub-menu li a:hover{color: #FFF;}
.sub-menu li:hover{ background:#333 url(../images/icon-right.png) no-repeat top 10px left 5px; background-size:10px;  padding: 10px 10px 10px 20px;}
.sub-menu { width: 100%; float: left; padding-top: 10px;}
.sub-menu li a:before{ display: none;}
.mega-menu li a:before{ display: none;}
.home-slider {
	width: 100%;
	float: left;
	height: auto;
	position: relative;
}
.banner-slider .slick-prev, .banner-slider .slick-next {
	z-index: 9999;
	width: 60px;
	height: 71px;
	margin: 0px 0 0 60px;
	top: inherit;
	top: 45%;
}
.banner-slider .slick-prev {
	background: url(../images/banner-arrow1.png) no-repeat left top;
}
.banner-slider .slick-next {
	margin: 0 60px 0 0px;
	background: url(../images/banner-arrow2.png) no-repeat left top;
}
.midd-wrap {
	width: 100%;
	height: auto;
	float: left;
}
.banner-text {
	width: 100%;
	float: left;
	height: 100%;
	position: absolute;
	top: 0;
}
.home-about {
	width: 34%;
	float: left;
	height: auto;
	color: #FFF;
}
.home-about h2 {
	width: 100%;
	float: left;
	font-size: 45px;
	text-transform: uppercase;
	font-family: 'Muli', sans-serif;
	letter-spacing: 1px;
	padding-top: 137px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.home-about p {
	width: 100%;
	float: left;
	line-height: 35px;
	padding-top: 45px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sucess {
	width: 76%;
	float: left;
	height: auto;
	position: absolute; bottom: 10px;
}
.sucess ul {
	width: 100%;
	display: flex;
}
.sucess ul li {
	padding: 25px 40px;
	font-size: 24px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #FFF;
}
.sucess ul li:nth-child(1) {
	padding-left: 0px;
	border-left: inherit;
}
.banner-container {
	width: 100%;
	height: auto;
	max-width: 1300px;
	margin: 0px auto;
}
.white-box {
	background: #FFF;
	width: 100%;
	    padding: 0px 0 0px 0;
    overflow: hidden;
}
.box-row {
	width: 100%;
	float: left;
	height: auto;
	display: flex;
	background: #FFF;
}
.testimonial {
	width: 25%;
	flex: 1;
	padding-right: 27px;
}
.home-gallery {
	flex: 1;
	position: relative;
    background: #0d345f;
    
}
.home-gallery img {
	width: 100%;
	height: 100%;
   
}
.home-gallery:hover.home-gallery img{ 
opacity: 0.5;
}

.hom-news {
	flex: 2;
 display:none;
	

}

.news-slide {
	width: 100%;
	float: left;
	color: #000;
}
.news-slide li {
	display: flex;
	width: 50%;
	float: left;
	border-right: 1px solid #c5c5c5;
	padding: 20px 25px 20px 50px;
	margin: 10px 0 0 0;
}
.news-slide li:last-child{ border-right: inherit;}
.news-slide li:first-child{padding-left: 0px;}
.date {
	padding: 0 20px 0 0px;
    width:auto; float: left; height: auto;
}
.date h3 {
	font-size:40px;
	color: #000;
    width: 100%;
}
.date p {
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	width: 100%;
	float: left;
}
.news-decp {
	flex: 2;
        padding-top: 5px;
}
.news-decp p{ width: 100%; float: left; height: auto; font-size: 16px; line-height: 27px;}
.btn-news {
	width: 100%;
	float: right;
}
.btn-news a {
	float: right;
	color: #6c6c6c;
	font-size: 15px;
	font-style: italic;
}
.btn-news a:hover {
	color: #2e8df7
}
.box-row h2 {
	width: 100%;
	float: left;
	font-size: 50px;
	height: auto;
	padding-top: 38px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.box-row h2 span {
	font-weight: 100;
	padding-right: 20px;
}

.testimonial p {
	width: 100%;
	float: left;
	color: #000;
	line-height: 20px;
	margin-top: 50px;
	position: relative;
}
.testimonial p:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 12px;
	background: url(../images/quatation-top.png) no-repeat;
	top: -20px;
	left: 0;
}
.testimonial p:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 12px;
	background: url(../images/quatation-bottom.png) no-repeat;
	bottom: 0px;
	right:20px;
}
.gallery-title {
	position: absolute;
	top: 25%;
	left: 25%;
	margin: auto;
}
.gallery-title h2 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	font-family: 'Mukta Malar', sans-serif;
}
.hom-services {
	width: 100%;
	float: left;
	background: #0d345f;
	display: flex;
}
.serv-box h2 {
	color: white;
	font-size: 62px;
	text-transform: uppercase;
	font-weight: normal;
	padding-top: 85px;
	line-height: 66px;
	margin-bottom: 60px;
	font-family: 'Muli', sans-serif;
}
.serv-box h2 span {
	font-weight: 100;
}
.serv-box {
	width: 35%;
	flex: 1;
	padding-right: 47px;
}
.btn-view {
	width: 100%;
	float: left;
	margin: 75px 0 0 0;
	position: relative;
}
.btn-view a:hover {
	color: #2e8df7;
}
.btn-view:hover.btn-view:after {
	right: 0;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	color: #2e8df7 !important;
}
.btn-view a {
	color: #757982;
	font-size: 18px;
	font-style: italic;
}
.btn-view:after {
	content: "";
	position: absolute;
	background: url(../images/arror-right.png) no-repeat;
	width: 22px;
	height: 18px;
	right: 28px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.serv-box p {
	color: #FFF;
	font-size: 15px;
	line-height: 25px;
	width: 100%;
	float: left;
	height: auto;
}
.service-list {
	width: 100%;
	float: left;
}
.serv-box {
	flex: 1;
	float: left;
}
.serv-img {
	width: 100%;
	float: left;
}
.serv-img img {
	width: 100%;
	height: 100%;
}
.serv-descrp {
	width: 100%;
	float: left;
}
.serv-descrp h2 {
	font-size: 20px;
	text-transform: uppercase;
	padding: 25px 0 20px 0;
}
.serv-descrp p {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 22px;
}
.service-list {
	width: 65%;
	float: left;
	margin-top: 217px;
	padding-right: 40px;
	padding-bottom: 45px;
}
.service-list ul {
	width: 100%;
	float: left;
}
.service-list ul li {
	float: left;
	width: 50%;
	color: #FFF;
}
.service-list ul li:nth-child(1) {
	border-right: 1px solid #2d3a4d;
	padding-right: 10px;
}
.service-list ul li:nth-child(2) {
	padding-left: 10px;
}
.list-box {
	width: 100%;
	float: left;
}
.service-row {
	width: 80.3%;
	float: left;
}
.comp-history {
	width: 24.4%;
	float: left;
}
.history-box {
	width: 100%;
	float: left;
	background: #103d6f;
	color: #FFF;
	padding: 35px 40px 35px 40px;
}
.history-box h2 {
	font-size: 72px;
    line-height: 66px;
}
.history-box h3 {
	font-size: 25px;
	text-transform: uppercase;
}
.history-box p {
	font-size: 15px;
        padding-top: 15px;
}
.comp-history .history-box:nth-child(2) {
	border-bottom: 1px solid #3d5d7f;
	border-top: 1px solid #3d5d7f;
}
.row {
	display: flex;
	margin: 0 auto;
	width: 100%;
}
.clients-box {
	width: 100%;
	float: left;
	background: #FFF;
	padding: 70px 0;

}


.clients-box h2 {
font-size: 50px;
    float: none;
    text-align: center;
    text-transform: uppercase;
    color: #0d345f;
    margin-bottom: 65px;
    display: block;
}
.clients-box h2 span {
	font-weight: 100;
	padding-right: 20px;
}
.client-slide {

 border-right: 1px solid #cccccc;
}
.client-slide li {

	

       
}
.client-box{width: 100%; float: left; height: auto; border: 1px solid #cccccc; border-right:0px;}

footer {
	background: #0d345f;
	color: #FFF;
	height:auto;
	width:100%; float:left;
	
}
footer h2 {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 35px;
	text-transform: uppercase;
}
footer a {
	color: #FFF;
	font-size: 14px;
	line-height: 27px;
}
footer p {
	color: #FFF;
	font-size: 14px;
	line-height: 27px;
}
.footer-row {
	display: flex;
	margin: 0 auto;
	width: 100%;
	padding-top: 70px;
	border-bottom: 1px solid #6e859f;
	padding-bottom: 30px;
}
.btm-logo {
	flex: 1;
	
}
.btm-nav {
	flex: 1
}
.btm-service {
	flex: 1
}
.btm-contact {
	flex: 1
}

.btm-contact a:hover:{color: #2e8df7 ;}
.btm-links {
	width: 50%;
	float: left;
}
.copy-right {
	width: 100%;
	flex: 1;
	height: 75px;
}
.copy-right p {
	width: 100%;
	float: left;
	height: auto;
	padding: 30px 0 30px 0px;
}
.logo-btm {
	width: 100%;
	float: left;
}
.logo-btm img{ width: 35%;}
.btm-links li a:hover {
	padding-left: 8px;
	opacity: 0.5;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.btm-links li {
	width: 100%;
	float: left;
	position: relative;
}
.btm-links li:before {
	content: '.';
	position: absolute;
	left: 0;
	top: -14px;
	color: #FFF;
	font-size: 30px;
	opacity: 0;
}
.btm-links li:before:hover .btm-links li:before {
opacity: 1;
}
.btm-service ul {
	width: 100%;
	float: left;
	height: auto;
}
.btm-service ul li {
	width: 100%;
	float: left;
	height: auto;
}
.btm-service ul li a:hover {
	padding-left: 8px;
	opacity: 0.5;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.inner-page{ width: 100%; float: left; height: auto; margin: 0 auto; padding: 80px 0; color: #222;}\
.inner-head{ width: 100%; float: left; height: auto; }
.inner-head h2{ width:100%; float: left; font-size: 33px; font-weight: 700; padding-bottom: 50px; text-transform: uppercase; color: #0d345f; }
.inner-page p{ width: 100%; float: left; height: auto; font-size: 18px; line-height:40px; text-align: justify;}
.inner-banner-container{ width: 100%; float: left; height: auto; position: relative;}
.inner-banner{ width: 100%; float: left; height: auto; position: relative;}
.inner-banner img{ width: 100%; height: 100%;}
.banner-head { width: 100%; float: left; height: auto;  padding-bottom:60px;}
.banner-head h2{ color: #222; font-size:40px; text-transform: uppercase; width: 100%; float: left;}
.about-page{ width: 100%;  height: auto; float: left;}
.abt-years{  background: #0d345f; text-align: center; padding: 60px 0; width: 100%; float: left; position:absolute; left:60px;  bottom: 0;   z-index:9;}
.date-cont{ margin: auto; width: 100%; float: left; height: auto;}
.about-us{ padding-left: 90px; color: #222; width:65%; float: left;}
.about-left{ width: 35%; float: left; height: auto; display: flex; position: relative;}
.abt-years h2{ font-size:110px; color: #FFF; line-height: 60px; }
.abt-years span{ font-size:60px; color: #FFF;  }
.abt-years p{ width: 100%; float: left; font-size: 15px; color: #799fca; line-height: 20px; padding-top: 20px; text-align: center;}
.abt-img{ width: 100%; float: left; height: auto; position: relative;}
.abt-img img{width: 100%; height: 100%;}
.bredcrumb{ width: 100%; float: left; height: auto;}
.bredcrumb ul { width: 100%; float: left; height: auto;}
.bredcrumb ul li{ width: auto; float: left; height: auto; padding: 10px 20px 10px 0;}
.bredcrumb ul li a{ color: #222; font-size: 15px; text-transform: uppercase;}
.crumb-active{ width: auto; height: auto; position: relative; color: #2e8df7;}
.crumb-active:before{ content: "/"; position: absolute; left:-11px; color:#222; }
.bar-line{ width: auto; height: auto; position: relative;}
.bar-line:before{ content: "/"; position: absolute; left:-11px;}
.crumb-active a{color:#0d345f !important;}

.message-cont{flex:3;margin-bottom: 30px;}
.message-cont p{  position: relative;  width: 100%; float: left; color: #0d3483;}
.message-cont p:after{ content: ""; position: absolute; left:-30px; top:-12px; width: 25px; height: 25px;background: url(../images/mark-top.png) no-repeat; background-size: 25px;}
.message-cont p:before{ content: ""; position: absolute; right:-12px; bottom:-30px; width: 25px; height: 25px;background: url(../images/mark-bottom.png) no-repeat; background-size: 25px;}

.ceo{flex:1; font-size: 30px; }
.ceo p{ font-size: 16px; width: 100%; height: auto; line-height:42x;}
.message{ width:100%; float: left; height: auto; display: flex;}
.inner-head{ flex: 2%;}
.news-page{ width: 100%; height: auto; float: left;}
.news{ display: flex; margin-right: 20px; width:32.3%; cursor: pointer; float: left;}

.news-box{ padding:30px 20px; display: flex; background: #e9f3ff;
 vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.news:hover .news-box{ -webkit-transform: translateY(-20px);
  transform: translateY(-20px);}
.news:last-child{margin-right:0px;}
.news.date{ display: flex;}
.news a{  color: #222;}
.news-box .news-decp p{ font-size: 17px; line-height: 30px;}
.news:hover .news-thumb img{ opacity: 0.5;  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.news-decp p{ font-size: 18px; line-height:30px; width: 100%; float: left;}
.news-decp span{ margin-top: 15px; width: 100%; float: left; color: #0d345f;}
.news-decp span:hover{color: #2e8df7 }
.date p{ font-size:24px; line-height: 16px;}
.news-thumb{ width: 100%; float: left; height: auto; background: #000;}
.news-thumb img{ width: 100%; height: 100%;}
.testimonial-page{ width: 103%; float: left; height: auto; margin-right: -3%;}
.testimonial-page .testimonial{ width: 31.3%; float: left; height: auto; margin-right: 2%; position: relative; padding: 20px; background: #dbecff; border: 1px solid #DDD; border-top-right-radius: 50px;  border-bottom-left-radius: 50px;     margin-bottom: 50px; }
.testimonial-page .testimonial p{ margin-top: 0;  font-size: 15px; line-height: 26px; }
.testimonial-page .testimonial p:after, .testimonial-page .testimonial p:before { display: none;}
.testimonial-page .testimonial:after {
	content: '';
	position: absolute;
	width:30px;
	height:30px;
	background: url(../images/mark-top.png) no-repeat;
	top:-10px;
	left:-10px;
    background-size:25px;
}
.testimonial-page .testimonial:before {
	content: '';
	position: absolute;
	width:30px;
	height:30px;
	background: url(../images/mark-bottom.png) no-repeat;
	bottom:-10px;
	right: -10px;
    background-size:25px;
}
.clients-list{ width: 100%; float: left;  display: flex; flex-wrap: wrap;}
.clients-list li{ border: 1px dotted #b1b1b1; float: left; width: 20%; margin-top: -1px;  margin-right: -1px; }

.clients-list li img{ width: 100%; height: 100%;}
.thumb{ flex: 1; width: 20%;}
.thumb img{ width:100%;}
.name{ flex: 1; width: 100%; float: left; height: auto; padding-top: 15px; font-size: 15px; font-weight: 700;}

.rentalformwrap{ display:contents; width: 80% !important}
.career-form{ margin:auto;}


.service-page{ width:103%; float: left; height: auto; margin-right: -3%;}
.service-box{ width:100%; float: left; height: auto; position: relative; z-index: 99; display: flex; }
.service-box li{ width:31.3%; float: left;  margin-bottom: 60px; border-bottom: 1px solid #0d345f; padding-bottom:20px; margin-right: 2%;}
.service-box li .list-box{ }
.service-box li .serv-descrp{ font-size: 15px; line-height: 30px; width:100%; padding: 25px 20px 0 20px;}
.service-box li .serv-descrp p{ font-size: 18px; line-height: 30px;}
.service-box li .serv-descrp h2{padding: 0px 0 15px 0; font-size: 30px; color: #0d345f; font-weight: 600;}

.service-box li .serv-img{ width:100%; float: left; }


.contact-details{ width:50%;  height: auto; margin: 0 auto; float: left;}
.cont-box{  width: 100%; float: left; height: auto;}
.map{ width:50%; float: left; height: 100%; border-left: 1px solid #bfbfbf; padding-left: 50px;  }
.contact-page{ width: 100%; float: left; height: auto;  display: flex;}
.contact-page h2{ width: 100%; float: left; height: auto; font-size:20px; font-weight: 600; line-height: 50px; padding-bottom: 20px;}
.cont-box ul { width: 100%; float: left; height: auto; margin: 20px 0 0 0;}
.cont-box ul li{width: 100%; float: left; height: auto;}


.serv-descrp span{ padding-top: 40px; width: 100%; float: left;    font-size: 18px;
    text-transform: capitalize;}
.serv-descrp span a{ color: #0d345f;  text-transform: uppercase; font-size: 15px; font-weight: 600; }
.serv-descrp span a:hover{ color: #2e8df7;}
.subdivisions ul li:last-child{margin-bottom: 0;}
.subdivisions ul li:nth-child(2){ margin-right: 0; width: 50%;}
.subdivisions ul li:nth-child(4){ margin-right: 0; width: 50%;}


.logistics{ width: 100%; float: left; height: auto; background: #daecff;}
.logistics h2{ width: 100%; float: left;}
.logistic-row{ display: flex; width: 100%; height: auto; float: left;}
.logistic-box{ flex: 1; padding-right: 50px;}
.logistic-box:last-child{ padding-right: 0;}


.gallery { width: 100%; float: left; margin: 0 auto; padding: 0; height: auto; }
.gallery > ul { margin-bottom: 0; }
.gallery-thumb{ width:100%; float:left; padding:0; height:auto;}
.gallery-thumb li { float: left; width: 33%; background:#000; margin-left: 1%;}
.gallery-thumb li a { display: block; overflow: hidden; position: relative; float: left; }
.gallery-thumb li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; height: 100%; width: 100%; opacity:0.6;}
.gallery-thumb li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity:1; }



.service-slider-sec{ width:60%; float: left; height: auto;}
.logistic-discrip{ width: 40%; float: left; padding-left: 50px; height: auto;}
.serv-slider-details{ width: 100%; float: left;}
.serv-slider-details li img{width: 100%; height: 100%;}
.logistic-discrip h2{ width: 100%; float: left; height: auto; font-size: 30px; text-transform: uppercase; line-height: 40px; font-weight: 700; padding-bottom: 30px;}


.news-detail{ width: 46%; float: left; height: auto; margin-top: 50px; margin-right: 4%;  }
.news-date{ width: 100%; float: left; height: auto; padding-bottom: 10px; font-size:18px; font-weight: 600;}
.news-img{ width: 60%; float: left; height: auto; }
.news-img img{width: 100%; height: auto; margin: auto;}
.news-title{ width: 40%; float: left; height: auto; padding-left: 45px; }
.news-title p{ text-align: justify; width: 100%; float: left;}
.news-title h2{ font-size: 28px; font-weight: 700; width: 100%; float: left; padding:20px 0; border-bottom: 1px solid #000;  margin-bottom: 20px;}
.news-detail p{ text-align: justify; width: 100%; float: left;}
.news-detail:last-child{ width: 50%; margin-right: 0;}


.cont-box ul{ width: 100%; float: left;}
.cont-box ul li{ font-size: 18px; line-height: 30px; padding-bottom: 20px; }
.cont-box ul li i{ padding-right: 10px;}

.hse-service{ width: 100%; float: left; height: auto;}
.hse-list{ width: 100%; float: left; height: auto;}
.hse-security ul{width:50%; float: left; height: auto; padding:0 50px 0 0;}
.hse-security ul:last-child{ padding-right: 0;}
.hse-security{ width: 100%; float: left; height: auto;margin: 40px 0 30px 0; text-align:justify; border-top: 1px solid #222; border-bottom:1px solid #222; padding: 30px 0;}
.hse-security ul li{ width: 100%; float: left; height: auto; padding:20px 0 20px 35px; font-size: 18px; line-height: 30px; background: url(../images/icon-tick.png) no-repeat top 25px left 0; background-size: 20px;}
.hse-service h2{ width: 100%; float: left; height: auto; font-size: 22px; line-height: 27px; font-weight: 700; padding-bottom: 15px;}
.hse-img{ width: 45%; float: left; height: auto;}
.hse-img img{width: 100%; height: 100%}
.hse-head{ width:55%; float: left; height: auto; padding-left: 60px; }
.hse-head p{font-size: 26px; line-height: 50px; font-weight: 700; width: 100%; float: left;}


.security-service{ width: 100%; float: left; height: auto; }
.security-service h2{ width: 100%; float: left; height: auto; font-size: 24px; font-weight:700; line-height: 30px; padding:20px 0 20px 0;}
.security-service h3{ width: 100%; float: left; height: auto; font-size:22px; font-weight:700; line-height: 30px; color:#2e8df7 ; padding:30px 0 20px 0;}


.sponsorship{ width:100%; float: left; height: auto; margin: 70px auto; }
.container .sponsorship:last-child{ padding-right:0%;}
.list{ width: 100%; float: left; height: auto;}
.list li{width: 100%; float: left; height: auto; padding:10px 0 10px 30px; font-size: 18px; line-height: 30px; background: url(../images/icon-tick.png) no-repeat top 15px left 0; background-size: 20px;}
.sponsorship-right h4{ font-size:24px; font-weight: 700;  width: 100%; float: left; height: auto;  padding-bottom: 20px;  line-height: 40px;}
.sponsorship h2{ width:100%; float: left; height: auto;  font-size:24px; font-weight: 700; padding-bottom: 15px; }
.sponsorship-right{ width:65%; float: left; height: auto; flex: 1; flex-wrap: wrap; padding-left: 50px;}
.sponsorship-left{ width:35%; float: left; height: auto; flex: 1; flex-wrap: wrap;}
.sponsorship-left img{ width: 100%; height: 100%;}
.sponsorship-btm{ width: 100%; float: left; height: auto; display: flex; }


.support-list{ width: 103%; float: left; height: auto; margin-right: -3%; margin-top: 40px;}
.support-list li{ width:31.3%; float: left; margin-right: 20px; position: relative; margin-bottom: 2%;}
.support-list figure{ width: 100%; float: left; height: auto; background: #000;}
.support-list figure img{ width: 100%; height: 100%; opacity: 0.5;}
.title{ width: 100%; float: left; height: auto; position: absolute; left: 0; bottom: 0; padding: 15px 20px; }
.support-list li a{ color: #FFF;}
.title h2{font-size:30px; font-weight: 700; line-height: 40px; width: 100%; height: auto;border-top: inherit !important; text-align: left !important;}
.security-service-box{ width: 100%; float: left; margin: 50px 0;}
.security-service-box h2{ width: 100%; float: left; height: auto;}
.security-service-box p{ width: 100%; float: left; height: auto;}
.security-service-left{ width: 50%; float: left; height: auto; padding-left: 50px;}
.security-service-left h1{ width: 100%; float: left; height: auto; font-size: 30px; line-height: 45px; font-weight:700; padding:0 0 20px 0; background: #FFF; 
     position: relative;}
.security-service-right{width:50%; float: left; height: auto; }
.security-service-right img{ width: 100%; height: 100%;}

.content h2{ width: 100%; float: left; height: auto; font-size: 28px; text-align: center; font-weight: 700; padding:50px 0 30px 0; text-transform: uppercase; color: #0d345f;}

.left-image{ width:50%; float: left; height: auto; }
.left-image img{ width: 100%; height: 100%;}
.top-head{ width:50%; float: left; height: auto; padding-left: 50px;}
.top-head h2{ font-size: 24px;  line-height: 40px; width: 100%; float: left;}
.sponsership-container h1{ width: 100%; float: left; height: auto; font-size: 30px; line-height: 45px; font-weight:700;  margin: 0px 0 20px 0;  text-transform: uppercase;}
.sponsership-container{ width: 100%; float: left; height: auto; }
.detail-page-container{ width: 100%; float: left; height: auto; }
.detail-page-container h4{width:100%; float: left; height: auto;  font-size:24px !important; font-weight: 700; padding-bottom: 15px !important; }
.detail-page-container h1{ width: 100%; float: left; height: auto; font-size: 30px; line-height: 45px; font-weight:700;  margin: 0px 0 20px 0; text-transform: uppercase;}
.bottom-box-left{ width: 50%; float: left; height: auto; }
.bottom-box-left img{ width: 100%; height: 100%;}
.btm h2{ width: 58%; float: left; height: auto; font-size: 20px;  line-height: 40px; font-weight: 700; padding-bottom: 20px;}
.top h2{ width: 58%; float: left; height: auto; font-size: 30px;  line-height: 40px; font-weight: 700; padding-bottom: 50px;}
.btm{ padding-top: 50px;width: 100%; float: left;}
.bottom-box-left h2{ font-size: 26px; width: 100%; float: left; height: auto; padding-bottom: 30px;}
.bottom-box-right{ width: 50%; float: left; height: auto; padding-left: 50px;}
.left-side{padding-left: 0px; padding-right: 50px;}
.service-page h2{ width: 100%; float: left; height: auto;  padding-bottom: 40px; font-size: 26px; font-weight: 600; line-height: 40px;}
.service-box li a{color: #000;  text-align: left;}
.serv-descrp p{ text-align: left;}
.service-box li:hover{ background:#d5e8ff;}
.life-support-btm{ width: 100%; float: left; height: auto; padding: 50px 0 0 0;}
.life-support-btm h2{ width: 100%; float: left; height: auto; font-size: 30px; font-weight: 700; line-height: 40px; text-align: center; border-top: 1px solid #a2a2a2;  padding:60px 0 20px 0;}
.tree ul {
    padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #0d345f;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #0d345f;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #0d345f;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	
	
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/

/*Connector styles on hover*/


.organisation-chart{ width: 100%; float: left; height: auto;}
.chart-thumb{ width:200px; height:200px; border-radius: 100%; float: left; background: #0d345f; }
.chart-thumb img{ width: 100%; height: 100%; border-radius: 100%;}
.chart-name{ width: 100%; float: left; height: auto;}
.chart-name h2{ width:100%; float: left;  font-size: 18px; font-weight: 400;}
.chart-name p{ width:100%; float:left;  font-size: 14px; font-weight: 400;}

.circle{color: #FFF; top: 0px; position: relative;}

.circle::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #0d345f;
	width: 50%; height: 20px;
}
.circle::after{
	right: auto; left: 50%;
	border-left: 1px solid #0d345f;
}


.sub-menu-2{ width: 100%; float: left;margin: 5px 0 0 5px; display: none;}
.sub-menu-2 li{   padding: 10px 20px 10px 20px; }
.sub-menu-2 li:hover{   padding: 10px 20px 10px 20px; }

.left-images-vehicle{ width:50%; float: left; height: auto;}
.left-images-vehicle img{ width: 100%; height: 100%;}
.vechile-contant{ width: 50%; float: left; height: auto; padding-left: 50px;}
.vechile-contant h2{ width: 100%; float: left; height: auto; font-size:30px; font-weight: 700; padding: 20px 0 30px 0; position: relative; }

.chart-box{ width: auto; background: #0d345f; padding: 10px;}
.chart-list-box{ width: auto}

.image-box{ width: 50%; float: left; height: auto;}
.image-box img{ width: 100%; height: 100%;}
.content-box{ width: 50%; float: left; height: auto; padding-left: 50px;}
.image-box h2{ width: 100%; float: left; height: auto; font-size:30px; font-weight: 700; line-height:40px; padding-bottom: 20px;}

.da-style{
	color: #0d345d;
	font-weight: 700;
	font-style: normal;
	
}

.ceo-photo{
		width: 230px;
		height: 230px;
	float: none;
		border-radius: 200px;
		overflow: hidden;
		border: #0b386c solid 3px;
		text-align: center;
	display: inline-block;
		
		
	}
	
	.ceo-btm{
		width: 100%;
		height: auto;
		float: left;
	}
	
	.ceo-photo img{
		
		width: 100%;
	}
	
	.ceo{
		text-align: center;
		padding-right: 50px;
	}
	
	.ceo p{
		
		text-align: center;
	}
	.ceo h3{
		
		width: 100%;
		height: auto;
		float: left;
	}
.chart{ width: 100%; float: left; height: auto; display: none; opacity: 0; }
.chart img{ width: 100%; height: auto;}
.chart-mob{ width: 100%; float: left; height: auto; display: none; opacity: 0; }
.chart-mob img{ width: 100%; height: auto;}