.clear{clear: both}
button,input,textarea,select{outline: none;}
h1,h2,h3,h4,h5,h6{letter-spacing: -0.5px;}
.weblogo{
position: relative;
top: -8px;
width: auto;height: 85px;
}
.item-video { height: 650px; }
.owl-video-wrapper .owl-video-play-icon{display: none;}
#slider .item img{width: 100%;object-fit:cover;height: 650px;}
.sliderCaption{
position: absolute;
top: 50%;left: 50%;
color: #fff;
display: block;
text-align: center;
width: 100%;
transform:translate(-50%, -50%);
}
.sliderCaption h1{
font-size: 60px;
text-shadow: 4px 4px 5px rgba(0, 0, 0, 1);
margin-bottom: 50px;
}
.sliderCaption a{
color: #fff;
background-color: #c30e23;
padding: 10px 20px;
border:1px solid #fff;
border-radius: 5px;
}
.HomeSection{
width: 100%;
padding: 40px 0;
}
.greybg{background-color: #f7f7f7}
.redbg{background-color: #c30e23;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.pad-t-10{padding-top: 10px}
.pad-t-20{padding-top: 20px}
.pad-t-30{padding-top: 30px}
.pad-t-40{padding-top: 40px}
.pad-t-50{padding-top: 50px}
.pad-l-10{padding-left: 10px}
.pad-l-20{padding-left: 20px}
.pad-l-30{padding-left: 30px}
.pad-l-40{padding-left: 40px}
.pad-l-50{padding-left: 50px}
.pad-r-10{padding-right: 10px}
.pad-r-20{padding-right: 20px}
.pad-r-30{padding-right: 30px}
.pad-r-40{padding-right: 40px}
.pad-r-50{padding-right: 50px}
.xsContainer{
width: 100%;margin: 0 auto;
max-width: 850px;
}
.textCenter{text-align: center;}
img.fullimg{width: 100%;height: auto;}
.styleTitle,.styleTitle-fff{
width: 100%;text-align: center;
margin-bottom: 30px;
}
.styleTitle h3{
display: inline-block;
color: #222a35;
font-weight: bold;
font-size: 28px;
font-weight: bold;
padding: 4px 0;
letter-spacing: -1px;
border-bottom: 4px solid #c30e23;
}
.styleTitle-fff h3{
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 28px;
font-weight: bold;
padding: 4px 0;
letter-spacing: -1px;
border-bottom: 4px solid #fff;
}
.GridContainer{width: 100%;float: left;}
.GridContainer img{width: 100%;}
.boxwithshadow{
-webkit-box-shadow: 0px 3px 8px 1px rgba(196,196,196,1);
-moz-box-shadow: 0px 3px 8px 1px rgba(196,196,196,1);
box-shadow: 0px 3px 8px 1px rgba(196,196,196,1);
}
.news-whitebox{
background-color: #fff;
padding: 15px;min-height: 100px;
}
.news-whitebox p{
color: #222;
font-size: 15px;
margin:0;max-height: 63px;
overflow: hidden;
}
.aboutGrid{margin-bottom: 20px;position: relative;}
.aboutGrid img{width: 100%;height: 250px;object-fit:cover;}
.aboutGrid h2{
margin: 0;
width: 100%;
text-align: center;
font-size:28px;
font-weight: bold;
letter-spacing: -0.5px;
position: absolute;
top: 50%;left: 50%;
color: #fff;
text-shadow: 4px 4px 5px rgba(0, 0, 0, 1);
transform:translate(-50%, -50%);
}
.Footer{
width: 100%;
border-top:2px solid #c30e23;
background-color: #183141;
color: #fff;
padding: 30px 0;
}
.FooterlogoContainer{
float: left;
width: 19%;
padding: 0;
}
img.footerlogo{max-width: 90%;margin-bottom: 15px;}
img.Footersocial-img{width: 90px;height: auto;}
.FooterLinksContainer{
float: left;
width: 27%;
min-height: 220px;
background-color: transparent;
padding: 0 10px 0 4%;
border-left: 1px solid #fff;
}
.FooterLinksContainer h3{
font-size: 20px;
font-weight: normal;
margin:0 0 20px 0;padding: 0;
}
.LinksRow{width: 100%;
display: table;
}
.Linkimg{
display: table-cell;
width: 20px;
}
.LinksData{
text-align: left;
display: table-cell;;line-height: 1.3;
}
.LinksData a{color: #fff;text-decoration: none;}
.LinksData a:hover{color: #c30e23;}
.FooterLinksContainer p{margin: 0 0 15px 0;}
.FooterLinksContainer input[type="text"]{
width: 100%;
border:0;
background-color: #fff;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
color: #555;
}
.FooterLinksContainer input[type="submit"]{
background-color: #c30e23;
border:0;
color: #fff;
padding: 10px;
border-radius: 5px;
text-align: center;min-width: 100px;
}
.copyright{
position: relative;
width: 100%;
padding: 15px 0;
background-color: #0b1e2a;
color: #fff;
text-align: center;
}
.Terms{
position: absolute;
right: 0;top: 0;
float: right;
color: #999999;
}
.Terms a{
margin: 0 10px;
color: #999999;
text-decoration: none;
}
.scrollToTop{
width:35px;
height:35px;
padding:10px;
text-align:center;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:25px;
right:25px;
display:none;
z-index: 99;
}
.scrollToTop img{width: 35px;height: 35px;}
.scrollToTop:hover{
text-decoration:none;
}
/*subpage*/
.subbanner{
position: relative;
width: 100%;float: left;
}
.subbanner img{
width: 100%;height: auto;object-fit:cover;
max-height: 350px;
}
.subbanner h1{
width:100%;
text-align:center;
font-size: 42px;font-weight: bold;
color: #fff;
position: absolute;
margin:0;
top: 50%;left: 50%;
transform:translate(-50%, -50%);
}
.subsection{
float: left;
width: 100%;padding: 40px 0;
}
.subsection a{color: #000;text-decoration: none;}
.subsection a:hover{color: #c30e23;text-decoration: none;}
.T-Row{width: 100%;display: table;}
.T-Data-50{
width: 50%;
display: table-cell;
vertical-align: middle;
padding: 0 15px;
}
.T-Data-50 img{max-width: 100%;height: auto;}
.rightTextContainer{}
.leftTextContainer{}
.rightTextContainer h3,.leftTextContainer h3{
color: #b01117;font-size: 24px;margin:0 0 15px 0;
font-weight: bold;letter-spacing: -0.5px;
}
.rightTextContainer p,.leftTextContainer p{line-height: 1.7;}
.halfCol{width: 50%;float: left; padding:0 15px;}
.carrerType{padding-top: 40px;}
.CarrerRow{width: 100%;margin-bottom: 5px;}
.CarrerRow button{
width: 100%;
border:0;
text-align: left;
background-color: #eee;
color: #676767;
padding: 10px ;
}
.CarrerRow span{
margin-right: 4px;
position: relative;
top: 1px;
}
.CarrerRow button.active{
background-color:#b01117;
color: #fff;
}
.joblist{padding: 15px 0 5px 0;}
.joblist p{line-height: 1.2;margin-bottom: 10px;cursor: pointer;}
.Leadership h3{
letter-spacing: -0.5px;
color: #b01117;font-size: 24px;
margin:0 0 15px 0;
font-weight: bold;
text-align: center;
}
.Leader{margin-top: 20px;}
.Leader img{display: block;float: left;
width: 32%;
}
.leaderInfo{float: left;padding-left: 15px;width: 68%;}
.leaderInfo h4{color: #222a35;font-weight: bold;font-size: 20px;margin: 0 0 5px 0;}
.leaderInfo h5{color: #222a35;font-weight: bold;font-size: 16px;margin: 0 0 10px 0;}
#branding{
overflow: hidden;
position: relative;
}
#branding .carousel-inner{
width: 75%;
margin: auto;
}
#branding .carousel-inner:hover{
cursor: -moz-grab;
cursor: -webkit-grab;
}
#branding .carousel-inner:active{
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
#branding .carousel-inner .item{
overflow: hidden;
}
.Branding_indicators .carousel-indicators{
left: 0;
margin: 0;
width: 100%;
font-size: 0;
height: 20px;
bottom: 15px;
padding: 0 5px;
cursor: e-resize;
overflow-x: auto;
overflow-y: hidden;
position: absolute;
text-align: center;
white-space: nowrap;
}
.Branding_indicators .carousel-indicators li{
padding: 0;
width: 10px;
height: 10px;
border: none;
text-indent: 0;
margin: 2px 3px;
cursor: pointer;
display: inline-block;
background: #000;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.Branding_indicators .carousel-indicators .active{
padding: 0;
width: 10px;
height: 10px;
border: none;
margin: 2px 3px;
background-color: #000;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.Branding_indicators .carousel-indicators::-webkit-scrollbar{
height: 3px;
}
.Branding_indicators .carousel-indicators::-webkit-scrollbar-thumb{
background: #eeeeee;
-webkit-border-radius: 0;
border-radius: 0;
}
.Branding_control_button .carousel-control{
top: 110px;
opacity: 1;
width: 40px;
bottom: auto;
height: 40px;
font-size: 10px;
cursor: pointer;
font-weight: 700;
overflow: hidden;
line-height: 38px;
text-shadow: none;
text-align: center;
position: absolute;
background: transparent;
border: 0;
text-transform: uppercase;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.Branding_control_button .carousel-control.left{
left: 0;
right: auto;
}
.Branding_control_button .carousel-control.right{
right: 0;
left: auto;
}
.Branding_slide{
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
margin: auto;
padding: 0 20px;
position: relative;
text-align: center;
}
.Branding_slide img {
top: 0;
left: 0;
right: 0;
width: auto;height:90px;
}
.Branding_slide h3{
font-size: 20px;font-weight: bold;
margin: 15px 0;
}
.Branding_slide p {
color: #000;
font-size: 16px;
margin: 10px 0;
min-height: 150px;
}
.Branding_slide h4 {
color: #ffffff;
font-size: 24px;
font-weight: bold;
}
.servicesHeading h3{
color: #183141;font-size: 24px;margin:0 0 15px 0;
font-weight: bold;letter-spacing: -0.5px;
}
.servicesHeading p{line-height: 1.6;font-size: 15px;}
/*terms Policy*/
.TermsPolicy p{line-height: 1.5;font-size: 15px;margin-bottom: 15px;}
.xsContainer p{margin-bottom: 15px;}
.xsContainer .fullimg{
margin: 0 0 15px 0;
}
/*Product Development*/
.greybox{
width: 100%;
background-color: #f8f8f8;
color: #222a35;
padding: 30px 50px;
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
}
/*product*/
.Product-item{text-align: center;margin:40px 0;}
.Product-item h3{color: #222a35;font-size: 22px;font-weight: bold;}
.Product-item p{max-width: 200px;margin: 10px auto;font-size: 16px;color: #777777;}
/*Partnership*/
.PartnershipForm{
width: 100%;
margin-top: 40px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border:1px solid #ddd;
}
.FormTitle{
width: 100%;
padding:10px 0;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #fff;
background-color: #c30e23;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.FormContent{width: 90%;margin:20px auto;}
.FormContent p{margin-bottom: 15px;}
.Form-l-50{width: 50%;float: left;padding-right: 15px;}
.Form-r-50{width: 50%;float: right;padding-left: 15px;}
.FormContent h5,.ContactusForm h5{margin:0 0 5px 0;}
.FormContent input[type="text"],.FormContent textarea,
.ContactusForm input[type="text"],.ContactusForm textarea{
width: 100%;
padding: 8px;
border:1px solid #ddd;
border-radius: 4px;
margin-bottom: 15px;
resize:none;
-webkit-appearance: none;
}
.FormContent textarea,.ContactusForm textarea{min-height: 120px;-webkit-appearance: none;}
.Form-full{
width: 100%;
float: left;
}
.FormSubmit{width: 100%;float: left;}
.FormContent input[type="submit"],.ContactusForm input[type="submit"]{
color: #fff;
background-color: #c30e23;
padding: 10px;
border:0;
min-width: 180px;
text-align: center;
border-radius: 5px;
margin-bottom: 10px;
-webkit-appearance: none;
}
/*contacts*/
#map {height: 500px;}
.ContactHeading{margin-bottom: 40px;}
.ContactHeading p{font-size: 16px;margin: 10px 0;}
.ContactData{width:35%;float: left;
text-align: left;
}
.ContactData p{margin-bottom: 15px;
letter-spacing: -0.2px;
}
.ContactusForm{
text-align: left;
width: 65%;float: left;
}
.ContactusForm p{margin-bottom: 15px;}
/*client*/
.ClientExplain{padding: 0 15px;width: 100%;
margin-bottom: 10px;
}
.RowSelect{padding: 0 15px;width: 25%;}
.RowSelect select{
padding: 8px;
border:1px solid #ddd;
width: 100%;
}
.EachClient{
width: 25%;
padding: 20px 15px;
float: left;
}
.EachClient img{width: 100%;height: auto;
border:1px solid #ddd;
-webkit-box-shadow: 0px 5px 8px -2px rgba(158,158,158,1);
-moz-box-shadow: 0px 5px 8px -2px rgba(158,158,158,1);
box-shadow: 0px 5px 8px -2px rgba(158,158,158,1);
}
/*about job*/
.jobPopup h3{
color: #b01117;
margin: 0 0 0 0;
padding: 5px 0;
font-size: 24px;
border-bottom: 1px solid #aaaaaa;
}
.jobContent h4{display: inline-block;
padding: 0;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #222;
margin-bottom: 10px;
}
.jobContent p{margin-bottom: 20px;}
.jobFooter{
width: 100%;
padding: 15px 0;
border-top: 1px solid #aaa;
}
.jobFooter button.closebtn{
background-color: #dcdcdc;
color: #818181;
border:0;
min-width: 150px;
text-align: center;
border-radius: 0;
padding: 10px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.jobFooter button.closebtn:hover{
background-color: #b01117;
color: #fff;
}