/*MAIN CSS*/
/*\\\\\\\\\\\\\*/
/*=================*/
@font-face {
font-family: 'Nimbus Reg';
src: url(../fonts/NimbusSanL-Regu.ttf);
}
/* @font-face {
font-family: 'Montserrat ExtraBold';
src: url(../fonts/Montserrat-ExtraBold.ttf);
} */
body{
background-color: #fff;
position: relative;
font-family: "nimbus-sans",helvetica,arial,sans-serif;
}
::-moz-selection { background: #d8a463; color: #fff;}
::selection { background: #d8a463; color: #fff;}
/* ================= normalizing =============*/
a,h1,h2,h3,h4,h5,h6,ul,li,ol,span,p,input{
padding: 0;
margin: 0;
outline: none;
text-decoration: none!important;
color: #000;
list-style: none;
}
img{
width: 100%;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
input[type="number"]{
appearance:textfield;
-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
}
/*========= end ===============*/
.new_footer h3 span{
display: none;
}
/* Common Styles */
.master_wrap{
// max-width: 1440px;
margin: 0 auto;
position: relative;
overflow: hidden;
max-width: 960px;
}
.ease{
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.vert_center{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
/* =============== end ============*/
/*============================ HEADER ===========================*/
.logo_wrp{
max-width: 150px;
float: left;
}
.header_section{
padding: 30px 0;
position: fixed;
top: 0;
right: 0;
max-width: 960px;
left: 0;
margin: auto;
width: 100%;
background: #fff;
z-index: 999;
border-bottom: 1px solid #c6c6c6;
padding-bottom: 20px;
}
.header_section .nav_container{
display: none;
}
.log_in_wrp{
float: right;
}
.log_in_wrp a{
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #000;
}
.log_in_wrp a:hover{
color: #d8a462;
}
.our_secters p:hover{
color: #d8a462;
}
.header_wrp:after{
display: block;
clear: both;
content: "";
}
.grid_conts p:hover{
color: #fff;
}
.header_section .nav_container{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 0px 0;
margin-top: 10px;
position: relative;
}
.header_section .nav_container ul#nav{
display: block;
text-align: center;
}
.header_section .nav_container ul#nav:after{
content: "";
display: block;
clear: both;
}
.sign_icon{
display: none;
}
.header_section .nav_container ul#nav > li{
display: block;
width: 11.11%;
float: left;
padding: 8px 0;
}
.header_section .nav_container ul#nav ul{
padding: 15px;
padding-top: 30px;
border-radius: 0;
}
.header_section .nav_container ul#nav ul ul{
padding: 10px 0;
}
.header_section .nav_container ul#nav li:hover > ul{
display: block;
width: 100%;
z-index: 9;
margin-top: 0;
}
.header_section .nav_container ul#nav > li a{
padding: 0;
background: transparent;
white-space: normal;
}
.header_section .nav_container ul#nav > li > ul > li{
display: inline-block;
vertical-align: top;
padding-right: 20px;
width: 19%;
}
.header_section .nav_container ul#nav > li .caret{
display: none;
}
#nav-icon4 {
width: 30px;
height: 23px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
display: none;
vertical-align: middle;
}
#nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #d8a463;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon4 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
top: 23px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
left: 5px;
}
#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 18px;
left: 5px;
}
/* =========================================== */
.banner_content{
padding: 12% 15px;
text-align: center;
margin-top: 125px;
}
.banner_content h1{
font-size: 45px;
margin-bottom: 35px;
width: auto !important;
margin: 0 auto 100px auto;
font-family: 'Nimbus Reg';
display:inline-block;
font-weight: 300 !important;
background: rgba(255, 255, 255, 0.62);
padding: 5px;
}
.banner_content p{
font-size: 16px;
padding-bottom: 50px;
}
.banner_content a{
max-width: 176px;
font-size: 16px;
background: #d8a463;
display: block;
padding: 10px 0;
color: #fff;
margin:auto;
}
.banner_text{
padding: 80px 15px;
text-align: center;
padding-bottom: 30px;
}
.banner_text p{
font-size: 17px;
max-width: 850px;
margin: 0 auto;
}
.our_secters h4{
text-align: center;
position: relative;
}
.our_secters h4:after{
width: 100%;
height: 1px;
border-bottom: 1px solid #000;
content: "";
display: block;
margin-top: -10px;
}
.our_secters h4 strong{
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
background: #fff;
display: inline-block;
padding: 2px 50px;
font-size: 14px;
}
.our_secters li{
width: 20%;
display: block;
float: left;
padding: 0 10px;
}
.our_secters ul:after{
display: block;
clear: both;
content: "";
}
.our_secters ul{
padding-top: 65px;
margin: 0 -10px;
}
.our_secters h2{
color: #D8A462;
font-size: 20px;
height: 45px;
overflow: hidden;
margin-bottom: 15px;
}
.our_secters p{
font-size: 12px;
font-weight: 100;
padding-top: 20px;
height: 85px;
}
.our_secters a{
text-transform: uppercase;
margin-top: 5px;
display: inline-block;
font-size: 14px;
color: #D8A462;
overflow: hidden;
}
.our_secters a img{
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
height: auto;
}
.our_secters a:hover img{
transform: scale(1.08);
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
}
.what_we_ofr ul{
max-width: 800px;
margin: 0 auto;
display: block;
padding-top: 65px;
padding-bottom: 65px;
}
.what_we_ofr ul:after{
display: block;
content: "";
clear: both;
}
.what_we_ofr li{
width: 25%;
display: block;
float: left;
text-align: center;
padding: 10px 0;
}
.what_we_ofr li img{
max-width: 90px;
height: auto;
}
.what_we_ofr li p{
font-size: 14px;
font-weight: 300;
}
.our_secters {
padding: 50px 0;
}
.what_we_ofr h4{
text-align: center;
position: relative;
}
.what_we_ofr h4:after{
width: 100%;
height: 1px;
border-bottom: 1px solid #000;
content: "";
display: block;
margin-top: -10px;
}
.what_we_ofr h4 strong{
position: relative;
display: inline-block;
background: #fff;
padding: 2px 35px;
font-weight: normal;
font-size: 14px;
}
.enquir_form{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 80px 0;
}
.enquir_form form{
background: #F7F6F5;
max-width: 650px;
margin: 0 auto;
padding: 50px;
}
.enquir_form h4{
font-size: 24px;
padding-bottom: 35px;
}
.enquir_form p{
padding: 35px 0;
position: relative;
max-width: 375px;
margin: 0 auto;
}
.enquir_form a{
display: inline-block;
padding: 8px;
width: 100%;
max-width: 375px;
font-size: 18px;
}
a.aply_enquir{
background: #d8a464;
color: #fff;
}
a.enquir_signin{
border: 1px solid #000;
color: #000;
}
.enquir_form p:after{
display: block;
width: 100%;
height: 1px;
content: "";
position: absolute;
background: #000;
top: 51%;
}
.enquir_form p strong{
background: #F7F6F5;
padding: 2px 10px;
z-index: 1;
position: relative;
text-transform: uppercase;
font-weight: normal;
}
.visit_shop_section{
text-align: center;
position: relative;
}
.visit_shop_section .visit_shop_content{
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.visit_shop_content img{
max-width: 250px;
}
.visit_shop_content a{
margin-top: 50px;
display: inline-block;
padding: 8px 50px;
background: #064d8c;
color: #fff;
font-size: 18px;
}
.social_wrp{
padding: 25px 15px;
text-align: center;
border-bottom: 1px solid #000;
}
section.social_wrp i:hover {
color: #e1b682;
}
.social_wrp strong{
font-weight: normal;
padding-right: 10px;
vertical-align: middle;
font-size: 12px;
position: relative;
top:3px;
}
.new_footer .container-fluid{
padding: 0;
}
.social_wrp a{
margin: 0 5px;
display: inline-block;
}
.social-icon
{
width: auto !important;
max-width: 600px;
}
.social_wrp .fa{
font-size: 29px;
color: #959595;
vertical-align: middle;
}
.strore_menu_section{
text-align: center;
}
.strore_menu_section ul{
display: block;
padding-top: 30px;
}
.strore_menu_section ul:after{
display: block;
content: "";
clear: both;
}
.strore_menu_section ul li{
display: block;
float: left;
width: 20%;
}
.strore_menu_section ul li a{
font-size: 17px;
color: #000;
}
.strore_menu_section ul li a:hover{
color: #d8a463;
}
.sectr_header h5{
font-size: 18px;
font-weight: normal;
cursor: pointer;
display: inline-block;
border-bottom: 1px solid #000;
}
.pdf-dwnld {
background: #d8a462;
max-width: 300px;
margin: 50px auto 0 auto;
text-align: center;
height: 35px;
/* color: #fff; */
}
.pdf-dwnld a{
color: #fff;
font-size: 12px;
margin: 10px;
}
.sectr_header h5.active {
border: 0;
}
.sectr_header p{
font-size: 15px;
font-weight: normal;
height: auto;
padding: 0;
max-width: 500px;
margin: 0 auto;
padding-top: 30px;
}
.sectr_header {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding-top: 50px;
}
.each_sectr{
border-top: 1px solid #ddd;
padding: 20px 0;
}
.each_sectr:last-child{
border-bottom: 1px solid #ddd;
}
.our_secters h3{
text-align: center;
padding-top: 35px;
}
.each_sectr div{
display: none;
}
.sectr_grids li{
width: 50%;
padding: 25% 0;
background-size: cover;
background-position: center;
border: 10px solid #fff;
position: relative;
}
.sectr_grids li + li{
padding: 12% 0;
}
.grid_conts{
position: absolute;
top: 15px;
right: 15px;
background: #d8a464;
color: #fff;
padding: 15px;
display: none;
width: 450px;
max-width: 90%;
}
.grid_conts h5{
font-size: 26px;
color: #fff;
padding-bottom: 15px;
padding-right: 50px;
}
.sectr_grid_inner a{
position: absolute;
top: 15px;
right: 15px;
padding: 4px 14px;
/*height: 50px;
width: 50px;*/
text-align: center;
line-height: 42px;
color: #fff;
background: #d8a464;
font-size: 40px;
z-index: 9;
margin: 0;
}
.sectr_grid_inner a span{
color: #fff;
}
.grid_conts p{
height: auto;
padding-top: 0;
color: #fff;
padding-bottom:5px;
font-weight: 300;
}
.sectr_grid_inner a span{
display: inline-block;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
/*margin-top: 4px;*/
}
.sectr_grid_inner a.active span{
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.new_footer{
padding: 30px 0 20px 0;
}
.new_footer h3{
color: #d8a463;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.new_footer a{
font-size: 12px;
color: #000;
}
.footer_pay_new {
padding: 15px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
}
.footer_pay_new p{
display: inline-block;
padding: 0 10px;
font-size: 12px;
font-weight: 300;
}
.footer_pay_new p img{
width: auto;
max-width: 100%;
}
.footer_links{
padding: 9px 0px;
}
.footer_links address{
float: right;
margin: 0;
font-size: 12px;
font-weight: 300;
}
.footer4 p {
font-size: 12px;
}
.footer_links a{
color: #000;
font-size: 11.5px;
font-weight: 300;
}
.footer4 a:hover {
color: #d8a462;
}
.display_open{
display: none;
}
span.read-more:hover {
color: #d8a462;
}
li#menu-item-123 {
position: relative;
top: -12px;
}
.sectr_grids.single_image li{
width: 100% !important;
}
.new_footer a:hover {
color: #d8a462;
}
.footer_links a:hover {
color: #d8a462;
}
/*================================================================================ */
/* LESS Compiled to CSS (Please read PDF guide to manage colors via LESS
with just a single line of code editing) */
/*=================================================================================*/
@media(max-width: 767px){
.banner_content{
margin-top:0 !important;
}
.log_in_wrp{
position: relative;
right: 15px;
}
.logo_wrp{
position: relative;
left:15px;
}
.header_section{
position: relative;
}
#nav-icon4{
display: none !important;
}
.header_section{
padding: 15px 0;
}
.our_secters p{
display: block;
height: auto;
}
/*.our_secters a {
display: block;
height: auto;
padding-top: 0;
margin-bottom: 0 !important;
}*/
.our_secters h2{
height: 25px;
}
.our_secters li{
border-bottom: 1px solid #ccc;
padding:25px 10px;
margin-bottom: 0 !important;
}
.banner_content h1{
margin-bottom: 50px auto !important;
}
.enquir_form p{
max-width: 100%;
}
.social_wrp strong{
display: none;
}
.social_wrp .fa{
font-size: 40px;
}
.social_wrp{
border-top: 1px solid #000;
border-bottom: 2px solid #000;
margin-top: 5px;
}
.social_wrp a{
margin:0 10px;
}
.new_footer .container-fluid{
padding: 0 10px;
}
.new_footer ul{
display: none;
}
.new_footer h3{
text-align: left;
font-weight: 100;
}
.new_footer .col-sm-3{
margin-bottom: 0 !important;
}
.new_footer h3{
border-top: 2px solid #000;
padding: 13px 0;
}
.footer4 h3{
border-bottom: 2px solid #000;
}
.footer4 p {
padding-top: 15px;
}
.footer1 h3{
border-top: none;
}
.new_footer h3 span{
display: inline-block;
float: right;
}
.new_footer h3 span img{
max-width: 18px;
}
.new_footer p{
display: none;
}
.new_footer h3.active span img{
transform: rotate(90deg);
}
.new_footer h3.arrow.active + ul{
display: block;
}
.new_footer h3.arrow.active + ul ul{
display: block;
text-align: left;
}
.new_footer h3.arrow.active + ul ul li{
padding: 8px 0;
border-bottom: 1px solid #333;
}
.new_footer h3.arrow.active + p{
display: block;
}
.sign_icon{
display: block;
max-width: 30px;
padding-top: 15px;
}
.sign_text{
display: none;
}
.pdf-dwnld{
display: none;
}
.footer_pay_new{
display: none !important;
}
li#menu-item-123{
top:0 !important;
}
}
/*================================================================================ */
/* New Style */
/*=================================================================================*/
.sectr_grids li + li {
padding-top: 117px;
}
.logo_wrp img {
position: relative;
right: 3px;
}
@media screen and (min-width:992px) {
article.col-md-12 {
padding: 0;
}
}
@media (max-width: 767px){
.social_wrp {
border-top: 0;
}
.new_footer {
padding: 0 0 20px 0;
}
}