@import "fonts.css";

a,
a:hover {
    text-decoration: none !important;
}

ul,
ol {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.brand-color
{
	color:var(--color1);
	font-family:var(--roboto4);
}
.brand-color2
{
	color:var(--color2);
	font-family:var(--roboto4);
}

h1,h2,h3,h4,h5,h6
{
	font-family: var(--nunito4);
}
.container
{
		max-width: 95%;
}
body {
    line-height: 25px;
    font-style: normal;
    color: #333;
    background-color: #fff;
    font-size: 14px;
    overflow-x: hidden;
    font-family: var(--roboto3);
    letter-spacing: 1px;
    z-index: 2;
    position: relative;
}
body.homepage
{
    background-color: #fff;
}
.cursor
{
    cursor: pointer !important;
}
.heading1 h4
{
    font-family: var(--monte5);
}
.spacer1
{
    width: 100%;
    height: 20px;
}

.toggle-btns
{
	display:none;
}

@media screen and (min-width:1140px)
{
	.d-b-l-o-c-k
	{
		display:block;
	}
}

.heading2 h3
{
	font-family:var(--roboto4);
	color:var(--color1);
	font-size:19px;
	margin-top:15px;
	margin-bottom:15px;
	letter-spacing:0;
}

.heading3 h3
{
	font-family:var(--roboto5);
	color:var(--color1);
	font-size:27px;
	margin-top:20px;
	margin-bottom:35px;
	letter-spacing:0;
}


.hide-logo
{
	display:block;
}


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


.toggle-container
{
	display:none;
}

.navigations .logo
{
	padding:12px 0;
}

.navigations .logo .logo1
{
	display:block;
}
.navigations .logo .logo2
{
	display:none;
}

.navigations .logo img
{
	/* width:170px; */
}


.navigations .right-logo
{
	padding:9px 0;
	float:right;
}
.navigations .right-logo img
{
	width:110px;
}


.navigations .mynavbars
{
	display:table;
	margin:auto;
}

@media screen and (min-width:992px)
{
	.navigations .mynavbars
	{
		display:table !important;
	}
}


.navigations .mynavbars .main-ul .main-li
{
	float:left;
	margin:38px 5px;
}
.navigations .mynavbars .main-ul .main-li a
{
	display:inline-block;
	font-family:var(--nunito5);
	text-transform:uppercase;
	letter-spacing:0;
	padding:10px 5px;
	color:var(--black);
	position:relative;
}
.navigations .mynavbars .main-ul .main-li:hover a,
.navigations .mynavbars .main-ul .main-li.active a
{
	color:var(--color1);
}
.navigations .mynavbars .main-ul .main-li a:before
{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	height:3px;
	border-top:1px solid var(--color1);
	border-bottom:1px solid var(--color1);
	transition:all .3s linear;
}
.navigations .mynavbars .main-ul .main-li:hover a:before,
.navigations .mynavbars .main-ul .main-li.active a:before
{
	width:100%;
}



.clone
{
	position:fixed;
	top:-130%;
	left:0;
	width:100%;
	z-index:15;
	transition:all .4s linear;
}

.clone.fixed
{
	top:0%;
}
.clone .navigations
{
	background-color:var(--white);
	box-shadow:0 0 10px rgba(0,0,0,.4);
}
.clone .navigations .logo .logo1
{
	width:350px;
}
.clone .navigations .mynavbars .main-ul .main-li
{
	margin:18px 5px;
}
.clone .navigations .right-logo img
{
	width:96px;
}

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


#slider.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

#slider.carousel-fade .carousel-item:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.8)); 
}

#slider.carousel-fade .carousel-item-next.carousel-item-left,
#slider.carousel-fade .carousel-item-prev.carousel-item-right,
#slider.carousel-fade .carousel-item.active {
    opacity: 1
}

#slider.carousel-fade .active.carousel-item-left,
#slider.carousel-fade .active.carousel-item-right {
    opacity: 0
}

#slider.carousel-fade .active.carousel-item-left,
#slider.carousel-fade .active.carousel-item-prev,
#slider.carousel-fade .carousel-item-next,
#slider.carousel-fade .carousel-item-prev,
#slider.carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#slider .carousel-control-next,
#slider .carousel-control-prev {
    opacity: 1;
}

#slider .carousel-control-prev-icon {
    background-image: url(../img/prev.png);
}

#slider .carousel-control-next-icon {
    background-image: url(../img/next.png);
}

#slider.carousel-fade .carousel-item .mycaptions
{
	position:absolute;
	left:50%;
	bottom:8%;
	transform:translateX(-50%);
	width:60%;
}
#slider.carousel-fade .carousel-item .mycaptions h4
{
	font-family:var(--roboto6);
	font-size:35px;
	line-height:1.3;
	color:var(--white);
	text-shadow:2px 2px 10px rgba(0,0,0,1);
	text-align:center;
	
}
#slider.carousel-fade .carousel-item .mycaptions p
{
	font-family: var(--nunito4);
	font-size: 18px;
	line-height: 1.5;
	color: var(--black);
	text-shadow: 2px 2px 20px rgba(255,2552,255,.5);
}

#slider .carousel-control-prev-icon
{
	left:0;
}
#slider .carousel-control-next-icon
{
	right:0;
}



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

section.about-home
{
    margin-top: 40px;
}

section.about-home .description
{
	padding:30px 0;
}
section.about-home .description p
{
	margin-bottom:10px;
	font-size:15px;
}

.image-homepage
{
    position: relative;
    float: left;
    margin-right: 25px;
    margin-bottom: 54px;
}


.image-homepage span
{
    position: absolute;
    width: 90%;
    height: 88%;
    top: 50%;
    left: 50%;
    background-color: transparent;
    z-index: 2;
    display: block;
    transform: translate(-50%,-50%);
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}
.image-homepage img
{
    padding: 17px;
    position: relative;
    z-index: 5;
}
.image-homepage:before
{
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 0;
    border-top: 8px solid #C4C5C6;
    border-left: 8px solid #737373;
    z-index: 3;
}
.image-homepage:after
{
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    right: 0;
    bottom: 0;
    border-right: 8px solid #737373;
    border-bottom: 8px solid #C4C5C6;
    z-index: 3;
}




.image-homepage2
{
    position: relative;
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
	width: 450px;

}


.image-homepage2 span
{
    position: absolute;
    width: 90%;
    height: 88%;
    top: 50%;
    left: 50%;
    background-color: transparent;
    z-index: 2;
    display: block;
    transform: translate(-50%,-50%);
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}
.image-homepage2 img
{
    padding: 17px;
    position: relative;
    z-index: 5;
}
.image-homepage2:before
{
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 0;
    border-top: 8px solid #C4C5C6;
    border-left: 8px solid #737373;
    z-index: 3;
}
.image-homepage2:after
{
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    right: 0;
    bottom: 0;
    border-right: 8px solid #737373;
    border-bottom: 8px solid #C4C5C6;
    z-index: 3;
}



.heading1 h3
{
	font-family:var(--roboto5);
	font-size:27px;
	letter-spacing:0;
	color:var(--color1);
	display:inline-block;
	position:relative;
	padding-bottom:5px;
	margin-bottom:15px;
	text-transform:capitalize;
}
.heading1.centers
{
	text-align:center;
}
.heading1 h3:before
{
	content:'';
	position:absolute;
	width:100%;
	height:3px;
	left:0;
	bottom:0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.heading1.centers h3:before
{
	left:50%;
	transform:translateX(-50%);
}

section.about-home .description p
{
	font-family:var(--roboto3);
	font-size:15px;
	letter-spacing:0;
	word-spacing:1px;
	text-align:justify;
}

section.about-home .description .anchorbtn a
{
	display:inline-block;
	padding:6px 20px;
	background-color:var(--color3);
	font-family:var(--roboto4);
	font-size:14px;
	text-transform:uppercase;
	color:var(--white);
	border-radius:25px;
	border:2px solid var(--color3);
}
section.about-home .description .anchorbtn a:hover
{
	background-color:var(--white);
	color:var(--color3);
}

/*
========================
*/
section.service-home
{
	padding:50px 0 35px;
	background-color:#f7f7f7;
}

section.service-home .description p
{
	font-family: var(--roboto3);
	font-size: 16px;
	letter-spacing: 0;
	word-spacing: 1px;
	max-width:80%;
	margin:auto;
	text-align:center;
}

section.service-home .description .anchorbtn
{
	text-align:center;
	margin-top:15px;
}

section.service-home .description .anchorbtn a
{
	display:inline-block;
	padding:6px 20px;
	background-color:var(--color3);
	font-family:var(--roboto4);
	font-size:14px;
	text-transform:uppercase;
	color:var(--white);
	border-radius:25px;
	border:2px solid var(--color3);
}
section.service-home .description .anchorbtn a:hover
{
	background-color:var(--white);
	color:var(--color3);
}

section.service-home .description .types-job-colom
{
	font-family:var(--roboto6);
	font-size:35px;
	color:#575757;
	text-align:center;
	margin-top:25px;
	margin-bottom:15px;
	position:relative;
}
section.service-home .description .types-job-colom a.content-box
{	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	display:block;
}

section.service-home .description .types-job-colom a.content-box .overlay
{
	position:absolute;
	width:100%;
	padding:0 40px;
	top:50%;
	transform:translateY(-50%);
}

section.service-home .description .types-job-colom a.content-box .overlay span.explains
{
	font-size: 15px;
	letter-spacing: 0;
	font-family: var(--roboto4);
	color: var(--white);
	word-spacing: 2px;
}

section.service-home .description .types-job-colom a.content-box .overlay i
{
	color:var(--white);
	font-size:.9em;
	margin-bottom:20px;
}
section.service-home .description .types-job-colom a.content-box .overlay h4
{
	color:var(--white);
	font-size:20px;
	font-family:var(--roboto4);
	margin-bottom:5px;
	letter-spacing:0;
	text-transform:capitalize;
}

section.service-home .description .typeOfJobs
{
	font-family:var(--roboto5);
	color:#514f4f;
	font-size:35px;
	text-align:center;
	margin-top:25px;
	text-transform:capitalize;
}

.types-job-colom
{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:250px;
}

section.service-home .description .padding-right
{
	padding-right:7px;
}
section.service-home .description .padding-left-right
{
	padding-left:7px;
	padding-right:7px;
}
section.service-home .description .padding-left
{
	padding-left:7px;
}

/*
===========================
*/
section.clients-section
{
	margin-top:30px;
}


#clients
{
	margin-top:10px;
}
#clients .testimonial
{
	text-align:center;
}
#clients .testimonial
{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
#clients .testimonial img
{
	 width: auto;
    height: auto;
    margin: auto;
	padding:15px;
}

@media screen and (min-width:1140px)
{
    #clients .testimonial
    {
        height: 150px;
    }
    #clients .testimonial img
    {
        max-height: 150px;
    }
}

/*
=======================
*/
footer
{
    padding:40px 0 20px;
    background:#282828;
	margin-top:50px;
}

footer .ftr-box ul li
{
    margin-bottom: 7px;
}
footer .ftr-box ul li a
{
    position: relative;
    color: var(--white);
    font-family: var(--lato3);
    font-size: 15px;
    padding-left: 20px;
	vertical-align:top;
}

footer .ftr-box ul li a span
{
	display:inline-block;
	width:92%;
	letter-spacing:0;
}

footer .ftr-box ul li a:before
{
    content: '\f144';
    position: absolute;
    left: 0;
	color:var(--color3);
    font-family: fontawesome;
	vertical-align:top;
}


footer .ftr-box .head
{
    font-family:var(--roboto5);
    text-transform: uppercase; 
    color: var(--white);
    font-size: 18px;
    margin-bottom: 10px;
	position:relative;
	padding-bottom:10px;
	margin-bottom:20px;
}
footer .ftr-box .head:before
{
	content:'';
	position:absolute;
	width:70px;
	height:4px;
	background-color:var(--color1);
	left:0;
	bottom:0;
}
footer .address-box .add-row
{
    display: block;
    margin-bottom: 5px;
    color: var(--white);
    font-family: var(--roboto3);
    font-size: 16px;
	letter-spacing:0;

}
footer .address-box .add-row i
{
    color: var(--color3);
}

footer .last-footer
{
    padding-left: 30px;
}

footer .last-footer
{
	padding-left:40px;
}

.pad-left-2
{
    padding-left: 20px;
}

.copyright
{
    padding:8px;
    background-color: var(--color1);
    color: var(--white);
	letter-spacing:0;
    font-family: var(--roboto3);
    text-align: center;
	font-size:16px;
	word-spacing:1px;
}
.copyright a
{
    color: var(--white);
}


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

.page-banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 300px;
}

.page-banner .dark-container {
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to bottom, rgba(0, 136, 207, .5), rgba(0, 0, 0, 1));
	background: -o-linear-gradient(to bottom, rgba(0, 136, 207, .5), rgba(0, 0, 0, 1));
	background: -moz-linear-gradient(to bottom, rgba(0, 136, 207, .5), rgba(0, 0, 0, 1));
	background: linear-gradient(to bottom, rgba(0, 136, 207,.5), rgba(0, 0, 0, 1));
	position: relative;
}

.page-banner .dark-container .content-box {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.page-banner .dark-container .content-box .banner-title {
	font-family: var(--roboto5);
	color: var(--white);
	font-size: 35px;
	margin-bottom: 5px;
}

.page-banner .dark-container .content-box .breadcrumbs a {
	font-family: var(--roboto3);
	color: var(--white);
	font-size: 14px;
	letter-spacing: 0;
}

.page-banner .dark-container .content-box .breadcrumbs a:not(:last-child) {
	padding-right: 8px;
}

.page-banner .dark-container .content-box .breadcrumbs a:not(:last-child):after {
	content: '\f101';
	font-family: fontawesome;
	margin-left: 8px;
}

.page-banner .dark-container .content-box .breadcrumbs a:last-child {
	font-family: var(--roboto4);
}

/*
============================
*/
.table1 thead tr
{
	background-color:var(--color1);
	color:var(--white);
}
.table1 thead tr th
{
	font-weight:normal;
	font-family:var(--roboto5);
	font-size:15px;
	padding:13px 20px;
}
.table1 tbody tr td
{
	font-weight:normal;
	font-family:var(--roboto3);
	font-size:15px;
	padding:13px 20px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table1 tbody tr td:nth-child(1)
{
	border-left:1px solid #ccc;
	font-family:var(--roboto4);
}

/*
-=============================
*/
section.we-deals-following-types
{
	margin-top:0px
}

.cart-box
{
	background-color:var(--white);
	max-width:90%;
	margin:auto;
	padding:20px 25px;
}
.cart-box .card-head
{
	font-family:var(--roboto5);
	font-size:16px;
	color:var(--color1);
	text-transform:capitalize;
	letter-spacing:;
}
.cart-box .card-head span
{
	display:block;
}
.cart-box .card-container
{
	padding-top:15px;
}
.cart-box .card-container ul li
{
	position:relative;
	padding-left:20px;
	font-family:var(--roboto4);
	font-size:15px;
	margin-bottom:8px;
	letter-spacing:0;
	transition:all .1s linear;
}
.cart-box .card-container ul li:hover
{
	padding-left:28px;
}
.cart-box .card-container ul li:before
{
	content:'\f144';
	font-family:fontawesome;
	position:absolute;
	top:0;
	left:0;
	color:var(--color3);
}

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



/*
******************************************
*/
.myformDesign
{
    padding-right: 30px;
    margin-top: 30px;
}
.myformDesign .form-group .inputdiv
{
    position: relative;
}
.myformDesign .form-group label
{
    font-family: var(--roboto4);
	letter-spacing:0;
    color: #4a4646;
	font-size:15px;
}

.myformDesign .form-group .inputdiv .form-control
{
    border: 0px;
    border-bottom: 2px solid #dedbdb;
    border-radius: 0;
    font-size: 16px;
    font-family: var(--roboto3);
    color: #333;
}
.myformDesign .form-group .inputdiv .animatedRow
{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: var(--color1);
    transition: width .2s linear;
}
.myformDesign .form-group .inputdiv .animatedRow.showRow
{
    width: 100%;
}
.myformDesign .form-group .inputdiv .form-control:focus
{
    box-shadow: none;
    border-bottom-color:var(--color2); 
}
.myformDesign .form-group .inputdiv textarea.form-control
{
    resize: none;
}


.myformDesign .form-group .inputdiv .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a5a5;
  font-size: 14px;
    font-family: var(--roboto4);
}
.myformDesign .form-group .inputdiv .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a7a5a5;
  font-size: 14px;
    font-family: var(--roboto4);
}
.myformDesign .form-group .inputdiv .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a7a5a5;
  font-size: 14px;
    font-family: var(--roboto4);
}
.myformDesign .form-group .inputdiv .form-control:-moz-placeholder { /* Firefox 18- */
  color: #a7a5a5;
  font-size: 14px;
    font-family: var(--roboto4);
}


.myformDesign .form-group .capacha-div
{
    margin-top: 25px;
}

.myformDesign .submitButton
{
    background-color: var(--color1);
    cursor: pointer;
    color: var(--white);
    border:0px;
    padding: 5px 25px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    font-family: var(--monte4);
    text-transform: uppercase;
}
@media screen and (min-width: 1140px)
{
    .myformDesign .submitButton
    {
        display: table;
        margin:auto;
        margin-top: 15px;
    }
}




/*
*****************************************
*/

.addressBox .addressRow
{
    border-bottom: 1px solid var(--color3);
    padding:10px;
}
.addressBox .addressRow span.icon
{
    float: left;    
    margin-right: 10px;
}
.addressBox .addressRow span.icon .fa
{
    color: var(--color1);
    font-size: 1.2em;
}

.addressBox .addressRow span.detail
{
    display: inline-block;
    width: 87%;
    vertical-align: top;
    line-height: 25px;
	letter-spacing:0;
    font-family: var(--roboto3);
	font-size:16px;
}

.addressBox .addressRow span.detail span.strong
{
    font-family: var(--roboto5);
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
	letter-spacing:0;
}



/*
===================================================
Clients
===================================================
*/

.ColomnParent .colLg5
{
  width: calc(100% / 5);
  float: left;
  padding:3px;
  margin-bottom: 15px;
}

.ColomnParent .colLg5 .logoArea
{
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 8px;
  overflow: hidden;
  box-shadow:0 0 5px rgba(0,0,0,.2);
  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}

.ColomnParent .colLg5 .logoArea img
{
    transform:scale(1) rotate(0deg);
    transition: 2s;
	padding: 15px;
	width: auto;
    height: auto;
    margin: auto;
}
.ColomnParent .colLg5 .logoArea:hover img
{
    transform:scale(1.2) rotate(-10deg);   
}


.ColomnParent .colLg5 .logo-text{
    font-family: var(--roboto4);
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
	color:var(--color1);
	letter-spacing:0;

}


@media screen and (min-width:1140px)
{
    .ColomnParent .colLg5 .logoArea
    {
        height: 180px;
    }
    .ColomnParent .colLg5 .logoArea img
    {
        max-height: 180px;
    }
	
	.ColomnParent .colLg5:nth-child(5n + 1)
	{
		clear:both;
	}
}