/*
Theme Name: CalifoLink
Theme URI: http://www.califolick.lk/
Author: ceycoder
Author URI: http://www.ceycoder.com/
Description: This theme has been designed for Ceycoder website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rac
Domain Path: /languages/
Tags: one-column, two-columns, custom-menu, full-width-template, theme-options, threaded-comments,
*/
body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 17px;
	line-height: 30px;
	color: #282828;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
a {
	-webkit-transition: 0.4s all ease-out;
	-moz-transition: 0.4s all ease-out;
	transition: 0.4s all ease-out;
}
.font-mont {
	font-family: 'Montserrat', sans-serif;
}
a {
	text-decoration: none;
	color: #04047c;
}
img {
	max-width: 100%;
	height: auto;
}
hr {
	border-top: 1.5px solid #d9d9d9;
	border-bottom: none;
	margin: 20px 0;
}
h1, h2, h3 {
	color: #343434;
	/*font-family: 'Montserrat', sans-serif;*/
}
h1, .h1 {
	font-size: 45px;
	line-height: 60px;
	font-weight: 35px;
}
h2, .h2 {
	font-size: 34px;
	line-height: 48px;
	font-weight: 500;
	letter-spacing: 1px;
}
h3, .h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
}
h4, .h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 1px;
}
.bold {
	font-weight: 700;
}
.color-gray, .color-gray a {
	color: #737373;
}
.color-white, .color-white a {
	color: #ffffff!important;
}
.color-red, .color-red a {
	color: #ef2024;
}
.color-blue {
	color: #04047c;
}
.color-yellow {
	color: #face0b;
}
.color-orange {
	color: #ff7200;
}
.color-light-blue {
	color: #273896;
}
.color-black{
	color: #282828;
}
.light {
	font-weight: 300;
}
.bg-black {
	background-color: #05090e;
}
.bg-red {
	background-color: #ef2024;
}
.bg-light-blue {
	background-color: #273896;
}
.bg-blue {
	background-color: #121f6b;
}
.bg-dark-blue {
	background-color: #0b1656;
}
.bg-dark-blue {
	background-color: #091245;
}
.bg-yellow {
	background-color: #face0b;
}
.bg-gray {
	background-color: #f1f1f1;
}
.bg-light-blue-2{
	background-color: #eff0f6;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right
}
.p-t-5 {
	padding-top: 5px;
}
.p-b-5 {
	padding-bottom: 5px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-t-15 {
	padding-top: 15px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-t-20 {
	padding-top: 20px;
}
.p-b-20 {
	padding-bottom: 20px;
}
.p-t-30 {
	padding-top: 30px;
}
.p-b-30 {
	padding-bottom: 30px;
}
.p-t-40 {
	padding-top: 40px;
}
.p-b-40 {
	padding-bottom: 40px;
}
.p-t-50 {
	padding-top: 50px;
}
.p-b-50 {
	padding-bottom: 50px;
}
.p-t-70 {
	padding-top: 70px;
}
.p-b-70 {
	padding-bottom: 70px;
}
.clearfix {
	clear: both;
}
.no-margin {
	margin: 0 !important;
}
.m-l-10{
	margin-left: 10px;
}
.large-font {
	font-size: 20px;
}
.uppercase {
	text-transform: uppercase;
}
.op60 {
	opacity: 0.6;
}
.op90 {
	opacity: 0.9;
}
a:hover, a:active {
	color: #04047c;
}
.large {
	font-size: 20px;
	line-height: 30px;
}
.container-sm {
	max-width: 920px;
	margin: 0 auto;
}
.mobile-menu-toggle {
	display: none;
	font-size: 25px;
	padding-top: 30px;
	text-align: right;
}
.mobile-menu-toggle i{
	color: #273896;
	background-color: #fff;
	padding: 4px 10px;
	border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 15px;
	
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu ul li {
	display: inline-block;
	position: relative;
}
.menu-area .menu {
	float: right;
	margin-top: 30px;
}
.menu-area .menu.menu-left {
	text-align: right;
}
.menu-area .menu li a {
    font-weight: 300;
    padding: 0 16px;
    position: relative;
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 30px;
    display: inline-block;
}
.menu-area .menu li a::before {
	content: '';
	position: absolute;
	height: 3px;
	color: #464646;
	background-color: #273896;
	display: block;
	left: 50%;
	right: auto;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.5s all ease-out;
	-moz-transition: 0.5s all ease-out;
	transition: 0.5s all ease-out;
	font-size: 15px;
	width: 0;
}
.menu-area .menu li a:hover::before {
	width: 100%;
	/*	border-bottom: 3px solid #58c543;*/
}
.menu-area .menu li:last-child a {
	padding-right: 0;
}
.menu-area .menu li a:hover {
	color: #3e87ec;
}
.menu li .sub-menu {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	-webkit-transition: 0.4s all ease-out;
	-moz-transition: 0.4s all ease-out;
	transition: 0.4s all ease-out;
	z-index: 9999;
	width: 275px;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
}
.menu li .sub-menu li {
	background-color: #273896;
	display: block;
}
.menu li .sub-menu li:hover {
	background-color: #273896;
	display: block;
}
.menu li .sub-menu li a {
	color: #ffffff;
	display: block;
	margin: 0;
	border-bottom: 1px solid #fff;
	padding: 7px 15px;
}
.menu li .sub-menu .sub-menu {
    position: relative;
    top: 0;
	border-bottom: 1px solid aliceblue;
}
.menu li .sub-menu .sub-menu li a {
    padding-left: 45px;
}
.menu li .sub-menu .sub-menu li a::before{
	content: '-';
	position: absolute;
	left: 25px;
	top: 6px;
	font-size: 35px;
	color: #fff;
		
}
.menu li .sub-menu li:last-child a {
	border: none;
}
.menu li .sub-menu li a:hover {
	color: #ffffff;
	opacity: 0.8;
}
.menu li:hover .sub-menu {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.slider img {
	width: 100%;
}
.slider-area {
	position: relative;
}
.slider-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 9;
    padding: 0 0 80px;
}
.slider-inner-content {
	padding-top: 70px;
}
.slider-inner-content h2 {
	font-size: 41px!important;
	color: #3f3f3f;
	font-weight: 600;
}
.slider-inner-content h1 {
	font-size: 24px;
	line-height: 38px;
	letter-spacing: 1px;
	color: #3f3f3f
}
.slider-content-image a {
	display: block;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.slider-inner-content .btn3 {
	margin: 0;
}
.slider-content-image {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	
}
.img-zoom{
	overflow: hidden;
}
.img-zoom img{
	-webkit-transition:all ease-out 0.6s;
	transition:all ease-out 0.6s;
	-webkit-transform: scale(1);
	transform: scale(1);
} 
.img-zoom:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.small-image {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
.small-image p {
	position: absolute;
	bottom: -5px;
	right: 19px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 8px;
	color: #fff;
	max-width: 150px;
	width: 100%;
	font-size: 18px;
	line-height: 23px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
}
.small-image a {
	display: block; 
	overflow: hidden;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.slider-content-image p {
	position: absolute;
	bottom: -5px;
	right: 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 8px 30px;
	color: #fff;
	font-size: 16px;
	max-width: 168px;
	width: 100%;
	font-size: 18px;
	line-height: 23px;
	border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}
.top-bar {
	position: relative; 
}
.btn {
	position: relative;
	padding: 10px 50px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #2a2a2a;
	z-index: 9;	
	text-transform: uppercase;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
}
.btn:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1.5px solid #2a2a2a;
	z-index: -1;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
}
.btn:hover {
	color: #ffffff;
}
.btn:hover:before {
	color: #ffffff;
	background-color: #2a2a2a;
}
.btn .fa {
	margin-left: 10px;
}
.btn2 {
	color: #fff !important;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
}
.btn2:hover {
	color: #fff !important;
}
.btn2::before {
	background-color: #111111 !important;
}
.btn2:hover:before {
	background-color: #273896 !important;
	border: #273896;
}
.btn3 {
	color: #2a2a2a;
}
.btn3:hover {
	color: #273896;
}
.btn3::before {
	background-color: #fff !important;
	border: 1.5px solid #fff;
}
.italic {
	font-style: italic;
}
.header-info .icon img {
	margin-right: 8px;
	display: inline-block;
}
.header-info .icon p {
	display: inline-block;
}
header.header {
	position: relative;
	background-color: #000000;
}
header.header .logo {
    float: left;
    padding-top: 15px;
    max-width: 140px;
}
/*.news-grid {
	background-color: #efefef;
}*/
/*.news-grid .featured-image {
	position: relative;
}
.news-grid .featured-image .date {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px 20px;
}
.news-grid .featured-image .date strong {
	font-size: 30px;
	display: block;
}
.news-grid .featured-image .date span {
	line-height: 22px;
}
.news-grid-body {
	padding: 20px;
}*/
.sub-text {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 10px;
}
.about .about-heading {
	margin-left: auto;
	margin-right: auto;
}
.about-image-box {
	position: relative;
	margin: 0 10px;
	overflow: hidden;
}
.about-image-box a {
	width: 100%;
	display: inline-block; 
	position: relative;
}
.about-image-box p {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	padding: 20px;
	color: #fff;
	transition: 0.4s all ease-out;
	right: 0px;
	margin: 0;
	-webkit-transition: all ease-out 0.4;
}

.about .about-image-box-title {
	text-align: center;
}
.about .about-image-box-title a {
	color: #282828;
	font-size: 18px;
}
.list-style li {
    list-style: none;
    position: relative;
    padding-bottom: 10px;
    padding-left: 25px;
}
.list-style li::before {
    content: url(img/right-mark.png);
    width: 25px;
    height: 21px;
    position: absolute;
    left: -14px;
    top: 4px;
}
.other-service .other-service-heading {
	margin-left: auto;
	margin-right: auto;
}
.other-service .other-service-image-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.other-service .other-service-image-box img {
	width: 100%;
}
.other-service .other-service-image-box h2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center; 
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	padding: 20px;
	color: #fff;
	transition: 0.4s all ease-out;
	right: 0px;
	margin: 0;
	-webkit-transition: all ease-out 0.4;
	font-size: 20px;
    line-height: 28px;
}
.other-service .other-service-image-box:hover h4 {
	background: rgba(0, 0, 0, 0.9);
}
.other-service .other-service-image-box-title {
	text-align: center;
}
.other-service .other-service-image-box-title a {
	color: #282828;
}
.latest-project .latest-project-carousel .latest-project-carousel-image {
	position: relative;
	overflow: hidden;
}
.latest-project .latest-project-carousel .latest-project-carousel-image h4 {
	position: absolute;
	bottom: -8px;
	left: -10px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.50);
	padding: 10px 20px;
	margin: 8px 10px;
	color: #fff;
	width: 100%;
	opacity: 0;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
	line-height: 45px;
}
.latest-project .latest-project-carousel .latest-project-carousel-image h4 i {
	float: right;
	width: 45px;
	height: 45px;
	padding: 10px 13px;
	background-color: #fff;
	color: #282828;
	border-radius: 50%;
	margin-right: 20px;
}
.latest-project .latest-project-carousel .active.center .latest-project-carousel-image h4 {
	opacity: 1;
}
.call-to {
	position: relative;
}
.call-to::before {
	content: url("img/call-to-section-design.png");
	position: absolute;
	bottom: -11px;
}
.call-to::after {
	content: url("img/call-to-section-design-right.png");
	position: absolute;
	right: 0;
	bottom: -11px;
}
.call-to .call-to-content h4 {
	line-height: 45px;
	color: #fff;
}
.call-to .call-to-section-design::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background-image: url("img/call-to-section-design.png")
}
.no-padding {
	padding: 0px;
}
.m-r-0 {
	margin-right: 0px !important;
}
.latest-project-carousel .owl-nav {
	text-align: center;
}
.owl-carousel .owl-nav button {
	    margin: 30px 10px 0 10px;
	outline: none;
	text-transform: uppercase;
}
.owl-carousel .owl-nav button i {
	margin: 0 10px;
}
.our-partners .partner-content {
	text-align: center;
}
.our-partners .logo-area {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.our-partners .logo-area .partner-logo {
	margin: 10px;
	padding: 10px;
	display: inline-block;
}
.main-title {
    background-image: url(img/banner-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.main-title h4{
	line-height: 35px;
	font-weight: 400;
	max-width: 509px !important;
	margin: 25px auto !important;
}
.smart-header.main-title h4{
	margin:0!important;
	margin-top: 25px!important;
}  
.main-title h4 a{
	color: #282828;
}
.container-fabrication-image {
	max-width: 290px;
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.process-number-box{
	float: right;
	padding-right: 40px;
}
.process-number {
	padding-bottom: 18px;
}
.process-number span {
	width: 35px;
	height: 35px;
	display: inline-block;
	background: #273896;
	border-radius: 50%;
	padding: 3px 7px;
	color: #fff;
	font-size: 19px;
	margin-right: 10px;
}
.process-content {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.about-page  h4{

	padding-bottom: 20px;
}
.about-page h4 span::before{
	content: "\\\\\\\\";
font-size: 24px;
letter-spacing: -3px;
margin-right: 25px;
display: inline-block;
vertical-align: top;
margin-top: 0px;
line-height: 1;
font-weight: 500;
color: #273896;
}
.core-value-area{
	margin: 0 auto;
	text-align: center;;
}
.core-value-area .core-value{
	display: inline-block;
	margin: 10px;
	padding: 10px;
}
.core-value-area .core-value span{
	width: 100px;
height: 100px;
border: 1px dashed #000;
display: block;
font-size: 50px;
border-radius: 50%;
padding: 23px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
transition: .4s all ease-out;
}
.core-value-area .core-value span:hover{
	border: 1px solid;
	background: rgba(119, 131, 197, 0.2);
}

.circular-content-box {
	position: relative;
	background: #FFFEFE;
	background-repeat: no-repeat;
	padding: 50px;
	margin: 15px;
	box-shadow: 0px 5px 20px 0px rgba(90, 91, 108, 0.3);
}
.underline-border{
	width: 70px;
height: 4px;
text-align: center;
background-color: #282828;
	margin: 18px auto 30px;
}
.contact-form {
	max-width: 740px !important;
	margin: 0 auto !important;
}
.contact-form .wpcf7-text, .contact-form .wpcf7-textarea, .contact-form .wpcf7-select,.contact-form .wpcf7-date  {
	padding: 10px 15px;
	width: 100%;
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	background-color: transparent;
}
.contact-form .wpcf7-form-control-wrap {
	margin-bottom: 20px;
	display: block;
}
/*.contact-form .wpcf7-submit {
	font-size: 16px;
	border: none;
	cursor: pointer;
	padding: 14px 30px;
}*/
.contact-form .wpcf7-textarea {
	height: 180px;
}
.contact-form .wpcf7-form-control-wrap.your-message {
	margin-bottom: 12px;
}
.map-section .map .heading{
	text-align: left;
padding-bottom: 30px;
}
.map-section .map iframe{
	width: 100%;
min-height: 350px;
border: none;
}
.contact .contact-details {
	margin-left: 30px;
}
.contact .contact-details .contact-info {

	padding: 40px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
	border-bottom: 10px solid #121f6b;
	transition: .5s;
}
.contact .contact-details .contact-info:hover {
	box-shadow: 0 30px 50px rgba(0, 0, 0, .2);
}
.contact .contact-details .contact-info h2 {
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 2px solid #737373;
}
.contact .contact-details .contact-info ul {
	margin: 20px 0 0;
	padding: 0;
}
.contact .contact-details .contact-info ul li {
	position: relative;
	list-style: none;
	margin: 20px 0;
}
.contact .contact-details .contact-info ul li:last-child {
	margin-bottom: 0;
}
.contact .contact-details .contact-info ul li .icon {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 25px;
	font-size: 16px;
	color: #273896;
	vertical-align: top;
}
.contact .contact-details .contact-info ul li .info {
	display: inline-block;
	color: #737373;
	font-size: 16px;
}
.contact .contact-details .contact-info ul li .info a {
	color: #737373;
	text-decoration: none;
	transition: .5s;
}
.contact .contact-details .contact-info ul li .info a:hover {
	color: #262626;
}
.viewbox-button-close{
	top: 15px;
	right: 25px;
	border: 2px solid #282828;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	fill: #282828;
}
.viewbox-button-close:hover{
	border: 2px solid #fff;
}
.project-detail-box {	
	min-height: 135px;
	padding: 10px 0 35px;	
	text-align: center;
	box-shadow: 0px 5px 20px 0px rgba(90, 91, 108, 0.3);
	background-color: #3a499f;
	color: #fff;
	
}
.service-additional-box{
	min-height: 135px;
	padding: 25px;	
	box-shadow: 0px 5px 20px 0px rgba(90, 91, 108, 0.3);
	background-color: #3a499f;
	color: #fff;
}
.service-additional-box p{
	text-align: left;
	margin: 0;
}
.project-detail-box h4{
	margin: 35px 0 15px;
}
.project-detail-box h5{
	font-size: 20px;
	font-weight: 400;
}
.project-detail-box:hover{	
	box-shadow:  0px 5px 20px 0px rgba(90, 91, 108, 0.3);	
}
.career{
	max-width: 800px;
	margin: 0 auto;
}
.career-box{
	padding:35px 40px 80px;
	box-shadow: 0px 5px 20px 0px rgba(90, 91, 108, 0.3);
	margin-bottom: 40px;
}
.career-box .job-meta{
	padding: 10px 0;
}
.career-box .job-meta .job-meta-list{
	display: inline-block;
	margin-right: 20px;
}
.job-meta-list{
	color: #8A8A8A;
}
.send-email-position{
	padding: 120px 0 0 50px;
}
.career-form{
	padding-right:0;
}
.career-form .wpcf7-text, .career-form .wpcf7-textarea, .career-form .wpcf7-select,.career-form .wpcf7-date, .wpcf7-email  {
	 padding: 6px 10px 6px 25px;
	width: 100%;
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	background-color: transparent;
}
.career-form .wpcf7-form-control-wrap::before{
	top: 7px;
    font-size: 20px;
}
.career-form .wpcf7-form-control-wrap {
	margin-bottom: 15px;
	display: block;
}
.form-btn{
	padding: 10px 50px;
background-color: transparent;
border: 1.5px solid #2a2a2a;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
font-weight: 5000px; 
	color: #2a2a2a;
	transition: 0.4s all ease-out;
}
.form-btn:hover{
	color: #fff;
	background-color: #2a2a2a;
}
/*.career-form .wpcf7-submit {
	font-size: 16px;
	border: none;
	cursor: pointer;
	padding: 14px 30px;
}*/
.career-form .wpcf7-textarea {
	height: 150px;
}
.career-form .wpcf7-form-control-wrap.your-message {
	margin-bottom: 12px;
}
.service-image{
	float: left;
	margin: 30px 0 30px 0;
	padding: 10px;
}

h3.widget-title {
	font-size: 24px;
	line-height: 38px;
}
.footer .footer-logo {
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
}
.footer .footer-menu-area .footer-menu {
	display: table;
	margin: 25px auto 0;
}
.footer .footer-menu-area .footer-menu ul {
	margin: 0;
	padding: 0;
	display: flex;
}
.footer .footer-menu-area .footer-menu ul li {
	list-style: none;
	margin: 0 20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	list-style-type: none;
	text-decoration: none;
}
.footer .footer-menu-area .footer-menu ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 5px;
	font-size: 18px;
	color: #FFFFFF;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.footer .footer-menu-area .footer-menu ul li a:hover {
	color: #273896;
}
.footer .footer-contact-text {
	text-align: center;
}
.footer .social-box {
	margin-left: auto;
	margin-right: auto;
	display: table;
}
.footer .social-box .social-media {
	color: #fff;
	font-size: 25px;
	background-color: #636b9d;
	width: 53px;
	display: inline-block;
	height: 53px;
	padding: 13px;
	text-align: center;
	float: left;
	margin: 0 10px;
	border-radius: 50%;
}
.footer .social-box .social-media a {
	color: #fff;
}
.footer-soket {
	padding: 10px;
	background-color: #091245;
}
.footer-menu {
	margin: 0;
	padding: 0;
}
.footer-menu li {
	list-style-type: none;
}
.footer-menu li a {
	display: block;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}
.footer-widgets a:hover {
	color: #ffffff;
	opacity: 0.5;
}
.contact-line {
	padding-bottom: 8px;
}
.footer-social a {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
	color: #05090e;
	border-radius: 50%;
	margin-right: 5px;
}
.footer-social a:hover {
	color: #05090e;
}
.footer-social {
	display: inline-block;
	margin-left: 10px;
}
.social-line {
	padding-top: 8px;
}
#main {
	overflow: hidden;
}
.testimonial-logo {
    max-width: 180px;
    margin: 0 auto 30px auto;
}
.testimonials{
	background-color:#efefef;
}
.career .career-box:nth-child(2n + 1){
	background-color: #0087ff;
color: #fff;
}
.career .career-box:nth-child(2n + 1) h3{
color: #fff;
}
.career .career-box:nth-child(2n + 1) .job-meta-list{
color: rgba(255,255,255,0.7);
}
.testimonials .testimonial-carousel{
	background-image:url('img/testimonial-icon.png');
	background-position: left top;
	background-repeat:no-repeat;
} 
.concept{
	position:relative;
}
.fab-background .fab-background-left, .fab-background .fab-background-right{
	position:absolute;
	top:0;
	bottom:0;
	z-index: 1;
}
.fab-background .fab-background-left{
	max-width: 30%;
	width:100%;
	left:0;
}
.fab-background .fab-background-right{
	max-width: 30%;
	width:100%;
	right:0;
}
.concept-container{
	position:relative;
	z-index: 9;
}
.concept .concept-list {
    margin-left: 40px;
}
.other-service-image-box{
	max-height: 280px;
}
.concept-content{
	margin-right:40px;
}
.service-additional-box{
	
}
.ground-services-grid{
	background-color: #f1f1f1;
}
.ground-service-grid-body{
	padding: 20px;
}
.ground-service-grid-body p{
	min-height: 150px;
}
.d-none{
	display:none;
}
.fabrication-read-more{
	display:none;
}

@media screen and (max-width:1199px) {
	.slider-inner {
		top: 60px;
	}
	.slider-inner-content {
		padding-top: 0;
	}
	.small-image p {
		bottom: -11px;
		right: 13px;
		font-size: 14px; 
	}
}
@media screen and (max-width:992px) {
	header.header .logo{
		padding-top: 15px;
		padding-bottom: 10px;
		width: 150px;
	}	
	.mobile-menu-toggle {
		padding-top: 27px;
		display: inline-block;
		float: right;
	}
	.menu-area .menu {
		position: absolute;
		width: 100%;
		display: none;
		left: 0;
		right: 0;
		margin: 0;
		z-index: 999;
		top: 66px;
	}
	
	.menu ul {
		margin: 0;
		padding: 0;
	}
	.menu ul li {
		display: block;
		position: relative;
		background-color: rgba(39, 56, 150, 0.9);
		border-bottom: 1px solid rgb(18, 31, 107);
	}
	.menu-area .menu li a {
		padding: 5px 15px;
		position: relative;
		text-transform: uppercase;
		color: #FFFFFF;
		display: block;
		text-align: center;
	}
	.menu li .sub-menu {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transition: 0.4s all ease-out;
		-moz-transition: 0.4s all ease-out;
		transition: 0.4s all ease-out;
		z-index: 9999;
		width: 100%;
		text-align: center;
		-webkit-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
		height: 0;
	}
	
	.menu li:hover .sub-menu {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		height: auto;
		top: 0;
	}
	.menu > ul > li {
		padding: 6px;
	}
	.menu-area .menu > ul > li > a {
		padding-bottom: 5px;
	}
	.slider-inner {
		top: 35px;
	}
	.slider-inner-content {
		padding-top: 0px;
	}
	.slider-inner-content h2 {		
		line-height: 50px;
		font-size: 36px !important;
		padding-bottom: 10px;
	}
	.slider-inner-content p {
		font-size: 19px;
		line-height: 30px;
		padding-bottom: 10px;
	}
	.slider-content-image p {
		display: none;
	}	
	.small-image p {
		display: none;
	}
	.about .about-image-box {
		margin-bottom: 20px;
	}
	.p-t-n{
		padding-top: 0 !important;
	}
	.about-image-box{
		
	}
	/*.about-image-box p{
		bottom: 13px;
		max-width: 190px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}*/
	.about .about-image-box-title a {
		font-size: 16px;
	}
	.main-title{
		background-size:auto;			
	}
	.main-title h1{
		font-size: 36px !important;
	}
	.main-title h4{
		font-size: 19px !important;
	}
}
@media screen and (max-width:832px) {
	.menu-area .menu{
		top: 86px;
	}
	.display-none{
		display: none;
	}
	.footer .footer-menu-area .footer-menu ul {
		display: block;
	}
	.footer .footer-menu-area .footer-menu {
		margin: 0;
	}
	.slider-inner-content{
		margin: 0 auto;
	}
}
@media screen and (max-width:767px) {
	.responcive-p-b{
		padding-bottom: 30px;
	}
	.concept-content{
		margin-right: 0;
	}
	.concept .concept-list{
		margin-left: 0;
	}
	.res-margin-left{
		margin-left: -25px;
	}
	.r-m-b-30{
		margin-bottom: 30px;
	}
	.r-m-b-40{
		margin-bottom: 40px
	}
	.fab-background{
		display: none;
	}
	.responsive-text-center{
		text-align: center
	}
	.res-no-m-b{
		margin-bottom: -55px;
	}
	h4, .h4 {
		font-size: 22px;
	}
	
	.slider-content-image {
		display: none;
	}
	.small-image {
		display: none;
	}
	.about .about-image-box {
		text-align: center;
	}
	.btn {
		padding: 6px 20px;
		font-size: 16px;
	}
	.about-image-box{
		margin: 0 auto;
		width: 100%;
		max-width: 348px;
	}
	.container-fabrication-image{
		display: none;
	}
	.call-to .call-to-content {
		padding: 0 26px;
	}
	.contact .contact-details{
		margin-left: 0;
	}
	.slider-inner {
    position: inherit;
    bottom: 0px;
    padding: 50px 0;
    background-color: #253d8d;
    text-align: center;
}
	.slider-inner h1{
		padding-bottom:0!important;
		margin:0!important;
	} 
	.main-title {
    background-size: cover;
    text-align: center;
}
	.about-img, .img-space{
		margin-bottom:30px;
	}
}
@media screen and (max-width:600px){
	
	
	.call-to::after{
		right: -70px;
	}
	.call-to::before{
		left: -70px;
	}
}
@media screen and (max-width:517px){
	
	.btn-responsive{
		display: none;
	}  
	.slider-inner-content h2{
		    font-size: 34px !important;
    padding-bottom: 5px;
    text-align: center;
}
	.m-l-10{
		margin-left: 0;
	}
	
.slider-inner-content p{
	padding-bottom: 0px;
text-align: center;
}
	.core-value-area .core-value {
    display: table;
    margin: 10px auto;
}
.footer .footer-menu-area .footer-menu {
    margin: 0px auto;
    text-align: center;
}
}
@media screen and (max-width:415px){
	h2, .h2{
		font-size:28px;
	}
	h4, .h4{
		font-size: 22px;
	}
	.slider-inner{
		top: 25px;
	}
	
	.slider-inner-content p{
		display: none;
	}
	.latest-project .latest-project-carousel .latest-project-carousel-image h4{
		line-height: 43px;
font-size: 20px;
	}
	.latest-project .latest-project-carousel .latest-project-carousel-image h4 i{
		width: 35px;
		height: 35px;
		padding: 7px 10px;
		margin-right: 0;
		font-size: 20px;
		margin-top: 5px;
		display: none;
	}
	.btn{
		min-width: 195px;
	}
	.r-m-b-20{
		margin-bottom: 20px;
	}
	.m-l-10{
		margin-bottom: 0;
	}
	.career-box{
		padding: 35px 40px 110px;
	}
}
@media screen and (max-width:379px){
	.our-partners .logo-area .partner-logo{
		display: block;
	}
	.testimonials .testimonial-carousel{
		background-size: 40px;
	}
}
@media screen and (max-width:350px){
	.latest-project-carousel .owl-nav{
		font-size: 14px;
	}
}