/*-------Reset-css---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Poppins', sans-serif;
	/*-------
	font-family: 'Roboto', sans-serif;
	/*-------*/
	
    font-weight: 300;
    color: #8b8b8b;
    font-size: 15px;
    line-height: 24px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	/*----------
	font-family: 'Oswald', sans-serif;
	/*-------*/
	font-family: 'Livvic', sans-serif;
}

p  {
    margin-bottom: 15px;
    color: #242323;
    line-height: 21px;
	font-size: 15px;

    /*--- text-shadow: 2px 2px #000000; ----*/
}



/*--------Navbar--------*/

.Mobile-Hide    {
	display:none;
}

.header-area    {
    padding: 0px 0px;
    z-index: 1200;
    position: absolute;
    width: 100%;
	background-color: rgb(255 255 255 / 68%);

}

.classynav ul .Call-Us {
	padding-top:10px;
}

.classy-navbar .nav-brand  img  {
	width:125px;
}

.LOGO-SECTION  .Logo-Box .Icon img  {
	width:32px;
}

.LOGO-SECTION  .Logo-Box .Icon  {
	float:left;
}

.LOGO-SECTION  .Logo-Box .Info {
	margin-left:45px;
}

.LOGO-SECTION  .Logo-Box .Info  h5 {
	font-size: 15px;
    font-weight: 700;
    line-height: 1.18;
    margin-bottom: 6px;
	font-family: 'Quicksand', sans-serif;
	color: #333333;
}

.LOGO-SECTION  .Logo-Box .Info  p {
	font-size: 14px;
}

.LOGO-SECTION .LOGO {
    width: 160px;
}

.LOGO-SECTION  {
	padding:25px 0px 0px;
}

.LOGO-SECTION  .Logo-Box  {
    padding-top: 5px;
}

.classynav ul li a {
  
}



.classynav ul .Call-Us .Call-Box .No  h5 {
	font-size: 16px;
}

.classynav ul .Call-Us .Call-Box .No  h5  span  {
	font-size:20px;
}

.classynav ul  .Call-Us  .Call-Box  {
	border-left: 1px solid #ddd;
	padding-left: 20px;
}

.classynav ul  .Call-Us  .Call-Box  .Icon  {
	float:left;
}

.classynav ul .Call-Us  .Call-Box  .No {
	margin-left:45px;
	text-align: left;
}

.classynav ul  .Call-Us  .Call-Box  .Icon   .fa  {
    font-size: 30px;
    color: #3290c9;
}


/*----Background-Home-----*/


.Background-Home  {
	padding:160px 0px 90px;
	background-image: url(https://media.giphy.com/media/dCM60S7zcatpm8lTvB/giphy.gif);
    background-size: cover !important;
    position: relative;
    background-position: center;
    
}

.Background-Home::before {
    /*background:#0a0a0a75;*/
}

.Background-Home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Background-Home  .Background-Box    img  {
    z-index: 999;
    position: relative;
    width: 290px;
    float: right;
	padding-top: 40px;
}


/*----------*/

#cssmenu  .Right-Site-Adj  {
    margin-top: 15px;
    float: left  ;
}


/*-------Full-Crew-Management------*/


.Full-Crew-Management {
	background-image: url(../images/Main-Fleet-Crew-Manning.jpg);
    background-size: cover !important;
    position: relative;
}

.Flag-State {
    background-image: url(../images/BG-08.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Offshore-Crew {
    background-image: url(../images/Offshore-Crew-Management.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Passenger-Ship  {
    background-image: url(../images/Passenger-Ship-Crew-Hospitality.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Technical-Management  {
    background-image: url(../images/Technical-Management.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Commercial  {
    background-image: url(../images/H-Slider-05.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Commercial::before {
    background: #00000045;
}


.Maritime-Training  {
    background-image: url(../images/BG-05.jpg);
    position: relative;
}

.Maritime-Training::before {
    background: #08080805;
}



/*----------------*/

.Passenger-Ship::before {
    background: #3636361f;
}

.Offshore-Crew::before {
    background: #00000038;
}

.Offshore-Crew   .Service-Info   .Points   .Icon   .fa {
    padding-top: 4px;
    color: #871619;
}



/*---------------------
.Technical-Management::before {
    background: #080808e3;
}


.Full-Crew-Management::before {
    background:#000000cf;
}

.Full-Crew-Management::before {
    background: #08080805;
}

/*-----------*/


.Full-Crew-Management::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}














 /*------------touch-Slider--------------*/
 
 
h1.slide-phone {
	color:#45e2f4!important;
	margin: 0px!important;
	line-height: 20px!important;
}
.bs-slider {
	margin-top: 0px;
	overflow: hidden;
	position:relative;
	background: #000000;
}

.control-round .carousel-control {
    top: 47%  !important;
    opacity: 0;
    width: 70px;
    height: 70px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 36px;
    cursor: pointer;
    overflow: hidden;
    line-height: 70px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

/*-------*/

.bs-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.bs-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item  {
	/*-----
	max-height: 400px;
    height: 400px;
	---------*/
}

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	
}





/*---*/
.hero-slides-content {
    margin-top: 17%;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
	top: 47%;
	opacity: 0;
	width: 45px;
	height: 45px;
	z-index: 100;
	color: #ffffff;
	display: block;
	font-size: 24px;
	cursor: pointer;
	overflow: hidden;
	line-height: 43px;
	text-shadow: none;
	position: absolute;
	font-weight: normal;
	background: transparent;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
.control-round:hover .carousel-control {
	opacity: 1;
}
.control-round .carousel-control.left {
	left: 1%;
}
.control-round .carousel-control.right {
	right: 1%;
}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
	color: #fdfdfd;
	background: rgba(0, 0, 0, 0.5);
	border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1) {
 left: 45%;
 color: #fff;
}
.control-round .carousel-control.right>span:nth-child(1) {
 right: 45%;
 color: #fff;
}

#bootstrap-touch-slider  .left  .fa {
    margin-top: 10px;
    margin-right: 4px;
}

#bootstrap-touch-slider  .right  .fa {
   margin-top: 10px;
   margin-left: 4px;
}

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
	right: 0px;
    bottom: 6%;
    left: 30%;
    width: 100%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: center;
    overflow-y: hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li {
	
	padding: 5px;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	text-indent: 0;
	overflow: hidden;
	text-align: left;
	position: relative;
	letter-spacing: 1px;
	background: transparent;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 0%;
	border-radius: 50%;
	margin-right: 5px;
	-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
	transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
	z-index: 10;
	cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child {
	margin-right: 0;
}
.indicators-line > .carousel-indicators .active {
	margin: 1px 5px 1px 1px;
	box-shadow: 0 0 0 0px #fff;
	background-color: transparent;
	position: relative;
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before {
	transform: scale(0.5);
	background-color:#037c8b ;
	content:"";
	position: absolute;
	left:-1.6px;
	top:-1.6px;
	width:17px;
	height: 17px;
	padding:3px;
	border-radius: 50%;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}


/*------------*/


.header-area   .main-header-area    {
    border-bottom: 1px solid #b6b5b5;
    padding: 6px 0px 6px;
}




/*--------
.Footer:before {
    content: "";
    background: url(//lamaro.like-themes.com/wp-content/themes/lamaro/assets/images/rope.png) repeat-x;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    display: block;
    height: 18px;
    pointer-events: none;
}




/*------Footer-----*/


.Footer   {
	padding: 70px 0px 140px;
	/*-----------
    background: #032636 url(../images/F-Bg.png) center top no-repeat;
	---*/
    position: relative;    
	background: #29374c;
	
}

.Footer::before  {
	background-image: url(../images/footer-img.png) !important;
	content: "";
    z-index: 0;
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: 50% 40px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    pointer-events: none;
	
}


.Footer-strip {
	padding: 32px 0px 0px;
	/*----------
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAABSCAYAAAAILnUdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMTItMjRUMDE6MjY6MDErMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTEyLTI2VDAyOjE0OjM4KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTEyLTI2VDAyOjE0OjM4KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmY4OTU0NTk3LWViODYtM2Y0ZC05MWJkLThmNGY5N2Y3ODM5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTZFNkRCQzA4OUExMUU5ODVEREFFMkVGQUVGMzQ2NiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjVBNkU2REJDMDg5QTExRTk4NUREQUUyRUZBRUYzNDY2IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUE2RTZEQjkwODlBMTFFOTg1RERBRTJFRkFFRjM0NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE2RTZEQkEwODlBMTFFOTg1RERBRTJFRkFFRjM0NjYiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTcyODQwZDItMTRiNC1iZTQ3LWEwYTEtNTQ2MmQ3NGEwMDhiIiBzdEV2dDp3aGVuPSIyMDE4LTEyLTI2VDAyOjE0OjAyKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmODk1NDU5Ny1lYjg2LTNmNGQtOTFiZC04ZjRmOTdmNzgzOTMiIHN0RXZ0OndoZW49IjIwMTgtMTItMjZUMDI6MTQ6MzgrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+catVFgAAAddJREFUeJzt2t1OwkAUhdGpcuf7Py6ONzYexkETEdpu1komLT8XkHw5GVqW3nvjwvK56vm4Zu9rk/O/6JPzepyt8TWK09YfYCNLa+3lcy3l8SzmLT7bX8zif79y/lSSI6/x1qBrzEl++05j/HVFx7+EbFdqxK/tMm5+Nwt/XYd3xMhrzOOU5v/UqX9uB576e4+8TuQataC3s8Zew9/1xN9T5Oueco15PQp63+pWZ5z4u7Bl5OO2Yz1yfL19BV/D38SjIrfteG6zH7bn9qBpf4/Ix8t2a9iCphrDP5fn/tUtkc+uQ5vQ3KLetKrR37THX3rvsyB/uq1db6rU98K9jHdt66XM8a8N3yy997fxueEIR3A19FNzRYMMV4ezwIkncuKJnHgiJ57IiSdy4omceCInnsiJJ3LiiZx4IieeyIkncuKJnHgiJ57IiSdy4omceCInnsiJJ3LiiZx4IieeyIkncuKJnHgiJ57IiSdy4omceCInnsiJJ3LiiZx4IieeyIkncuKJnHgiJ57IiSdy4omceCInnsiJJ3LiiZx4IieeyIkncuKJnHgiJ57IiSdy4omceCInnsiJJ3LiiZx4IieeyIkncuKJnHgiJ57IiSdy4omceCIn3gcFooWSEgduFgAAAABJRU5ErkJggg==) 50% 0% repeat-x;
     /*-----------*/
	background: url(../images/download.png); 
    position: absolute;
    width: 100%;
    text-align: center;
    margin: -72px 0px 0px;
    overflow: hidden;
}

.Footer-strip    .Copywrite  p  {
	color:#fff;
}

.Footer-strip    .Copywrite  p a  {
	color:#777a7a;
	text-decoration: none;
}

.Footer-strip    .Copywrite  p a:hover  {
	color:#25a2a5;
}



/*----------
.Footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Footer::before {
    background: linear-gradient(-90deg , rgb(25 24 24 / 87%), rgb(41 41 41 / 92%));
}
-----*/

.Footer  .F-List li {
	list-style-type: none;
    display: inline-block;
    width: 45px;
    height: 46px;
    background: #fba818;
    text-align: center;
    padding-top: 14px;
    border-radius: 50%;
	background:#1c1e22;
}

.Footer  .F-List li  a {
   color: #999b9f;
}

.Footer  .Footer-Box img  { 
    width: 150px;
    margin-bottom: 25px;
    background: #fff;
    padding: 8px 15px;
    border-radius: 15px;
}

.Footer .F-List li:hover  {
	background:#3290c9;
}

.Footer .F-List li:hover a {
	color:#fff;
}

.Footer  .Footer-Box  .F-Pass {
    margin: 25px 0px 28px;
	width: 90%;
	color: #e7e7e7;
}

.Footer  .Footer-Box .Title   h4  {
	font-size: 22px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 42px;
    margin-top: 35px;
}

.Footer  .Footer-Box  .S-List   li a  {
    text-decoration: none;
    margin-bottom: 11px;
    display: table;
    text-decoration: none; 
	color:#e7e7e7;
	position: relative;
}

.Footer  .Footer-Box  .S-List   li:hover  a { 
    padding-left: 10px;
    transition: 0.5s;
}

.Footer  .Footer-Box  .S-List   li a  .fa {
    color: #30cdd0;
    font-size: 14px;
    margin-right: 8px;
}

.Footer  .Footer-Box  .S-List  li a:hover:before {
    transform: scaleX(1);
}

.Footer  .Footer-Box  .S-List   li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 0px solid #3290c9;
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.Footer  .Footer-Box   .S-Right  {
    float: right;
}

.Footer  .Footer-Box .Points .Icon  {
	float: left;
    padding-top: 2px;
    color: #30cdd0;
}

.Footer  .Footer-Box .Points .Info  {
	margin-left:30px;
}

.Footer .Footer-Box .Points .Info  p {
	color:#e7e7e7;
}


.Footer  .Footer-Box .Points   {
    margin-bottom: 25px;
}

.Footer   .Copywrite {
    padding: 0px 0px 0px;
    text-align: center;
    border-top: 0px solid #333;
    /* margin-top: 50px;*/
}

.Footer .Copywrite  p {
    text-shadow: 1px 1px #000000;
}


.Footer   .Copywrite  a {
	color: #686a6f;
 }

.Footer   .Copywrite:hover  a {
	color: #3290c9;
 }

.Footer  .BTN {
    text-transform: capitalize;
    font-weight: 400;
    color: #919191;
	padding: 0px;
}

.Footer  .BTN:hover {
    color: #30cdd0;
}



.Footer  .BTN .fa  {
    font-size: 15px;
    margin-left: 5px;
}


/*----------*/


.Blog-Home .Blog-box   .Blog-Inner  .blog-Img {
	position:relative;
  }

.Blog-Home .Blog-box   .Blog-Inner  span {
	position: absolute;
    display: table;
    margin-top: -62%;
    margin-left: 20px;
    background: #30cdd0;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
	    z-index: 999;
  }

.Blog-Home .Blog-box   .Blog-Inner  .blog-Img a  {
	display: inline-block;
    position: relative;
    z-index: 1;
	transition: 0.4s;
}

.Blog-Home .Blog-box:hover   .Blog-Inner  .blog-Img a:before   {
	    background-color: rgba(40, 40, 40, 0.35);
}

.Blog-Home .Blog-box   .Blog-Inner  .blog-Img a:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(40, 40, 40, 0);
    opacity: 1;
    transition: background-color 0.3s;
	   
}

.Blog-Home .Blog-box   .Blog-Inner  {
	position:relative;
}

.Blog-Home .Blog-box .Blog-Content  ul  li {
    list-style-type: none;
    display: inline;
    float: left;
    margin-right: 0px;
}

.Blog-Home .Blog-box .Blog-Content  ul  .Last:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    margin: 0 7px 1px;
    vertical-align: middle;
	color: #10d7db;
}

.Blog-Home .Blog-box .Blog-Content  ul  .Last a span  {
    text-decoration: none;
    color: #10d7db;
}


.Blog-Home .Blog-box .Blog-Content   h4 {
    float: left;
    margin: 20px 0px 10px;
    display: table;
    font-size: 20px;
}

.Blog-Home .Blog-box .Blog-Content h4 a {
	text-decoration: none;
    margin-bottom: 16px;
    display: table;
	
}

.Blog-Home .Blog-box .Blog-Content p {
	float:left;
}


.Blog-Home .Blog-box .Blog-Content {
    padding: 30px 20px;
    box-shadow: 0px 2px 18px rgb(26 26 25 / 15%);
    display: table;
}

.Blog-Home .Blog-box .Blog-Content ul li  a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #686868;
}

.Blog-Home  {
	padding:100px 0px;
}

.Blog-Home .Blog-box .Blog-Content h4:hover a  {
	color:#10d7db;
	transition:0.5s;
}

.Blog-Home   .Heading-Box {
    margin-bottom: 80px;
}


/*-------------------*/


.Oceanic-No  {
	padding: 70px 0px 60px;
    background-image: url(../images/H-Slider-02.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center
}

.Oceanic-No::before {
    background: #0c1f2ed1;
}

.Oceanic-No::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Oceanic-No  .counter-Box  .counter-value  {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

.Oceanic-No  .counter-Box    p {
    color: #06c8cb;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
}

.Oceanic-No  .counter-Box  img  {
    width: 50px;
    margin: 0 auto 35px;
}


/*-------Heading-------*/


.Heading-Box h4 {
     font-size: 14px;
    font-weight: 400;
    margin-bottom: 14px;
    letter-spacing: 4px;
    color: #dbe5f1;
    margin-top: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
	
}

.Heading-Box h3 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    background: #f30c0cba;
    display: table;
    margin: 0 auto;
    padding: 8px 20px;
}

.Center-Text-Adj {
	text-align:center;
}

.Center-Text-Adj  img  {
    margin: 0 auto 20px;
}

.Line-box  .line {
	display: block;
    border: 1px solid #f37b17;
    width: 80px;
    margin: 0;
}

.Line-box  .Subline {
	display: block;
    border: 2px solid #f37b18;
    width: 30px;
    margin: -3px 0px;
}

.Home-Heading-Box   h3 {
	font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: #121212;
    letter-spacing: 1px;
    background: transparent;
    display: table;
    margin: 0px 0px 20px;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
}

.Home-Heading-Box  h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
    letter-spacing: 1px;
    color: #757676;
    margin-top: 0px;
    text-transform: capitalize;
    text-shadow: none;
    font-style: normal;
}

.Content-Center {
	text-align:center;
}

.Content-Center  h3 {
	text-align:center;   
    margin: 0 auto 30px;
}

.Content-Center   .Line-box  .line {
    display: block;
    border: 1px solid #f37b17;
    width: 80px;
    margin: 0 auto;
}

.Content-Center   .Line-box .Subline {
    display: block;
    border: 2px solid #f37b18;
    width: 30px;
    margin: -3px auto 0px;
}

.Content-Center   .Line-box  {
	margin:0 auto;
}


.Profile-Main-Content  .btn-main {
    margin-top: 60px;
}


.Profile-Main-Content  {
    text-align: center;
    position: relative;
}


/*----Apply-Job-------*/


.Apply-Job  {
	padding:70px 0px 40px;
}



/*-------*/

.Contact-strip   {
	padding:130px 0px 140px;
}

.Contact-strip   .Contact-Inner  h2  {
	position: relative;
    float: left;
    display: block;
    font-size: 42px;
    line-height: 50px;
    text-transform: uppercase;
    color: #2b2d33;
    font-weight: 500;
    margin: 0px 0px 20px;
    z-index: 3;
}


.Contact-strip  .Contact-Inner-Box  .L-Box {
	float:left;
}

.Contact-strip  .Contact-Inner-Box  .L-Box h4   {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #bbb;
}

.Contact-strip  .Contact-Inner-Box  .L-Box h3    {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: white
}

.Contact-strip  .Contact-Inner-Box  .L-Box p   {
    color: #bbb;
}


.Contact-strip  .Contact-Inner-Box  .link-box {
	margin-right: 5px;
    float: right;
    padding-top: 50px;
}




.Contact-strip   .link-box {
    margin-top: 0px;
    float: right;
}


.Contact-strip   .Contact-Inner  {
	position: relative;
    display: block;
    padding: 60px 80px 50px;
    background: #1a537e;
    /* color: #24262b; */
    border-radius: 7px;
    overflow: hidden;
    bottom: -35px;
    margin-top: -60px;
}


.Contact-strip   .link-box   a {
	background: #38bbbd;
    color: #ffffff;
}
  
.Contact-strip   .link-box   a:hover {
    color: #292c31;
}

.Contact-strip   .link-box:hover .btn-curve {
    opacity: 1;
    right: 0;
    width: 100%;
    transform: skewX(
0deg);
}

.Contact-strip   .link-box   .btn-curve {
    position: absolute;
    right: -15px;
    top: 0;
    width: 26px;
    height: 100%;
    background: #ffffff;
    opacity: 0.2;
    z-index: 0;
    transform: skewX(
-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.Contact-strip   .link-box   .btn-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 15px 20px 14px;
    z-index: 1;
    transition: 0.5s;
    /* font-family: 'Teko', sans-serif; */
}

.Contact-strip   .link-box  .btn-curve {
    position: absolute;
    right: -15px;
    top: 0;
    width: 26px;
    height: 100%;
    background: #ffffff;
    opacity: 0.2;
    z-index: 0;
    transform: skewX(
-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.shap-01 {
    position: absolute;
    right: 170px;
    top: 0;
    width: 410px;
    height: 54px;
    background: url(../images/contact-strip-02.png) right top no-repeat;
    z-index: 0;
}

.shap-02 {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    max-width: 100%;
    height: 100%;
    background: url(../images/contact-strip-01.png) right top no-repeat;
    z-index: 1;
}






/*----Company-Moto-----*/

.Company-Moto {
	padding: 100px 0px;
    background-attachment: fixed;
    /* background-image: url(../images/Ocean-Bg-02.jpg); */
    /* background-size: cover !important; */
    /* position: relative; */
    /* background-position: center; */
    background: #ffffff url(../images/pattern-2.png) left bottom no-repeat;
    background-size: cover !important;
    position: relative;
}

/*----------

.Company-Moto::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Company-Moto::before {
    background: #000000c2;
}

/*--------*/

.Company-Moto  .Content-Center h3 {
    text-align: center;
    margin: 0 auto 30px;
}

.Company-Moto .Content-Center .Line-box {
    margin: 0 auto 60px;
}


.Company-Moto  .Tab-Inner .Tab-Img  {
	float:left
}

.Company-Moto  .Tab-Inner .Tab-Info  {
	margin-left: 46%;
    background: #fff;
    padding: 30px 30px;
}

.Company-Moto .Tab-Inner .Tab-Info p {
   
}

.Company-Moto  .Tab-Inner .Tab-Img   img  {
	width: 82%;
    margin: 0 auto;
    padding: 2px;
    border: 1px solid #ebebeb40;
    border-radius: 0px;
}

.Company-Moto   .tab .nav-tabs{
    margin: 0 auto -20px;
    border: none;
    display: table;
}

.Company-Moto  .tab .nav-tabs li a{
    background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 35px;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 0 0 2px -5px rgb(0 0 0 / 50%);
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    border: 1px solid #cfcfcf;
}

.Company-Moto .tab .nav-tabs li:last-child a{ margin-right: 0; }
.Company-Moto .tab .nav-tabs li a:hover,
.Company-Moto .tab .nav-tabs li.active a{
    color: #fff;
}

.Company-Moto .tab .nav-tabs li a:before{
    content: "";
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}

.Company-Moto .tab .nav-tabs li.active a:before,
.Company-Moto .tab .nav-tabs li a:hover:before{
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.Company-Moto .tab .tab-content{
	/* background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%); */
    padding: 90px 40px 70px;
    /* box-shadow: 0 0 10px -5px rgb(0 0 0 / 50%); */
    position: relative;
    border-radius: 2px;
    border: 1px solid #93929238;
    display: table;
    /* background: #f9f9f9; */
}

.Company-Moto .tab .tab-content h3{
	font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 18px;
    color: #ffffff;
    background: #b50404;
    padding: 8px 10px;
    display: table;
    border-radius: 2px;
}

@media only screen and (max-width: 767px){
    .Company-Moto .tab .nav-tabs li a{ 
		background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0px;
		text-transform: uppercase;
		padding: 8px 25px;
		margin-right: 0px;
		border-radius: 2px;
		/* box-shadow: 0 0 2px -5px rgb(0 0 0 / 50%); */
		overflow: hidden;
		z-index: 1;
		position: relative;
		transition: all 0.3s ease 0s;
		text-align: left;
	}
}

@media only screen and (max-width: 479px){
    .Company-Moto .tab .nav-tabs li{
		text-align: center;
		width: 100%;
		margin: 0 auto 16px;
		display: table;
		float: none;
    }
}






/*------------*/


.About-Home   .Profile-IMG  {
	position: relative;
    width: 85%;
    margin: 0 auto;
}


.About-Home   .Profile-IMG  img {
	/*-webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0); */
    /* clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0); */
    /* transform: skew(-15deg); */
   padding: 4px;
    border: 2px solid #161212;
}

.About-Home  .Profile-inner img {
    width: 65px;
    margin-bottom: 15px;
}

.About-Home  .Profile-inner  {
	position: absolute;
    margin-top: -78%;
    padding: 8px 8px;
    background: #fff;
    margin-left: 24%;
    background-color: #06c8cb;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}



.About-Home  .Profile-inner ::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}


.About-Home  .Profile-inner  .Inner-box  {
	position: relative;
    background: #fff;
    padding:30px 50px;
	-webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.About-Home  .Profile-inner  .Inner-box  h3 {
    font-size: 46px;
    font-weight: 800;
    color: #000;
    margin-bottom: 26px;
}


.About-Home  .Profile-inner  .Inner-box  h4   {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #0e73d2;
    text-transform: capitalize;

}


.About-Home  .About-Content  p {
    margin-bottom: 15px;
    color: #121212;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
}

/*------Animation-Bg--------*/

.animation-wrapper{
	background: #ace5ee;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}

.water{
    bottom: 0;
    left: 0;
	position: absolute;
    width: 100%;
}

.water ul.waves{
	list-style: none;
	margin: 0;
	padding: 0;
}

.water ul.waves li{
	background-repeat: repeat-x;
}

.water ul.waves li.wave-one{
	animation: wave 8.7s linear infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	bottom: 0px;
	height: 50px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 10;
}

.water ul.waves li.wave-two{
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation: wave 10s linear infinite;
	bottom: 0px;
	height: 70px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 9;
}

.water ul.waves li.wave-three{
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation: wave 25s linear infinite;
	bottom: 0;
	height: 140px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 8;
}

.water ul.waves li.wave-four{
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation: wave 25s linear infinite;
	bottom: 0;
	height: 175px;
	left: 0;
	position: absolute;
	right: 0;
}

.boat{
    animation: boat 3s linear infinite;
    background-repeat: no-repeat;
    bottom: 135px;
    height: 145px;
    left: 60%;
    position: absolute;
    width: 250px;
}

.cloud{
	animation: cloud 30s linear infinite;
	background-repeat: no-repeat;
    height: 165px;
    left: 0;
    position: absolute;
    width: 297px
}

.cloud2{
	animation: cloud 25s linear infinite;
	background-repeat: no-repeat;
    bottom: 320px;
    height: 165px;
    left: 140px;
    position: absolute;
    width: 297px;
}

.dolphin{
	animation: fish 15s linear infinite;
	background-repeat: no-repeat;
	bottom: 45px;
	height: 80px;
	left: 20%;
	position: absolute;
	width: 124px;
	z-index: 9;
}


/*Animation Keyframe Section*/

@keyframes wave{
    0% {
        background-position: 0 0;
	}

    100% {
        background-position: 1920px 0;
    }
}

@keyframes boat{
	0%{
		transform: rotate(0);
	}

	50%{
		transform: rotate(-3deg);
	}

	100%{
		transform: rotate(0);
	}
}

@keyframes cloud{
	0%{
		left: -30%;
	}

	100%{
		left: 100%;
	}
}





/*-----About-Home----*/


.About-Home   {
	padding: 100px 0px 120px;
    position: relative;
    background: #02afe545;
}

.About-Home  .About-Content  .Read-Btn {
	display: table;
	margin:40px 0px 0px;
}

.About-Home  .About-Content   h4  {
	font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 20px;
    color: #1e1e1e;
    font-style: italic;
}

.Heading-Box {
    margin-bottom: 40px;
}

.Read-Btn {
    background: #3b91e1;
    padding: 15px 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 20px auto 30px;
    text-decoration: none;
    border: none;
}

.Read-Btn  .link-box    a {
    color: #fff;
    text-decoration: none;
	
}


.Read-Btn  .Profile-Main-Content {
	width: 95%;
    margin-left: 50px;
    margin-top: 12px;
}


/*---Services-Home-----*/


.Services-Home   .Heading-Box {
    margin-bottom: 40px;
    z-index: 1200;
    position: relative;
}


.Services-Home   {
	padding: 100px 0px 300px;
    position: relative;
   background-image: url(../images/background1.jpg);
  
}

/*-------

.Services-Home::before {
    background: #000000c2;
}
.Services-Home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---------*/


.Services-Home     .About-Content  {
	text-align:center;
	margin-bottom:70px;
}

.Services-Home   img  {
    width: 70px;
    margin: 0 auto 25px;
	position: relative;
}

.Services-Home .Big-Size {
    width: 55px;
    margin: 0 auto 25px;
    position: relative;
}

.Services-Home  .Single-Services-Box  {
    z-index: 999;
	margin-bottom: 30px;
    text-align: center;
    /* border: 1px solid #d3d3d36b; */
    padding: 45px 30px 33px;
    background-size: cover !important;
    position: relative;
    height: 235px;
    background-position: center;
    background: #efefef;
    border-radius: 2px;
	/*--------
    transform: skew(-14deg);
	/*--------*/
}

.Services-Home  .Single-Services-Box::before {
    background: #1c62a3;
}



.Services-Home  .Single-Services-Box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.Services-Home  .Single-Services-Box:hover h3 {
	color:#fff;
	transition:0.6s;
}



.Services-Home  .Single-Services-Box   h3 {
    font-size: 17px;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.Services-Home  .Single-Services-Box   a {
    text-align: center;
    font-size: 14px;
    color: #06c8cb;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0px;
    text-decoration: none;
    position: relative;
    z-index: 999;
}

.Services-Home  .Single-Services-Box:hover::before {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.Services-Home  .Single-Services-Box:hover::after {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.Services-Home  .Single-Services-Box::after {
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    border-left: 0px solid #084782;
    border-right: 0px solid #084782;
}

.Services-Home  .Single-Services-Box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    top: 0;
    left: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}



.Services-Home  .Single-Services-Box:before , .Services-Home  .Single-Services-Box:after   {
	-webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border-top: 0px solid #2a90cd;
    border-bottom: 0px solid #2a90cd;
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
	top: 0;
    left: 0;
	transition: all .5s linear;
	border-radius:2px;
}


.Services-Home   .Single-Services-Box-01  {
	/* background-attachment: fixed; */
    /* background-position: center;*/
    /* background-size: cover !important; */
    position: relative;
	background-image: url(../images/ss6.jpeg);
}
.Services-Home   .Single-Services-Box-099  {
	/* background-attachment: fixed; */
    /* background-position: center;*/
    /* background-size: cover !important; */
    position: relative;
	background-image: url(../images/sss.jpeg);
}
.Services-Home   .Single-Services-Box-9  {
	/* background-attachment: fixed; */
    /* background-position: center;*/
    /* background-size: cover !important; */
    position: relative;
	background-image: url(../images/ss5.jpeg);
}
.Services-Home   .Single-Services-Box-8  {
	/* background-attachment: fixed; */
    /* background-position: center;*/
    /* background-size: cover !important; */
    position: relative;
	background-image: url(../images/ss.jpeg);
}
.Services-Home   .Single-Services-Box-03  {
    position: relative;
	background-image: url(../images/ss1.jpeg);
}

.Services-Home   .Single-Services-Box-02  {
    position: relative;
	background-image: url(../images/ss8.jpeg);
}

.Services-Home   .Single-Services-Box-04 {
    position: relative;
	background-image: url(../images/Technical-Management-Home.jpg);
}

.Services-Home   .Single-Services-Box-05  {
    position: relative;
	background-image: url(../images/ss7.jpeg);
}

.Services-Home   .Single-Services-Box-06  {
    position: relative;
	background-image: url(../images/ss9.jpeg);
}

.Services-Home .Single-Services-Box::before {
    background: #0c0c0c66;
}











/*------------------
.Services-Home  .Single-Services-Box:before , .Services-Home  .Single-Services-Box:after  {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    top: 0;
    left: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
/*------------------*/



.Services-Home  .Single-Services-Box:hover::after, .Services-Home  .Single-Services-Box:hover::before {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}


/*-----Testimonial-------*/

.Testimonial {
	padding: 100px 0px;
	background: #ffffff url(../images/pattern-2.png) left bottom no-repeat;
    background-size: cover !important;
    position: relative;
	
	/*-----------
    background-size: cover !important;
    position: relative;
    background: #f1f4f5fa;
	background-attachment: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-image: url(../images/Ocean-Bg-01.jpg);
	/*-----------*/
}

.Testimonial  .Heading-Box h3 {

}

.Testimonial   .Heading-Box h4 {
    color: #c5c5c5;
}

/*-----------
.Testimonial::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Testimonial::before {
    background: #03223bd1;
}
/*-----------*/

.Testimonial   .testimonial-item {
    background: #fff;
	height: 400px;
}

.Testimonial   .Heading-Box {
    margin-bottom: 70px;
}

.testimonial-item  .Client-Box  .Client-Icon img  {
	width: 55px;
    background: #19bbbe;
    padding: 10px 12px;
    z-index: 1200;
    position: relative;
}


.testimonial-item  .Client-Box  .Client-Icon {
    margin-top: -52px;
    position: relative;
    z-index: 1200;
    margin-left: -31px;
}

 .testimonial-item  .client-quote   {
    padding: 30px 30px;
    border: 1px solid #ddd;
    margin-top: 40px;
}

 .testimonial-item  .client-quote   .Pass {
    margin-top: 35px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dddddd9c;
    padding-bottom: 25px;
}

.testimonial-item  .client-quote   .Name-Main  img  {
	width:50px;
	float: left;
}

.testimonial-item  .client-quote   .Name-Main .Name {
	margin-left:70px;
}

.testimonial-item  .client-quote   .Name-Main   .Name  h4  {
	font-size: 18px;
    font-weight: 500;
    color: #1769b5;
    margin-bottom: 2px;
    padding-top: 5px;
}

.testimonial-item  .client-quote   .Name-Main   .Name   p  {
    font-size: 13px;
	text-transform: uppercase;
    color: #8a8888;
}



/*------Director----*/


.Director  {
	padding:100px 0px;
}

.Director   .Director-Img  {
    width: 95%;
    margin: 0 auto;
    padding: 2px;
    border: 1px solid #ddd;
}




 .btn-main  {
    margin-top: 40px;
}

 .btn-main a {
	text-decoration: none;
    position: relative;
    z-index: 99;
    padding: 12px 16px 12px 40px;
    border-radius: 0;
    background: #0990cd;
    color: #dadbde;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.btn-main a::before {
    content: '';
    width: 30px;
    height: 100%;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #1577d3e8;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}

.btn-main a span.more {
    position: relative;
    z-index: 99;
	color: #fff;
}

.btn-main a span.icon {
    position: absolute;
    left: -41px;
    top: -15px;
}

.btn-main a .fa {
    position: relative;
    z-index: 99;
    padding-top: 19px;
    padding-left: 10px;
    font-weight: 100 !important;
}

.btn-main a:hover:before {
    width: 100% !important;
    border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #1577d3e8;
    color: #11161e !important;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}


/*-------Breadcums--------*/


.Breadcums  {
    padding: 170px 0px 80px;
	background-image: url(../images/H-Slider-02.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Breadcums::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Breadcums::before {
    background: #0c1f2ed1;
}

.Breadcums  .Breadcums-Box  h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
	margin-bottom: 35px;
	text-align:center;
	text-transform: uppercase;
}

.Breadcums   ul  li  {
	list-style-type:none;
	display:inline-block;
	margin-right: 10px;
}

.Breadcums   ul  li   a  {
	color:#fff;
	text-decoration:none;
}

.Breadcums   ul  li:hover   a  {
	color: #06c8cb;
}

.Breadcums   ul  .Currunt   a {
	color: #06c8cb;
}

.Breadcums   ul  li:before {
    content: "|";
    font-weight: 500;
    padding-right: 11px;
	color:#fff;
}

.Breadcums   ul  .Child:before  {
	display:none  !important;
}

.Breadcums   ul   {
    margin: 0 auto;
    display: table;
}



/*------About-Us-Page----------*/


.About-Us-Page.Profile-inner .Inner-box {
    position: relative;
    background: #fff;
    padding: 20px 45px 30px;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.About-Us-Page  .Profile-inner {
    position: absolute;
    margin-top: -84%;
    padding: 8px 8px;
    background: #fff;
    margin-left: 21%;
    background-color: #06c8cb;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.About-Us-Page    .Profile-inner img {
    width: 55px;
    margin-bottom: 15px;
}

.About-Us-Page   .Profile-inner .Inner-box h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.About-Us-Page  .Profile-inner .Inner-box h3 {
    font-size: 42px;
    font-weight: 800;
    color: #000;
    margin-bottom: 15px;
}

.About-Us-Page   .Profile-Main-Content {
	width: 80%;
    border: 0px solid #cccccc45;

}

.About-Us-Page    .About-Content h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
    color: #4f97db;
}


/*---------------*/

.About-Us-Page       .content {
	position: relative;
    padding: 10px 0px 0px;
    border-top: 1px dashed #ccccccc2;
    padding-top: 0px;
    margin-top: 25px;
}

.About-Us-Page      .nav-tabs.tab-btn-style-one {
    position: relative;
    border: none;
    margin-top: 20px;
}

.About-Us-Page      .nav-tabs.tab-btn-style-one li.nav-item {
    position: relative;
}

.About-Us-Page       .nav-tabs.tab-btn-style-one li.nav-item:before {
    position: absolute;
    content: '';
    right: 0;
    top: 21px;
    width: 36px;
    height: 2px;
    background-color: #dedbd5;
}

.About-Us-Page       .nav-tabs.tab-btn-style-one li.nav-item:last-child:before {
    display: none;
}

.About-Us-Page     .nav-tabs.tab-btn-style-one .nav-item .nav-link {
	border: 1px solid #00b0e2;
    border-radius: 0;
    margin-right: 35px;
    padding: 15px 23px;
    transition: .5s;
    background-color: transparent;
}

.About-Us-Page     .nav-tabs.tab-btn-style-one h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s;
    color: #030250;
}

.About-Us-Page    .nav-tabs.tab-btn-style-one h4:hover {
	color:#3b91e1;
}

.About-Us-Page     .nav-tabs.tab-btn-style-one .nav-item .nav-link i {
    margin-right: 8px;
    display: inline-block;
    transform: rotate(135deg);
    color: #cecac4;
    transition: .5s;
}

.About-Us-Page     .nav-tabs.tab-btn-style-one .nav-item .nav-link.active i,
.About-Us-Page      .nav-tabs.tab-btn-style-one .nav-item .nav-link:hover i {
    transform: rotate(90deg);
}


.About-Us-Page  .content .Heading-Box h3 {
    font-size: 19px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffff;
    letter-spacing: 0px;
    margin: 25px 0px 0px;
    background: none;
    padding: 0px 0px 12px;
}

.About-Us-Page  .content  .Heading-Box  img {
    width: 46px;
}

.About-Us-Page  .content   .Heading-Box {
    margin-bottom: 25px;
}


.About-Us-Page  .content   .text .Icon  {
	float:left;
}

.About-Us-Page  .content   .text  .Icon  .fa  {
    color: #3b91e1; 
    padding-top: 4px;
}

.About-Us-Page  .content   .text .Info  {
	margin-left:26px;
}


/*------Recent-Jobs------*/


.Recent-Jobs  {
	padding:180px 0px 100px;
	background-image: url(../images/career.jpeg);
    background-size: cover !important;
    position: relative;
}

.Jobs-Box .Heading h5 {
	margin-bottom: 12px;
	text-transform: capitalize;
}

.Jobs-Box .Heading h5   a {
	text-decoration:none;
	    color: #f31d1d;
}



.Jobs-Box .Heading h4 a {
	text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    display: table;
    color:#f31d1d;
}

.Jobs-Box .Heading h4 {
	font-size:20px;
}

.Jobs-Box .Heading {
    margin-bottom: 25px;
}

.Jobs-Box  .Sub-box  {
    margin-bottom: 25px;
}


.Jobs-Box .Heading .icon {
	font-size:14px
}
.modal{
    z-index: 1200 !important;
}
.Jobs-Box   {
    border: 1px solid #00b0e2;
    padding: 28px 28px;
    /* border-radius: 0px; */
    background: white;
    height: 544px;
    margin-bottom: 20px;
}

.Jobs-Box  .Apply-Btn  {
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 40px;
    background: #037db4;
    margin-top: 15px;
	outline: none;
    border: none;
}

.Jobs-Box  .modal-content   .modal-title  {
    font-size: 20px;
    color: #0983b8;
    margin-bottom: 6px;
}

.Jobs-Box  .modal-content   .icon {
	font-size:14px;
}

.Jobs-Box  .modal-content .modal-title p  {
    font-size: 14px;
}

.Jobs-Box  .modal-header {
    padding: 15px 15px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.Jobs-Box  .btn-main a {
    text-decoration: none;
    position: relative;
    z-index: 99;
    padding: 14px 12px 14px 45px;
    border-radius: 3px;
    background: #0990cd;
    color: #dadbde;
    font-size: 16px;
    line-height: 2.667;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.Recent-Jobs   .btn-main {
    margin-top: 70px  !important;
}


/*----Job-Listing-Page---*/


.Job-Listing-Page  {
	padding:100px 0px;
}

.Multiple-Jobs-Box {
	border-top: 1px dashed #ccc6 !important;
    padding: 35px 0px;
    border-radius: 0;
    border: none;
    width: 95%;
}


/*------------*/


/*------------*/


.Top-bar-Main  {
	width: 100%;
    margin: 0px auto 0px;
    background: #295478;
    z-index: 1200;
    padding: 0px 0px;
}

.Top-Bar  {
    z-index: 999;
    position: relative;
    border-bottom: 0px solid #fff;
}

.Top-Box   ul  li {
    list-style-type: none;
    display: inline;
    float: left;
    margin-right: 20px;
	color:#fff;
	padding: 0px 0px;
}

.Right-Adj ul li {
    list-style-type: none;
    display: inline;
    float: left;
    margin-right: 10px;
    color: #fff;
    padding: 0px 0px;
    border-right: 1px solid #a7a7a7a6;
    padding-right: 10px;
}

.Right-Adj ul li:first-child {
	border-left: 1px solid #a7a7a7a6;
	padding-left: 10px;
}

.Right-Adj ul li a {
    color: #fff;
    padding: 10px 1px;
    display: table;
}

.Right-Adj {
    float: right !important;
}

.Top-Box   {
   float: left;
}

.Top-Bar p  {
	color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 26px;
    padding-top: 4px;
    font-size: 15px;
}

.Top-Bar p  .fa {
	margin-right:5px;
}

.Footer  .S-Right {
    margin-left: 40px;
}


/*--------------*/

.our-team{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.our-team img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out 0s;
}
.our-team:hover img{ transform: scale(1.2); }
.our-team .social{
   list-style: none;
    padding: 25px 10px;
    margin: 0;
    background: #3b91e1;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 0;
    left: -50%;
    transition: all 0.4s ease-in-out 0s;
}

.our-team:hover .social{ left: 0; }

.our-team .social li{ display: block; }
.our-team .social li a{
    display: block;
    padding: 6px 0 6px;
    font-size: 15px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}

.our-team .social li:first-child a{ padding-top: 0; }
.our-team .social li:last-child a{ padding-bottom: 0; }
.our-team .social li a:hover{ color: #000; }
.our-team .team-content{
	width: 100%;
    padding: 12px 5px;
    background: rgb(30 30 30 / 82%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.our-team .title{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 5px 0;
}

.our-team .post{
    display: block;
    font-size: 14px;
    color: #00bcd4;
    font-weight: 500;
}

@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}


.Director  .our-team {
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 95%;
    margin: 0 auto;
}

.Director   .our-team   .title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #fff;
    margin: 0 0 5px 0;
}


/*--------------*/

.logo a  img  {
    width: 96px; 
    /* background: #fff; */
    padding: 0px 0px;
    /* border-radius: 48%;*/
}  

.NAVBAR {
    position: absolute;
    min-height: 50px;
    border: 1px solid transparent;
    background: transparent;
    z-index: 1200;
    width: 100%;
    margin: 0 auto !important;
    display: table;
    border-radius: 0px;
}

#cssmenu ul ul li a  .fa  {
    float: left;
    margin-right: 6px;
    padding-top: 2px;
    font-size: 10px;
}

#cssmenu ul ul li a span {
    margin-left: 10px;
    display: table;
}

#cssmenu {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1e0;
    margin-top: 35px;
    border-radius: 50px;
    padding: 0px 30px;
}

#cssmenu ul ul li:hover a {
    padding-left: 20px;
    transition: 0.3s;
}




/*-------Single-Service-Page---------*/


.Single-Service-Page  {
	padding:100px 0px 0px;
}

.Breadcums ul .Vertical-Line:before {
    content: "|";
    font-weight: 500;
    padding-right: 11px;
    color: #fff;
}

.Single-Service-Page  .Heading-Box h3 {
     font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0px;
    background: #1a6060;
    display: table;
    margin: 0 auto;
    padding: 8px 15px;
    border-radius: 20px;
}

.Single-Service-Page    .Heading-Box h4 {
      font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
    letter-spacing: 1px;
    color: #d9d9d9;
    margin-top: 14px;
    text-transform: uppercase;
    text-shadow: 2px 2px #000000;

}

.Single-Service-Page  .Heading-Box  img  {
    width: 45px;
}

.Single-Service-Page  .Heading-Box {
    margin-bottom: 35px;
    margin-top: 25px;
}


/*-------------*/




.single-sidebar    .specialities-categories {
    position: relative;
    display: block;
}

.single-sidebar    .inner h3 {
    position: relative;
    display: block;
    background: #065784;
    color: #ffffff;
    font-size: 20px;
    padding: 18px 30px 18px;
    border-top: 3px solid #0ebcd2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.single-sidebar     .specialities-categories li{
	position: relative;
    display: block;
    border-bottom: 1px solid #d8d8d8cc;
    margin-top: 0px;
    padding-bottom: 0px;
}

.single-sidebar     .specialities-categories li a{
    position: relative;
    display: block;
    color: #222222;
    font-size: 16px;
    line-height: 30px;
	padding: 8px 0 8px 15px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
    transition-delay: .1s;
    text-decoration: none;
}

.single-sidebar   .single-sidebar .inner h3  .fa  {
    margin-right: 10px;
}

.single-sidebar     .specialities-categories li:last-child{
    border: 0px solid   
}

.single-sidebar      .specialities-categories li a:hover,
.single-sidebar      .specialities-categories li.active a{
    color:#0dbbbe;
    padding-left: 30px; 
}

.single-sidebar      .specialities-categories li a:hover  .fa {
    color: #0dbbbe;
}

.single-sidebar .specialities-categories li.active a .fa {
    color: #0dbbbe;
}

.single-sidebar    .specialities-categories li a:hover .fa {
	visibility: initial;
	transition-delay: .3s;
}

.single-sidebar    .specialities-categories li.active a  .fa {
	margin-right:15px;
	visibility: initial;
}

.single-sidebar    .specialities-categories li  a .fa {
	margin-right: 15px;
    visibility: unset;
    color:#383838;
}



/*----------
.Single-Service-Main  {
   width: 100%;
    float: none;
    padding: 50px 0px 100px;
}
--------*/


/*--------------*/


.Single-Service-Main.Circle-Adj   {
    width: 75%  !important;
    /* float: none; */
    padding: 90px 15px 15px 25px !important;
    background: #ffffff8c;
    margin: 70px 0px;
    /* float: left; */
    border-radius: 50%  !important;
    text-align: center  !important;
    height: 100%  !important;
}

.Single-Service-Main.Circle-Adj   .Service-Info {
    width: 90%  !important;
    margin: 0 auto  !important;
    display: table  !important;
}





.Single-Service-Main {
    width: 65%;
    /* float: none; */
    padding: 10px 15px 15px 25px;
    background: #ffffff8c;
    margin: 70px 0px;
    /* float: left; */
    border-radius: 50px;
    text-align: left;

}


/*------Accordiant--------*/

.single-sidebar   .panel-body {
    padding: 10px 0px;
}

.single-sidebar  #accordion .panel{
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding-left: 40px;
    margin-bottom: 18px;
}
.single-sidebar  #accordion .panel-heading{
    padding: 0;
}

.Single-Service-Page   .Service-Details  {
    padding: 0px 0px 0px;
    border: 0px solid #cccccc61;
}


.single-sidebar  #accordion .panel-title a{
    display: block;
    padding: 15px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #0dbbbe;
    text-transform: uppercase;
    border: 1px solid #0dbbbe;
    border-left: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    transition: all 0.3s ease 0s;
	text-decoration: none;
}
.single-sidebar  #accordion .panel-title a span{
    display: block;
    width: 40px;
    height: 104%;
    line-height: 73px;
    background: #0dbbbe;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -1px;
    left: -40px;
}

.single-sidebar {
 
    padding-bottom: 20px;
	box-shadow: 0px 2px 18px rgb(26 26 25 / 15%);
}

.single-sidebar  .panel-group {
    margin-bottom: 20px;
    padding: 10px 15px;
}

.single-sidebar   .inner{
    margin-bottom: 35px;
}

.single-sidebar  #accordion .panel-title a span:before,
.single-sidebar  #accordion .panel-title a span:after{
    content: "";
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    left: 0;
}
.single-sidebar  #accordion .panel-title a span:before{
    top: -1px;
}
.single-sidebar  #accordion .panel-title a span:after{
    border-top-color: #0dbbbe;
    bottom: -20px;
    z-index: 1;
}
.single-sidebar  #accordion .panel-body{
    font-size: 14px;
    color: #808080;
    line-height: 23px;
    border-top: none;
}
.single-sidebar  #accordion .panel-body p{
    margin-bottom: 0;
}

.Service-Info  .Points .Icon  {
	float:left;
}
.Service-Info  .Points .Info  {
	margin-left:25px;
}

.Service-Info  .Points .Icon  .fa {
    padding-top: 4px;
    color: #248ced;
}

.Service-Info  .Points .Info   p {
	margin-bottom: 0px;
}

.Service-Info .clr  {
	color: #0dbbbe;
    /* font-weight: 500; */
    font-style: italic;
}

.Margin-Top-30 {
	margin-top:15px;
}


/*----Contact-Us-Page-----*/


.Contact-Us-Page  {

    padding: 45px 0px 75px;
    background: #02afe545;

}

.Contact-Us-Page  .Read-BTN  {
	border-radius: 10px;
}

.Contact-Us-Page  .form-control  {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ffffffd4;
    padding-left: 30px;
    font-size: 16px;
    color: #838a93;
    border: none;
    margin-bottom: 30px;
    outline: none;
    border-radius: 10px;
}

.Contact-Us-Page  .form-control:focus {
    box-shadow: none;
}


.Contact-Us-Page     textarea {
    height: 180px !important;
    padding-top: 25px;
}

.Contact-Us-Page   .Heading-Box    h3 {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
    letter-spacing: 0px;
    line-height: 36px;
    margin: 15px 0px 10px;
    padding: 0px 0px 10px;
    display: table;
    background: transparent;
}

.Contact-Us-Page   .Social-Media  ul  li {
	list-style-type: none;
    display: inline-block;
    margin-right: 5px;
}

.Contact-Us-Page    .Heading-Box h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 2px;
    color: #888a8d;
    margin-top: 15px;
    text-transform: uppercase;
    text-shadow: none;
}

.Contact-Us-Page   .Social-Media  ul  li a  {
    padding: 7px 8px;
    background: #3b91e1;
    display: table;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.Contact-Us-Page   .Social-Media  ul  li:hover a  {
	background:#037c8b;
	color:#fff;
	transition:0.5s;
}

.Contact-Us-Page   .Social-Media   h4 {
      margin-bottom: 20px;
    color: #ed0b09;
    font-weight: 500;
}

.Contact-Us-Page   .Heading-Box {
    margin-bottom: 35px;
    margin-top: 0px;
}

.Line  {
	display: block;
    border: 1px solid #2a2b2b;
    width: 40px;
    margin: 0 auto 15px;
}



/*-------C-Details-------*/

.C-Details {
    padding: 70px 0px;
    background-image: url(../images/H-Slider-06.jpg);
    background-size: cover !important;
    position: relative;
    background-position: inherit;
}

.C-Details::before {
    background: #06365cd4;
}

.C-Details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.C-Details    .Add-Box   {
	text-align: center;
    padding: 30px 15px 15px;
    background: #fff;
    border-radius: 10px;
    height: 200px;
}

.C-Details    .Add-Box    p {
    margin-bottom: 5px;
    color: #525252;
    line-height: 24px;
    text-shadow: 0px 0px #000000;
}

.C-Details    .Add-Box  h4  {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px;
    color: #0fc7ca;
}


/*----------*/




/*----------About-Profile-Img-----------*/

.Inner-Video   {
    position: absolute;
    margin-top: -129px;
    display: table;
    margin-left: 28%;
}


.You-Tube {
    padding-top: 35px;
}

.Inner-Video a {
    height: 95px;
    width: 95px;
    text-align: center;
    line-height: 95px;
    background: #FF4800;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 10;
    display: inline-block;
    border-radius: 95px;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.left-infinite-img {
    animation: infiLeftRight 4s infinite;
    width: 85%;
    position: relative;
    margin: 30px auto 0px;
}


.Inner-Video a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #FF4800;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border-2 1.5s linear infinite;
    -moz-animation: pulse-border-2 1.5s linear infinite;
    -o-animation: pulse-border-2 1.5s linear infinite;
    animation: pulse-border-2 1.5s linear infinite;
    border-radius: 95px;
}

.Inner-Video a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #FF4800;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border 1s linear infinite;
    -moz-animation: pulse-border 1s linear infinite;
    -o-animation: pulse-border 1s linear infinite;
    animation: pulse-border 1s linear infinite;
    border-radius: 95px;
}




/* infiLeftRight animation */
@keyframes infiLeftRight {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	50% {
		-webkit-transform: translateX(-35px);
		transform: translateX(-35px);
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-webkit-keyframes infiLeftRight {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	50% {
		-webkit-transform: translateX(-35px);
		transform: translateX(-35px);
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}


/*--------About-Docor-------------*/

.Inner-Video  a {
    height: 95px;
    width: 95px;
    text-align: center;
    line-height: 95px;
    background: #FF4800;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 10;
    display: inline-block;
    border-radius: 95px;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	padding-top: 33px;
}

.Inner-Video  a  {
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 75px;
    background: #137b7c;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 10;
    display: inline-block;
    border-radius: 75px;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	padding-top: 25px;
}

.Inner-Video  a::before {
        position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #137b7c;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border-2 1.5s linear infinite;
    -moz-animation: pulse-border-2 1.5s linear infinite;
    -o-animation: pulse-border-2 1.5s linear infinite;
    animation: pulse-border-2 1.5s linear infinite;
    border-radius: 95px;
}

.Inner-Video  a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #137b7c;
    z-index: -1;
    opacity: 0;
    -webkit-animation: pulse-border 1s linear infinite;
    -moz-animation: pulse-border 1s linear infinite;
    -o-animation: pulse-border 1s linear infinite;
    animation: pulse-border 1s linear infinite;
    border-radius: 95px;
}


@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes pulse-border-2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.pulse-animation,
.pulse-animation:before,
.pulse-animation:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 90px;
  width: 90px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  -khtml-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
  -webkit-animation: pulse-animation 3s infinite;
  -khtml-animation: pulse-animation 3s infinite;
  -moz-animation: pulse-animation 3s infinite;
  -ms-animation: pulse-animation 3s infinite;
  -o-animation: pulse-animation 3s infinite;
  animation: pulse-animation 3s infinite;
}

.pulse-animation:before {
  -webkit-animation-delay: 0.9s;
  -khtml-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.pulse-animation:after {
  -webkit-animation-delay: 0.6s;
  -khtml-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.Background-Home  .Video-Yt  {
    width: 82%;
    margin-top: 55px;
    border-radius: 10px;
}


.affix {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 25px #000;
    margin-top: 0px;
    background: #fff;
    z-index: 1200;
}

.affix  #cssmenu {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    margin-top: 0px;
    border-radius: 0;
    padding: 0px 30px;
}













/*----------------*/

.triangles{
    width: 75% !important;
    overflow: hidden;
    background: transparent;
    text-align: center;
}
  
.Single-Service-Page   .Triangles-Size-Adj {
    width: 100%;
    height: 90%;
    border-bottom: 580px solid #e1e1e1d9;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
}



.triangles #up-triangle {
   width: 100%;
    height: 84%;
    border-bottom: 500px solid #e1e1e1d9;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
}


.Single-Service-Page     .Triangles-Size-Adj   .Heading-Box h3 {
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 50px;
}


.Single-Service-Page .Heading-Box h3 {
    font-size: 24px;
}

.Contact-Us-Page  .C-Box-Main  {
    background: #fff;
    padding:35px 30px;
    border-radius: 15px;
}






/*------Responsive-Laptop-View---------*/ 

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


}


/*------Responsive-Mini-Laptop-View---------*/

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




}


/*------Responsive-Tap-View---------*/

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


.bs-slider {
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    background: #000000;
}

.header-area {
    padding: 5px 0px;
    z-index: 1200;
    position: relative;
    width: 100%;
    background-color: rgb(255 255 255 / 68%);
}

.classy-navbar .nav-brand img {
    width: 100px;
}

.classy-navbar-toggler .navbarToggler span {
    position: relative;
    background-color: #141313;
    border-radius: 0;
    display: block;
    height: 2px;
    margin-top: 6px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 28px;
    cursor: pointer;
}

.header-area .main-header-area {
    border-bottom: 0px solid #b6b5b5;
    padding: 4px 0px;
}

.About-Home .Profile-inner img {
    width: 50px;
    margin-bottom: 12px;
}

.About-Home .Profile-inner .Inner-box h3 {
    font-size: 34px;
    font-weight: 800;
    color: #000;
    margin-bottom: 10px;
}

.About-Home .Profile-inner .Inner-box h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #0e73d2;
    text-transform: capitalize;
}

.About-Home .Profile-inner .Inner-box {
    position: relative;
    background: #fff;
    padding: 25px 40px;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.About-Home .Profile-IMG {
    position: relative;
    width: 92%;
    margin: 0 auto 35px;
}

.About-Home .Profile-inner {
    position: absolute;
    margin-top: -84%;
    padding: 4px 5px;
    background: #fff;
    margin-left: 22%;
    background-color: #06c8cb;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.Heading-Box h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.Heading-Box h4 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #838a93;
    margin-top: 15px;
    text-transform: uppercase;
}

.Profile-Main-Content {
    width: 100%;
    margin-left: 0px;
    margin-top: 6px;
	text-align: left;
    z-index: 1200;
    position: relative;
    margin-bottom: 5px;
}

.water ul.waves li.wave-one {
    animation: wave 8.7s linear infinite;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    bottom: 0px;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10;
}

.water ul.waves li.wave-two {
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation: wave 10s linear infinite;
    bottom: 0px;
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 9;
}

.water ul.waves li.wave-three {
   -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation: wave 25s linear infinite;
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 8;
}

.water ul.waves li.wave-four {
   -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation: wave 25s linear infinite;
    bottom: 0;
    height: 95px;
    left: 0;
    position: absolute;
    right: 0;
}

.boat {
    animation: boat 3s linear infinite;
    background-repeat: no-repeat;
    bottom: 70px;
    height: 128px;
    left: 5%;
    position: absolute;
    width: 100%;
}






.Heading-Box {
    margin-bottom: 30px;
	text-align: center;
}

.Heading-Box   img {
    margin: 0 auto 10px;
    width: 40px;
}

.About-Home .About-Content h4 {
	font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    font-style: italic;
    color: #0f86c7;
}

.btn-main a .fa {
    position: relative;
    z-index: 99;
    padding-top: 20px;
    font-size: 15px;
}

.btn-main a span.icon {
    position: absolute;
    left: -41px;
    top: -15px;
}

.btn-main a span.more {
    position: relative;
    z-index: 99;
    font-size: 16px;
}

.btn-main a {
    text-decoration: none;
    position: relative;
    z-index: 99;
    padding: 10px 15px 12px 46px;
    border-radius: 3px;
    background: #0990cd;
    color: #dadbde;
    font-size: 18px;
    line-height: 2.667;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.btn-main {
    margin-top: 25px;
}

.About-Home {
    padding: 35px 0px;
}

.Services-Home {
    padding: 35px 0px 200px;
    /* background-image: url(../images/H-Slider-04.jpg); */
    /* background-size: cover !important; */
    /* position: relative; */
    /* background-position: center;*/
}

.Services-Home .Single-Services-Box {
    margin-bottom: 30px;
    text-align: center;
    /* border: 1px solid #d3d3d36b; */
    padding: 25px 30px 30px;
    background-size: cover !important;
    position: relative;
    height: auto;
    background-position: center;
	width: 100%;
    margin: 0 auto 30px;
}

.Company-Moto .Tab-Inner .Tab-Img img {
    width: 100%;
    margin: 0 auto;
    padding: 2px;
    border: 1px solid #ebebeb40;
    border-radius: 0px;
}

.Company-Moto .Tab-Inner .Tab-Info {
    margin-left: 0px;
    background: #ffffff30;
    padding: 12px 15px;
}

.Company-Moto .tab .tab-content {
    /* background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%); */
    padding:30px 10px 20px;
    /* box-shadow: 0 0 10px -5px rgb(0 0 0 / 50%); */
    position: relative;
    border-radius: 2px;
    border: 0px solid #93929238;
    display: table;
    /* background: #f9f9f9; */
}

.Company-Moto .tab .tab-content h3 {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 17px;
    color: #ffffff;
    background: #b50404;
    padding: 6px 10px;
    border-radius: 0px;
    margin-top: 20px;
    display: table;
}

.Company-Moto .Tab-Inner .Tab-Img {
    float: left;
    margin-bottom: 20px;
}













.Services-Home img {
    width: 70px;
    margin: 0 auto 20px;
    position: relative;
}

.Services-Home .Big-Size {
    width: 50px;
    margin: 0 auto 20px;
    position: relative;
}

.Services-Home .Single-Services-Box h3 {
    font-size: 17px;
    margin-bottom: 12px;
    /* color: #252121; */
    position: relative;
    line-height: 24px;
    text-transform: uppercase;
}

.Services-Home .Single-Services-Box a {
    text-align: center;
    font-size: 13px;
    color: #06c8cb;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-decoration: none;
    position: relative;
    z-index: 999;
}

.Director {
    padding: 35px 0px;
}

.Director .Director-Img {
    width: 90%;
    margin: 30px auto 0px;
    padding: 2px;
    border: 1px solid #ddd;
}

.Oceanic-No .counter-Box .counter-value {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

.Oceanic-No .counter-Box p {
    color: #06c8cb;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
}

.Oceanic-No .counter-Box img {
    width: 46px;
    margin: 0 auto 20px;
}

.Oceanic-No   .counter-Box  {
    border-bottom: 1px dashed #cccccc40;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.Oceanic-No {
    padding: 40px 0px 0px;
    background-image: url(../images/H-Slider-02.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Oceanic-No    .Counter-Last-Box  {
	border-bottom: 0px dashed #cccccc40;
	margin-bottom: 0px;
}

.Recent-Jobs {
    padding: 35px 0px;
}

.Jobs-Box {
    border: 1px solid #ccc6;
    padding: 25px 20px;
    border-radius: 2px;
	margin-bottom: 26px;
    
}

.Jobs-Box .Heading {
    margin-bottom: 20px;
}

.Jobs-Box .Heading h5 {
    margin-bottom: 8px;
}

.Jobs-Box .Heading h4 a {
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
}

.Jobs-Box .Heading .icon {
    font-size: 12px;
}

.Jobs-Box .Sub-box {
    margin-bottom: 15px;
}

.Jobs-Box .Sub-box  p b {
	font-weight: 400  !important;
}

.Jobs-Box .Sub-box  p b .fa {
    font-size: 14px   !important;
}

.Jobs-Box .Apply-Btn {
    font-size: 15px;
    padding: 8px 26px;
    border-radius: 40px;
    background: #037db4;
    margin-top: 5px;
    outline: none;
    border: none;
	    z-index: 999;
    position: relative;
}

.Testimonial {
    padding: 30px 0px;
    /* background-size: cover !important; */
    /* position: relative; */
    /* background: #f1f4f5fa; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center center; */
    /* background-image: url(../images/H-Slider-02.jpg);*/
}

.testimonial-item .Client-Box .Client-Icon img {
    width: 50px;
    background: #19bbbe;
    padding: 8px 8px;
    z-index: 1200;
    position: relative;
}

.testimonial-item .client-quote {
    padding: 28px 30px;
    border: 1px solid #ddd;
    margin-top: 25px;
}

.testimonial-item .client-quote .Pass {
    margin-top: 19px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dddddd9c;
    padding-bottom: 16px;
}

.testimonial-item .client-quote .Name-Main img {
    width: 45px;
    float: left;
}

.testimonial-item .client-quote .Name-Main .Name h4 {
    font-size: 16px;
    font-weight: 500;
    color: #1769b5;
    margin-bottom: 0px;
    padding-top: 2px;
}

.testimonial-item .client-quote .Name-Main .Name {
    margin-left: 60px;
}

.Testimonial .testimonial-item {
    background: #fff;
    height: auto;
	margin-bottom: 25px;
}


.Testimonial .Heading-Box {
    margin-bottom: 35px;
}

.Testimonial  .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 8px 10px  !important;
    background: #037cb3   !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 1px  !important;
}

.Blog-Home {
    padding: 35px 0px;
}

.Blog-Home .Blog-box .Blog-Inner span {
    position: absolute;
    display: table;
    margin-top: -63%;
    margin-left: 12px;
    background: #30cdd0;
    color: #fff;
    padding: 3px 15px;
    border-radius: 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 999;
}


.Blog-Home .Blog-box .Blog-Content {
    padding: 20px 20px;
    box-shadow: 0px 2px 18px rgb(26 26 25 / 15%);
    display: table;
    margin-bottom: 30px;
}

.Blog-Home .Blog-box .Blog-Content h4 {
    float: left;
    margin: 12px 0px 2px;
    display: table;
    font-size: 17px;
}

.Blog-Home .Blog-box .Blog-Content ul li a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: #686868;
}

.Blog-Home {
    padding: 35px 0px 5px;
}

.Footer {
    padding: 40px 0px 15px;
    background: #010b20 url(../images/F-Bg.png) center top no-repeat;
}

.Footer .Footer-Box img {
    width: 115px;
    margin-bottom: 20px;
}

.Footer .Footer-Box .F-Pass {
    margin: 20px 0px 15px;
    width: 100%;
    color: #a7a7a7;
}

.Footer .BTN {
    text-transform: capitalize;
    font-weight: 400;
    color: #919191;
    padding: 0px 0px;
}

.Footer .Footer-Box .Title h4 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 25px;
}

.Footer .Footer-Box .S-List li a {
    font-weight: 400;
    margin-bottom: 8px;
    display: table;
    text-decoration: none;
    color: #a7a7a7;
    position: relative;
}

.Footer .Footer-Box .S-List li a .fa {
    color: #30cdd0;
    font-size: 12px;
    margin-right: 8px;
}

.Footer .Footer-Box .Points .Info {
    margin-left: 26px;
}

.Footer .Footer-Box .Points .Icon {
    float: left;
    padding-top: 2px;
    color: #30cdd0;
    font-size: 14px;
}

.Footer .Footer-Box .Points {
    margin-bottom: 20px;
}

.Footer .Footer-Box .Points-Mobile  .Icon {
    float: none;
}

.Footer .Footer-Box .Points-Mobile   .Info {
    margin-left: 0px;
}

.Footer-strip {
    padding: 20px 0px 10px;
    /* background: url(../images/download.png); */
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px;
    overflow: hidden;
    background: #0e172b;
}

.Footer .Copywrite {
    padding: 0px 0px 0px;
    text-align: center;
    border-top: 0px solid #333;
    margin-top: 0px;
    display: table;
}

.Blog-Home .Heading-Box {
    margin-bottom: 32px;
}

.Breadcums .Breadcums-Box h2 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
}

.Breadcums {
    padding: 50px 0px 40px;
    background-image: url(../images/H-Slider-02.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Breadcums ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 6px;
}

.Breadcums ul li:before {
    content: "|";
    font-weight: 400;
    padding-right: 6px;
    color: #fff;
}

.Job-Listing-Page {
    padding: 35px 0px 15px;
}

.classynav ul li a {
   text-align: left !important;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.03em;
    color: #736f6f  !important;
}

.breakpoint-on .classynav ul li.has-down.active > .dd-trigger, .breakpoint-on .classynav ul li.megamenu-item.active > .dd-trigger {
    background-color: #0980b5  !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.breakpoint-on .dd-trigger {
    height: 20px  !important;
    width: 20px  !important;
    background-color: #2c3e50  !important;
    top: 6px  !important;
    right: 15px;
    left: auto;
    display: block;
    border-radius: 2px;
}

.classynav ul li.cn-dropdown-item ul li a {
    margin-left: 16px  !important;
    height: 25px  !important;
    margin-bottom: 8px  !important;
}

.Top-Bar p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
	padding-top: 0px;
}

.Profile-Main-Content .btn-main {
    margin-top: 32px;
}

.Right-Adj {
	display:none;
}

.Top-Box {
	float: none;
    padding: 5px 0px;
}

.Top-Box  ul {
    margin: 0 auto;
    display: table;
    text-align: center;
}

.Top-Box ul li {
    list-style-type: none;
    display: inline;
    float: none;
    margin-right: 20px;
    color: #fff;
    padding: 0px 0px;
}


.control-round .carousel-control {
	top: 40% !important;
    width: 32px;
    height: 32px;
    z-index: 100;
    font-size: 22px;
    cursor: pointer;
    overflow: hidden;
    line-height: 32px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    border-radius: 100px;
}

#bootstrap-touch-slider .left .fa {
    margin-top: 4px;
    margin-right: 4px;
}

#bootstrap-touch-slider .right .fa {
    margin-top: 4px;
    margin-right: 4px;
}


.Services-Home .Heading-Box h3 {
    margin-bottom: 25px;
}

.Jobs-Box .modal-content .modal-title {
    font-size: 18px;
    color: #0983b8;
    margin-bottom: 5px;
}

.Jobs-Box .modal-footer {
    padding: 5px 5px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.Jobs-Box .modal-content .icon {
    font-size: 12px;
}

.Footer .S-Right {
    margin-left: 0px;
}



.About-Us-Page .nav-tabs.tab-btn-style-one .nav-item .nav-link {
    border-radius: 0;
    margin-right: 20px;
    padding: 8px 10px 6px;
    transition: .5s;
}

.About-Us-Page .nav-tabs.tab-btn-style-one li.nav-item:before {
    position: absolute;
    content: '';
    right: 0;
    top: 21px;
    width: 20px;
    height: 2px;
    background-color: #dedbd5;
}

.About-Us-Page .Profile-Main-Content {
    width: 100%;
    margin: 0 auto;
    border: 0px solid #cccccc45;
   
}


.About-Us-Page .nav-tabs.tab-btn-style-one h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .5s;
}

.About-Us-Page .content .Heading-Box h3 {
    font-size: 18px;
    margin-bottom: 0px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin-top: 20px;
    text-align: left;
    padding: 0px 0px 10px;
}

.About-Us-Page .content .Heading-Box img {
    width: 40px;
    margin-left: 0px;
}

.About-Us-Page .content .Heading-Box {
    margin-bottom: 20px;
}

.About-Us-Page .content .text .Icon .fa {
    color: #e84446;
    padding-top: 4px;
    font-size: 14px;
}

.About-Us-Page .content .text .Info {
    margin-left: 20px;
    text-align: left;
}

.About-Us-Page  .Profile-IMG {
    position: relative;
    width: 95%;
    margin: 10px auto 0px;
}

.About-Us-Page  .Profile-inner {
    position: absolute;
    margin-top: -76%;
    padding: 4px 5px;
    background: #fff;
    margin-left: 22%;
    background-color: #06c8cb;
    -webkit-clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
    clip-path: polygon(50% 0%,80% 0,100% 20%,100% 100%,0 100%,0 0);
}

.About-Us-Page .content {
    position: relative;
    border-top: 1px dashed #ccccccc2;
    padding-top: 0px;
    margin-top: 15px;
}


p {
    margin-bottom: 15px;
    /*---- color: #ffffff; ----*/
    line-height: 24px;
    /*---- text-shadow: 2px 2px #222121; ----*/
}


/*-----------*/


#cssmenu #head-mobile {
    display: block;
    padding: 0px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
}

.logo a img {
    width: 130px;
    /* background: #fff; */
    padding: 0px 15px;
    /* border-radius: 48%; */
}

#cssmenu > ul > li > a {
    text-transform: uppercase;
    padding: 12px 10px !important;
    font-size: 14px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #5a5959  !important;
    font-weight: 500;
    border-right: 0px solid #e0e0e0c7;
}

#cssmenu ul ul li a {
    background: #ffffffdb  !important;
    color: #5a5757   !important;
}

#cssmenu ul ul li a .fa {
    float: left;
    margin-right: 6px;
    padding-top: 3px;
    font-size: 8px;
}



.navbar {
    position: relative;
    border: 1px solid transparent;
    background: #fff;
    z-index: 1200;
    width: 100%;
    margin: 3px 0px;
	padding: 0px 0px 15px;
}

.logo {
    position: relative  !important;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px 0 0 0;
    float: none;
}

.button {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 30px  !important;
    cursor: pointer;
    z-index: 12399994;
}

#cssmenu #head-mobile {
    display: block;
    padding: 15px 0px  !important;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
}

#cssmenu > ul {
    margin-top: 5px !important;
}

#cssmenu  .open   {
    margin-top: 10px !important;
}

#cssmenu .Width-Adj {
    margin-top: 0px !important;
}



.Background-Home {
    padding: 40px 0px 0px;
    background-image: url(../images/H-Slider-02.jpg);
    background-size: cover !important;
    position: relative;
    background-position: center;
}

.Background-Home .Background-Box img {
    z-index: 999;
    position: relative;
    width: 290px;
    float: none;
    margin: 0 auto;
	padding-top: 10px;
}




/*---------------------*/

.Single-Service-Page {
    padding: 15px 0px;
}

.single-sidebar #accordion .panel-title a span:after {
    border-top-color: #0dbbbe;
    bottom: -15px;
    z-index: 1;
	border-top: 15px solid #0dbbbe   
}

.single-sidebar #accordion .panel-title a span:before, .single-sidebar #accordion .panel-title a span:after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    left: 0;
}

.single-sidebar #accordion .panel-title a span {
    display: block;
    width: 40px;
    height: 104%;
    line-height: 60px;
    background: #0dbbbe;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -1px;
    left: -40px;
}

.single-sidebar .panel-group {
    margin-bottom: 10px;
    padding: 0px 0px;
}

.Service-Info .Points .Icon .fa {
    padding-top: 4px;
    color: #1866af;
    font-size: 12px;
}

.Service-Info .Points .Info {
    margin-left: 22px;
}

.Service-Info .Points {
	margin-bottom:8px;
}



.single-sidebar #accordion .panel-title a {
    display: block;
    padding: 13px 15px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #0dbbbe;
    text-transform: uppercase;
    border: 1px solid #0dbbbe;
    border-left: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

.single-sidebar .specialities-categories li a:hover, .single-sidebar .specialities-categories li.active a {
    color: #0dbbbe;
    padding-left: 20px;
}

.single-sidebar .specialities-categories li a {
    position: relative;
    display: block;
    color: #222222;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0 6px 5px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
    transition-delay: .1s;
    text-decoration: none;
}

.single-sidebar .specialities-categories li a .fa {
    margin-right: 12px;
    visibility: unset;
    color: #383838;
    font-size: 15px;
}

.Single-Service-Page .Heading-Box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.Single-Service-Page .Heading-Box h4 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 12px;
    letter-spacing: 1px;
    color: #838a93;
    margin-top: 12px;
    text-transform: uppercase;
    text-shadow: none;
}

.Mobile-Hide   .logo a img {
	display:block;
}

.Single-Service-Page .Service-Details {
    padding: 0px;
    border: 0px solid #cccccc61;
}

.Single-Service-Page .Heading-Box img {
    width: 40px;
}

.Single-Service-Main {
   width: 100%;
    float: none;
    padding: 5px 20px 15px;
    margin: 25px 0px;

}

.Footer .Copywrite p {
    text-shadow: 1px 1px #000000;
    color: #686a6f;
}

.single-sidebar .inner h3 {
    position: relative;
    display: block;
    background: #065784;
    color: #ffffff;
    font-size: 18px;
    padding: 14px 30px 14px;
    border-top: 1px solid #0ebcd2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.Contact-Us-Page .Heading-Box h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto 5px;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 15px;
    line-height: 24px;
}

.Contact-Us-Page .Social-Media ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 6px;
}

.Contact-Us-Page .Social-Media ul li a {
    padding: 7px 8px;
    background: #3b91e1;
    display: table;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
}

.Contact-Us-Page .Social-Media ul  {
    margin: 0 auto 35px;
    display: table;
}

.Contact-Us-Page .Social-Media h4 {
	margin-bottom: 18px;
    /* color: #000; */
    /* font-weight: 600; */
    text-align: center;
    font-size: 18px;
}

.Contact-Us-Page .Heading-Box {
    margin-bottom: 20px;
    margin-top: 0px;
}

.Contact-Us-Page .form-control {
    display: block;
    width: 96%;
    height: 35px;
    background-color: #e1e9edd4;
    padding-left: 15px;
    font-size: 16px;
    color: #838a93;
    border: none;
    outline: none;
    border-radius: 0px;
    margin: 0 auto;
}

.Contact-Us-Page textarea {
    height: 130px !important;
    padding-top: 12px;
}

.Read-Btn {
    background: #3b91e1;
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 25px auto 0px;
    text-decoration: none;
    border: none;
    display: table;
}

.Contact-Us-Page {
    padding: 35px 0px 20px;
}

.C-Details .Add-Box h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 12px;
    color: #0fc7ca;
}

.C-Details .Add-Box {
    text-align: center;
    padding: 25px 15px 15px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    margin: 0 auto 26px;
    width: 100%;
}

.C-Details {
    padding: 45px 0px 15px;
    background-image: url(../images/H-Slider-06.jpg);
    background-size: cover !important;
    position: relative;
    background-position: inherit;
}

.index-jobTab .tab .nav-tabs li.active a:before, .index-jobTab .tab .nav-tabs li a:hover:before {
    opacity: 1;
    transform: translateY(-22.5px) scale(0.1)  !important;
}


.Mobile-Hide    {
	display:block;
}

.Single-Service-Page .Heading-Box {
    margin-bottom: 25px;
    margin-top: 25px;
}

.You-Tube {
    padding-top: 0px;
    margin: 0 auto;
    display: table;
}

.Recent-Jobs .btn-main {
    margin-top: 0px !important;
}


.Recent-Jobs  .index-jobTab .tab .tab-content {
    color: #555;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 20px 0px;
    position: relative;
}


.Recent-Jobs .cancel_btn {
    font-size: 15px;
    padding: 5px 25px;
    border-radius: 40px;
    background: #db4b65;
    margin-top: 15px;
    outline: none;
    border: none;
    color: white;
    margin-bottom: 8px;
    
}


/*---------------*/


.Single-Service-Main.Circle-Adj .Service-Info {
    width: 100% !important;
    margin: 0 auto !important;
    display: table !important;
}

.Single-Service-Main.Circle-Adj {
    width: 100%  !important;
    /* float: none; */
    padding: 10px  10px !important ;
    margin: 20px 0px;
    /* float: left; */
    border-radius:10px !important;
    text-align: center !important;
    height: auto !important;
}


.triangles {
    width: 100% !important;
    overflow: hidden;
    background: #f5f5f5ab;
    text-align: left;
    display: table;
}


#up-triangle {
    width: 100%;
    height: auto;
    border-bottom: 0px solid #e1e1e1d9;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}

/*----------------*/

.triangles #up-triangle {
    width: 100%;
    height: 100%;
    border-bottom: 0px solid #e1e1e1d9;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.Single-Service-Page .Triangles-Size-Adj .Heading-Box h3 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 25px;
}


.Service-Info .clr {
    color: #1a74bd;
    /* font-weight: 500; */
    font-style: italic;
}

#cssmenu {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fffffff0;
    margin-top: 0px;
    border-radius: 50px;
    padding: 0px 0px;
}

.Company-Moto {
	padding: 20px 0px 10px;
    /* background-attachment: fixed; */
    /* background-image: url(../images/Ocean-Bg-02.jpg); */
    /* background-size: cover !important; */
    /* position: relative; */
    /* background-position: center;*/
}

.Company-Moto .Content-Center .Line-box {
    margin: 0 auto 30px;
}

.Company-Moto .Content-Center h3 {
    text-align: center;
    margin: 0 auto 20px;
}

.shap-02 {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: url(../images/contact-strip-01.png) right top no-repeat;
    z-index: 1;
}

.Contact-strip .Contact-Inner {
    position: relative;
    display: block;
    padding: 20px 15px 30px;
    background: #1a537e;
    /* color: #24262b; */
    border-radius: 3px;
    overflow: hidden;
    bottom: 0;
    margin-top: 0px;
}

.Contact-strip .Contact-Inner-Box .L-Box h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: white;
    line-height: 26px;
}

.Contact-strip .Contact-Inner-Box .link-box {
    margin-right: 5px;
    float: none;
    padding-top: 10px;
}

.Contact-strip .link-box a {
    background: #38bbbd;
    color: #ffffff;
    padding: 8px 10px 10px 36px;
    font-size: 16px;
}

.Contact-strip {
    padding: 35px 0px 40px;
}


.Contact-Us-Page .C-Box-Main {
    background: #fff;
    padding: 25px 20px 1px;
    border-radius: 8px;
    margin-bottom: 30px;
}


.affix #cssmenu {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    margin-top: 0px;
    border-radius: 0;
    padding: 0px 0px;
}








}


/*------Responsive-Mobile-View---------*/

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


.Jobs-Box .Apply-Btn {
    font-size: 15px;
    padding: 6px 26px;
    border-radius: 40px;
    background: #037db4;
    margin-top: 5px;
    outline: none;
    border: none;
    z-index: 999;
    position: relative;
}

.Recent-Jobs {
    padding: 35px 0px 10px;
}

.logo a img {
    width: 96px;
    /* background: #fff; */
    padding: 0px 0px 0px 14px;
    /* border-radius: 48%; */
}

#cssmenu ul li.active {
    width: 100%;
    border-top: 0px solid #ddd;
}

.NAVBAR {
    position: relative;
    border: 1px solid transparent;
    background: #fff;
    z-index: 1200;
    width: 100%;
    margin: 3px 0px;
    padding: 0px 0px 8px;
}

#cssmenu ul ul ul li a {
    padding-left: 40px   !important;
}

#cssmenu .open {
    margin-top: 10px  !important;
}

.Footer-strip {
    padding: 20px 0px 0px;
}

.Single-Service-Page .Triangles-Size-Adj .Heading-Box h3 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 25px;
}

.Single-Service-Main {
    border-radius: 15px;
    width: 100%;
    float: none;
    padding: 5px 15px 15px;
    margin: 25px 0px;
}

.About-Us-Page .content .Heading-Box h3 {
    font-size: 17px;
    margin-bottom: 0px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin-top: 12px;
    text-align: left;
    padding: 0px 0px 8px;
}

.Heading-Box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.About-Home {
    padding: 15px 0px 25px;
}

.btn-main a {
    text-decoration: none;
    position: relative;
    z-index: 99;
    padding: 6px 15px 8px 40px;
    border-radius: 3px;
    background: #0990cd;
    color: #dadbde;
    font-size: 16px;
    line-height: 2.667;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.Profile-Main-Content .btn-main {
    margin-top: 20px;
}

.Services-Home .Heading-Box {
    margin-bottom: 30px;
    z-index: 1200;
    position: relative;
}

.Services-Home .Heading-Box h3 {
    margin-bottom: 15px;
}

.Services-Home .Single-Services-Box h3 {
    font-size: 16px;
    margin-bottom: 10px;
    /* color: #252121; */
    position: relative;
    line-height: 24px;
    text-transform: uppercase;
}

.Services-Home img {
    width: 65px;
    margin: 0 auto 12px;
    position: relative;
}

.Services-Home .Big-Size {
    width: 48px;
    margin: 0 auto 18px;
    position: relative;
}

.boat {
    animation: boat 3s linear infinite;
    background-repeat: no-repeat;
    bottom: 60px;
    height: 150px;
    left: 5%;
    position: absolute;
    width: 100%;
}
















}



.index-jobTab .tab{
    /*font-family: 'Source Sans Pro', sans-serif;*/
    padding: 15px;
}
.index-jobTab .tab .nav-tabs{
    margin: 0;
    border: none;
}
.index-jobTab .tab .nav-tabs li{ 
    /*width: 33.33%; */
    width: 50%;
}
.index-jobTab .tab .nav-tabs li a{
    color: #051c37;
    background: linear-gradient(#06c8cb, #3fd3d5);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 25px 10px;
    margin: 0 2px 3px 0;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.index-jobTab .tab .nav-tabs li.active a,
.index-jobTab .tab .nav-tabs li a:hover,
.index-jobTab .tab .nav-tabs li.active a:hover{
    /*color: #0da57d;
    background: linear-gradient(#fcfcfc, #f5f5f5, #fcfcfc);
    border: none;*/
    color: #0a0a0a;
    background: linear-gradient(#f4f4f5, #fcfcfd, #ffffff);
    border: 1px solid #1ccccf
}
.index-jobTab .tab .nav-tabs li a:before{
    content: "";
    /*background: linear-gradient(#1dd1a1 50%, #0da57d 50%);*/
    background: linear-gradient(#1fcdcf 50%, #0dc9cc 50%);
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
}
.index-jobTab .tab .nav-tabs li.active a:before,
.index-jobTab .tab .nav-tabs li a:hover:before{
    opacity: 1;
    transform: translateY(-21.5px) scale(0.3);
}
.index-jobTab .tab .tab-content{
    color: #555;
    /*background: linear-gradient(#fcfcfc,#f5f5f5,#fcfcfc);*/
    /*font-size: 16px;*/
    letter-spacing: 1px;
    line-height: 25px;
    padding: 20px;
    position: relative;
}
@media only screen and (max-width: 479px){
    .index-jobTab .tab .nav-tabs li{
        width: 100%;
        text-align: center;
    }
    .index-jobTab .tab .nav-tabs li a{ margin: 0 0 15px; }
}